/* 1. IMPORTED STYLESHEETS */
@import url(imports/base.css);@import url(imports/Moz-infinity_cs.css);
/* 2. TEXT SETTINGS */
/* 2.1 This sets the default Font Group */
.pun,.pun input,.pun select,.pun textarea,.pun optgroup{font-family:Verdana, Arial, Helvetica, sans-serif}
.pun{font-size:12px;line-height:normal}
/* IEWin Font Size only - to allow IEWin to zoom. Do not remove comments */
* html .pun{font-size:68.75%}
/* End IE Win Font Size */
/* Set font size for tables because IE requires it */
.pun table,.pun input,.pun select,.pun optgroup,.pun textarea,div.postmsg p.postedit,div.postmsg p.sticky{font-size:1em}
/* 2.2 Set the font-size for preformatted text i.e in code boxes */
.pun pre{font-family:monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace}
/* 2.3 Font size for headers */
.pun h2,.pun h4{font-size:1em}
.pun h3{font-size:1.1em}
#brdtitle h1{font-size:1.4em}
/* 2.4 Larger text for particular items */
div.postmsg p{line-height:1.4}
div.postleft dt{font-size:1.1em}
.pun pre{font-size:1.2em}
/* 2.5 Bold text */
div.postleft dt,div.postmsg h4,td.tcl h3,div.forminfo h3,p.pagelink,div.linkst li,div.linksb li,div.postlinksb li,.blockmenu li,#brdtitle h1,.pun span.warntext,.pun p.warntext{font-weight:700}
/* 3. LINKS */
/* 3.1 Remove underlining for main menu, post header links, post links and vertical menus */
#brdmenu a:link,#brdmenu a:visited,.blockpost dt a:link,.blockpost dt a:visited,.blockpost h2 a:link,.blockpost h2 a:visited,.pagelink a:link,.pagelink a:visited,.postfootright a:link,.postfootright a:visited,.blockmenu a:link,.blockmenu a:visited{text-decoration:none}
/* 3.2 Underline on hover for links in headers and main menu */
#brdmenu a:hover,.blockpost h2 a:hover{text-decoration:underline}
/* 4. BORDER WIDTH AND STYLE */
/* 4.1 By default borders are 1px solid */
div.box,.pun td,.pun th,.pun blockquote,div.codebox,div.forminfo,div.blockpost label,div.spoiler,div.noindex{border-style:solid;border-width:1px}
#brdheader div.box{border-width:0}
/* 4.2 Special settings for the board header. */
#brdtitle{background:url('./img/Moz-infinity/pun_head_bg.png') no-repeat 100% 17px transparent;height:60px;padding:6px 0 0}
#brdtitle a{margin:0 30px}
#brdwelcome{background-color:#F4F6F9;border-bottom: 1px solid #E0E1E3;padding:5px 30px 10px}
#brdwelcome ul.conl,#brdwelcome ul.conr{margin:4px 0 2px}
/* 4.3 Borders for table cells */
.pun td,.pun th{border-bottom:none;border-right:none}
.pun .tcl{border-left:none}
/* 4.4 Special setting for fieldsets to preserve IE defaults */
div>fieldset{border-style:solid;border-width:1px}
/* 5. VERTICAL AND PAGE SPACING */
/* 5.1 Page margins */
html,body{margin:0;padding:0}
#punwrap{margin:12px 20px;margin-top:0}
/* 5.2 Creates vertical space between main board elements (Margins) */
div.blocktable,div.block,div.blockform,div.block2col,#postreview{margin:3px 0 16px 0}
#punindex div.blocktable,#pundoku div.blocktable,div.blockpost{margin:3px 0 8px}
div.block2col div.blockform,div.block2col div.block{margin-bottom:0}
/* 5.3 Remove space above breadcrumbs, postlinks and pagelinks with a negative top margin */
div.linkst,div.linksb{margin-top:-12px}
div.postlinksb{margin-top:-6px}
/* 5.4 Put a 12px gap above the board information box in index because the category tables only have a 6px space beneath them */
#brdstats{margin-top:12px}
/* 6. SPACING AROUND CONTENT */
/* 6.1 Default padding for main items */
div.block div.inbox,div.blockmenu div.inbox{padding:3px 6px}
.pun p,.pun dl,div.blockmenu li,.pun label,#announce div.inbox div,div.linkst div.inbox ul,div.postlinksb div.inbox ul{padding:3px 0}
.pun h2{padding:4px 6px}
/* 6.2 Special spacing for various elements */
#brdheader{margin:0 -20px 18px}
.pun h1{padding:3px 0 0}
#brdtitle p{padding-top:0}
div.linkst{padding:8px 6px 3px}
div.linksb,div.postlinksb{padding:3px 6px 8px}
#brdwelcome,#brdfooter dl a,div.blockmenu li,div.rbox input{line-height:1.4em}
#viewprofile dt,#viewprofile dd{padding:0 3px;line-height:2em}
/* 6.4 Create some horizontal spacing for various elements */
#brdmenu li,div.rbox input,div.blockform p input{margin:0 10px}
.pun #brdmenu ul{padding: 0 7px 0 0}
/* 7. SPACING FOR TABLES */
.pun th,.pun td{padding:4px 6px}
.pun td p{padding:5px 0 0}
/* 8. SPACING FOR POSTS */
/* 8.1 Padding around left and right columns in viewtopic */
div.postleft dl,div.postright{padding:6px}
/* 8.2 Extra spacing for poster contact details and avatar */
dd.usercontacts,dd.postavatar{margin-top:5px}
dd.postavatar{margin-bottom:5px}
/* 8.3 Extra top spacing for signatures and edited by */
div.postsignature,div.postmsg p.postedit{padding-top:15px}
/* 8.4 Spacing for code and quote boxes */
div.postmsg h4{margin-bottom:10px}
.pun blockquote,div.codebox,div.spoiler,div.noindex{margin:5px 15px 15px;padding:8px}
/* 8.5 Padding for the action links and online indicator in viewtopic */
div.postfootleft p,div.postfootright ul,div.postfootright div{padding:10px 6px 5px}
/* 8.6 This is the input on moderators multi-delete view */
div.blockpost input,div.blockpost label{padding:3px;display:inline}
p.multidelete{padding-top:15px;padding-bottom:5px}
/* 8.7 Make sure paragraphs in posts don't get any padding */
div.postmsg p{padding:0}
/* 9. SPECIAL SPACING FOR FORMS */
/* 9.1 Padding around fieldsets */
div.blockform form,div.fakeform{padding:20px 20px 15px}
div.inform{padding-bottom:12px}
/* 9.2 Padding inside fieldsets */
.pun fieldset{padding:0 12px}
div.infldset{padding:9px 0 12px}
.pun legend{padding:0 6px}
/* 9.3 The information box at the top of the registration form and elsewhere */
div.forminfo{margin-bottom:12px;padding:9px 10px}
/* 9.4 BBCode help links in post forms */
ul.bblinks li{padding-right:20px}
ul.bblinks{padding-bottom:10px;padding-left:4px}
/* 9.5 Horizontal positioning for the submit button on forms */
div.blockform p input{margin-left:12px}
/* 9.6 */
.codebox a{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_select.png') no-repeat 0 2px transparent}
.codebox h4{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_code.png') no-repeat 0 2px transparent}
/* 10. POST STATUS INDICATORS */
/* 10.1 These are the post status indicators which appear at the left of some tables. */
div.icon{display:block;float:left;width:24px;height:24px}
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}
/* 11. ADDITIONAL STYLES */
div.banner{margin:0 1em;padding-top:2pt;clear:left;text-align:center}
/* 11.4 Privat messeges alarm style */
#kcaptcha{border-width:1px;border-style:solid;border-color:#b4c6d7 #dfe6ee #dfe6ee #b4c6d7}

.pun .reportlink,.pun .pmlink{display:inline;padding:0 25px 0 0}
.pun .reportlink a:link,.pun .pmlink a:link{color:#D36729}
.pun .pmlink a{display:inline;padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_pms.png') no-repeat 0 2px transparent}
.pun .reportlink a{display:inline;padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_reports.png') no-repeat 0 2px transparent}

.pun div.blocktable .last{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_last.png') no-repeat 0 2px transparent}

#brdwelcome ul.conr a.new{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_new.png') no-repeat 0 2px transparent}
#brdwelcome ul.conr a.latest{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_latest.png') no-repeat 0 2px transparent}
#brdwelcome ul.conr a.markread{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_markread.png') no-repeat 0 2px transparent}
#brdwelcome ul.conr a.viewprintable{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_viewprintable.png') no-repeat 0 2px transparent}
#brdwelcome ul.conr a.subscribe{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_subscribe.png') no-repeat 0 2px transparent}
#brdwelcome ul.conr a.unsubscribe{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_unsubscribe.png') no-repeat 0 2px transparent}

div.inbox div.postleft .email{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_email.png') no-repeat 0 2px transparent}
div.inbox p.conl .pm,div.inbox div.postleft .pm{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_pm.png') no-repeat 0 2px transparent}
div.inbox div.postleft .website{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_website.png') no-repeat 0 2px transparent}

div.inbox p.conl{line-height:1.6em}
div.inbox p.conl .topic{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_topic.png') no-repeat 0 2px transparent}
div.inbox p.conl .pool{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_pool.png') no-repeat 0 2px transparent}
div.inbox p.conl .upload{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_upload.png') no-repeat 0 2px transparent}

div.inbox div.postfootleft .online{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_online.png') no-repeat 0 2px transparent}
div.inbox div.postfootleft .offline{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_offline.png') no-repeat 0 2px transparent}

div.inbox div.postright p.postedit,div.inbox div.postright p.sticky{text-align:right;font-size:0.9em}
div.inbox div.postright p.postedit em{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_edited.png') no-repeat 0 0 transparent}
div.inbox div.postright p.sticky em{padding:2px 0 2px 14px;background:url('./img/Moz-infinity/fam_list.png') no-repeat 0 4px transparent}

div.inbox div.postfootright a.profile{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_profile.png') no-repeat 0 2px transparent}
div.inbox div.postfootright a.report{padding:2px 0 2px 18px;background:url('./img/Moz-infinity/fam_report.png') no-repeat 0 2px transparent}
div.inbox div.postfootright a.delete{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_delete.png') no-repeat 0 2px transparent}
div.inbox div.postfootright a.edit{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_edit.png') no-repeat 0 2px transparent}
div.inbox p.conl .reply,div.inbox div.postfootright a.reply{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_reply.png') no-repeat 0 2px transparent}
div.inbox div.postfootright a.quote{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_quote.png') no-repeat 0 2px transparent}

#brdwelcome ul.conl a.user,#brdstats dl a.user{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_user.png') no-repeat 0 2px transparent}
#brdstats dl a.admin{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_admin.png') no-repeat 0 2px transparent}

#brdfooter p.conr{padding:2px 0 0;line-height:1.5em}
#brdfooter dl.conl a.unanswered{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_unanswered.png') no-repeat 0 2px transparent}
#brdfooter dl.conl a.active{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_active.png') no-repeat 0 2px transparent}
#brdfooter dl.conl a.subscribed{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_subscribed.png') no-repeat 0 2px transparent}
#brdfooter dl.conl a.own{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_own.png') no-repeat 0 2px transparent}

#brdfooter div.conl a.close{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_close.png') no-repeat 0 2px transparent}
#brdfooter div.conl a.open{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_open.png') no-repeat 0 2px transparent}
#brdfooter div.conl a.move{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_move.png') no-repeat 0 2px transparent}
#brdfooter div.conl a.stick{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_stick.png') no-repeat 0 2px transparent}
#brdfooter div.conl a.unstick{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_unstick.png') no-repeat 0 2px transparent}
#brdfooter div.conl a.admin{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_admin.png') no-repeat 0 2px transparent}
#brdfooter div.conl a.totopic{padding:2px 0 2px 20px;background:url('./img/Moz-infinity/fam_totopic.png') no-repeat 0 2px transparent}

input[type=submit],input[type=button]{cursor:pointer;background:url(./img/Moz-infinity/pun_button_bg.png) repeat-x center #EEE;border-bottom:1px solid #b2b2b2;border-left:1px solid #dfdfdf;border-right:1px solid #b2b2b2;border-top:1px solid #dfdfdf;color:#333;margin-right:3px}
input[type=submit]:hover,input[type=button]:hover{background:url(./img/Moz-infinity/pun_button_hover_bg.png) repeat-x center #b9dfed !important;border-bottom:1px solid #9ac9dd!important;border-left:1px solid #c0e1f0!important;border-right:1px solid #9ac9dd!important;border-top:1px solid #c0e1f0!important;color:#333}
input[type=submit]:active,input[type=button]:active{background:url(./img/Moz-infinity/pun_button_hover_bg.png) repeat-x center #b9dfed;border-bottom:1px solid #c0e1f0;border-left:1px solid #51accc;border-right:1px solid #c0e1f0;border-top:1px solid #51accc;color:#333}
input[type=submit][disabled=disabled],input[type=button][disabled=disabled],input[type=submit][disabled=disabled]:hover,input[type=button][disabled=disabled]:hover,input[type=submit][disabled=disabled]:active,input[type=button][disabled=disabled]:active{cursor:default;background:url(./img/Moz-infinity/pun_button_bg.png) repeat-x center #EEE;border-bottom:1px solid #b2b2b2;border-left:1px solid #dfdfdf;border-right:1px solid #b2b2b2;border-top:1px solid #dfdfdf;color:#999}
input[type=file],input[type=text],input[type=password],textarea,select,fieldset{border:1px solid #d3d3d3}