
/* main tags */
html, body {
	margin: 0;
	padding: 0;
	background-color: #E0E0E0;
}

body { padding: 4px; }

body, font, th, td, p { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

img { 
	border: 0;
}

table {
	border: 0;
}

hr { 
	height: 0;
	border: solid #BBBEC2 0px;
	border-top-width: 1px;
}

html>body label span { color: #444; }
html>body label:hover span { color: #000; border-bottom: dotted 1px #888; }

/* links */
a { 
	text-decoration: underline; 
	color: #617F9E; 
}
a:visited { 
	color: #55708E;
}
a:hover { 
	color: #FF7E00; 
}
a:active {
	color: #617F9E;
}

/* main tables */
.forumline	{ 
	background-color: #BBBEC2; 
	text-align: left; 
}
.forumline th { 
	text-align: center; 
	white-space: nowrap;
}
.forumline-empty {
	border: solid 1px #BBBEC2;
}


/* rows */
.row, .row1, .row2, .row3, .row4, .row1h, .row1h-new, .row2h, .row3h, .row1g { font-size: 11px; }

.row, .row1, .row1h, .row1h-new { background-color: #FFF; }
.row2, .row2h { background-color: #FDFDFD; }
.row3, .row3h, .row4 { background-color: #FAFAFA; }

.row1g { background-color: #FFF; }

.row1h, .row1h-new { padding-left: 4px; }


/* th */
th, td.th { 
	font-size: 12px; 
	font-weight: bold; 
	height: 25px; 
	border: solid 1px #95ADC5; 
	border-width: 0px 1px 0px 1px; 
	padding: 0; 
	white-space: nowrap; 
	background: #6D8CAD url(images/sblue/bg_th.gif) top left repeat-x;
	color: #F0F0F0;
}

/* bottom row */
td.catBottom { 
	color: #F6F6F6;
	font-size: 11px; 
	height: 27px; 
	padding: 1px;
	background: #819AB5 url(images/sblue/bg_cat.gif) top left repeat-x;
}

.gen { font-size: 12px; }
.genmed { font-size: 11px; }
.gensmall { font-size: 10px; }

td.spacerow { 
	background: #6D8CAD url(images/sblue/bg_th.gif);
	height: 2px; 
	padding: 0px; 
}

/* index css */
.forumlink { 
	font-weight: bold; 
	font-size: 12px; 
}
a.forumlink, a.forumlink:visited { 
	text-decoration: none; 
}
a.forumlink:hover, a.forumlink:active { 
	text-decoration: underline; 
}

.forumlink-new { 
	font-weight: bold; 
	font-size: 12px;
}
a.forumlink-new, a.forumlink-new:visited { 
	color: #F28E2E;
	text-decoration: none; 
}
a.forumlink-new:hover, a.forumlink-new:active { 
	text-decoration: underline; 
}

.moderators { font-size: 10px; color: #666; }
.moderators a, .moderators a:visited { color: #A2A2A2; text-decoration: underline; }
.moderators a:hover { color: #FF7E00; text-decoration: underline; } 
.moderators a:active { color: #666; text-decoration: underline; } 

/* viewforum css */
.topiclink { 
	font-weight: bold; 
	font-size: 11px; 
}
a.topiclink, a.topiclink:visited { text-decoration: none; }
a.topiclink:hover, a.topiclink:active { text-decoration: underline; }

.topiclink-new { 
	font-weight: bold; font-size: 11px; 
}
a.topiclink-new { 
	text-decoration: none; 
	color: #F28E2E;
}
a.topiclink-new:visited	{ 
	text-decoration: none; 
	color: #F28E2E;
}
a.topiclink-new:hover, a.topiclink-new:active { text-decoration: underline; }

.pagination { 
	display: block;
	color: #666; 
	font-weight: bold; 
	margin: 0px; 
	margin-top: 5px; 
	margin-bottom: 3px; 
	font-size: 12px; 
}
.pagination a, .pagination a:visited { 
	color: #000; 
	border: #BBB 1px solid; 
	padding: 1px; background-color: #EAEAEA; 
}
.pagination a:hover { 
	color: #444;
	border: #617F9E 1px solid;
	padding: 1px; 
	background-color: #FFF;
}
.pagination a:active { 
	color: #666;
	border: #BBB 1px solid;
	padding: 1px; 
	background-color: #FFF;
}

.gotopage { 
	display: block;
	margin: 0px; 
	margin-top: 5px; 
	margin-bottom: 1px; 
}
.gotopage a, .gotopage a:visited { 
	border: #DBDCDE 1px solid; 
	padding: 1px; 
	background-color: #EAECEC; 
}
.gotopage a:hover { 
	border: #DDD 1px solid; 
	padding: 1px; 
	background-color: #FFF; 
}
.gotopage a:active { 
	border: #DBDCDE 1px solid; 
	padding: 1px; 
	background-color: #FFF;
}
.gotopage img { display: none; }

/* viewtopic css */
table.post1, table.post2 {
	border: solid 1px #BBBEC2; 
}

td.post-left1, td.post-left2 {
	border-right: solid 1px #BBBEC2; 
	padding: 2px;
}

table.post1 {
	background-color: #FFF;}
table.post2 {
	background-color: #FFF;}
td.post-left1 {
	background-color: #FAFAFA;}
td.post-left2 {
	background-color: #FAFAFA;}

td.post-right {
	padding: 0;
}
td.post-bottom {
	padding: 0;
}
td.post-signature {
	padding: 4px;
	font-size: 11px; 
	color: #444;
}
.post-date {
	border-bottom: solid 1px #617F9E;
	padding: 2px;
}

.post-buttons a img { background-color: #929598; }
.post-buttons a:hover img { background-color: #FF7E00; }
.post-buttons a:active img { background-color: #617F9E; }

.post-buttons .img-quote a img { background-color: #6584A5; }
.post-buttons .img-quote a:hover img { background-color: #FF7E00; }
.post-buttons .img-quote a:active img { background-color: #929598; }

.post-buttons-single a img { background-color: #6584A5; border: solid 1px #C0C0C0; border-width: 0 1px 1px 1px; }
.post-buttons-single a:hover img { background-color: #FF7E00; }
.post-buttons-single a:active img { background-color: #929598; }

.name { 
		line-height: 1.6em;
		font-weight: bold; 
	font-size: 11px; 
}
.name a, .name a:visited { text-decoration: underline; }
.name a:hover, a.name a:active { text-decoration: underline; }
.postdetails { color: #646464; font-size: 9px; }
.postdate { font-size: 10px; color: #646464; }

.postbody { font-size: 12px; color: #202020; wrap-option: emergency; }
.postbody a, .postbody a:visited { text-decoration: underline; }
.postbody a:hover, .postbody a:active { text-decoration: underline; }
html>body .postbody { display: block; overflow: auto; }

/* bbcode */
table.quote, table.code {
	background-color: #C0C0C0; 
	margin: 3px 0; 
}
td.quote_user, td.code_header { 
	background: #E0E0E0 url(images/sblue/bg_quote_user.gif) top left repeat-x; 
	font-size: 11px; 
	color: #555; 
	padding: 2px 5px; 
}
td.quote, td.code { 
	font-size: 11px;
	background: #FFF url(images/sblue/bg_quote.gif) top left repeat-x; 
	wrap-option: emergency; 
}

td.code { font-family: Courier, 'Courier New', sans-serif; color: #444; wrap-option: emergency; }


/* header */
.logo {
	background: url(images/sblue/logo_bg.gif) bottom left repeat-x;
}
.buttons {
	background: url(images/sblue/buttons_bg2.gif) top left repeat-x;
}
.buttons1 {
	background: url(images/sblue/buttons_bg1.gif) top left repeat-x;
}

/* headers/footers/corners for main table */
.navbar-top {
	background: url(images/sblue/c_top_nav.gif) bottom left repeat-x;
	padding: 2px 3px 0 3px;
}
.navbar-bottom {
	background: url(images/sblue/c_bottom_nav.gif) top left repeat-x;
	padding: 0 3px 2px 3px;
}
.content-top {
	background: url(images/sblue/c_top_simple.gif) bottom left repeat-x ;
}
.content-bottom {
	background: url(images/sblue/c_bottom_simple.gif) top left repeat-x ;
}
.content-left {
	background: url(images/sblue/c_left.gif) top right repeat-y;
}
.content-right {
	background: url(images/sblue/c_right.gif) top left repeat-y;
}
.content {
	background-color: #F4F4F4;
	padding: 5px 2px;
	font-size: 9px;
}
.content-navbar {
	padding: 8px 2px;
}
.content-newmsg {
	padding-top: 0;
}
.content-nopadding {
	padding: 0 2px;
}

/* headers/footers for tables */
.hdr { 
	height: 25px; 
	border: 0px; 
	font-weight: bold; 
	font-size: 12px; 
	letter-spacing: 1px;
	background-image: url(images/sblue/hdr_bg.gif); 
	color: #5F7D9C; 
}
.hdr a, .hdr a:visited { 
	text-decoration: underline; 
	color: #5F7D9C; 
}
.hdr a:hover { 
	text-decoration: underline; 
	color: #FF7E00; 
}
.hdr a:active { 
	text-decoration: underline; 
	color: #617F9E; 
}
.ftr {
	background-image: url(images/sblue/ftr_bg.gif);
}
.ftr-new {
	background-image: url(images/sblue/ftr_bg_new.gif);
}

/* new private messages box */
.newpm {
	background: url(images/sblue/pm_bg.gif) top left repeat-x;
	white-space: nowrap;
}
.newpm a, .newpm a:visited {
	color: #FF7E00;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
.newpm a:hover {
	color: #7594B5;
	text-decoration: underline;
}
.newpm a:active {
	color: #FF7E00;
	text-decoration: underline;
}


/* navbar */
.navbar-links, .navbar-header {
	font-size: 11px;
	font-weight: bold;
	color: #A0A0A0;
	padding: 0;
}
.navbar-links a, .navbar-links a:hover {
	color: #617F9E;
	text-decoration: underline;
}
.navbar-links a:hover {
	color: #FF7E00;
}
.navbar-links a:active {
	color: #617F9E;
}
.navbar-header {
	color: #FF7E00;
}
.navbar-text {
	font-size: 10px;
	color: #555;
	padding: 1px;
}

/* top buttons */
.buttons { 
	padding-top: 3px;
	font-size: 11px;
}
.buttons a, .buttons a:visited {
	color: #617F9E;
	text-decoration: none;
}
.buttons a:hover {
	color: #FF7E00;
	text-decoration: none;
}
.buttons a:active {
	color: #617F9E;
	text-decoration: none;
}

/* copyright */
.copyright {
	font-size: 9px;
	color: #A0A0A0;
}
.copyright a, .copyright a:visited {
	color: #7594B5;
	text-decoration: none;
}
.copyright a:hover {
	color: #FF7E00;
	text-decoration: none;
}
.copyright a:active {
	color: #888; ?>;
	text-decoration: none;
}
.admin-link {
	font-size: 10px;
}

/* inputs */
form { 
	display: inline; 
	padding: 0;
	margin: 0;
}

form.inline-form {
	display: block;
	margin-top: 3px;
}

input { text-indent: 2px; }
input, textarea, select { 
	color: #333; 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	vertical-align: middle;
	margin: 0;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}
select {
	-moz-box-sizing: border-box;
}

input.post, input.mainoption, input.liteoption, textarea, select { 
	background-color: #FFF; 
	border: solid 1px #4B637D;
	margin: 0;
}
.catBottom input.post, .catBottom input.mainoption, .catBottom input.liteoption, .catBottom select { 
	border-color: #333;
}
input.post, input.mainoption, input.liteoption, select { 
	height: 17px; 
}

input.post, input.mainoption, input.liteoption {
	background: #FFF url(images/sblue/bg_input.gif) top left repeat-x;
}

textarea {
	background: #FFF url(images/sblue/bg_textarea.gif) top left repeat-x;
}

input.button, select.button { 
	background-color: #FFFFFF; 
	color: #666;
	font-size: 11px; 
	border: solid 1px #CCC; 
}
.button { color: #666; }

input.mainoption { font-weight: bold; }
input.liteoption { font-weight: normal; }

select optgroup { background-color: #C5C6C7; color: #404040; font-style: normal; font-size: 12px; }
select option, select optgroup option { background-color: #FFF; color: #000; font-size: 12px; }

input.helpline { background-color: #FDFDFD; border: solid 1px #FDFDFD; color: #444; }

html>body input.post, html>body input.mainoption, html>body input.liteoption, html>body textarea {
	background-color: #F8F8F8;
	background-image: none;
	color: #555;
	border-color: #888;
}
html>body .catBottom input.post, html>body .catBottom input.mainoption, html>body .catBottom input.liteoption {
	border-color: #444;
}
html>body input.post:hover, html>body input.mainoption:hover, html>body input.liteoption:hover, html>body textarea:hover {
	background-color: #FFF;
	color: #444;
	border-color: #4B637D;
}
html>body .catBottom input.post:hover, html>body .catBottom input.mainoption:hover, html>body .catBottom input.liteoption:hover {
	border-color: #000;
}
html>body input.post:focus, html>body input.mainoption:focus, html>body input.liteoption:focus, html>body textarea:focus {
	background-color: #FFF;
	color: #000;
	border-color: #4B637D;
}
html>body .catBottom input.post:focus, html>body .catBottom input.mainoption:focus, html>body .catBottom input.liteoption:focus {
	border-color: #000;
}
html>body input.post:focus, html>body input.mainoption:focus, html>body input.liteoption:focus {
	background: #FFF url(images/sblue/bg_input.gif) top left repeat-x;
}
html>body textarea:focus {
	background: #FFF url(images/sblue/bg_textarea.gif) top left repeat-x;
}


/* inputs heigh fix for browser that incorrectly count it: IE, Mozilla/Firefox */
* html .inline-form input.mainoption, * html .inline-form input.liteoption {
	height: 19px;	/* for IE */
}
* html .inline-form input.post, * html .inline-form select {
	height: 19px;	/* for IE 5.5 */
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 15px;	/* for IE 6.0 */
}
html>body .inline-form input.post, html>body .inline-form select {
	height: 15px;	/* for Mozilla/Firefox */
}
@media all and (min-width: 0px) {
	html>body .inline-form input.post, html>body .inline-form select {
		height: 17px;	/* return normal height for Opera - the only browser that gets it right */
	}
}

