/* ----- BASE.CSS ------ */
/* Import the basic setup styles */
@import url(imports/base.css);
.pun { line-height: 1.25 }
/* Cancels and Resets */
#onlinelist dd, #onlinelist dt, #brdmenu li, div.linkst li, div.linksb li, div.postlinksb li, div.postfootright li, ul.bblinks li {display:inline;height:auto;}
div.postmsg {width:auto;line-height:1.25em}
div.postright, div.postfootright {border:none;}
div.linkst .conr, div.linksb .conr, div.postlinksb .conr {width:auto;}
div.searchposts div.postmsg {height:auto;}
div.footer {background-color:transparent;}
dd,td,tr,p,li {font-size: 14px; line-height: 22px; color:#444;}
/* ----- INDIVIDUAL PAGE SPECIFIC ------ */
/* ----- Help file ----- */
#helpfile {margin:14em 0;}
#helpfile h2 {padding:.75em;}
#helpfile div.box {padding:1em;border-bottom:1px solid #ccc;}

/* ----- Profile Page ----- */
#viewprofile {padding:2em;margin:0 0 1em;background:url(/images/header_background_tall.png) repeat-x #cfddf8;border:1px solid #D0DDF9;}
#viewprofile h2 {color:#3264C6;padding:0 0 .25em;font-size:1.7em;font-weight:normal;}


/* ----- GENERAL TO ALL PAGES ------ */
/* Wrapper Settings */
/*.punwrap {margin:1.5em auto;position:relative;max-width:956px;width:638px;width:100%;font-size:12px;}*/
#punindex .blocktable .tclcon {padding-top:0}
/* Default Settings */
.pun {width:100%;margin:auto;font-size:12px;font-family:"Helvetica Neue",Arial,sans-serif;padding-top:60px}
.pun h1 {color:#3868c7; font-size:2.5em; font-weight:bold; border-bottom:solid 2px #3868c7; padding:0 0 1px 0; margin:0 10px 32px 0; /*color:red;*/} /* where is this used? */
/*.pun h2 {font-size:2.667em;line-height:1.125;margin:0.5625em 0;font-weight:bold;color:#3868c7;}*/
.pun h3 {font-size:1.5em;/* padding:4px 0 5px; */font-weight:bold;color:#3868c7;}
.pun h4 {font-weight:bold;color:#3868c7;}
.pun a {color:#007F1B;}
.pun strong {font-weight:bold;}
.pun p {margin:.5em 0 1em;}
.pun em {font-style:italic;}\
.pun ul, .pun ol {margin:0.5em 1.5em;}
.pun li {margin:0.5em 0;}
.pun ol, .pun ol li {list-style-type:decimal;}
.pun input,.pun select {margin:0.2em 0.2em 0.2em 0;}
.pun .codebox {overflow: scroll;}


/* Universal Classes */
.pun .block {padding:0 1em;}
.pun .block .box {min-width:680px; /* padding-bottom:1em; */}

/* "blocktable" Table Settings */ 
.pun .blocktable {padding: 35px 0 0 0;}
/*.pun .blocktable h2 {font-size:1.667em;font-weight:normal;background:url(/images/skins_tab_bg.gif) repeat-x 0 -10px;color:#3868C7;display:block;padding:0.5em 0.75em 0.5em;margin:0;}*/
.pun .blocktable h2 {font-size: 23px; color:#222; font-weight:bold; padding: 0 0 10px 10px;}
/*.pun .blockpost h2 a {color:#718171;}*/

.pun .blocktable h3 {font-size:1.4em;font-weight:bold;}
.pun .blocktable h3 a {font-weight:bold;text-decoration:none;padding:0;}
.pun .blocktable h4 {font-size:1.2em;font-weight:bold;}
/*.pun .blocktable tr {border-top:1px solid #CCCCCC;}*/
.pun .blocktable th {text-align:left; color:#718171; font-weight:bold; background:#d7f3cf; padding: 5px 10px;}
.pun .blocktable td { border-bottom: 1px solid #dadada; padding: 15px 10px;}
/*.pun .blocktable .tcl {width:50%;padding-left:1em;}*/
.pun .blocktable .tc2 {width: 110px; text-align:right; padding: 0 20px 0 0;}
.pun .blocktable .tc3 {width: 110px; text-align:left;}
.pun .blocktable .tcr {width: 140px;}
.pun .blocktable .tclcon {padding-top:0.2em;padding-bottom:0.2em;}
.pun .blocktable .intd {font-size:1em;}
.pun .blocktable .intd p {color:#999;}


.pun .tclcon h3 {font-size: 17px; margin:0; line-height: 22px;}
.pun .blocktable .modlist {margin:0;}
.pun .byuser {display:block;}
.pun .blocktable table {width: 100%; border-bottom: 2px solid #dadada; background:#FFF; background:rgba(255,255,255,0.6);}




/* General Post Settings */
/*.pun .blockpost {background:#e4e4e4;padding:.25em .75em 0.05em 0.75em;}*/
.pun .blockpost.firstpost {border-top:none;}
.pun .blockpost h2 {background:#d7f3cf; font-size: 14px; color:#718171; font-weight:bold; line-height: 33px; padding: 0 20px;}
.pun .blockpost h2 a {color:#718171;}


/*.pun .blockpost h2 .conr {font-size:0.667em;}*/
.pun .blockpost .box {margin:0 0 0.75em 0.5em;}
.pun .roweven .postleft,.pun .roweven .postright {z-index: 100} /* inherited before */
.pun .blockpost .inbox strong {font-weight:bold;}


/* Post Message Settings */
.pun .blockpost .postmsg {background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;}
.pun .blockpost .postmsg blockquote {border:1px solid #888;padding:1em;-moz-border-radius:3px;-webkit-border-radius:3px;color:#666666;font-style:italic;margin-top:0.5em;}
.pun .blockpost .postsignature {margin:-7px 0 0;background:#FFF;-moz-border-radius:5px;-webkit-border-radius:5px;overflow:visible;}
.pun .blockpost .postsignature hr {clear:both;border:none;border-top:1px solid #888;margin-left:0;width:auto;}
.pun .blockpost .postedit {color:#888;text-align:right;}
.pun .postmsg .postimg img { margin: 7px 0.5em 7px 0; max-width: 98%; vertical-align: middle;}

/* Form Elements Settings */
.pun .blockform {background:url(/images/header_background_tall.png) repeat-x #cfddf8;border:1px solid #D0DDF9;font-size:1.1em;padding:0em 1.5em 1em;margin:0 0 1em;}
.pun .blockform h2 {color:#3264C6;padding:.25em 0;font-size:1.7em;font-weight:normal;}
.pun .blockform [type="submit"] {background:lightBlue url(/images/submit_button.png) no-repeat 0 -1px;color:#3264C6;font-size:1.2em;font-weight:bold;height:30px;line-height:30px;padding:0 1em;text-align:center;border:1px solid #87b1c3;margin:0 1em 0 0;}
.pun fieldset legend {font-weight:bold;display:block;padding:.5em .2em 0 0;font-size:1.2em;color:#444444;}
.pun fieldset .infldset {background:url(/images/header_background_tall.png) repeat-x #cfddf8 0 -30px;padding:1em;border:1px #D0DDF9 solid;}
/*.pun fieldset .infldset input[type="text"],.pun fieldset .infldset input[type="password"] {background:#FFFFFF url(/images/suggestion_input_bg.gif) repeat-x top;border:1px solid #87B1C3;font-size:1em;padding:2px;size:auto;}*/
.pun fieldset .infldset select option {line-height:1.75em;}

/* Side Menu Settings */
.pun .block2col .blockmenu {width:15em;} /* for two Columns */
.pun .block2col .blockmenu h2 {padding:0 0.667em;color:#444;font-weight:bold;font-size:1.5em;}
.pun .block2col .blockmenu ul {margin:0;}
.pun .block2col .blockmenu ul li {padding:.5em 1em;border-top:1px solid #ccc;}

/* Mini Links/Toolbar Settings */
.pun .linkst,.pun .linksb,.pun .postlinksb {position:relative;margin:1em;color:#444;}
.pun .linkst p,.pun .linksb p,.pun .postlinksb p,.pun .linkst li,.pun .linksb li,.pun .postlinksb li {padding:0;margin:0;font-weight:bold;line-height:27px;}  /* Base Reset */

/* Closed Threads */
.pun .iclosed a {color:#6ebb79;}

/* ----- SPECIFIC ELEMENTS ------ */
/* Top Header Section Settings */
#brdheader {padding:0;font-size:12px;position:relative;}

/* Title Bar */
/*#brdtitle {border-bottom:1px solid #5070B1;background:#3868C7 url(/images/pageid_background.png) no-repeat scroll 0 0;height:3em;padding:0.75em 1em 0.75em 2em;}*/
#brdtitle h1 {color:#153d8f;padding:0 0 0 2px;font-weight:normal;font-size:1em;margin:0;border:none;}
#brdtitle p {color:#FFFFFF;font-size:2em;font-weight:bold;line-height:1;padding:0;margin:0;}

/* Welcome Section Settings */
/*#brdwelcome {background:url("/images/section_nav_background.png") repeat-x 0 100%;border:1px solid #D0DDF9;border-bottom:none;padding:0.2em 1.3em 0 2em;}*/
#brdwelcome p {font-style:italic;padding-bottom:0.5em;}
#brdwelcome a {font-style:normal;font-weight:bold;}
#brdwelcome ul {margin:0;}
#brdwelcome .conl {width:auto;}
#brdwelcome .conl li {float:left;margin-right:2em;}
#brdwelcome .conr {overflow:hidden;width:auto;padding:0}
#brdwelcome .conr li {text-align:right;float:left;margin-left:-2px;margin-right:2px;}
#brdwelcome .conr li a {font-weight:bold;padding:0 10px;text-decoration:none;}

/* Menu Section Settings */
#brdmenu {position:absolute; right: 0; padding: 29px 11px 0 0; margin-top: -66px;}
#brdmenu ul {float:right;}
#brdmenu li {list-style:none; margin:0; float:left;  border-left: 2px solid #99c999;}
#brdmenu a {display:block; float:left; padding: 0 15px; font-size: 17px; line-height: 19px; font-weight:bold; text-decoration:none;}



/* Post Preview Specific Settings */
#postpreview {border:none;margin:0 0 1em;background:#FFFED4;}
#postpreview h2 {color:#006b08;border:none;font-size:1.5em;background:none;}

/* Post Review Specific Settings */
#postreview {border:none;margin:0 0 1em;}
#postreview .box {padding:1em 0;border-bottom:1px solid #ccc;}
#postreview .box:last-child {border-bottom:none;} /* CSS3 */

/* Userslist Specific Settings */
#users1 .tcl {width:40%;}
#users1 .tc2 {width:20%;}
#users1 .tc3 {width:20%;}
#users1 .tcr {width:20%;text-align:right;}

/* Messages Settings */
#msg {padding:1em;}
#msg h2 {padding:0;}

/* Statistics Settings */
#brdstats {background:#F8F8F8;font-size:1.2em;padding:1em;margin:17px 0px;}
#brdstats li {color:#616161;}
#brdstats li .count {font-weight:bold;}
#brdstats li.online {font-weight:bold; padding:14px 0 0 0;}

/* Footer Settings */
#brdfooter {background:#FFFED4;padding:1em;position:relative;color:#006b08;}
#brdfooter a {text-decoration:none;}
#brdfooter .poweredBy {position:absolute;top:1em;right:1em;}
#brdfooter .poweredBy a {color:#108b22;text-decoration:none;}

/* Announcements */
#announce {margin: 10px; padding: 10px 20px; border:3px solid #FFF; border-radius: 4px; background: rgba(255,255,255,0.5);}
#announce h2 {margin:.5em 0;font-size:1.5em;display:none;}
#announce .box {padding:0;}
#announce .box .inbox {margin:.5em 0;color:#222;/* font-size:1.2em; */}

/* Google Search */
.pun #cse-search-box-forum {margin-bottom:3em;}
.pun #cse-search-box-forum #sbmt {background:lightBlue url(/images/submit_button.png) no-repeat 0 -1px;color:#3264C6;font-size:1.2em;font-weight:bold;height:30px;line-height:30px;padding:0 1em;text-align:center;border:1px solid #87b1c3;margin:0 1em 0 0;}
.pun #cse-search-box-forum #txt {background:url(/images/header_background_tall.png) repeat-x #cfddf8 0 -30px;padding:2px 4px;border:1px #D0DDF9 solid;font-size:20px;float:left;margin:0 6px 0 0;}
.pun #cse-search-results {margin:1em 0;}

/****************************************************************/
/* 10. POST STATUS INDICATORS */
/****************************************************************/

/* 10.1 These are the post status indicators which appear at the left of some tables. 
.inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
.isticky = sticky topics. By default only .inew is different from the default.*/

div.icon {
	float: left;
	margin-top: 0.5em;
	margin-left: 0.2em;
	display: block;
/*	border-width: 0.6em 0.6em 0.6em 0.6em;
	border-style: solid*/
	height: 15px;
	width: 15px;
}

div.searchposts div.icon {margin-left: 0}

/* 10.2 Class .tclcon is a div inside the first column of tables with post indicators. The
margin creates space for the post status indicator */

td div.tclcon {margin-left: 2.3em}
.pun .icon {/*border-color: #e6e6e6 #dedede #dadada #e2e2e2*/background: url(../img/uTorrent/nonew.png);}
/*tr.iredirect div.icon {border-color: #f1f1f1 #f1f1f1 #f1f1f1 #f1f1f1}*/
.pun .inew .icon {/*border-color: #0080d7 #0065c0 #0058b3 #0072ca*/background: url(../img/uTorrent/new.png)}

#punindex td.tcr span.byuser {
margin-top: 0.2em;
}
.pun .usercontent ul, .pun .postmsg ul {
	list-style: disc;
	padding: 4px 13px 4px 30px;
}

.pun .usercontent ol, .pun .postmsg ol {
	list-style: decimal;
	padding: 4px 13px 4px 30px;
}

.pun .usercontent ol.alpha, .pun .postmsg ol.alpha {
	list-style: lower-alpha;
}

.pun .usercontent li, .pun .postmsg li {
	padding: 0 3px;
}

.pun .usercontent li p, .pun .postmsg li p {
	padding: 0;
	margin: 0
}

.pun span.bbu {
	text-decoration: underline;
}

.pun span.bbs, .pun del {
	text-decoration: line-through;
}



/* Forum Pages*/
#forumheader {background:#eaf9e5; border: 1px solid #c0e1c0; margin: 0 10px;}
#forumheader .largeicon {margin: 13px 0; padding-right:0; float:left;}
#forumheader .inbox {clear:left; background: #d7f3cf;}
#forumnav {float:right; padding: 23px 13px 0 0;}
#forumnav li {float:left; list-style:none; margin:0;}
#forumnav a {font-size: 17px; padding: 0 15px; display:block; float:left; font-weight:bold;};
#forumnav .isactive a {color:#718171 !important;}
#forumheader .inbox li {list-style:none; display:inline; white-space:nowrap; height: 32px; line-height: 32px; margin:0 0 0 19px;}

#forumheader .conr  {position:absolute; text-align:right; width: 930px;}

#announce  .hd {display:none;}
/*#announce {padding: 30px; font-size: 14px;}
*/
#brdmain {padding: 0 20px;}

/* Forum Post */
.blockpost {background:#eaf9e5; margin-bottom: 30px;}
.inbox .postbody {padding: 11px 9px 11px 20px;}
.inbox .postleft {width: 210px; float:left;}
.inbox .postleft dt {padding-bottom: 10px;}
.inbox .postright {width: 637px; float:right; background:#FFF; padding: 18px; overflow:auto; border-radius: 4px;}
.inbox .postright h3 {display:none;}
.inbox .postfoot {padding: 15px 0; font-weight:bold;}
.inbox .postfootleft {padding: 0 0 0 20px; width: 210px; float:left;}
.inbox .postfootleft p {margin:0; color:#666;}
.inbox .postfootright li {list-style:none; display:block; float:left; margin:0;}
.inbox .postfootright a {border-left: 2px solid #a7d3a5; display:block; float:left; height: 18px; line-height: 18px; padding: 0 10px;}
.inbox .postreport a {padding-left: 0; border:none;}

/* forum post footer*/
.postlinksb .pagepost {padding:0;}


/* Search*/
#brdmain .blockform {background:#eff4fe;  padding: 20px; border: 1px solid #c5d2ec; border-radius:5px; margin: 22px -10px;}
#brdmain .blockform h2 {color:#222; font-size: 23px; line-height: 25px; font-weight:bold; padding: 10px 0 10px 50px; height: 30px; background: url(/images/copy/circleicon40_pen.png) 0 0 no-repeat;}
#brdmain .blockform legend {font-size: 17px; color:#545454; font-weight:bold; margin: 0 0 10px 0; clear:left;}
#brdmain .blockform label {font-size: 14px; color:#666;}
#brdmain .blockform input,
#brdmain .blockform select {font-size: 14px; font-weight:normal; color:#222;}
#brdmain .blockform p {margin:0; color:#666;}
#brdmain .blockform .infldset {background:#dde7fa; padding: 14px 14px 26px 14px; border-radius: 5px; margin: 0 0 25px 0; clear:left;}
#brdmain .blockform .infldset input {border: 1px solid #c5d2ec; height: 19px; line-height: 19px; padding: 0 3px;}

/* checklist stuff on search */
.pun .checklist .checklist-item input { height: 1.55em; margin: 0;width: 1.55em;}
.pun .checklist .checklist-item { position: relative;}
.pun .checklist .checklist-item label { padding: 0 0 0 1.75em;}
.pun .checklist .checklist-item .fld-input { left: 0; margin: 0; padding: 0; position: absolute; top: 0;}
.clearl { clear: left;}
.pun .checklist { background: none repeat scroll 0 0 white; border-color: #CCCCCC;}
.pun .checklist { border-style: solid; border-width: 1px; margin: 0.25em 16px 0 0.15em; max-height: 9em; overflow: auto; padding: 0.25em 0.5em; width: 20em;}

input.submit,
#qjump input,
#brdmain .blockform .buttons input {background:#009647 url(../images/interface/button_gradient.png) 0 0 repeat-x; border:none; padding:0; line-height: 16px; font-size: 16px; padding: 6px 10px 9px 10px; color:#FFF; font-weight:bold; cursor:pointer; border-radius: 5px; }
input.submit:hover,
input.submit:focus,
#qjump input:hover,
#qjump input:focus,
#brdmain .blockform .buttons input:hover,
#brdmain .blockform .buttons input:focus {background-position: 0 -31px;}
input.submit:active,
#qjump input:active,
#brdmain .blockform .buttons input:active {background-position: 0 -62px;}


#searchform legend {padding: 0 0 8px 1px;}
#postform .txtarea,
#quickpostform .txtarea {background: #dde7fa;  padding: 13px; border-radius: 5px;  clear:left; float:left;}
#postform textarea,
#quickpostform textarea {border: 1px solid #868686; font-size: 14px; line-height: 22px; color:#666;}
#brdmain .bblinks li {list-style:none; margin:0; display:inline; margin-right: 15px;}



/* Forum Header*/
#brdheader {background:#eaf9e5; border: 1px solid #c0e1c0; padding: 66px 0 0 0; margin: -20px 10px 10px 10px; position:relative; 
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
#brdheader h1 {position:absolute; margin: -126px 0 0 0; display:none;}

#brdheader #brddesc {position:absolute; font-size: 23px; color:#222; font-weight:bold; padding: 24px 0 0 62px; height: 30px; background: url(/images/copy/circleicon40_chat.png) 13px 13px no-repeat; margin-top: -66px;}

#brdmenu #navindex {border:none;}
#brdwelcome {background:#d7f3cf; padding: 0 26px 0 21px;}
#brdwelcome li,
#brdwelcome p {margin:0; list-style:none; display:inline; line-height: 33px;}
#brdwelcome .conl {float:left;}
#brdwelcome .conr {float:right; margin-right: -10px;}
.clearer {width: 100%; clear:both;}

#vf {padding-top:0;}

/* forum header info */

#brdmain .crumbs li {list-style:none; display:inline; margin:0; font-size: 12px;color:#868686;}
/*#brdmain .crumbsplus {padding: 0 16px 0 10px; }*/
.pun .linkst {padding:0;}
#brdmain .pagelink {font-weight:bold; color:#868686;}
#brdmain .conl {float:left;}
#brdmain .conr {float:right;}
#brdmain .postlink {font-weight:bold;}



/*.content {background:#BBB;}*/


.crumbs {clear:left;}
.crumbs strong { font-weight:normal !important;}
.crumbs a {color:#868686; border-bottom: 1px solid #ccd1cd; text-decoration:none !important; background:none !important; padding:0 !important;}
.crumbs span {background: url(/images/interface/sprite.png) 0 -273px no-repeat; padding: 0 12px 0 0; width:0; text-indent:-9999px; color:#FFF;}


/* forum footer */
#brdstats {background:#eaf9e5; border: 1px solid #c0e1c0; padding: 14px 19px 19px 19px; border-radius: 5px; width: 900px; margin: 30px 0 0 -10px;}
#brdstats h2 {padding: 6px 0 0 56px; height: 34px; margin: 0 0 15px -6px; background: url(/images/copy/circleicon40_chat.png) 0 0 no-repeat; font-size: 23px; color:#222; font-weight:bold;}
.clearb {clear:both;}
.pagepost {padding-top: 25px !important;}

/*#brdstats .conl dt,
#brdstats .conr dt {display:none;}
*/
#brdstats .conr {width: 340px;}
#onlinelist dd {display:inline;}

#brdfooter .inbox dl {padding-top: 10px;}
#brdfooter .inbox dt {padding-bottom: 5px; font-size: 14px;}
/*#brdmain .inbox li a,*/
#brdfooter .inbox dl a {padding-left: 16px; background: url(/images/interface/sprite.png) 2px -617px no-repeat;}

#brdmain .inbox li {margin:0;}


#brdfooter {margin: 40px 0 10px 0; padding: 20px 20px 0 20px; background: url(/images/interface/footerfade.png) 50% 0 no-repeat;}

#brdfooter h3,
#brdfooter h2 {margin:0; font-size: 17px; color:#545454; font-weight:bold;}
#qjump {padding-top: 10px;}
#qjump label {width: 600px; display:block;}
#qjump span {float:left; font-size: 14px; color:#222; font-weight:bold; line-height: 22px; padding: 6px 10px 0 0;}
#qjump select {font-size: 13px; }
#brdfooter .conr {float:right; clear:both;}
#feedlinks {display:none;}
#poweredby {color:#999; font-size: 12px;}
#poweredby a {color:#999; font-weight:bold;} 
