@charset "UTF-8";
/* CSS Document */

/************************************************************
*************************************************************
*************** G L O B A L  C L A S S E S*******************
*************************************************************
************************************************************/
form { padding:0; margin:0; }
.lefty { float:left } 
.righty{ float:right } 
.cleaner{ clear:both }
.margined{ margin:1em; }
.padded { padding:1em; }
.hidden { display:none; }


.side { float:left; padding:1em 0; text-align:center; }
.aside { float:left; width:60%; padding:1em; }
.third { float:left; width:33%; }
.meta { color:#666; }
.mini { font-size:7pt; }
a.btn { display:inline-block; padding:5px 1em; margin:0 .3em; background:#EAEAEA; border:solid 1px #ccc; text-align:none;border-top-color:#f4f4f4; border-left-color:#f4f4f4; color:black; text-decoration:none; }
a.btn:hover { background-color:#666; color:white; }
a.delete { text-decoration:none; }

.comment { font-size:12pt; color:black; margin:1em 0em 1em 3em; }
.comment .name { float:left; margin:0 1.5em; }
.comment .pointer { float:left; width:21px; height:21px; background:url(../imgs/comment_pointer_1.gif) left top; margin:0 10px; }
.comment .message { background-color:#CCF5FF; color:#036; padding:1em 2em; clear:both; white-space:pre-wrap; }
.comment .odd .pointer { float:right; background:url(../imgs/comment_pointer_2.gif) right top !IMPORTANT; margin:0 10px;}
.comment .odd .name { float:right !IMPORTANT;  }
.comment .odd .message { background-color:#f3f3f3 !IMPORTANT; color:#333; }
.thread { margin:1em 0; border:solid 1px #999; }
.thread h1{ padding:4px; font-size:11pt; color:#fff; background-color:#5CBFDD; cursor:hand; }
.thread table { width:100%; border-spacing:3px; }
.thread img.poster { float:left; margin:3px; }
.thread p { margin:0 0 .5em 0; }
.thread .description { margin: 0px 1.2em; padding:5px; background:#f9f9f9; color:#666; font-size:11pt; max-height:300px; overflow:auto; }
.thread .subject { font-weight:bold; font-size:larger; }
.thread .status { margin:5px 1.2em; padding:1px; background-color:#333; color:#CCC; }
.thread ul.comments { margin:0 2em; padding:0; list-style:none; }
.thread-comment { margin-bottom:2px; background-color:#CEF4FF; }
.thread-comment td:first { width:50px; }
.thread-comment img { width:30px; height:30px; }
.thread .placer { margin:0 2em 2px 2em; text-align:right; border:none; background-color:#CEF4FF; }
.placer { background-color:#F7FDFF; border:solid 1px #5CBFDD; margin:1em 0; }
.placer [type="text"], .placer textarea { width:100%; border:solid 1px #5CBFDD }
.placer [type="submit"], .placer [type="button"] { background-color:#AAEEFF; border:solid 1px #94D7FF; border-left-color:#E8FFFC; border-top-color:#E8FFFC; padding: 6px 1.7em; }
.placer textarea {height:3.3em; }
.record-short { text-decoration:none; }
.record-short img { float:left; margin:0 5px 0 0; }
.thread-margin { margin:0 1.2em; }


ul.tab-control {	float:left;	list-style:none;	padding:0;	margin:0;}
ul.tab-control li{	float:left;	display:block;	margin:0;	padding:0;	margin-top:1em;}
ul.tab-control a {	display:block;	padding:.5em 2em;	border:solid 1px transparent;	border-bottom:solid 1px #ccc; 	color:#999;	text-decoration:none;	font-size:larger;}
ul.tab-control a:hover{	background-color:#999;	color:white;}
ul.tab-control a.tab-selected {	display:block;	border:solid 1px #ccc;	border-bottom:solid 1px #white; color:black;}
ul.tab-control a.tab-selected:hover {	background-color:#F4F4F4;	color:black;	border-bottom-color:#CCC;}

ul.null { margin:0; padding:0; list-style:none; }
ul.null li { margin:0; padding:0; }

ul.files { margin:0; padding:0; list-style:none; clear:left; }
ul.files li{
	float:left;
	margin-right:1em;
	margin-bottom:1em;
}
ul.files li a { text-decoration:none; }

a  { color:#06f; }
h1 { margin:0; padding:0; font-size:18pt; font-weight:normal; color:#630; }
h2 { margin:0; padding:0; font-size:12pt; font-weight:normal; }
hr { border:none; background-color:#ccc; height:1px; }
img { border:none; }
th { color:#666; font-weight:normal; }


/************************************************************
*************************************************************
*************************************************************
*************************************************************
************* T E M P L A T E   L A Y O U T******************
*************************************************************
*************************************************************
*************************************************************
*************************************************************		
************************************************************/
body {
	margin:0;
	font-family:Calibri, Tahoma, Geneva, sans-serif;
	font-size:9pt;
	text-align:center;
	background-color:#141414;
}

DIV.holder{
	display:inline-block;
	width:1000px;
}

DIV#top {
	background: url(../imgs/bg_top.gif) repeat-x bottom black;
}

DIV#top img{
	float:left;
	padding:9px 11px 9px 0;
}

DIV#top ul{
	float:left;
	list-style:none;
	margin-top:30px;
	margin-bottom:0;
	line-height:20px;
}

DIV#top li{
	float:left;
	padding:5px 0;
	
}

DIV#top A{
	color:#999;
	font-weight:normal;
	font-size:10pt;
	text-decoration:none;
	padding:8px 2.5em;
	line-height:20px;
	border:solid 1px transparent;
}

DIV#top A:hover {
	background-color:#09F;
	color:white;
	border:solid 1px #93DBFF;
	border-bottom-color:#0269AE;
	border-right-color:#0269AE;
}

DIV#top A.active{
	background-color:#1A1B1F;
	border:solid 1px #2D2F36;
	border-bottom-color:transparent;
	border-right-color:#0B0C0E;
}

DIV#subtop{
	border-top:solid 1px #2D2F36;
	background: url(../imgs/bg_subtop.gif) black repeat-x top;
	padding:13px;
}

DIV#subtop ul{
	margin:0;
	padding:0;
	list-style:none;
}

DIV#subtop li{
	display:inline;
	
}

DIV#subtop li a{
	color:#959595;
	text-decoration:none;
	padding:6px 1em;
	margin:5px 0;
	border:solid 1px transparent;
}

DIV#subtop li a b { color:white; }

DIV#subtop a { color:white; }

DIV#subtop li a.active, DIV#subtop li a:hover{
	background:#4C4C4C url(../imgs/bg_sublink.gif) bottom repeat-x;
	border:solid 1px #6C6C6C;
	border-right-color:#2D2D2D;
	border-bottom-color:#2D2D2D;
}

DIV#middle{
	background:url(../imgs/shadow_white.gif) repeat-x top white;
	padding-top:10px;
	min-height:400px;
	text-align:center;
}

DIV#content{
	display:inline-block;
	width:1000px;
	text-align:left;
}

DIV#footer{
	background: url(../imgs/shadow_dark.gif) repeat-x bottom #2b2b2b;
	min-height:2em;
}

DIV#endmark{
	background: url(../imgs/logo_footer.gif) no-repeat center center #141414;
	height:60px;
}

DIV.cover{
	width:600px;
	height:300px;
}

DIV.logger{
	width:300px;
	text-align:left;
	padding:0 1em;
	color:#777;
}

DIV.logger h1{
	margin:1em 0;
	color:white;
	font-size:11pt;
	font-weight:normal;
}

DIV.logger [type="text"], DIV.logger [type="password"]{
	display:block;
	margin:1em 0;
	padding:3px;
	border:solid 1px #898989;
	border-top-color:#6E6E6E;
	border-left-color:#6E6E6E;
	background: url(../imgs/bg_txt.gif) repeat-x top #666;
	width:100%;
	height:25px;
	color:white;
}

DIV.logger [type="submit"], DIV.logger [type="button"]{
	margin:1em 0;
	background: url(../imgs/bg_submit.gif) repeat-x bottom #09F;
	height:30px;
	border:solid 1px #3E85AE;
	border-top-color:#83D2FF;
	border-left-color:#83D2FF;
	padding:4px 2em;
}

DIV#loader {
	position:absolute;
	left:0;
	top:0;
	background-color:#FFF;
	border:solid 1px #999;
	border-left-color:#CCC;
	border-top-color:#CCC;
	padding:1em;
}

DIV#loader img {
	margin:.5em;
}