html, body, textarea, input { font-family: georgia, arial, helvetica, sans-serif; font-size: 16px;  }
body { background: #FFFFFF none repeat scroll 0 0; color: #000000; min-width: 830px; margin: 0; padding: 0;}

h1, h2, h3, h4, h5, a { color: #006699; }

a { cursor: pointer; text-decoration: underline; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; }
a:hover { text-decoration: none; }

p, ul, li { margin: 0; padding: 0; }

#header { height: 26px; border-bottom: 2px solid #006699; }
#body { min-height: 300px; padding-left: 30px; }
#footer { border-top: 2px solid #CCCCCC; clear: both; padding-top: 2px; }
#footer p { padding-left: 30px; padding-right: 10px; display: inline; }

#overlay[id] { position:fixed; }
#overlay { background-color:#000000; height:100%; left:0; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); position:absolute; top:0; width:100%; z-index:5000; }
#lightbox[id] { position:fixed; }
#lightbox { background:#FFFFFF none repeat scroll 0 0; border:1px solid #FFFFFF; display:none; min-height:120px; left:50%; margin:-160px 0 0 -250px; position:absolute; text-align:left; top:50%; width:420px; z-index:9999; padding: 20px; }

code { border-left:5px solid #999999; font-size:12px; display: block; padding-left:10px; max-width:800px; overflow:hidden; }

table { border-collapse:collapse; font-family: arial,helvetica,sans-serif; font-size: 14px; width: 800px; }
table th { border-bottom:3px solid #E7F2FF; background-color:#006699; font-size:18px; font-weight:normal; padding:3px; text-align: left; }
table th a { color: #FFFFFF; }
table td { border-bottom:1px solid #CCCCCC; color:#082D5A; padding: 5px; }
table tr:hover { background-color: #E7F2FF; }

.list-panel .panel { padding-top: 20px; padding-bottom: 20px; }
.list-panel .panel form { padding-top: 10px; }

.body-container-form { padding-top: 25px; padding-bottom: 55px; width:800px; min-height: 300px; }
.body-container { padding-top: 25px; padding-bottom: 55px; width:800px; min-height: 300px; overflow: hidden; }
.body-container p { padding-bottom: 10px; }

.marginleft { margin-left: 10px; }

.section { border-bottom: 1px solid #006699; color: #FFFFFF; width: 400px; }
.section span { background-color: #006699; padding: 2px 10px 0 10px; font-size: 17px; }

.clear { clear: both; }

.processing { font-family: arial, helvetica, sans-serif; font-weight: bold; }

.info-section { border: 2px solid #CCCCCC; padding: 10px; min-width: 50px; min-height: 50px; background-color: #FFFFCC;}
.info-section ul { padding-left: 20px; }
.info-section i { background-color: #FCFF00; }

form { }
form label { display:block; font-weight:bold; }
form input.text, form input.password, form input.file, form textarea, form select { border:2px solid #CCCCCC; }
form input.text, form input.password, form input.file, form select { font-size: 14pt;}
form .form-row { padding: 10px 10px 10px 0; }
form .file { width: 340px; }

.errortext { color: #FF0000; font-weight: bold; padding-left: 5px; }
.error { background-color: #FF8856; color: #FFFFFF; }
.errors { padding-left: 10px; }
.errors ul li { list-style-image:none; list-style-position:outside; list-style-type:square; border-bottom:1px solid #FFEBE8; padding-bottom: 1px; }

.form-section { padding-top: 20px; }

.icon { display: block; width: 16px; height: 16px; }
.bold-button { background-image: url(../../img/bbcode/icons.png); background-position: 2px 2px; background-repeat: no-repeat;}
.italic-button { background-image: url(../../img/bbcode/icons.png); background-position: 2px -13px; background-repeat: no-repeat;}
.underline-button { background-image: url(../../img/bbcode/icons.png); background-position: 2px -28px; background-repeat: no-repeat;}
.link-button { background-image: url(../../img/bbcode/icons.png); background-position: 2px -45px; background-repeat: no-repeat;}
.film-button { background-image: url(../../img/bbcode/icons.png); background-position: 2px -62px; background-repeat: no-repeat;}
.code-button { background-image: url(../../img/bbcode/icons.png); background-position: 2px -80px; background-repeat: no-repeat;}
.formatted-code-button { background-image: url(../../img/bbcode/icons.png); background-position: 2px -100px; background-repeat: no-repeat;}

.content-section h2 { padding: 0px; margin: 0px; float: left; }
.content-section ul { float: right; list-style-image:none; list-style-position:outside; list-style-type:none; padding:0; }
.content-section ul li { float: left; }
.content-section ul li a { float: left; border: 1px solid #000000; cursor: pointer; padding: 2px; margin: 2px; }
.content-section ul li a:hover { background-color: #89C5E7; }
.content-section textarea { width: 796px; }
.content-section-bottom { position: relative; height: 36px; }
.content-section-bottom .content-add-photo { background: #FFFFFF url(../../img/icons/add.gif) no-repeat scroll 0 0; padding-left: 36px; padding-top:8px; height: 28px; position: absolute; left: 10px; }
.content-section-bottom .content-add-photo-url { left: 150px; padding-top:8px; height: 28px; position: absolute; }
.content-section-bottom .content-decrease-size { background: #FFFFFF url(../../img/icons/up.gif) no-repeat scroll 0 0; display: block; width: 20px; height: 20px; margin-left: 5px; position: absolute; right: 30px; }
.content-section-bottom .content-increase-size { background: #FFFFFF url(../../img/icons/down.gif) no-repeat scroll 0 0; display: block; width: 20px; height: 20px; position: absolute; right: 10px; }

.content-errors { float:left; padding-left:20px; padding-top:8px; width:400px; color: #FF0000; font-weight: bold; } 

.content-upload { clear: both; }

.photos-uploaders { float: left; width: 800px; }
.photos-uploader { float: left; width: 800px; background: #FFFFFF url(../../img/ajax-loader.gif) no-repeat scroll 0 0; min-height: 35px; }
.photos-uploader iframe { float: left; top: 0;}
.photos-uploader img { float: left; cursor: pointer; }
.photos-uploader .photos-uploader-info { float: left; width: 400px; }

.photos-uploader-details .remove-photo { background-image: url(../../img/icons/delsmall.gif); background-repeat:no-repeat; padding-left: 30px; display:block; height:30px; padding-top:3px; width: 120px; }
.photos-uploader-details { float: left; padding: 10px 10px 0; margin-bottom:10px; width: 780px; background-color: #F5F5F5; }
.photos-uploader-details .thumb { float: left; padding-right:10px; }
.photos-uploader-details .thumb img { border: 1px solid #CCCCCC; padding: 1px; cursor: pointer; } 
.photos-uploader-details .details { float: left; }
.photos-uploader-details p { padding-bottom:6px; }  
.photos-uploader-details .details input { background-color: #EFEFEF; border:1px solid #CCCCCC; padding:5px; width: 650px; }

.url-component { padding-top: 20px; clear:both; } 
.url-component h2 { padding: 0; margin: 0; font-size: 18px; }
.share-section { padding-top: 20px; }
.share-section h2 { padding: 0; margin: 0; font-size: 18px; }
.share-section label { display: inline; font-weight: normal; }
.url-field { color: #CCCCCC; }

.button-component { padding-top: 30px; }

.content-preview-buttons { float: left; }
.content-preview-buttons form { float: left; }
.content-preview-buttons #submit_correct { float: left; margin-right: 20px;}

.bottom-counter { padding-bottom: 5px; padding-bottom: 15px; width: 800px; color: #8B8B8B; }
.bottom-counter b { color: #6594AB; }
.content-preview { padding-top: 25px; padding-bottom: 55px; overflow: hidden; width: 800px; }

.form-container { float: left; }
.form-container form { padding-left: 10px; }
.form-left { border-right: 1px solid #CCCCCC; width: 400px; }
.form-left, .form-right { float: left; padding: 5px; }
.form-right { width: 250px; padding-top: 20px; }

.button:hover { background: #46A9DF none repeat scroll 0 0; color:#FFFFFF; }
.button { background: #006699 none repeat scroll 0 0; border: 2px solid #000000; color: #FFFFFF; cursor: pointer; padding:4px 6px; font-weight: bold; font-size: 18px; }

.toplogo { position: relative; }
.toplogo .toplogobg { display: block; position: absolute; background-color: #006699; width: 86px; height: 26px; }
.toplogo img { position: absolute; top: 4px; left: 30px; }
.toplogo a { margin-left: 10px; }
.toplogo .toplinks { position: absolute; right: 5px; top: 4px; }

ul.menubar { display:inline; list-style-image:none; list-style-position:outside; list-style-type:none; padding:0; }
ul.menubar li { border-left: 1px solid #999999; display:inline; margin: 0; padding: 0 10px; }

span.shortbg { background-color: #006699; color: #FFFFFF; }

.pages { clear:left; font-size:90%; margin-top: 10px; }
.pages a { border:1px solid #0A4E93; text-decoration:none; color: #0A4E93; }
.pages a:hover { color: #FFFFFF; background-color: #0A4E93; border-color:#0A4E93; }
.pages span.nextprev { border:1px solid #D1E8FF; color:#D1E8FF; }
.pages a, .pages span { background:#FFFFFF none repeat scroll 0 0; display:block; float:left; margin-right:0.1em; padding:0.2em 0.5em; }
.pages .page { border:1px solid #0A4E93; background-color: #0A4E93; font-weight: bold; color: #FFFFFF; }

.selector { float: right; } 
.selector a { float: right; padding: 5px; }


.syntaxhighlighter { background-color: #E7E5DC !important; width: 795px;}
/* Highlighed line number */
.syntaxhighlighter .line.highlighted .number { background-color: #6CE26C !important; color: black !important; }
/* Highlighed line */
.syntaxhighlighter .line.highlighted.alt1 .content, .syntaxhighlighter .line.highlighted.alt2 .content { background-color: #6CE26C !important; }
/* Gutter line numbers */
.syntaxhighlighter .line .number { color: #5C5C5C !important; }
/* Add border to the lines */
.syntaxhighlighter .line .content {	border-left: 3px solid #6CE26C !important; color: #000 !important; }
.syntaxhighlighter.printing .line .content { border: 0 !important; }
/* First line */
.syntaxhighlighter .line.alt1 .content { background-color: #fff !important; }
/* Second line */
.syntaxhighlighter .line.alt2 .content { background-color: #F8F8F8 !important; }
.syntaxhighlighter .line .content .block { background: url(../../img/syntax/wrapping.png) 0 1.1em no-repeat !important; }
.syntaxhighlighter .ruler { color: silver !important; background-color: #F8F8F8 !important; border-left: 3px solid #6CE26C !important; }
.syntaxhighlighter.nogutter .ruler { border: 0 !important; }
.syntaxhighlighter .toolbar { background-color: #F8F8F8 !important; border: #E7E5DC solid 1px !important; }
.syntaxhighlighter .toolbar a { color: #a0a0a0 !important; }
.syntaxhighlighter .toolbar a:hover { color: red !important; }

/************************************
 * Actual syntax highlighter colors.
 ************************************/
 .syntaxhighlighter, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter span {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	background: none !important;
	text-align: left !important;
	float: none !important;
	vertical-align: baseline !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	height: auto !important;
	width: auto !important;
	line-height: 1.1em !important;
	font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-size: 14px !important;
}
.syntaxhighlighter { width: 795px !important; margin: 1em 0 1em 0 !important; padding: 1px !important; /* adds a little border on top and bottom */ position: relative !important; }
.syntaxhighlighter code { display: inline !important; }
.syntaxhighlighter .bold { font-weight: bold !important; }
.syntaxhighlighter .italic { font-style: italic !important; }
.syntaxhighlighter .line .number { float: left !important; width: 3em !important; padding-right: .3em !important; text-align: right !important; display: block !important; }
/* Disable numbers when no gutter option is set */
.syntaxhighlighter.nogutter .line .number { display: none !important; }
.syntaxhighlighter .line .content { margin-left: 3.3em !important; padding-left: .5em !important; display: block !important; }
.syntaxhighlighter .line .content .block { display: block !important; padding-left: 1.5em !important; text-indent: -1.5em !important; }
.syntaxhighlighter .line .content .spaces { display: none !important; }
/* Disable border and margin on the lines when no gutter option is set */
.syntaxhighlighter.nogutter .line .content { margin-left: 0 !important; border-left: none !important; }
.syntaxhighlighter .bar { display: none !important; }
.syntaxhighlighter .bar.show { display: block !important; }
.syntaxhighlighter.collapsed .bar { display: block !important; }
.syntaxhighlighter.nogutter .ruler { margin-left: 0 !important; padding-left: 0 !important; }
.syntaxhighlighter .ruler { padding: 0 0 .5em .5em !important; margin-left: 3.3em !important; overflow: hidden !important; }
/* Adjust some properties when collapsed */
.syntaxhighlighter.collapsed .lines, .syntaxhighlighter.collapsed .ruler { display: none !important; }
.syntaxhighlighter .lines.no-wrap { overflow: auto; overflow-y: hidden; }
/* Styles for the toolbar */

.syntaxhighlighter .toolbar { position: absolute !important; right: 0px !important; top: 0px !important; font-size: 1px !important; padding: 8px 8px 8px 0 !important; /* in px because images don't scale with ems */ }
.syntaxhighlighter.collapsed .toolbar { font-size: 80% !important; padding: .2em 0 .5em .5em !important; position: static !important; }
.syntaxhighlighter .toolbar a.item, .syntaxhighlighter .toolbar .item { display: block !important; float: left !important; margin-left: 8px !important; background-repeat: no-repeat !important; overflow: hidden !important; text-indent: -5000px !important; }
.syntaxhighlighter.collapsed .toolbar .item { display: none !important; }
.syntaxhighlighter.collapsed .toolbar .item.expandSource { background-image: url(../../img/syntax/magnifier.png) !important; display: inline !important; text-indent: 0 !important; width: auto !important; float: none !important; height: 16px !important; padding-left: 20px !important; }

.syntaxhighlighter .toolbar .item.viewSource { background-image: url(../../img/syntax/page_white_code.png) !important; }
.syntaxhighlighter .toolbar .item.printSource { background-image: url(../../img/syntax/printer.png) !important; }
.syntaxhighlighter .toolbar .item.copyToClipboard { text-indent: 0 !important; background: none !important; overflow: visible !important; }
.syntaxhighlighter .toolbar .item.about { background-image: url(../../img/syntax/help.png) !important; }

/** 
 * Print view.
 * Colors are based on the default theme without background.
 */

.syntaxhighlighter.printing,
.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content,
.syntaxhighlighter.printing .line .content .block { background: none !important; }
.syntaxhighlighter .no-wrap .line .content .block { white-space: nowrap !important; }

/* Gutter line numbers */
.syntaxhighlighter.printing .line .number { color: #bbb !important; }

/* Add border to the lines */
.syntaxhighlighter.printing .line .content { color: #000 !important; }

/* Toolbar when visible */
.syntaxhighlighter.printing .toolbar, .syntaxhighlighter.printing .ruler { display: none !important; }
.syntaxhighlighter.printing a { text-decoration: none !important; }
.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a { color: #000 !important; }
.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a { color: #008200 !important; }
.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a { color: blue !important; }
.syntaxhighlighter.printing .keyword { color: #069 !important; font-weight: bold !important; }
.syntaxhighlighter.printing .preprocessor { color: gray !important; }
.syntaxhighlighter.printing .variable { color: #a70 !important; }
.syntaxhighlighter.printing .value { color: #090 !important; }
.syntaxhighlighter.printing .functions { color: #ff1493 !important; }
.syntaxhighlighter.printing .constants { color: #0066CC !important; }
.syntaxhighlighter.printing .script { font-weight: bold !important; }
.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a { color: #808080 !important; }
.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a { color: #ff1493 !important; }
.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a { color: red !important; }
 
.syntaxhighlighter .plain, .syntaxhighlighter .plain a { color: #000 !important; }
.syntaxhighlighter .comments, .syntaxhighlighter .comments a { color: #008200 !important; } 
.syntaxhighlighter .string, .syntaxhighlighter .string a { color: blue !important; }
.syntaxhighlighter .keyword { color: #069 !important; font-weight: bold !important; }
.syntaxhighlighter .preprocessor { color: gray !important; }
.syntaxhighlighter .variable { color: #a70 !important; }
.syntaxhighlighter .value { color: #090 !important; }
.syntaxhighlighter .functions { color: #ff1493 !important; }
.syntaxhighlighter .constants { color: #0066CC !important; }
.syntaxhighlighter .script { background-color: yellow !important; }
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a { color: #808080 !important; }
.syntaxhighlighter .color2, .syntaxhighlighter .color2 a { color: #ff1493 !important; }
.syntaxhighlighter .color3, .syntaxhighlighter .color3 a { color: red !important; }