/*****************************************************************
1. INITIAL SETTINGS
*****************************************************************/

/* Limited Reset
----------------------------------------------------------------*/

@font-face {
    font-family: 'QlassikMediumRegular';
    src: url('/OnEnAGros/font/Qlassik_TB-webfont.woff') format('woff'),
         url('/OnEnAGros/font/Qlassik_TB-webfont.eot');
    src: url('/OnEnAGros/font/Qlassik_TB-webfont.eot?#iefix') format('embedded-opentype'),
         url('/OnEnAGros/font/Qlassik_TB-webfont.ttf') format('truetype'),
         url('/OnEnAGros/font/Qlassik_TB-webfont.svg#QlassikMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ParchmentMF';
    src: url('/OnEnAGros/font/parchmentmf.eot');
    src: url('/OnEnAGros/font/parchmentmf.eot?#iefix') format('embedded-opentype'),
         url('/OnEnAGros/font/parchmentmf.woff') format('woff'),
         url('/OnEnAGros/font/parchmentmf.ttf') format('truetype'),
         url('/OnEnAGros/font/parchmentmf.svg#parchmentmf') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fertigo';
    src: url('/OnEnAGros/font/Fertigo_PRO-webfont.eot');
    src: url('/OnEnAGros/font/Fertigo_PRO-webfont.eot?#iefix') format('embedded-opentype'),
         url('/OnEnAGros/font/Fertigo_PRO-webfont.woff') format('woff'),
         url('/OnEnAGros/font/Fertigo_PRO-webfont.ttf') format('truetype'),
         url('/OnEnAGros/font/Fertigo_PRO-webfont.svg#FertigoPRO') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'entypo';
    src: url('/OnEnAGros/font/entypo.eot');
    src: url('/OnEnAGros/font/entypo.eot?#iefix') format('embedded-opentype'),
         url('/OnEnAGros/font/entypo.woff') format('woff'),
         url('/OnEnAGros/font/entypo.ttf') format('truetype'),
         url('/OnEnAGros/font/entypo.svg#entypo') format('svg');
    font-weight: normal;
    font-style: normal;

}

@-moz-document url-prefix() {
    .pun .blockpost dt strong {
        letter-spacing: -1px;
    }
}

html, body {
	font-size: 16px !important;
	min-height: 100%;
}

html, body, .pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, .pun h4, .pun h5, .pun pre, .pun blockquote,
.pun ul, .pun ol, .pun li, .pun dl, .pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun legend .pun img,
.pun abbr, .pun cite {
	border: 0;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.pun ul, .pun ol {
	list-style: none;
}

.pun select {
	padding-bottom: 1px;
	padding-top: 1px;
}

/* Font
----------------------------------------------------------------*/
.verdana     {font-family: 'Verdana', sans-serif !important;}
.helvetica   {font-family: 'Helvetica', sans-serif !important;}
.georgia     {font-family: 'Georgia', sans-serif !important;}
.tahoma      {font-family: 'Tahoma', sans-serif !important;}
.qlassik     {font-family: 'QlassikMediumRegular', sans-serif !important; font-size: 1.2em; font-weight: lighter !important;}
.parchment   {font-family: 'ParchmentMF', sans-serif !important; font-size: 2em;}
.fertigo     {font-family: 'Fertigo', sans-serif !important; font-size: 1.2em;}
.raleway     {font-family: 'Raleway', sans-serif !important; font-size: 1.2em;}
.sans-serif  {font-family: sans-serif !important; font-size: 1.2em;}
.serif       {font-family: serif !important; font-size: 1.2em;}
.monospace   {font-family: monospace !important; font-size: 1.2em;}

/* Bootstrap fix
----------------------------------------------------------------*/

.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:11px;line-height:1.4;opacity:0;}
.tooltip.in{opacity:0.8;}
.tooltip.top{margin-top:-3px;padding:5px 0;}
.tooltip.right{margin-left:3px;padding:0 5px;}
.tooltip.bottom{margin-top:3px;padding:5px 0;}
.tooltip.left{margin-left:-3px;padding:0 5px;}
.tooltip-inner{max-width:200px;padding:8px 16px !important;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;border-radius:4px;}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent !important;border-style:solid !important;}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0 !important;border-top-color:#000000 !important;}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0 !important;border-right-color:#000000 !important;}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px !important;border-left-color:#000000 !important;}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px !important;border-bottom-color:#000000 !important;}

/* Content Defaults
----------------------------------------------------------------*/

.pun {
	font: 81.25%/1.462em 'Raleway', Arial, Helvetica, sans-serif;
	max-width: 94em;
	margin: 0px auto;
}

.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.pun pre, .pun code {
	font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace;
	font-size: 1em;
}

.pun pre code {
	font-size: 1em;
}

.pun table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	empty-cells: show;
	width: 100%;
}

.pun h1 {
	font:2.154em/1em 'Fertigo', "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 7px 0;
}

.pun h2, .pun .hd h2 {
	font: 1.462em/1em 'Fertigo', "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 7px 0;
    margin: 0;
}

.pun h3 {
	font-size: 1.154em;
	line-height: 1.267em;
	padding: 7px 0;
}

.pun h4 {
	font-size: 1.077em;
	font-weight: bold;
	padding: 7px 0;
}

.pun h5, .pun h6 {
	font-size: 1em;
	font-weight: bold;
	padding: 7px 0;
}

.pun p, .pun ul, .pun ol, .pun dl, .pun th, .pun td, .pun legend {
	padding: 7px 0;
}

.pun strong, .pun th, .pun span.warntext, .pun p.warntext {
	font-weight: bold;
}

.pun em {
	font-style: italic;
}

.pun a, .pun a:link, .pun a:visited {
	text-decoration: underline;
}

.pun a:hover, .pun a:active, .pun a:focus {
	text-decoration: underline;
}

.pun .actions span {
	padding-left: 16px;
	padding-right: 8px;
	background: url(/OnEnAGros/style/OnEnAGros/img/bull.png) center left no-repeat;
	display: inline-block;
	line-height: normal;
}

.pun .clearer {
	clear: both;
}

/* Hidden Elements
----------------------------------------------------------------*/

#brdfooter h2, #brdstats h2, #debug h2, #brdstats .conl dt, #brdstats .conr dt, #modcontrols dt,
#searchlinks dt, div.postright h3, .pun .subscribelink span, #announce .hd, #reportform h2, #punmoderate #vf h2,
#punviewforum #vf h2, .pun .required strong span, .pun .icon div {
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999em;
	width: 0;
}

/* Generic Float Clear
----------------------------------------------------------------*/

.pun .inbox, .pun #brdmain, .pun .crumbs, .pun .pagepost, .pun .block2col {
	min-height: 1px;
}

* html .pun .inbox, * html .pun #brdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col {
	display: inline-block;
}

* html .pun .inbox, * html .pun #bdrdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col {
	display: block;
}

.pun .inbox:after, .pun #brdmain:after, .pun .crumbs:after, .pun .pagepost:after, .pun .block2col:after {
	content: " ";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.pun .block2col .inbox:after {
	clear: none;
}

.pun .clearb {
	clear: both;
}

/*****************************************************************
2. COMMON STYLES
*****************************************************************/

/* Page Layout
----------------------------------------------------------------*/

.pun {
	width: 94em;
	padding: 0 2em 2em 2em;
	position: relative;
	max-width: 100%;
}

#punredirect, #punmaint {
	padding: 60px 0 0 0;
	width: 60%;
}

#punredirect #brdmain, #punmaint #brdmain {
	background: white;
}

#puninstall, #pundb_update {
	padding: 20px 10%;
}

.pun .punwrap {

}

.pun .top-box {
	height: 18px;
	margin-bottom: -18px;
	position: relative;
}

.pun .top-box div {
	height: 18px;
	margin-left: 50%;
}

.pun .end-box {
	margin-top: -17px;
	height: 18px;
	position: relative;
}

.pun .end-box div {
	height: 18px;
	margin-left: 50%;
}

#punredirect h2, #punmaint h2 {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-bottom: 3px;
}

/* Section Spacing and Borders
----------------------------------------------------------------*/

#brdheader {
	margin: 1.5em 0 0 0;
}

#brdmain {
	clear: both;
	margin-bottom: 10px;
	padding: 0;
}

#brdtopblock {
	background: #fff url(/OnEnAGros/img/h2_bg.png) -8em -5.5em no-repeat;
	height: 12em;
	padding: 0;
}

#punredirect #brdmain, #punmaint #brdmain {
	border: 0;
	margin: 0;
	padding: 10px;
}

#brdstats {
	margin-top: 6px;
	padding: 6px 14px;
}

#quickpost {
	margin-top: 12px;
	padding: 0.5em;
}

/*****************************************************************
3. COMMON BOARD ELEMENTS
*****************************************************************/

/* Logo, Description and Main Menu
----------------------------------------------------------------*/

#brdtitle {
	background: url(/OnEnAGros/style/OnEnAGros/img/header-bg.jpg) center -3em no-repeat;
	border-radius: 0.3em 0.3em 0 0;
	box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.25) inset;
	height: 22em;
	position: relative;
}

#brdtitle h1 {
	padding: 100px 25px 10px 0;
	font-size: 0px;
	color: #333;
}

#brdtitle img {
	position: relative;
	right: 50px;
	top: 90px;
}

#brdtitle .user_welcome {
	background: rgba(0,0,0,0.5);
	bottom: 0;
	height: 5em;
	padding: 1.5em 1.5em 0.5em 12em;
	position: absolute;
	width: 100%;
}

#brdtitle .user_name {
	color: #fff;
	display: block;
	font-family: 'ParchmentMF', sans-serif;
	font-size: 3em;
	font-weight: normal;
	text-shadow: 0 1px 0 #000;
}

#brdtitle .user_title {
	color: #ddd;
	display: block;
	font-family: 'QlassikMediumRegular', sans-serif;
	font-size: 1.25em;
	text-shadow: 0 1px 0 #000;
}

#brdtitle .user_search {
	position: absolute;
	bottom: 1em;
	right: 1em;
}

#brdtitle .user_search .search_query {
	background-color: rgba(0, 0, 0, 0.5) !important;
	box-shadow: 0 2px 3px #000 inset !important;
	color: #eee;
	font-family: 'QlassikMediumRegular', sans-serif;
	font-size: 1.2em;
	text-shadow: 0 1px 0 #000;
}

#brdtitle .user_search .search_submit {
	background: transparent;
	border: 0;
	box-shadow: 0 0 0;
	color: #eee;
	font-family: 'entypo';
	font-size: 3em;
	position: relative;
	top: 0.2em;
	text-shadow: 0 1px 0 #000;
}

#brddesc {
	border-top-style: dotted;
	border-top-width: 1px;
	padding: 10px 0;
}

#brddesc p {
	padding: 0;
}

#brdmenu {
	background: rgba(255, 255, 255, 0.95);
	height: 23em;
	margin: 0;
	padding: 0 0 1em 0;
	width: 12em;
	z-index: 10;
}

#brdmenu ul {
	background: #fff;
	padding: 0.75em 0 0 0;
	width: 12em;
}

#brdmenu li {
	background: #fbfbfb;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	line-height: 1.75em;
	margin: 0;
	padding: 0.25em 1.5em;
}

#brdmenu li#navindex {
	border-top: 1px solid #ddd;
}

#brdheadmenu li#navsite {
	opacity: 0.6;
}

#brdheadmenu li#navsite:hover {
	opacity: 0.9;
}

#brdheadmenu li#navsite,
#brdheadmenu li#navsite:hover {
	-webkit-transition: opacity 0.3s ease;
	   -moz-transition: opacity 0.3s ease;
	     -o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
}

#brdheadmenu li#navsite img {
	height: 1em;
	margin-top: -0.35em;
	width: 1em;
}

#brdmenu a:link, #brdmenu a:visited {
	text-decoration: none;
}

#brdmenu a:hover, #brmenu a:active, #brdmenu a:focus {
}

/* Top Block Box
----------------------------------------------------------------*/

#top_block {
    border: 1px solid;
}


/* Welcome Box
----------------------------------------------------------------*/

#brdwelcome {
	background: #efefef;
	border-bottom: 1px solid #ddd;
	border-top: 3px solid #eee;
	padding: 0 0 0 11.5em;
}

#brdwelcome .conl, #brdwelcome .conr, #brdwelcome p, #brdwelcome li {
	/*display: inline;*/
	padding: 0;
}

#brdwelcome li span {
	padding-left: 18px;
	margin-right: 3px;
	display: inline-block;
	line-height: normal;
	white-space: nowrap;
}

#brdwelcome .conl li:first-child span {
	padding-left: 0;
	background: none;
}

#user_avatar_container,
#brdwelcome .user_avatar_container {
	background: #efefef;
	border-right: 1px solid #f2f2f2;
	float: left;
}

#brdwelcome .user_avatar_container ul {
	height: 2.3em;
	width: 11.5em;
}

#user_avatar,
#brdwelcome li.user_avatar {
	background-color: #fff;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 10em auto;
	border: 0.3em solid white;
	border-radius: 5em;
	box-shadow: 0 0 1px #414141;
	float: none;
	height: 10em;
	left: 0.75em;
	margin: 0;
	overflow: hidden;
	position: absolute;
	top: 14em;
	width: 10em;
	z-index: 9999;
}

.user_avatar_container.notlogged {
	position: absolute;
}

.user_avatar.notlogged {
	top: -5em !important;
	left: -10.75em !important;
}

#brdwelcome .brdmenu {
	background: #ddd;
	float: left;
}

#brdwelcome .brdmenu.user_stats {
	background: #efefef !important;
	color: #666;
	line-height: 3.4em;
}

#brdwelcome .brdmenu ul {
	padding: 0;
}

#brdwelcome .brdmenu a {
	color: #aaa;
	float: left;
	font-size: 3.5em;
	height: 0.95em;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: -1px -1px 0px #eee;
	width: 1em;
}

#brdwelcome .brdusermenu a {
	padding-bottom: 0.5em !important;
}

#brdwelcome .brdusermenu a i {
	line-height: 1em !important;
}

#brdwelcome .brdmenu a:link:hover,
#brdwelcome .brdmenu a:visited:hover {
	background: #333;
}

#brdwelcome .brdmenu a,
#brdwelcome .brdmenu a:hover {
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
        	transition: all 0.3s ease;
}

#brdwelcome .brdmenu a:link:hover,
#brdwelcome .brdmenu a:visited:hover,
#brdwelcome .brdmenu.user_mp .gotapm {
	background: #333;
	color: #f6f6f6 !important;
	text-shadow: 0px 1px 0px #111 !important;
}

#brdwelcome .brdmenu .label {
	padding-left: 7px;
	position: absolute;
}

#brdwelcome .brdmenu .user_mp_on .label {
	font-size: 0.25em;
	margin: 0.25em 0 0 -1em;
	text-shadow: 0 0 0 !important;
}

#brdwelcome .brdmenu .user_profile .badge {
	background: #f90;
	border: 2px solid #f90;
	border-radius: 3em;
	box-shadow: 0 0 2px #666;
	color: #fff;
	font-size: 0.65em;
	padding: 0.2em 0.3em;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.15), 1px 1px 1px rgba(0, 0, 0, 0.35);
	top: 0.25em;
	right: 0;
}

#brdwelcome .brdmenu.user_mp.inbox_full a,
#brdwelcome .brdmenu.user_mp.inbox_alert a,
#brdwelcome .brdmenu.user_mp.inbox_ok a {
	color: #F6F6F6 !important;
	text-shadow: 0px 1px 0px #111 !important;
}

#brdwelcome .brdmenu.user_mp.inbox_full a {
	background: #B92F51;
}

#brdwelcome .brdmenu.user_mp.inbox_alert a {
	background: #D56D3D;
}

#brdwelcome .brdmenu.user_mp.inbox_ok a {
	background: #54B367;
}

#brdwelcome .conl {
	position: relative;
	margin: 0 25px 0 0;
}

#brdheadmenu {
	float: left;
	width: 11.5em;
}

#brdheadmenu ul {
	margin: 24px 1em 0 1em;
	padding: 0;
}

#brdheadmenu li {
	display: inline;
	margin: 0;
}

#brdheadmenu a {
	color: #888;
	display: inline-block;
	font-size: 2.25em;
	height: 1em;
	text-align: center;
	text-decoration: none;
	width: 1.25em;
}

#brdheadmenu a:hover {
	color: #334;
}

#brdheadmenu i {
	font-size: 1.25em;
}

#brdheadmenu #home {
	background: #fff;
	float: left;
	margin: 0;
	opacity: 0.5;
	text-align: center;
	width: 10em;
}

#brdheadmenu #home:hover {
	opacity: 0.8;
}

#brdheadmenu #home img {
	width: 5em;
}

#brdheadmenu #socialz {
	float: right;
}

#brdheadmenu #socialz ul {
	padding: 0.2em 1em 0 0;
}

#brdheadmenu #socialz li {
	display: inline;
	margin: 0 0.25em;
}

.boxnews {
	float: left;
	width: 36em;
}

.boxnews ul {
	border-left: 1px solid white;
	height: 8em;
	padding: 0;
}

.boxnews ul li {
	display: inline-block;
	float: left;
	font-style: italic;
	height: 2.75em;
	line-height: 1.75em;
	padding: 0.5em 0;
	position: relative;
	width: 50%;
}

.boxnews ul li.wp_index {
	background: #fff !important;
	color: #888;
	width: 100%;
}

.boxnews ul li.wp_post .wp_post_date {
	color: #888;
	font-size: 90%;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
}

.boxnews ul li.wp_post {
	background: #f6f6f6;

}

.boxnews ul li.wp_post:hover {
	background: #ddd;
}

.boxnews ul li a {
	text-decoration: none !important;
}

.boxnews .wp_post_date {
	padding: 0 1em;
}

#announce {
	color: #666;
	float: left;
	padding: 2.5em 1em 0em 1em;
	max-width: 40em;
	text-align: justify;
}

#announce .quote {
	color: #666;
	font-family: 'ParchmentMF', sans-serif;
	font-size: 2em;
	font-weight: lighter;
	padding: 0.25em 0 0 0;
}

#announce p {
	display: none;
}

/* Stats
----------------------------------------------------------------*/

#brdstats .conl, .conl {
	float: left;
}

#brdstats .conr, .conr {
	float: right;
	text-align: right;
}

#brdstats #onlinelist,
#brdstats #birthdaylist {
    border-top-style: dotted;
    border-top-width: 1px;
    clear: both;
}

#brdstats #onlinelist dt, #brdstats #onlinelist dd,
#brdstats #birthdaylist dt, #brdstats #birthdaylist dd {
    display: inline;
}

/* Footer
----------------------------------------------------------------*/

.pun #modcontrols {
	border-style: none;
	border-width: 0;
	margin-bottom: 4px;
	text-align: center;
	width: 100%;
}

.pun #modcontrols dd {
	display: inline;
}

.pun #brdfooter {
	background: url(/OnEnAGros/style/OnEnAGros/img/footer-inner-bg.jpg) center bottom no-repeat;
	border: 0;
	box-shadow: 0 0 0;
	color: #ccc;
	height: 16em;
	margin: 0 0 8.25em 0;
	padding: 10px;
}

.pun #brdfooter a {
	color: #eee;
	text-shadow: 0 1px 0 #000;
}

.pun #brdfooter #modcontrols dd span {
	background: url(/OnEnAGros/style/OnEnAGros/img/bull.png) center left no-repeat;
	display: inline-block;
	line-height: normal;
	padding-left: 18px;
	white-space: nowrap;
}

.pun #brdfooter .conl {
	float: left;
}

.pun #brdfooter .conr {
	text-align: right;
	float: right;
}

.pun #brdfooter #poweredby a {
	font-size: 1.077em;
	font-weight: bold;
}

.pun #brdfooter #qjump {
	padding-top: 5px;
}

.pun #brdfooter #qjump * {
	white-space: nowrap;
}

.pun #brdfooter #searchlinks dd span {
	background: url(/OnEnAGros/style/OnEnAGros/img/bull.png) center left no-repeat;
	display: inline-block;
	line-height: normal;
	padding-left: 18px;
	white-space: nowrap;
}

.pun #brdfooter #feedlinks {
	padding-bottom: 0;
}

.pun #brdfooter #feedlinks span {
	background: url(/OnEnAGros/style/OnEnAGros/img/feed.png) center left no-repeat;
	display: inline-block;
	padding-left: 18px;
	white-space: nowrap;
}

.pun #debugtime {
	border-style: dotted none none none;
	border-width: 1px 0 0 0;
	margin-top: 7px;
	text-align: center;
}

/* Breadcrumbs, Postlink, Pagination
----------------------------------------------------------------*/

.pun .linkst .inbox, .pun .linksb .inbox, .pun .postlinksb .inbox {
	overflow: hidden;
}

.pun .linksb, .pun .postlinksb, .pun .linkst, .pun .crumbs {
	clear: both;
	position: relative;
}

.pun .linkst {
	margin: 2em 0 0 0;
}

.pun .linkst .crumbs {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 1.462em;
	line-height: 1.211em;
	padding: 7px 0;
}

.pun .linksb {
	margin: 0 0 2em 0;
}

.pun .linksb .crumbs {
	float: left;
}

.pun .linkst .crumbsplus, .pun .linksb .crumbsplus {
	padding: 6px 15px;
}

.pun .linksb .crumbs, .pun .postlinksb .crumbs {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 1.154em;
}

.pun .linkst .crumbsplus .pagepost {
	border-top-style: dotted;
	border-top-width: 1px;
}

.pun .linksb .crumbsplus .pagepost, .pun .postlinksb .crumbsplus .pagepost {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.pun .postlinksb {
	margin-top: 2em;
}

.pun .postlinksb .crumbs {
	margin-right: 11em;
}

.pun .crumbs li {
	float: left;
	padding-right: 0.4em;
	white-space: nowrap;
}

.pun .crumbs li strong {
	font-weight: normal;
}

.pun .pagelink {
	float: left;
	white-space: nowrap;
}

.pun .pagelink strong, .pun .pagelink a, .pun .pagelink span.spacer {
	border-style: none none none solid;
	border-width: 0 0 0 1px;
	display: inline-block;
	padding: 0 12px 0 10px;
	margin-right: -6px;
}

.pun .pagelink .item1 {
	border: 0;
}

.pun .pagelink .pages-label {
	display: inline-block;
}

.pun .postlink {
	float: right;
	font-weight: bold;
	text-align: right;
}

.pun .modbuttons {
	float: right;
	padding: 5px 0 3px 0;
}

.pun .modbuttons input {
	margin-left: 8px;
}

.pun .subscribelink {
	clear: none !important;
	right: 0;
	text-align: right;
	top: 33px;
}

/*****************************************************************
4. MAIN TABLES
*****************************************************************/

.pun #brdmain .blocktable {
	margin: 2em 0;
	overflow: hidden;
	position: relative;
}

#punindex #brdmain .blocktable h2, #punsearch #vf h2, #punstats-users #vf h2, #punuserlist #users1 h2 {
	border-radius: 0;
	color: #fff;
	font-family: 'ParchmentMF';
	font-size: 2em;
	font-weight: bold;
	line-height: 1.75em;
	padding: 0;
	position: absolute;
	text-shadow: 1px 1px 0 #000;
	width: 100%;
	z-index: 100
}

#punindex #brdmain .blocktable h2 span.cat_desc, #punsearch #vf h2 span.cat_desc, #punuserlist #users1 h2 span.cat_desc {
	position: relative;
	font-size: 20px;
	font-weight: normal;
	left: -80px;
	top: 11px;
	z-index: 9999;
}

#punindex .blocktable th.tcl, #punsearch #vf th.tcl, #punuserlist #users1 th.tcl {
	font-size: 0;
	text-indent: -9999em;
}

.pun .blocktable .box {
	overflow: hidden;
	position: relative;
}

* html .pun .blocktable .box {
	display: inline-block;
}

.pun .blocktable table {
	table-layout: fixed;
	margin-bottom: -1px;
}

.pun .blocktable th {
	padding: 7px 8px;
	border-style: none none solid none;
	border-width: 0;
	text-align: left;
}

.pun .blocktable tr {
	border-bottom: 0;
}

.pun .blocktable td {
	padding: 7px 8px;
	line-height: 1.3077em;
	border-style: none none solid none;
	text-align: left;
}

.pun .blocktable tbody tr td {
	border-bottom: 1px solid;
}

.pun .blocktable h3 {
	font-size: 1.077em;
	font-weight: bold;
	padding: 0;
}

.pun .blocktable p {
	padding: 0;
}

.pun .blocktable .tcl p {
	padding: 5px 0 0 0;
}

.pun .blocktable .tcl {
	padding: 8px 8px 8px 12px;
	width: auto;
}

.pun .blocktable .tcla {
	width: 4em;
}

.pun .blocktable .tc2, .pun .blocktable .tc3, .pun .blocktable .tc4, .pun .blocktable .tcmod {
	font-size: 0.8em;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	width: 10%;
}

.pun .blocktable .tcr {
	font-size: 0.8em;
	width: 30%;
}

.pun .blocktable .tcr .byuser {
	display: block;
}

.pun .blocktable .tcr a {
	text-decoration: none;
}

.pun .blocktable .tcr a:hover {
	text-decoration: underline;
}

.pun .blocktable .tcr img, .pun .blocktable .tcla img {
	border-radius: 0.25em;
	float: left;
	height: 2.5em;
	margin-right: 0.5em;
	margin-top: 0.25em;
	opacity: 0.75;
	width: 2.5em;
}

.pun .blocktable td .newtext, .pun .blocktable td .pagestext, .pun .blocktable td .byuser {
	white-space: nowrap;
}

.pun .blocktable .tcl h3 span.newtext {
	font-size: 0.929em;
	font-weight: normal;
}

.pun .blocktable tr .label {
	display: inline-block;
	font-size: 0.8em !important;
	margin-top: 0.5em;
	margin-right: 0.5em;
	padding: 0.5em;
	position: relative;
	top: -0.25em;
}

.pun #vf td.tcl span.stickytext, .pun #vf td.tcl span.closedtext {
	font-size: 1em;
	font-weight: bold;
}

#punsearch #vf .tc2 {
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	width: 18%;
}

#users1 .tcr {
	width: 25%;
}

#users1 .tc2 {
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	width: 25%;
}

#debug {
	margin-top: 12px;
}

#debug .tcl {
	width: 10%;
}

#punredirect #debug .tcl, #punmaint #debug .tcl {
	width: 20%;
}

#debug .tcr {
	width: 90%;
	white-space: normal
}

#punindex .tcr .byuser {
	display: block
}

#punindex td.tc2, #punindex td.tc3, #punindex td.tcr, .pun #vf td.tc2, .pun #vf td.tc3,
.pun #vf td.tcr, #punindex td.tcl div.forumdesc, .pun #vf td.tcl span {
	font-size: 1em;
}

.pun #vf td.tcl a {
	font-family: 'Fertigo', sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.pun #vf td.tcl span a {
	font-weight: normal;
}

.pun .blocktable .tclcon {
	height: 1%;
	min-height: 1px;
	overflow: hidden;
	padding: 0 11px 0 12px;
	position: relative;
}

.pun .blocktable .tclcon div {
	width: 100%;
	overflow: hidden;
}

.pun .icon {
	border-style: solid;
	border-width: 8px;
	float: left;
	height: 0;
	overflow: hidden;
	width: 0;
}

.pun .iposted .ipost {
	font-weight: bold;
	left: 0;
	padding-left: 4px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 8px;
}

/*****************************************************************
MAIN POSTS
*****************************************************************/

/* Structure
----------------------------------------------------------------*/

.pun .blockpost {
	overflow: hidden;
	padding: 0.25em;
	position: relative;
}

* html .pun .blockpost {
	display: inline-block;
}

.pun .blockpost h2 {
	font: 1em/1.462em Arial, Helvetica, sans-serif;
	font-weight: normal;
	height: 1.462em;
	max-width: 910px;
	padding: 10px 8px 10px 236px;
	position: absolute;
	white-space: nowrap;
	width: 100%;
	z-index: 10;
}

#punsearch .blockpost h2 {
	height: auto;
	padding-left: 36px;
	white-space: normal;
}

#punsearch .blockpost h2 span span {
	white-space: nowrap;
	display: inline-block;
	font: 1.077em "Trebuchet MS", Arial, Helvetica, sans-serif
}

#punsearch .blockpost .icon {
	position: absolute;
	top: 0;
	margin: -30px 0 0 -8px;
}

.pun .blockpost h2 .conr {
	float: right;
	text-align: right;
}

.pun .blockpost .inbox {
	float: right;
	position: relative;
	width: 100%;
}

.pun .blockpost .postbody, .pun .blockpost .postfoot {
	/*border-left-style: solid;
	border-left-width: 1px;
	float: right;
	margin-right: -218px;
	position: relative;
	text-align: left;
	width: 100%;*/
}

.pun .blockpost .postleft, .pun .blockpost .postfootleft {
	padding: 1em;
	text-align: center;
}

.pun .blockpost .postleft dl {
	padding: 0;
}

#punviewtopic .blockpost dt, #punmoderate .blockpost dt {
	display: block;
	position: absolute;
	padding: 0.538em 0 0.538em 12px;
	line-height: 1.2em;
	min-height: 2.5em;
	top: -2.615em;
	left: 0;
	overflow: hidden;
	width: 206px;
}

.pun .blockpost dd a,
.pun .blockpost dt a {
	color: #eee;
	text-shadow: 1px 1px 0px #000;
}

.pun .blockpost dt strong {
	font-size: 1.231em;
	font-weight: bold;
}

.pun .blockpost .postleft dd {
	font-size: 0.923em;
}

.pun .blockpost .postleft .usertitle {
	padding: 4px 0 6px 0;
	font-size: 1em;
}

.pun .blockpost .postleft .postavatar {
	border-radius: 0.4em;
	display: block;
	margin: 0 0 4px 0;
}

.pun .blockpost .postleft .author-avatar {
	display: block !important;
	height: 140px;
	margin: 0 auto;
	position: relative;
	transform: rotate(135deg) scale(0.75);
	width: 140px;
}

.pun .blockpost .postleft .author-avatar::after {
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 0.4em;
	content: ' ';
	position: absolute;
	height: 140px;
	left: 0;
	top: 0;
	width: 140px;
}

.pun .blockpost .postleft .author-avatar img {
	border-radius: 0.4em;
	height: 140px;
	width: 140px;
}

.pun .blockpost .postleft .author-icon {
	display: inline-block;
}

.pun .blockpost .postleft .author-name h4 {
	font-size: 1.25em;
	margin-top: 0.5em;
}

.pun .blockpost .postleft .author-name a {
	color: #efefef !important;
	text-decoration: none !important;
	text-shadow: 0 1px 0 #222 !important;
}

.pun .blockpost .postleft .author-title h5 {
	font-size: 0.9em;
	padding: 0 7px 7px 7px;
}

.pun .blockpost .postleft .author-icon a {
	color: #222;
	text-decoration: none;
	text-shadow: 0 1px 0 #666;
}

.pun .blockpost .postleft .author-icon a:hover {
	color: #efefef;
	text-shadow: 0 1px 0 #000;
}

.pun .blockpost .postleft .author-field span {
	font-size: 3em !important;
}

.pun .blockpost .postright {
	border-radius: 0.3em;
	min-height: 24em;
	position: relative;
}

.pun .blockpost .postright::before {
	border: 12px solid transparent;
	border-right-color: #1b1b1b;
	content: ' ';
	left: -24px;
	position: absolute;
	top: 2em;
}

.pun .blockpost .postright::after {
	border: 12px solid transparent;
	border-right-color: #fff;
	content: ' ';
	left: -23px;
	position: absolute;
	top: 2em;
}

.pun .blockpost .postright .postmeta {
	border-bottom: 1px solid #ddd;
	margin: 0 1.5em;
	opacity: 0.35;
	padding: 1em 0 0.5em 0;
}

.pun .blockpost .postright:hover .postmeta {
	opacity: 1.0;
}

.pun .blockpost .postright .postmeta a {
	text-decoration: none;
}

.pun .postsubject label {
	padding: 0.5em 1.5em;
	margin-bottom: -1em;
	margin-top: 0.5em;
}

.pun .postsubject label input, .pun .postsubject label input:focus {
	border: 0;
	box-shadow: 0 0 0 !important;
}

.pun .postmsg {
	min-height: 16em;
	padding: 0.5em 1.5em;
	overflow: hidden;
	text-align: justify;
	width: 100%;
}

.pun .blockpost .postfooter {
	border-top: 1px solid #ddd;
	margin: 0 1.5em;
	padding: 1em 0;
}

.pun .blockpost .postfooter .postmenu ul {
	margin-right: 0.5em;
	margin-top: -1em;
	padding: 0;
	text-align: right;
}

.pun .blockpost .postfooter .postmenu li {
	display: inline;
}

.pun .blockpost .postfooter .postmenu li span {
	display: inline-block;
	font-size: 3em;
	line-height: normal;
	text-decoration: none
}

/* Content (includes other user content)
----------------------------------------------------------------*/

.pun .usercontent {
	padding: 7px 0;
}

.pun .postmsg, .pun .postmsg p, .pun .postmsg li, #punhelp p samp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 2em;
}

.pun .usercontent h1, .pun .usercontent h2, .pun .usercontent h3,
.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 {
	padding: 7px 0 0 0;
}

.pun .postmsg h5, #punhelp h5 {
	font-size: 1.231em;
	font-weight: bold;
	padding: 7px 0;
}

.pun .usercontent ul, .pun .postmsg ul {
	list-style: circle;
	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;
}

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

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

.pun .postmsg ins, #punhelp samp ins {
	text-decoration: none;
}

.pun .blockpost .postmsg .postedit {
	font-size: 0.857em;
}

.pun .codebox {
	border-style: solid;
	border-width: 1px;
	margin: 0.75em 1em;
	padding: 0;
}

.pun .quotebox {
	border-style: solid;
	border-width: 1px 1px 1px 3px;
	margin: 0.75em 1em;
	padding: 0 0.75em;
}

.pun .quotebox cite {
	display: block;
	padding: 0.75em 0 0 0;
	font-weight: bold;
	line-height: 1.462em;
}

.pun .quotebox blockquote {
	font-size: 14px;
	overflow: hidden;
	width: 100%;
}

.pun .quotebox blockquote,
.pun .quotebox blockquote p {
	font-family: 'Raleway', sans-serif;
	line-height: 1.5em;
}

.pun .codebox pre {
	overflow-y:hidden;
	overflow: auto;
	width: 100%;
	direction: ltr;
	text-align: left;
}

* html .pun .codebox pre {
	padding-bottom: 10px;
}

*:first-child+html .pun .codebox pre {
	padding-bottom: 10px;
}

.pun .codebox pre code {
	padding: 0.75em;
	white-space: pre;
}

.pun div[class*=codebox] pre code {
	display: inline-block;
}

* html .pun .codebox pre code {
	display: block;
}

.pun .codebox pre.vscroll {
	height: 32em;
	overflow: auto;
	overflow-y: auto
}

.pun .postmsg img, #punhelp samp img {
	height: auto;
	max-height: 80%;
	max-width: 80%;
	vertical-align: text-top;
	width: auto;
}

.pun .postmsg img.smile, #punhelp samp img.smile {
	height: auto;
	vertical-align: middle;
	width: auto;
}

.pun .postmsg .postimg img {
	max-width: 98%;
	vertical-align: middle;
}

.pun .postmsg .postimg button img {
	max-height: 100%;
	max-width: 100%;
}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
	border-style: solid;
	border-width: 2px;
}

/*****************************************************************
MAIN FORMS
*****************************************************************/

#punedit .blockform h2, #punpost .blockform h2, #postpreview h2, #posterror h2,
.pun #quickpost h2, .pun #reportform h2, #pundelete .blockform h2 {
	font: 1em/1.462em Arial, Helvetica, sans-serif;
	font-weight: bold;
	white-space: nowrap;
	padding: 10px 19px 4px 37px;
	border: 0;
}

#punpost .blockform h2, #punedit .blockform h2,.pun #quickpost h2,
#pundelete .blockform h2 {

}

#punprofile label {
	display: block;
}

#toolbar,
#smilies {
	margin-bottom: -1.5em;
	margin-top: 0.5em;
	padding: 1em 1.5em !important;
}

#toolbar {

}

.pun #quickpost legend, #punpost legend, #punedit legend {
	/*font-size: 0;*/
	width: 25em;
	/*overflow: hidden;*/
	white-space: nowrap;
}

.pun .blockform .box {
	/*border-top: 1px solid #ddd;*/
	padding: 12px 15px;
}

.pun #posterror {
	border-style: solid;
	border-width: 1px;
}

.pun #posterror .box {
	padding: 0 18px 12px 18px;
}

* html .pun .blockform .box, * html .pun #posterror {
	display: inline-block;
}

.pun .blockform .forminfo, .pun .error-info {
	padding: 12px 18px;
	border-style: solid;
	border-width: 1px;
	position: relative;
}

.pun .blockform .forminfo {
	margin-top: 12px;
}

#pundelete .blockform .forminfo {
	margin-top: 33px;
}

.pun .forminfo h3 {
	padding-bottom: 0;
}

.pun .error-list li {
	padding-left: 24px;
	background: url(/OnEnAGros/style/OnEnAGros/img/exclaim.png) center left no-repeat;
}

.pun .inform {
	padding: 0 18px;
}

.pun legend {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 0.75em 1em 0.25em 1em;
}

* html .pun legend {
	margin-left: -7px;
}

*:first-child+html .pun legend {
	margin-left: -7px;
}

.pun .infldset {
	border-style: solid;
	border-width: 1px;
	padding: 12px 18px;
}

#punregister #rules .infldset {
	padding: 5px 18px;
}

.pun fieldset p {
	padding: 0 0 7px 0;
}

.pun fieldset p.pagelink.conl {
	padding-top: 7px;
}

.pun fieldset .usercontent p {
	padding: 7px 0;
}

.pun fieldset .checklist-item {
	clear: both;
}

.pun fieldset .fld-input {
	float: left;
}

.pun label em {
	font-weight: normal;
	font-style: normal;
}

.pun .required strong {
	background: url(/OnEnAGros/style/OnEnAGros/img/asterisk.png) center right no-repeat;
	font-weight: normal;
	padding-right: 14px;
	white-space: pre;
	display: inline-block;
	line-height: normal;
}

.pun label input, .pun label select, .pun label textarea {
	margin-right: 0.25em;
	margin-top: 2px;
}

.pun label.conl {
	display: inline-block;
	float: none;
	padding-right: 12px;
}

.pun form .buttons {
	padding: 8px 19px;
	margin-bottom: -12px;
}

.pun .blockform .buttons input {
	margin-right: 12px;
}

.pun .rbox {
	padding: 3px 0;
}

.pun .rbox label {
	padding: 3px 0 3px 1.75em;
	position: relative;
	min-height: 1px;
}

* html .pun .rbox label {
	text-indent: -3px;
	height: 1%;
}

.pun .rbox input {
	/*box-shadow: 0 2px 2px white, 0 1px 5px #888 inset;
	border-radius: 4px;
	border: 0;
	margin: 3px 0.75em 3px -1.75em;
	padding: 6px 10px;
	position: relative;
	vertical-align: middle;
	padding: 0;
	height: 1em;
	width: 1em;*/
}

.pun input[type=submit] {
	/*background-image: linear-gradient(bottom, #eee 25%, white 75%);
	background-image: -o-linear-gradient(bottom, #eee 25%, white 75%);
	background-image: -moz-linear-gradient(bottom, #eee 25%, white 75%);
	background-image: -webkit-linear-gradient(bottom, #eee 25%, white 75%);
	background-image: -ms-linear-gradient(bottom, #eee 25%, white 75%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, #eee), color-stop(0.75, white) );
	border: 0;
	border-radius: 20px;
	box-shadow: 0 1px 1px rgba(40, 61, 103, 0.25) inset, 0 1px 1px rgba(136, 136, 136, 0.5);
	color: #334;
	padding: 6px 14px;
	text-shadow: 0 1px 0 #eee;*/
}

.pun input[type=submit]:hover {
	/*box-shadow: 0 1px 1px rgba(40, 61, 103, 0.4) inset, 0 1px 1px #888;
	color: #23567E;
	text-shadow: 0 1px 0 #fff;*/
}

.pun input[type=submit]:active {
	/*background: #eee;
	box-shadow: 0 0 1px rgba(40, 61, 103, 0.75) inset, 0 0 3px #aaa;
	color: #23567E;
	position: relative;
	text-shadow: 0 1px 0 #fff;
	top: 1px;*/
}

.pun input[type=text], .pun select, .pun textarea {
	background-color: #eee;
	border-radius: 4px;
	border: 0;
	box-shadow: 0 1px 2px #bbb inset;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	outline: 0;
	padding: 6px 10px;
}

.pun input[type=text]:focus, .pun select:focus, .pun textarea:focus {
	box-shadow: 0 1px 2px #666 inset;
}

.pun .txtarea textarea, .pun input.longinput {
	box-shadow: 0 2px 2px white, 0 1px 5px #888 inset;
	border-radius: 4px;
	border: 0;
	padding: 6px 10px;
	width: 98%;
}

.pun .post-options .label {
	margin-right: 0.5em;
}

.pun .post-options a {
	color: #fff !important;
	text-shadow: 0 0 0 !important;
	text-decoration: none;
}

.pun #quickpost .postright,
.pun #quickpost .postright .postmsg {
	min-height: 10em;
}

.pun #quickpost .postmsg {
	padding: 0.5em;
}

.pun #quickpost .postright .postmsg #toolbar, .pun #quickpost .postright .postmsg #smilies {
	margin: 0;
	padding: 0.25em 0.5em !important;
}

.pun #quickpost .postright textarea {
	height: 9em;
	width: 100%;
}

.pun #quickpost .txtarea {
	padding-right: 12px;
	padding-left: 200px;
	position: relative;
}

.pun #quickpost .new-post-submit {
	padding: 0.5em 0;
}

.pun .blockform .bblinks {
	padding-top: 0;
}

.pun .blockform .bblinks li {
	display: inline;
}

.pun .blockform .bblinks li span {
	background: url(/OnEnAGros/style/OnEnAGros/img/help.png) center left no-repeat;
	margin-right: 8px;
	padding-left: 20px;
	display: inline-block;
}

.pun #quickpost .bblinks {
	left: 18px;
	line-height: 1.75em;
	position:absolute;
	top: 18px;
	width: 12em;
}

.pun #quickpost .bblinks li {
	display: block;
}

.pun #login p.clearb {
	border-top-style: dotted;
	border-top-width: 1px;
	font-size: 0;
	height: 0;
	line-height: 0;
	margin-top: 7px;
	overflow: hidden;
	padding-bottom: 3px;
	padding-top: 7px;
	text-indent: -9999em;
	width: 100%;
}

.pun #postform {
	margin: 1em 0;
}

.pun #postform h2 {
	display: none;
}

.pun #postform .postmsg {
	padding: 0;
}

.pun #postform textarea {
	box-shadow: 0 0 0;
	padding: 0.5em 1em;
	margin: 2%;
	width: 96%;
}

.pun #postform .newpost {
	padding: 1em 0 !important;
}

.pun #postform .post-options {
	padding: 0.5em 0 0 0;
}

.pun #postform .post-options label input {
	margin-right: 0.25em;
}

.pun #postform .post-options label {
	margin-right: 0.75em;
}

.pun #postpreview, .pun #postpreview {
	padding-top: 0.25em;
	margin: 1em 0;
}

.pun #postreview, .pun #posterror {
	margin-bottom: 4em;
}

.pun #postreview .postleft {
	padding-top: 1em;
}

.pun #postreview .postleft .author-avatar, .pun #postreview .postleft .author-avatar img, .pun #postreview .postleft .author-avatar::after,
.pun #postpreview .postleft .author-avatar, .pun #postpreview .postleft .author-avatar img, .pun #postpreview .postleft .author-avatar::after {
	height: 6em;
	width: 6em;
}

.pun #postreview .postright {
	margin: 0.25em 0;
	padding: 0;
}

.pun #postreview .postright, #postreview .postmsg {
	min-height: 8em;
}

.pun #postpreview {
	background-color: #b8bebc;
}

.pun #postpreview .postbody {
	border-style: solid;
	border-width: 1px;
	float: none;
	margin: 0 18px 12px 18px;
	padding: 0;
	padding: 4px 18px 4px 18px;
	width: auto;
}

.pun span.email {
	background: url(/OnEnAGros/style/OnEnAGros/img/email.png) left 65% no-repeat;
	margin-right: 5px;
	padding-left: 21px;
	display: inline-block;
	line-height: normal;
}

.pun span.website {
	background: url(/OnEnAGros/style/OnEnAGros/img/ext.png) left 65% no-repeat;
	padding-left: 18px;
	display: inline-block;
	line-height: normal;
}

#punmisc #rules .box {
	border-style: solid;
	border-width: 1px;
	padding: 5px 18px;
}


#punhelp .box {
	border-style: solid;
	border-width: 1px;
	padding: 7px 12px;
}

/*****************************************************************
PROFILES (+ ADMIN MENU)
*****************************************************************/

/* Profile / Admin
----------------------------------------------------------------*/

.pun .blockmenu {
	background: white;
	border-radius: 3px;
	box-shadow: 0 1px 2px #999;
	width: 16em;
	float: left;
	padding: 12px;
}

.pun .block2col .blockform, .pun .block2col .block {
	margin-left: 18em;
}

.pun .blockmenu .block2 {
	padding-top: 19px;
}

.pun .blockmenu ul {
	border-top-style: dotted;
	border-top-width: 1px;
	padding: 0;
}

.pun .blockmenu li {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	font-weight: bold;
	padding: 0;
}

.pun .blockmenu a:link, .pun .blockmenu a:visited {
	display: block;
	padding: 9px 6px 3px 6px;
	min-height: 1px;
	text-decoration: none;
}

* html .pun .blockmenu a:link,  * html .pun .blockmenu a:visited {
	height: 1%;
}

.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
	text-decoration: none;
}

#viewprofile .box {
	border-style: solid;
	border-width: 1px;
	padding-bottom: 18px;
}

#viewprofile dt, #adstats dt {
	padding: 7px 0;
	position: absolute;
	width: 22em;
	left: 0;
}

#viewprofile dl {
	border-style: solid none none none;
	border-width: 1px;
	margin: 7px 0;
	padding: 0;
	width: 100%;
	position: relative;
}

#adintro, #adstats {
	border-style: solid;
	border-width: 1px;
	padding: 18px;
}

#adstats .inbox, #adintro .inbox {
	border-style: solid;
	border-width: 1px;
	padding: 18px;
}

#adstats dl {
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
}

#viewprofile dd, #adstats dd {
	border-style: none none solid none;
	border-width: 1px;
	padding: 7px 0 7px 24em;
}

/*****************************************************************
COLOUR SCHEME
*****************************************************************/

/* Basic defaults and Common Items
----------------------------------------------------------------*/

html, body, .pun {
	color: #111;
}

.pun .punwrap {
	color: #111;
}

#brdtitle #brddesc, .pun .pagepost, #brdstats #onlinelist, #brdfooter #searchlinks, #brdfooter #modcontrols,
#punmaint h2, #punredirect h2, #adminconsole .submittop, .pun #debugtime, .pun .pagelink a, .pun .pagelink * {
	border-color: #b9c5ce;
}

#brdheader, #brdtopblock, #brdfooter, #punredirect #brdmain {
	border-radius: 3px;
	box-shadow: 0px 1px 2px #999;
}

#brdtopblock {
	border-radius: 0 0 3px 3px;
}

#brdmain #msg {
	padding: 0px 10px;
}

#brdstats {
	background: #FFF;
	border-radius: 3px;
	box-shadow: 0 1px 2px #999;
	margin: 25px 0 !important;
}

#brdstats h2 {
	display: none;
}

.pun a, .pun a:link, .pun a:visited {
	color: #334;
	text-shadow: 1px 1px 0 #fff;
}

.pun a:hover, .pun a:active, .pun a:focus {
	color: #23567e;
	text-shadow: 1px 1px 0 #fff;
	-webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	transition: color 0.5s ease;
}

.pun a:active {
    position: relative;
    top: 1px;
}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
	border-color: #222;
}

.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img {
	border-color: #333;
}

/* Primary Navigation
----------------------------------------------------------------*/

#brdmenu {
    /*background-color: #222;
    border-bottom: 2px solid #888;
    border-top: 2px solid #888;*/
}

#brdmenu ul {
	/*background: rgba(0, 0, 0, 0.8);*/
}

#brdmenu li {
    /*height: 40px;*/
}

#brdmenu li i {
    /*background-image: url(/OnEnAGros/style/OnEnAGros/img/icons/menu.png); background-repeat: no-repeat;
    margin: 0 6px 0 0;
    padding: 3px 24px 0 0;*/
}

#brdmenu li a {
    /*color: #fff !important;
    margin-left: 36px;
    padding: 11px 30px 10px 6px;*/
}

#brdmenu li span {
    /*background: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    display: none;
    margin: -4px 0 0 18px;
    padding: 4px 12px;
    position: absolute;*/
}

#brdmenu li span::after {
    /*border: 5px solid transparent;
    border-right-color: rgba(0, 0, 0, 0.8);
    content: ' ';
    left: -10px;
    height: 0;
    position: absolute;
    top: 9px;
    width: 0;*/
}

/*#brdmenu li#navindex     i {background-position: 0 0;}
#brdmenu li#navextra1    i {background-position: 0 -22px;}
#brdmenu li#navuserlist  i {background-position: 0 -44px;}
#brdmenu li#navextra2    i {background-position: 0 -66px;}
#brdmenu li#navirc       i {background-position: 0 -88px;}
#brdmenu li#navrules     i {background-position: 0 -110px;}
#brdmenu li#navextra3    i {background-position: 0 -132px;}
#brdmenu li#navsearch    i {background-position: 0 -154px;}
#brdmenu li#navadmin     i {background-position: 0 -176px;}*/


#brdmenu li:hover {
    /*background: url(/img/li_ribbon.png) left top no-repeat;*/
}

#brdmenu li:hover i {
}

#brdmenu li:hover a {
    /*background: url(/img/a_ribbon.png) right top no-repeat;*/
}

#brdmenu li:hover span {
    /*display: inline-block;*/
}

#brdmenu li:active a, #brdmenu li:active a:active {
    /*position: relative;
    top: 0;*/
}

#brdmenu li:active i, #brdmenu li:active i:active {
    /*position: relative;
    top: 1px;*/
}

#brdmenu li:hover a:hover {
    /*color:#000;
    text-shadow: 0 0 0 !important;*/
}

#brdmenu a, #brdmenu a:link, #brdmenu a:visited {
	/*border-color: #fff;
	color: #334;
    text-shadow: 0 0 0 !important;*/
}

#brdmenu a:hover, #brdmenu a:active, #brdmenu a:focus {
	/*color: #333;
    text-shadow: 0 0 0 !important;*/
}

/* Main Tables
----------------------------------------------------------------*/

.pun .blocktable .box {
	border-radius: 3px;
}

.pun .blocktable {
	border-radius: 3px;
	box-shadow: 0 1px 2px #999;
	background: #fff;
}

.pun .linkst .crumbsplus, .pun .linksb .crumbsplus {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 2px #999;
}

#punindex .blocktable h2, .pun #vf h2 {
	/*color: #fff;*/
}

#adminconsole fieldset th, #adminconsole fieldset td {
	background: #f8f8f8;
	border-color: #dfe6ee;
}

.pun #users1 h2 {
	/*background: #fff;*/
}

.pun .blocktable th {
	border-color: #efefef;
	/*color: #fff;*/
}

.pun .blocktable tr {
	border-color: #efefef;
}

.pun .blocktable tr.rowodd:hover, .pun .blocktable tr.roweven:hover {
	background: #f5f5f5;
}

.pun .blocktable tr.rowodd:hover a, .pun .blocktable tr.roweven:hover a {
	/*color: #222;*/
}

.pun .blocktable thead tr {
	/*background: #222;
	border-top: 2px solid #888;
	border-bottom: 2px solid #888;
	border-left: 1px solid #222;
	border-right: 1px solid #222;*/
}

.pun .blocktable td.tcl span.stickytext {
	color: #000;
}

/* Main Posts
----------------------------------------------------------------*/

.pun .blockpost {
	background: #333 url(/OnEnAGros/style/OnEnAGros/img/h2_bg.png) -90px -70px no-repeat;
	border-radius: 0.25em;
	box-shadow: 0 1px 2px #999;
	margin: 2em 0;
}

.pun .blockpost h2 {
	color: #fff;
}

.pun .blockpost h2 a,
.pun .blockpost .username a{
	color: #eee;
	text-shadow: 1px 1px 0px #000;
	text-decoration: none;
}

.pun .blockpost h2 a:hover,
.pun .blockpost .username a:hover{
	color: #223;
	text-decoration: underline;
}

.pun .blockpost .postright {
	background: #fff;
	border: 1px solid #1b1b1b;
}

.pun .blockpost .postbody, .pun .blockpost .postfoot {
	/*background: #fff;
	border-color: #ddd;
	border-radius: 6px 0 0 0;*/
}

.pun .blockpost .postfoot {
	border-radius: 0 0 8px 0;
}

.pun .blockpost .postleft dd {
	text-shadow: 0px 1px 0px #fff;
}

.pun .blockpost .postmenu li a {
	color: #aaa;
}

.pun .blockpost .postmenu li.postreport a:hover {
	color: #F0AD4E;
}

.pun .blockpost .postmenu li.postedit a:hover {
	color: #42CA47;
}

.pun .blockpost .postmenu li.postdelete a:hover {
	color: #D9534F;
}

.pun .blockpost .postmenu li.postquote a:hover {
	color: #428BCA;
}

.pun .postmsg, #punhelp code, #punhelp samp {
	color: #333;
}

.pun .postsignature, .pun .postmsg .postedit {
	color: #666;
}

.pun .quotebox {
	background: #f8f8f8;
	border-color: #556;
	border-radius: 2px;
	color: #222;
}

.pun .quotebox cite {
	color: #333;
}

.pun .codebox, #punhelp .codebox code {
	background: #333;
	color: #fff;
}

.pun .postmsg hr {
	background: #b9c5ce;
}

.pun .postmsg ins, #punhelp samp ins {
	background-color: #ff0;
}

/* Main Forms + Profile
----------------------------------------------------------------*/

#quickpost form {
	background: #e3e4e7;
}

#quickpost .postright textarea {
	background: #fff;
	box-shadow: 0 0 0;
}

.pun .blockform .box, #adstats, #adintro, #posterror {
	background: #e3e4e7;
	border-radius: 3px;
	box-shadow: 0 1px 2px #999;
}

#punmisc #rules .box, #punhelp .box {
	border-color: #b9b9b9 #d9b9b9;
	background: #f8f8f8;
}

.pun #quickpost h2, #punpost .blockform h2, #punedit .blockform h2, #posterror h2,
#pundelete .blockform h2 {

}

.pun .forminfo {
	background: #fff;
	border-color: #dfe6ee;
}

#puninstall form#install .forminfo {
	background: #44699c;
	color: #fff;
}

.pun #posterror .error-info {
	background: #fff;
	border-color: #dfe6ee;
}

#puninstall form#install .error-info {
	background: #fff;
	border-color: #dfe6ee;
	color: #333;
}

.pun .infldset, #adintro .inbox, #adstats .inbox {
	background: #f8f8f8;
	border-color: #dfdfdf;
	border-radius: 6px;
}

.pun label, .pun legend, #adminconsole fieldset th {
	color: #333;
}

.pun fieldset p {
	border-color: #b9b9b9;
}

.pun .blockmenu ul, .pun .blockmenu li {
	border-color: #b9b9b9;
}

.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
	background: #ffffe6;
}

.pun .blockmenu .isactive a:link, .pun .blockmenu .isactive a:visited {
	color: #333;
	background: #f8f8f8;
	}

.pun #viewprofile .box {
	border-color: #b9c5ce #d9e1e7;
	background: #ebf1f5;
}

.pun #viewprofile dt, #adstats dt {
	color: #333;
}

.pun #viewprofile dl, .pun #viewprofile dd, #adstats dl, #adstats dd {
	border-color: #dfe6ee;
}

#adminconsole fieldset td.nodefault {
	background: #d59b9b;
}

/* Status Indicators
----------------------------------------------------------------*/

.pun .icon {
	/*border-color: #e8ecf1 #d4d9dd #dfe3e8 #e8ecf1;*/
    /*border-color: #fff #eee #ccc #ddd;*/
    background: url(/OnEnAGros/style/OnEnAGros/img/koff_.png) top left no-repeat;
    border:0;
    width: 26px;
    height: 26px;
}

.pun .iredirect .icon {
	border-color: #b9c5ce;
	border-width: 1px;
	padding: 7px;
}

.pun .inew .icon {
	/*border-color: #91b3d9 #87a8d1 #6c85bb #7292c3;*/
    /*border-color: #888 #777 #555 #666;*/
    background: url(/OnEnAGros/style/OnEnAGros/img/kon_.png) top left no-repeat;
    border:0;
    width: 26px;
    height: 26px;
}

/* Block2col
----------------------------------------------------------------*/

.block2col {
    margin-top: 25px !important;
}

.block2col .pagepost {
	background: white;
	border-radius: 3px;
	box-shadow: 0 1px 2px #999;
	max-height: 3.5em;
	padding: 6px 15px;
}

/* Postform
----------------------------------------------------------------*/

#postform textarea {
	background: #efefef !important;
}

/* Script
----------------------------------------------------------------*/

.pun .postmsg .script .scene-start,
.pun .postmsg .script .scene-opening,
.pun .postmsg .script .scene-closing,
.pun .postmsg .script .scene-black,
.pun .postmsg .script .scene-title,
.pun .postmsg .script .scene-parenthetical,
.pun .postmsg .script .line {
	clear: both;
	font-family: 'Georgia', serif;
	font-size: 16px;
}

.pun .postmsg .script .scene-start,
.pun .postmsg .script .scene-opening,
.pun .postmsg .script .scene-closing,
.pun .postmsg .script .scene-black {
	font-weight: bold;
	font-style: italic;
	margin: 12px 0;
	text-align: right;
}

.pun .postmsg .script .scene-title {
	font-weight: bold;
	margin: 12px 0;
}

.pun .postmsg .script .scene-parenthetical {
	font-size: 15px;
	font-style: italic;
	margin: 16px 0;
	padding-left: 40px;
}

.pun .postmsg .script .line {
	line-height: 28px;
	margin: 6px 0;
	padding-left: 20px;
}

.pun .postmsg .script .line:hover {
	background: #fcfcfe;
}

.pun .postmsg .script .line-rhyme {
	clear: both;
	display: block;
}

.pun .postmsg .script .line-rhyme:first-child {
	margin-top: -1.75rem;
}

.pun .postmsg .script .line-rhyme .rhyme {
	display: block;
	float: right;
	text-align: left;
	width: 50%;
}

/* Scénarios
----------------------------------------------------------------*/

.pun .blockpost-scenario .commentaire {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.25em;
    box-shadow: 0 0 0.5em #111 inset;
    color: #FFF;
    padding: 0.75em 1.5em !important;
    text-shadow: 0 1px 0 #222;
}
.pun .blockpost-scenario .postmeta {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
    /*display: none;*/
}
.pun .blockpost-scenario .postright {
    background-image: url(/OnEnAGros/img/scenario_bg.jpg) !important;
}
.pun .blockpost-scenario .postright::before {
    border-right-color: transparent !important;
    content: '' !important;
    position: relative !important;
}
.pun .blockpost-scenario .postright::after {
    background: url(/OnEnAGros/img/scenario_bg.jpg) !important;
    background-size: 100%;
    border-right-color: transparent !important;
    content: ' ';
    height: 1.5em;
    left: -0.5em;
    position: absolute;
    top: 2em;
    -webkit-transform: rotate(-45deg);
    width: 1.5em;
}
.pun .blockpost-scenario .postfooter {
    border-top: 0;
}
.pun .blockpost-scenario .postsignature {
    display: none;
}
.pun .blockpost-scenario .postmenu li a {
    color: rgba(0, 0, 0, 0.65);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
div.scenario {
    margin: 4em 0;
    padding: 35px 25px;
    position: relative;
}
div.scenario:before,
div.scenario:after {
    border-radius: 1em;
    color: rgba(0, 0, 0, 0.25);
    content: '\2712';
    font-family: 'entypo';
    font-size: 6em;
    height: 0.6em;
    left: 50%;
    line-height: 0.6em;
    margin-left: -0.5em;
    position: absolute;
    text-align: center;
    width: 1em;
}
div.scenario:before {
    top: -0.5em;
}
div.scenario:after {
    bottom: -0.5em;
}
div.scenario .titre {
    padding: 0;
    font-size: 5em;
    font-style: italic;
    font-weight: normal;
    font-family: 'ParchmentMF';
    text-align: center;
    color: #000;
    text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.8);
    text-align: center;
}
div.scenario .intro {
    visibility: hidden;
}
div.scenario .didascalie {
    color: #333;
    display: block;
    font-family: 'Courier New';
    font-style: italic;
    font-size: 14px;
    padding: 10px 15px;
    text-align: center;
}
div.scenario .generique,
div.scenario .noir {
    padding: 25px;
    margin: 25px 0;
    background-color: #000;
    -webkit-box-shadow: black 2px 2px 10px;
    -khtml-box-shadow: black 2px 2px 10px;
    -moz-box-shadow: black 2px 2px 10px;
    box-shadow: black 2px 2px 10px;
    color: #ddd;
    text-shadow: 0px 0px 2px #fff;
    text-align: center;
}
div.scenario .texte {
    padding: 25px 50px;
    font-family: sans-serif;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.35);
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
    text-align: justify;
}
div.scenario .texte dd {
    font-size: 1.2em;
    font-family: 'QlassikMediumRegular';
    padding: 5px 10px 10px 20px;
}
div.scenario .perso {
    display: inline-block;
    font-size: 1.1em;
    font-family: 'QlassikMediumRegular';
    font-weight: bold;
    min-height: 1.25em !important;
    position: relative;
    text-transform: uppercase;
}
div.scenario .perso span,
.scenario .replique span {
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    padding: 0;
    text-transform: none;
}

table.postable {
    background-color: #f9f9f9;
    border: 1px solid #aaa;
    margin-top: 1em;
}
    table.postable th,
    table.postable td {
        border: 1px solid #aaa;
        padding: 4px 10px;
        color: #000;
    }
    table.postable th {
        background-color: #f2f2f2;
        text-align: center;
        font-weight: bold;
    }



/* Private messages
----------------------------------------------------------------*/



table thead {
    background: #e3e4e7;
    border-top: 1px solid #ddd;
}


#wp-synchro {
    float: right;
    padding: 0.25em 0.5em;
    width:20em;
}

#wp-synchro a {
    opacity: 0.75;
}

#wp-synchro a:hover {
    opacity: 1.0;
}

#wp-synchro a,
#wp-synchro a:hover {
    -webkit-transition: opacity 0.3s ease;
       -moz-transition: opacity 0.3s ease;
         -o-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
}

#wp-synchro p {
    font-size: 0.8em;
}

.trophy {
	background: white;
	border: 1px solid #d6d6d6 !important;
	box-shadow: 0 1px 1px #aaa, 0 0 12em #efefef inset;
	border-radius: 0.4em;
	float: left;
	margin: 1em !important;
	min-height: 14em;
	padding: 2em 1em !important;
	text-align: center;
	width: 19em;
}

.trophy-icon {
	margin: 0 auto !important;
	position: relative;
	text-align: center;
	width: 5em;
}

.trophy-gold .icon-trophy {
	color: #f3b900;
}

.trophy-silver .icon-trophy {
	color: #ccc;
}

.trophy-copper .icon-trophy {
	color: #dd5000;
}

.trophy-icon .icon-trophy {
	font-size: 5em !important;
	position: relative;
	text-shadow: 0 0 1px #222;
}

.icon-trophy::after {
	color: transparent;
	content: attr(title);
	font-size: 0.9em;
	left: 3px;
	position: absolute;
	text-shadow: 0 0 8px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.05);
	top: 3px;
}

.icon-trophy-medal {
	color: #eee;
	font-size: 1.5em;
	left: 1.2em;
	position: absolute;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25), -1px -1px 0 rgba(0, 0, 0, 0.1);
	top: 0.75em;
}

.trophy .icon-bookmark {
	color: #09f;
	font-size: 2.5em;
	right: 0.25em;
	position: absolute;
	top: -0.25em;
	text-shadow: 0 1px 2px #333;
}

.trophy .icon-bookmark::after {
	color: transparent;
	content: attr(title);
	font-size: 0.8em;
	left: 0.1em;
	position: absolute;
	top: 0.1em;
	text-shadow: 0 0 6px rgba(255, 255, 255, 0.25);
}

.toolbar {
	background: #222;
	box-shadow: 0 1px 1px #000, 0 -4px 1px #2b2b2b inset;
	display: none;
	font-family: 'Raleway', sans-serif;
	font-size: 0.85em;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}

.toolbar ul {
	margin: 0 auto;
	padding: 0;
	width: 1170px;
}

.toolbar li {
	display: inline-block;
	line-height: 1.5em;
	margin: 0;
	padding: 0.75em 0.5em 0.25em 0.5em;
}

.toolbar li:hover {
	background: #2b2b2b;
}

.toolbar li.logout,
.toolbar li.avatar {
	float: right;
	padding: 0.5em 1em;
}

.toolbar .avatar img {
	border-radius: 0.3em;
	float: left;
	height: 1.5em;
	margin-right: 0.5em;
	width: 1.5em;
}

.toolbar a {
	color: #888;
	text-decoration: none;
	text-shadow: 0 1px 0 #111;
}

.toolbar a i {
	line-height: 0.5em;
}

.toolbar li:hover a,
.toolbar a:hover {
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}

.pun .blockpost .postleft,
.pun .blockpost .postleft dd {
    color: #eee;
    text-shadow: 0 1px 0 #000 !important;
}

/*****************************************************************
4. MAIN TABLES
*****************************************************************/

#punindex #brdmain .blocktable h2 span, #punsearch #vf h2 span, #punstats-users #vf h2 span, #punuserlist #users1 h2 span {
    margin: 0 0 0 25px;
}

#punindex #brdmain .blocktable h2 span.cat_desc, #punsearch #vf h2 span.cat_desc, #punstats-users #vf h2 span.cat_desc, #punuserlist #users1 h2 span.cat_desc {
    position: relative;
    font-size: 20px;
    font-weight: normal;
    left: -80px;
    top: 11px;
    z-index: 9999;
}

#punindex #brdmain .blocktable h2 span.cat_desc a {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

#punindex #brdmain .blocktable h2 span.cat_desc a:hover {
    color: #0069db;
}

#punindex .blocktable th.tcl, #punsearch #vf th.tcl {
	z-index: 0;
}

/*****************************************************************
COLOUR SCHEME
*****************************************************************/

/* Basic defaults and Common Items
----------------------------------------------------------------*/

body {
	background-color: #efefef !important;
	background-image: url(/OnEnAGros/style/OnEnAGros/img/oeag-spring-2013-bg.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
}

.pun a:hover, .pun a:active, .pun a:focus {
	color: #0069db;
}

/* Main Tables
----------------------------------------------------------------*/

.pun .blocktable tr.rowodd:hover a, .pun .blocktable tr.roweven:hover a {
	/*color: #222;*/
}

.pun .blocktable table {
	background: url(/OnEnAGros/style/OnEnAGros/img/oeag-spring-blocktable.jpg) center top repeat-y;
	border-collapse: separate;
	border-radius: 3px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 5px solid transparent;
}

.pun .blocktable table thead {
	background: transparent;
	color: #fff;
	text-shadow: 0 1px 1px #000;
}

.pun .blocktable table thead th.tcr {
	border-radius: 0 6px 0 0;
	height: 40px;
}

.pun .blocktable thead tr {

}

.pun .blocktable thead tr th {
	padding: 0;
	position: relative;
	z-index: 9999;
}

.pun .blocktable thead tr th.tcl {
	color: transparent;
}

.pun .blocktable table tbody tr {
	border-collapse: separate;
}

.pun .blocktable table tbody tr:hover td {
	background: #f8f8f8;
}

.pun .blocktable table tbody td {
	background: #fff;
	border-color: #e7e7e7;
}

.pun .blocktable table tbody tr:first-child .tcl {
	border-top-left-radius: 3px;
}

.pun .blocktable table tbody tr:first-child .tcr {
	border-top-right-radius: 3px;
}

.pun .blocktable table tbody tr:last-child .tcl {
	border-bottom-left-radius: 3px;
}

.pun .blocktable table tbody tr:last-child .tcr {
	border-bottom-right-radius: 3px;
}

.pun #users1.blocktable table tbody tr:first-child .tcl {
	border-top-left-radius: 0;
}

.pun #users1.blocktable table tbody tr:first-child .tcla {
	border-top-left-radius: 3px;
}


/* Status Indicators
----------------------------------------------------------------*/

.pun .icon {
    background: url(/OnEnAGros/style/OnEnAGros/img/koff_.png) top left no-repeat;
}
.pun .inew .icon {
    background: url(/OnEnAGros/style/OnEnAGros/img/kon_.png) top left no-repeat;
}

/* Private messages
----------------------------------------------------------------*/

#brdwelcome span.user_mp.gotapm acronym {color: #0069db;}

#inbox_status {
	background: #FFF;
	border: 1px solid #0074A2;
	height: 16px;
	margin: 4px 0;
}

#inbox_value {
	background: #0074A2;
	border: 1px solid #FFF;
	height: 100%;
}

#inbox_percent {
	text-align: center;
}

#inbox_status.inbox_full {
	border-color: #B9153D;
}

#inbox_status.inbox_full #inbox_value {
	background: #B9153D;
}

#inbox_status.inbox_alert {
	border-color: #D66631;
}

#inbox_status.inbox_alert #inbox_value {
	background: #D66631;
}

#inbox_status.inbox_ok {
	border-color: #10BE33;
}

#inbox_status.inbox_ok #inbox_value {
	background: #10BE33;
}

/* Posts by inactive Users
----------------------------------------------------------------*/

.inactive-poster {
	padding: 0.25em 0.75em !important;
	background-color: #dfe6f6;
	border-radius: 0.25em;
	margin-top: 0.5em !important;
}

/* Timely imgs
----------------------------------------------------------------*/

body.night {
	background: #EFEFEF url(/OnEnAGros/style/OnEnAGros/img/bg-night.jpg) bottom center no-repeat;
}

body.night #brdtitle {
	background: url(/OnEnAGros/style/OnEnAGros/img/header-night.jpg) center -3em no-repeat;
}

body.night .blocktable table {
	background: url(/OnEnAGros/style/OnEnAGros/img/header-night.jpg) -1em 4em;
}

body.night #brdfooter {
	background: url(/OnEnAGros/style/OnEnAGros/img/footer-inner-night.jpg) center bottom no-repeat;
}

body.dawnusk {
	background: #EFEFEF url(/OnEnAGros/style/OnEnAGros/img/bg-dawnusk.jpg) bottom center no-repeat;
}

body.dawnusk .blocktable table {
	background: url(/OnEnAGros/style/OnEnAGros/img/header-dawnusk.jpg) -1em -0.5em;
}

body.dawnusk #brdtitle {
	background: url(/OnEnAGros/style/OnEnAGros/img/header-dawnusk.jpg) center -3em no-repeat;
}

body.dawnusk #brdfooter {
	background: url(/OnEnAGros/style/OnEnAGros/img/footer-inner-dawnusk.jpg) center bottom no-repeat;
}

/* Night Mode
----------------------------------------------------------------*/

body.night-mode {
	background: #2b2d2e !important;
}

body.night-mode .pun,
body.night-mode .pun > *,
body.night-mode .pun .punwrap,
body.night-mode .pun #announce .quote {
	color: #eee !important;
	text-shadow: 0 1px 1px #111 !important;
}

body.night-mode #brdtitle {
	background: url(/OnEnAGros/style/OnEnAGros/img/header-night.jpg) center -3em no-repeat !important;
}

body.night-mode .blocktable table {
	background: url(/OnEnAGros/style/OnEnAGros/img/header-night.jpg) -1em 4em !important;
}

body.night-mode #brdfooter {
	background: url(/OnEnAGros/style/OnEnAGros/img/footer-inner-night.jpg) center bottom no-repeat !important;
}

body.night-mode #brdheader,
body.night-mode #brdtopblock,
body.night-mode #brdfooter,
body.night-mode #punredirect #brdmain,
body.night-mode #adstats,
body.night-mode #adintro,
body.night-mode #posterror,
body.night-mode #brdstats,
body.night-mode #punmisc #rules .box,
body.night-mode #punhelp .box,
body.night-mode .pun .blockpost,
body.night-mode .pun .blockmenu,
body.night-mode .pun .blocktable,
body.night-mode .pun .linkst .crumbsplus,
body.night-mode .pun .linksb .crumbsplus,
body.night-mode .pun .blockform .box {
	background: #262626 !important;
	box-shadow: 0 1px 2px #000 !important;
}

body.night-mode .boxnews ul {
	border-color: #262626 !important;
}

body.night-mode .boxnews li,
body.night-mode .boxnews li .wp_post_date,
body.night-mode #brdwelcome,
body.night-mode #punmisc #rules .box,
body.night-mode #punhelp .box,
body.night-mode .blocktable table tbody td {
	background: #262626 !important;
	border-color: #262626 !important;
	text-shadow: 0 0 0 !important;
}

body.night-mode #brdwelcome,
body.night-mode #brdwelcome .brdmenu,
body.night-mode #user_avatar_container,
body.night-mode #brdwelcome .user_avatar_container,
body.night-mode .pun .inactive-poster,
body.night-mode .pun .infldset,
body.night-mode .pun .blockmenu .isactive a,
body.night-mode .pun .blockmenu a:hover,
body.night-mode .pun .blockpost .postright,
body.night-mode .pun .blockpost .postright textarea {
	background: #36383a !important;
	border-color: transparent !important;
}

body.night-mode .blocktable tr,
body.night-mode .pun .infldset {
	border-color: #262626 !important;
}

body.night-mode .pun .infldset input,
body.night-mode .pun .infldset textarea,
body.night-mode .pun .infldset select,
body.night-mode #qjump select,
body.night-mode #postform textarea {
	background: #262626 !important;
	box-shadow: 0 0 0 !important;
}

body.night-mode .pun label,
body.night-mode .pun legend,
body.night-mode .pun .postmsg,
body.night-mode .pun .postsignature,
body.night-mode .pun .postmsg .postedit {
	border-color: transparent;
	color: #eee !important;
	text-shadow: 0 1px 1px #111 !important;
}

body.night-mode .pun .postright::after {
	border-right-color: #36383a !important;
}

body.night-mode .pun .postright::before {
	border-right-color: #262626 !important;
}

body.night-mode .pun .quotebox {
	background: #1b1b1b !important;
	border-color: #666 !important;
	color: #fff !important;
}

body.night-mode .pun a,
body.night-mode .pun a:link,
body.night-mode .pun a:visited,
body.night-mode .blocktable table tbody td .stickytext {
	color: #fff !important;
	text-shadow: 0 0 0 !important;
}

body.night-mode .pun a:hover {
	text-decoration: underline !important;
}

body.night-mode {

}

body.night-mode {

}

/* Misc
----------------------------------------------------------------*/

.clearfix:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

strong.search-match {
	background: #f9ff00;
	color: #444;
	padding: 0 6px;
}