/*
 * Created: Feb 27, 2008
 * Author: Rob Oplawar
 * Last Updated: Mar 17, 2008
 */
 
 body,html{height:100%}

 body{
	background-image:url("../images/slate/gradient.jpg");
	background-attachment:fixed;
 	padding:0px;
 	margin:0px 20px 0px 20px;
 	color:#FFFFFF;
 	font-family:Arial, Verdana, sans-serif;
 	font-weight:bold;
 }
 
 ul{
 	font-size:10pt;
 	font-weight:normal;
 }
 
 .userImageSpacer{
 	width:121px;
 	height:1px;
 }
 .vfill{
 	height:100%;
 }
 
 .headerH,.headerH2,.headerV,.headerV2,.headerHSpacer,
 .itemV,.itemV2,.itemH,.itemH2,
 .contentBox,.contentBoxTitle,.insetTopRight,.insetRight,
 .tabTop,.tabBottom,.tabBottomRight,.tabRight,.tabLeft,
 .tabTopRight,.treeBrowser{
 	text-align:left;
	background-color:#444444;
 	display:table-cell;
 	border:#202020 solid 3px;
 	margin:0px;
 	padding:0px
 }
 
 .block{display:block}
 .nowrap{white-space:nowrap}
 .hfill{width:100%}
 .center{text-align:center}
 .rightalign{margin-left:auto;}
 
 .bgi1{background-image:url("../images/slate/light_grey_diagonal.gif")}
 .bgi2{background-image:url("../images/slate/dark_grey_diagonal.gif")}
 .bgi3{background-image:url("../images/slate/dark_grey_diagonal_flip.gif")}
 
 .bgc1{background-color:#444444}
 .bgc2{background-color:#333333}
 .bgc3{background-color:#000000}
 	
 .headerH,div#menu .itemH:hover,.itemH2{
 	background-image:url("../images/slate/light_grey_diagonal.gif");
 	border:0px;
 	border-top:5px solid #2A2A2A;
 	border-bottom:5px solid #2A2A2A;
 }
 
 div#menu .headerH:hover,.headerH2,.itemH,.headerHSpacer{
 	background-image:url("../images/slate/dark_grey_diagonal.gif");
 	border:0px;
 	border-top:5px solid #202020;
 	border-bottom:5px solid #202020;
 }
 
 .headerV,div#menu .itemV:hover,.itemV2{
 	background-image:url("../images/slate/light_grey_diagonal.gif");
 	border:0px;
 	border-left:5px solid #2A2A2A;
 	border-right:5px solid #2A2A2A;
 	display:block
 }
 
 div#menu .headerV:hover,headerV2,.itemV{
 	background-image:url("../images/slate/dark_grey_diagonal.gif");
 	border:0px;
 	border-right:5px solid #202020;
 	border-left:5px solid #202020;
 	display:block
 }
 
 .tabTop{border-bottom:0px}
 .tabBottom{border-top:0px}
 .tabRight{border-left:0px}
 .tabLeft{border-right:0px}
 .tabTopRight{border-bottom:0px;border-left:0px}
 .tabBottomRight{border-top:0px;border-left:0px}
 
 .insetTopRight{
 	margin-right:-3px;
 	margin-top:-3px;
 	border-right:0px;
 	border-top:0px;
 	float:right;
 }
 
 .insetRight{
 	margin-right:-3px;
 	border-right:0px;
 	float:right;
 }
 	
 .contentBoxTitle{
 	border:0px;
 	border-top:7px solid #202020;
 	border-bottom:7px solid #202020;
 	text-align:center;
 	background-image:url("../images/slate/dark_grey_diagonal.gif");
 	height:70px;
 }
 	
 .topMenuBar{
 	border:0px;
 	border-top:7px solid #202020;
 	border-bottom:7px solid #202020;
 	text-align:center;
 	background-image:url("../images/slate/dark_grey_diagonal.gif");
 	height:50px;
 	white-space:nowrap;
 	vertical-align:middle;
 }
 
 h1,h2,h3,p {
 	padding:2px 5px 2px 5px;
 	margin:0px;
 	color:#FFFFFF;
 	font-family:Arial, Verdana, sans-serif;
 	font-weight:bold;
 }
 h1{font-size:28pt}
 h2{font-size:21pt}
 h3{font-size:14pt}
 p{font-size:10pt;}
 p.title{font-size:49px;}
 p.note{font-size:8pt;}
 p.red{color:#FF0000;}
 p.ninja{color:#444444;}
 p.userInfo{
 	font-size:8pt;
 	padding:0px;
 	margin:0px;
 }
 .highlighted{background:#666666;}
 .strike{text-decoration:line-through;}
 .underline{text-decoration:underline;}
 
 .valign{
 	height:100%;
 	vertical-align:middle;
 }
 
 a{
 	color:#FFFFFF;
 	text-decoration:none;
 }
 a:hover{
 	text-decoration:underline;
 }
 a:visited{
 }
 a.inPage{
 	text-decoration:underline;
 }
 a.inPage:hover{
 	color:#BBBBBB;
 }
 
 .spacer{
 	display:table-cell;
 	border:0px;
 	margin:0px;
 	padding:0px;
 }
 
 .newRow{
 	display:block;
 	border:0px;
 	margin:0px;
 	padding:0px;
 }
 
 .padded{
 	margin:0px;
 	padding:14px;
 }
 
 .smallPadding{
 	margin:0px;
 	padding:4px;
 }
 
 form{ padding:0px; }
 
 input,select,textarea {
 	font-family:Arial,"Sans-Serif";
 	color:#FFFFFF;
 	background-color:#333333;
 	border:solid #202020 2px;
 	padding:0px;
 }
 
 textarea{
 	font-size:10pt;
 	background-color:#444444;
 	padding:3px;
 	width:99%;
 	margin:-2px;
 	border-bottom:0px;
 	margin-bottom:0px;
 }
 
 input:hover,select:hover{
 	background-color:#444444;
 	border:solid #2A2A2A 2px;
 }
 
 .verticalMenuBox, .postTablet, .postThreadTablet, .editPostTablet{
 	display:block;
 	border:0px;
 	margin:0px;
 	padding:0px;
 	margin-bottom:14px
 }
 
 .verticalSeparationBox{
 	display:block;
 	border:0px;
 	margin:0px;
 	padding:0px;
 	margin-bottom:14px
 }
 
 .coverAlert{
 	border:3px solid #FF0000;
 	width:134px;
 	text-align:center;
 	position:absolute;
 	white-space:normal;
 }
 
 .bodyDiv{
 	width:546px;
 	display:table-cell;
 	vertical-align:top;
 	padding-left:14px;
 	padding-right:14px;
 }
 
 .bodyDivWide{
 	display:block;
 	vertical-align:top;
 }
 
 .postInfoTab{
    float:right;
 	margin-top:-3px;
 	margin-left:4px;
 	margin-right:4px;
 }
 
 ul#menu {
 	width:148px;
 	list-style:none;
 	padding:0px;
 	margin:0px;
 	display:block;
 	font-weight:bold;
 }
 ul#menu ul {
 	width:100%;
 	list-style:none;
 	padding:0px;
 	margin:0px;
 	display:block;
 	font-weight:bold;
 }
 
 ul#menu li {
 	background-image:url("../images/slate/light_grey_diagonal.gif");
 	border-left:5px solid #2A2A2A;
 	border-right:5px solid #2A2A2A;
 	display:block;
 	margin:0px;
	margin-bottom:14px;
 }
 
 ul#menu li a {
 	padding:2px 5px 2px 5px;
	font-size:21pt;
	display:block;
 }
 
 ul#menu li:hover {
 	background-image:url("../images/slate/dark_grey_diagonal_flip.gif");
 	border-right:5px solid #202020;
 	border-left:5px solid #202020;
 }
 
 ul#menu ul li {
	font-size:10pt;
 	background-image:url("../images/slate/dark_grey_diagonal.gif");
 	border-right:5px solid #202020;
 	border-left:5px solid #202020;
 	display:block;
 	margin:0px;
 }
 
 ul#menu ul li a {
	font-size:10pt;
 }
 
 ul#menu ul li:hover {
 	background-image:url("../images/slate/light_grey_diagonal.gif");
 	border-left:5px solid #2A2A2A;
 	border-right:5px solid #2A2A2A;
 }
 
 .outerContainer {
 	width:100%;
 	height:100%;
 	vertical-align:middle;
 	text-align:center;
 }
 
 img{
 	border:0px;
 	padding:0px;
 	margin:0px;
 }
 .userImage{
 }
 
 .outerTable {
 	height:100%;
 	vertical-align:middle;
 	margin-left:auto;
 	margin-right:auto;
 }
 
 .outerTD {
 	height:100%;
 	vertical-align:middle;
 }
 
 .innerContainer {
 	display:table-cell;
 	text-align:left;
 	background-color:#000000;
 	border:#202020 solid 3px;
 	margin:0px;
 	padding:14px;
 }
 
 .innerContainerWide {
 	display:block;
 	text-align:left;
 	background-color:#000000;
 	border:#202020 solid 3px;
 	margin:0px;
 	padding:14px;
 }
 
 .menuTD {
 	width:148px;
 	vertical-align:top;
 	padding-top:14px;
 }
 
 .bulletinTD {
 	width:148px;
 	vertical-align:top;
 	padding-top:14px;
 }
 
 .bulletinTD div h2{
 	margin-top:30px;
 }
 
 .themeTD div form{
 	margin-top:25px;
 }
 
 .innerTD {
 	width:100%;
 	vertical-align:top;
 	padding-top:14px;
 }
 
 .topLoginMenu {
 	width:150px;
 	text-align:right;
 }

 .loginMenuInput {
 	width:100%;
 }
 
 ul#horizontalMenu {
 	display:block;
 	background-image:url("../images/slate/light_grey_diagonal.gif");
 	border:#202020 solid 3px;
 	border-top:0px;
 	margin:0px;
 	padding:0px;
 }
 
 ul#horizontalMenu li{
 	display:table-cell;
 	background-image:url("../images/slate/light_grey_diagonal.gif");
 	display:table-cell;
 	border-right:#202020 solid 3px;
 	padding:0px 3px 0px 3px;
 	font-size:14pt;
 }
 
 ul#horizontalMenu li:hover{
 	background-image:url("../images/slate/dark_grey_diagonal.gif");
 }
 
 img.expandPost, img.expandCategory{
 	width:1.2em;
 	height:1.2em;
 	display:inline;
 	background-image:url("../images/post_replies.bmp");
 }
 
 img.expandCategory {
 	background-image:url("../images/full_folder.bmp");
 }
 
 img.expandPost:hover{
 	background-image:url("../images/post_replies.bmp");
 }
 
 img.expandCategory:hover {
 	background-image:url("../images/full_folder.bmp");
 }
 
 img.collapsePost, img.collapseCategory{
 	width:1.2em;
 	height:1.2em;
 	display:inline;
 	background-image:url("../images/open_post.bmp");
 }
 
 img.collapseCategory {
 	background-image:url("../images/open_folder.bmp");
 }
 
 img.loading{
 	width:1.2em;
 	height:1.2em;
 	display:inline;
 	background-image:url("../images/loading.bmp");
 }
 
 img.post, img.category{
 	width:1.2em;
 	height:1.2em;
 	display:inline;
 	background-image:url("../images/post.bmp");
 	background-repeat:repeat;
 }
 
 img.category {
 	background-image:url("../images/empty_folder.bmp");
 }
 
 li.post, li.category{
 	list-style:none;
 	border-left:1px solid #FFFFFF;
 	margin-top:0px;
 	padding-top:0px;
 	white-space:nowrap;
 }
 
 ul.post{
 	padding:0px;
 	margin:0px;
 	margin-left:21px;
 }
 
 li.post p, li.post a, , li.category p, li.category a{
 	padding:0px;
 	display:inline;
 }
 
 .treeBrowser{
	display:block;
 	width:380px;
 	height:500px;
 	overflow:auto;
 }
 
 p.textLabel ,p.checkLabel ,p.checkboxLabel {
 	display:table-cell;
	width:100%;
 	overflow:hidden;
	padding-bottom:0px;
 }
 
 p.textInput,p.checkInput,p.checkboxInput{
	display:table-cell;
	padding-bottom:0px;
 }

 p.textMessage, p.checkMessage, p.checkboxMessage {
 	display:block;
 	color:#FFFF88;
	padding-bottom:0px;
 }
 
 input.invalid {
 	color:#FFFF88;
 }
 
 div.submit{
 	display:block;
	padding-left:15px;
	padding-bottom:3px;
 }