/* CSS Document */

/* base */
body { background: #20425e; margin:0; font: bold 12px/15px Arial, Helvetica, sans-serif; color: #bbb; }
body.preload { background: #20425e url(../images/background.jpg) repeat-x top left; margin:0; font: bold 12px/15px Arial, Helvetica, sans-serif; color: #bbb; visibility: hidden; }
body.loaded { background: #20425e url(../images/background.jpg) repeat-x top left; margin:0; font: bold 12px/15px Arial, Helvetica, sans-serif; color: #bbb; visibility: visible; }
body.popup { background: #242223; margin:0; font: bold 12px/15px Arial, Helvetica, sans-serif; color: #bbb; }

/* standard link styles */
a:link { color: #71caef; text-decoration: none; }
a:visited { color: #71caef; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }
a:active { color: #71caef; }

/* more styles */
div { margin: 0; padding: 0; }
div h1 { font: bold 18px/20px Helvetica, Arial, sans-serif; color: #71caef; margin: 0; padding: 0; }
div h1 a:link { color: #fefefe; text-decoration: none; }
div h1 a:visited { color: #fefefe; text-decoration: none; }
div h1 a:hover { text-decoration: underline; }
div h1 a:active { color: #fefefe; }
div h2 { font: 18px/20px Helvetica, Arial, sans-serif; color: #eee; text-transform: uppercase; margin: 0; padding: 0; }
div h2 a:link { color: #fefefe; text-decoration: none; }
div h2 a:visited { color: #fefefe; text-decoration: none; }
div h2 a:hover { color: #fff; text-decoration: underline; }
div h2 a:active { color: #fefefe; }
div h3 { font: bold 12px/15px Arial, Helvetica, sans-serif; color: #f2f2f2; margin: 1em 0 1em 0; padding: 0; text-transform: uppercase;}
div h4 { font: bold 12px/15px Arial, Helvetica, sans-serif; color: #f2f2f2; margin: 1em 0 1em 0; padding: 0; text-transform: uppercase;}
div h4 a:link { color: #71caef; text-decoration: none; }
div h4 a:visited { color: #71caef; text-decoration: none; }
div h4 a:hover { color: #fff; text-decoration: underline; }
div h4 a:active { color: #0050a1; }
div h5 { font: bold 12px/15px Helvetica, Arial, sans-serif; color: #f2f2f2; margin: 0; padding: 0; }
div h6 { font: italic 12px/15px Arial, Helvetica, sans-serif; color: #999; margin: 0 0 .5em 0; padding: 0; }
div p  { font: 12px/15px Arial, Helvetica, sans-serif; color: #bbb; margin: 0 0 1em 0; padding: 0; }
div blockquote { border: 1px solid #ccc; background:#edf4f6; font: 16px/18px Georgia, Arial, Helvetica, sans-serif; 
	color: #000; margin: 0 0 14px 0; padding: 6px 12px 8px 20px;}
div blockquote.quote { text-indent: -8px;}
div img { border: 0px solid #000; } /* display:block; } */
div hr { display:block; border:0; border-top: 1px dotted #ccc; height: 0; margin: .5em 0 .5em 0; padding: 0; clear:both}

/* base plus class name */

div.indent { padding: 0 0 0 18px;}
div img.inline { display: inline; }
div img.left { float:left; margin: 3px 10px 5px 0;}
div img.right { float:left; margin: 3px 0 5px 10px;}
div p.indent { text-indent: 0; }
div p.gap { margin-bottom: 30px }
div p.compact { margin: 0; padding: 0; }
div p a.more { display:block; margin: 2px 0 0 0;}
div a.arrowPre:before { content:"\00BB \00A0" }
div a.arrowPost:after { content:"\00A0 \00BB" }
div a.def:link { color: #71caef; text-decoration: none; border-bottom: 1px dashed #71caef; }
div a.def:visited { color: #71caef; text-decoration: none; border-bottom: 1px dashed #71caef; }
div a.def:hover { color: #004061; text-decoration: none; border-bottom: 1px dashed #004061; }
div a.def:active { color: #71caef; }
div ul.icons { list-style-type: none; padding: 2px 0 0 0; margin:0}
div ul.icons li { padding: 2px 0 2px 0; margin: 0}
div ul.icons li img { vertical-align: middle; display: inline; margin: 0 .5em 0 0}
div ul.compact { list-style-type: none; padding: 0; margin:0}
div ul.compact li { padding: 0; margin: 0}
div ul.arrow { list-style: url(../images/arrow.gif); }
div table.gap { margin-bottom: 30px }
div hr.thick { border-top: 2px solid #ccc; margin: 21px 0 7px 0;}
sup { vertical-align: baseline; font-size: 89%; position: relative; top: -.4em; } 
sub { vertical-align: baseline; font-size: 89%; position: relative; top: +.20em; }

/* form */
div form { margin: 0; padding: 0; }
/* div form input { font: 12px/15px Helvetica, Arial, sans-serif; color: #333; border: 1px solid #666; padding: 2px; margin: 0 0 2px 0; }
div form textarea { font: 12px/15px Helvetica, Arial, sans-serif; color: #333; border: 1px solid #666; margin: 0 0 2px 0; } */
.button { font: 12px/15px Helvetica, Arial, sans-serif; color: #333; border: 1px solid #666; padding: 1px; margin: 0 0 2px 0;  }
.button:hover { background: #ccc; } 
div.formgroup1 { padding: 10px; margin-bottom: 10px; background: #112430; border-left: 10px solid #203660; }
div.formgroup1 p { margin-bottom: 7px; }
div.formgroup2 { padding: 10px; margin-bottom: 10px; background: #112430; border-left: 10px solid #203660; }
div.formgroup2 p { margin-bottom: 7px; }
div.formgroup2 table { font: bold 12px/15px Helvetica, Arial, sans-serif; color: #f2f2f2; margin: 0; padding: 0; }
div.formgroup3 { padding: 10px; margin-bottom: 10px; background: #112430; border-left: 10px solid #203660; display: inline-block; }
div.formgroup3 .create-post-actions ul { margin: 0; padding: 5px 0 0 0; }
div.alert { padding: 10px; margin-bottom: 10px; background: #ddd; border-left: 10px solid #f99c20; }
div.alert p { color: #900; }
div.alert p.success { color: #488100; }
span.requiredfield { color: #cc0000; font-style: italic; font-weight: bold; }
span.validatormsg { color: #cc0000; font-weight: bold; }
span.banneduserlabel { color: #cc0000; font-style: italic; }
.textInput { font: 12px/15px Helvetica, Arial, sans-serif; color: #333; border: 1px solid #666; padding: 2px; margin: 0 0 2px 0; width: 200px;}

.restrict_text {overflow:hidden;}
.hide { visibility:hidden; }
br.clear { clear:both; height: 0; margin: 0; padding: 0; }
.clear { clear: both }