/* Base class, the rest inherit from this */
html{
	overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}
body{ 
	color: #5377A7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #5377A7;
}
/* 
 * ========================================
 * global hyperlink styles 
 * ========================================
 */
a:link,
a:visited,
a:active{
	background: transparent;
	color: #333333;
	text-decoration: underline;
}
a:hover{
	color: #333333;
}
/* 
 * ========================================
 * Main wrapper, this controls the overall width of the board in you browser view window. 
 * ========================================
 */
#boardwrapper{ 
	text-align: left;
	width: 96%;
	margin: 10px auto 10px auto;
}
table,
tr,
td
{ /* required for text in tables, because tables do not inherit from body */
	color: #222;
	font-size: 11px;
	line-height: 135%;
}
hr{ 
	height: 1px; 
	border: solid #5377A7 0px; 
	border-top-width: 1px;
}
#bodyline{
	background-color: #97BAE9;
	border: 1px solid #415D83;
}
#controlpanel{ /* mod cp online menu headers */
	background-color: #EDF3FF;
	font-size: 11px;
	font-weight: bold;
	color: 000000;
}
/* ================================================= */
#submenu{ 

	background: #98BBE9 url(images/bg-topnav.gif) repeat-x top left;

	color: #003399;

	font-size: 10px;

	font-weight: bold;

	height: 24px;

	margin: 0px;

	padding: 0px 0px 0px 0px; 

}

#submenu0{ 

	background: #98BBE9 url(images/BlueUhi2.png) repeat-x top left;

	color: #003399;

	font-size: 10px;

	font-weight: bold;

	height: 24px;

	width: 67px;

	margin: 0px;

	padding: 0px 0px 0px 0px; 

}

#submenu a:link, 
#submenu  a:visited{ 
	color: #3A4F6C; 
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
#submenu a:hover, 
#submenu a:active{
	background: transparent; 
	color: #5176B5; 
}
#logostrip{ 
	background: #97BAE9 url(images/bg-header.gif);
	background-repeat: repeat-x;
	height: 0px;
	border-top: 0px solid #3F5A7F;
	margin: 0px;
	padding: 0px;
}
#logographic{
	background-repeat: no-repeat;
	height: 0px;
	margin: 0px;
	padding: 0px;
}
#helptopics,
#helptopics a:link,
#helptopics a:visited,
#helptopics a:active {
	font-size: 12px; 
	color: #FD6E01; 
	height: 28px;
	font-weight: bold;
	vertical-align: text-middle;
	text-decoration: none; 
	margin: 0px;
	padding: 5px; 
}
#helptopics a:hover{ 
	text-decoration: underline;
}
#memberslist,
#memberslist a:link,
#memberslist a:visited,
#memberslist a:active {
	font-size: 12px; 
	color: #FD6E01; 
	height: auto;
	font-weight: bold;
	vertical-align: text-middle;
	text-decoration: none; 
	margin: 0px;
	padding: 5px; 
}
#memberslist a:hover{ 
	text-decoration: underline;
}
#onlinelist
#onlinelist a:link,
#onlinelist a:visited,
#onlinelist a:active {
	font-size: 11px;
	vertical-align: text-middle;
	text-decoration: none; 
}
#onlinelist a:hover{ 
	text-decoration: underline;
}
#whitetext, 
#whitetext  a:visited, 
#whitetext  a:active{ 
	font-size: 11px; 
	text-decoration: none; 
	color: #FFFFFF;
}
#whitetext a:link,
#whitetext a:hover{ 
	text-decoration: underline; 
	color: #FFFFFF;
}
#boardstats{ /* Title Headers */
	font-size: 11px; 
	font-weight: bold; 
	color: #333333; 
	padding: 8px; 
	background: #EDF3FF;
}
#tdStatsBorder{ /* Icons */
	border-right: solid 1px #3F5A7F;
}
#tablepad{
	padding: 6px;
}
/* ================================================= */
#userlinks-container{
	background-color: #97BAE9;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0px;
	height: auto;
}
#userlinks{ 
	background: #FFBC00 url(images/bg-navstrip.png) repeat-x top left;
	color: #000000;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
	vertical-align: text-middle;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #5373A1;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #5373A1;
	height: 25;

}
#navstrip-container{
	background-color: #97BAE9;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-top: 5px;
	height: auto;
}
#navstrip
{
	background-color: #6F99D3;
	color: #EDF3FF;
	font-weight: normal;
	vertical-align: text-middle;
	padding: 8px 0px 8px px;
	border-left: 1px solid #5373A1;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #5373A1;
	border-bottom: 1px solid #FFFFFF;
	height: 24px;
}
#navstrip a:link, 
#navstrip  a:visited, 
#navstrip a:active{
	background-color: transparent;
	color: #EDF3FF;
	text-decoration: none;
}
#navstrip a:hover
{
	background-color: transparent;
	text-decoration: underline;
}
/* Category Headers - Navigation - Misc Stuff */
#category,
#cpheader,
#modcpheader,
#msgcpheader,
#logheader,
#lostpassheader,
#regzheader,
#offline{ 
	background: #6891CA url(images/tile_cat.png);
	font-size: 12px; 
	color: #EDF3FF; 
	height: 24px;
	vertical-align: text-middle;	
}
#category a:link,
#category a:visited,
#category a:active { 
	text-decoration: none; 
	color: #EDF3FF;
}
#category a:hover{ 
	text-decoration: underline;
}
#redirect{ 
	font-size: 11px; 
	font-weight: bold; 
	border: 1 solid #000000;
}
#highlight{ 
	font-size: 11px; 
	color: #333333;
	padding: 0px;
}
#highlight a:link, 
#highlight a:visited, 
#highlight a:active{ 
	background: transparent;
	font-size: 10px; 
	color: #666;
	line-height: 135%;
}
#highlight a:hover{ 
	text-decoration: underline; 
	color: #333333;
}
/* Viewing Topics Stuff */
#signature{ 
	background: transparent;
	color: #000339; 
	font-size: 9px;
	line-height: 150%;
}
#postdetails{ 
	font-size: 9px; 
	color: #333333;
	line-height:120%;
	text-align: left;
}
#postcolor{ 
	font-size: 12px; 
	color: #333333; 
	line-height: 160%;;
}
#membertitle{ 
	font-size: 9px; 
	font-style: italic; 
	line-height: 140%; 
	color: #333333;
}
#normalname{ 
	font-size: 11px; 
	font-weight: bold; 
	color: #FE6E00; 
	padding-bottom: 2px;
}
#unreg{ /* unregistered user name */
	font-size: 9px; 
	font-weight: bold;  
	color: #FF0000;
}
#errormsg{ 
	font-size: 11px; 
	font-weight: bold;  
	color: #FF0000;
	padding: 5px
}
#QUOTE{ 
	background: #FAFCFE;
	border: 1px dotted #000;
	border-left: 4px solid #6187BA;
	color: #465584;
	padding: 4px;
	margin: 0 auto 8px auto;
}
#CODE{
	font-family: Courier, Courier New, Verdana, Arial, sans-serif;
	background: #FAFCFE;
	border: 1px dotted #000;
	border-left: 4px solid #8394B2;
	color: #465584;
	padding: 4px;
	margin: 0 auto 8px auto;
}
#ME{ 
	font-family: Verdana, Arial; 
	font-size: 12px; 
	color: #CC0000; 
	text-align: center; 
	font-weight: bold;
}
/* Titles n' stuff */
#titlelarge{ 
	background-image: url(images/tile_sub.gif);
	font-size: 10px; 
	font-weight: bold; 
	line-height: 150%;
	padding-left: 8px; 
	color: #333333; 
}
#titlelarge a:link, 
#titlelarge a:visited, 
#titlelarge a:active{ 
	color: #333333;
}
#titlemedium{ 
	background-image: url(images/tile_sub.gif); 
	font-size: 10px; 
	font-weight: bold; 
	letter-spacing: 1px; 
	line-height: 150%; 
	color: #333333; 
	height: 22px; 
	padding-left: 8px; 
}
#titlemedium a:link,
#titlemedium a:visited, 
#titlemedium  a:active{ 
	text-decoration: none; 
	color : #333333;
}
#titlemedium a:hover{ 
	text-decoration: underline
}
/* Menu - Control Panel Stuff */
#usermenu{ 
	font-size: 12px; 
	line-height: 150%; 
	color: #333333;
}
#tabs{
	font-weight: bold;
	border: 0px solid #3F5A7F; 
	vertical-align: middle; 
	font-size: 11px;
}
/* Forum Links - Topic Links */
#linkthru, 
#linkthru a:link,
#linkthru  a:visited, 
#linkthru  a:active{ 
	font-size: 11px;
	font-weight: bold;	
	text-decoration: none; 
	color: #FD6E01;
	padding-left: 0px;
	padding-top: 4px;
}
#linkthru a:hover{ 
	text-decoration: underline; 
	color: #FD6E01;
}
#desc{
	font-size: 10px; 
	color: #666;
	padding: 6px;
}
#users{
	font-size: 10px; 
	color: #000000;
	padding-left: 5px;
	padding-bottom: 4px;
}
#linkthrudark, 
#linkthrudark a:link,
#linkthrudark a:visited,
#linkthrudark a:active{ 
	font-size: 11px;
	font-weight: bold;
	text-decoration: none; 
	color: #333333;
	line-height: 135%;
	margin: 2px 0 0 0;
}
#linkthrudark a:hover{ 
	text-decoration: underline; 
	color: #333333;
}
#linkthrulight, 
#linkthrulight a:link,
#linkthrulight a:visited, 
#linkthrulight a:active{ 
	font-size: 11px; 
	text-decoration: none; 
	color: #FD6E01;
	line-height: 135%;
	margin: 2px 0 0 0;
}
#linkthrulight a:hover{ 
	text-decoration: underline; 
	color: #FD6E01;
}
#copyright,
#copyright a:link,
#copyright a:visited,
#copyright a:active{
	font-family: Verdana, Arial;
	font-size: 11px;
	line-height: 12px;
	color: #EDF3FF;
}
.bottom{ 
	vertical-align: bottom;
}
.forminput{ 
	font-size: 8pt; 
	background-color: #FFDBA9; 
	font-family: Verdana, Arial; 
	vertical-align: middle;
	border: 1px solid #5373A1; /* Button Border */
}
.textinput{ /* reply form elements */
	font-size: 10pt; 
	font-family: Verdana, Arial;
	vertical-align: middle; 
	background-color: #FFDBA9;
}
.buttontext{ /* button effect for some links */
	border: 1px solid #5373A1;
	background-color: #FFDBA9;
	padding: 2px;
	font: Bold 10px Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #333333; 
}
.buttontext a:link,
.buttontext a:visited,
.buttontext a:active{
	color: #333333;
	text-decoration: none;
}
#small{ 
	font-family: arial; 
	font-size: 9px;
}
#date{ 
	font-size: 10px; 
	color: #333333;
}
/* Forum Boarders, Table Backgrounds */
.table3d{
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #5377A7;
	padding: 0px;
	margin: 0px;
}
.topic-icons3d,
.loginnote,
.regznote,
.helpnote{
	border-top: 1px solid #3F5A7F;
	border-left: 1px solid #3F5A7F;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
.searchnote{
	border-top: 1px solid #3F5A7F;
	border-left: 1px solid #3F5A7F;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #6F99D3;
	padding: 5px;
}
.forumtable3d,
.offlinetable3d{
	border-top: 1px solid #3F5A7F;
	border-left: 1px solid #3F5A7F;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #5377A7;
	padding: 0px;
	margin: 0px;
}
.navcp3d{
	border-top: 1px solid #3F5A7F;
	border-left: 1px solid #3F5A7F;
	border-right: 1px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	background-color: #5377A7;
	padding: 0px;
	margin: 0px;
}
.cornertable3d{
	border-top: 0px solid #3F5A7F;
	border-left: 0px solid #3F5A7F;
	border-right: 1px solid #3F5A7F;
	border-bottom: 1px solid #3F5A7F;
	background-color: #5377A7;
	padding: 0px;
	margin: 0px;
}
.cattoptable3d{
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #3F5A7F;
	border-top: 1px solid #3F5A7F;
	border-bottom: 1px solid #6084B8;
	background-color: #5377A7;
	padding-top: 0px;
	margin: 0px;
        font-size: 6px;
}
.catbottable3d{
	border-right: 1px solid #FFFFFF;
	border-left: 0px solid #3F5A7F;
	border-top: 0px solid #3F5A7F;
	border-bottom: 1px solid #FFFFFF;
	background-color: #5377A7;
	padding-top: 0px;
	margin: 0px;
        font-size: 6px;
}
.quicktable3d{ /* quick reply smilies table */
	border: 1px solid #3F5A7F;
	padding: 3px;
	margin-top: 5px;
}
.topicviewtable3d{
	border-right: 1px solid #FFFFFF;
	border-left: 0px solid #3F5A7F;
	border-top: 1px solid #3F5A7F;
	border-bottom: 2px solid #6084B8;
	background-color: #5377A7;
	padding-top: 0px;
	margin: 0px;
}
.topicRulesTable3d{
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #3F5A7F;
	border-top: 1px solid #3F5A7F;
	border-bottom: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
.tdBorderLR{ 
	border-left: solid 1px #3F5A7F; 
	border-right: solid 1px #3F5A7F; 
	border-bottom: solid 0px #3F5A7F;
	border-top: solid 0px #3F5A7F;	
}
.tdBorderR{ 
	border-right: solid 1px #3F5A7F;
}
.tdBorderRB{ 
	border-left: solid 0px #3F5A7F; 
	border-right: solid 1px #3F5A7F;
	border-bottom: solid 1px #3F5A7F;
	border-top: solid 0px #3F5A7F;
}

/*
The below CSS uses a JS function setWidth(object_reference,maxwidth)
defined for this skin to set maximum image size for MSIE browsers only.  
Otherwise, max-width (CSS 2.0) is used for other browsers with the expression attribute safely ignored.
The example below uses 600 pixels, change each instance of 600 to whatever value you want.
*/

#postcolor img.inserted {
max-width: 600px;
     width: expression(setWidth(this,600));
}

