@charset "UTF-8";
body {background: #30343c none scroll repeat-x 0 0;font-size: 90%}
h1, h2, h3 {font-family: georgia, garamond, arial; color:#55783b}
h1 {font-size: 1.9em}
h2 {font-size: 1.5em}
h3 {font-size: 1.3em}
hr {border: none;margin:0;padding:0}

#wrapper { width: 977px;display: block;margin: 0 auto 0; position:relative}
#wrapper #owlTop {background: transparent url(/images/top_bg.png) scroll no-repeat 0 bottom;width: 100%;height:250px;position:relative;margin-bottom:5px}
#wrapper #owlTop #logo { width: 227px; height:57px;position:absolute;top:96px;left:631px}
#wrapper #owlTop #search { left:751px;position:absolute;top:200px; width:250px}

#wrapper #owlTop #search form div.iwrap { background: transparent url(/images/search_input-bg.gif) no-repeat scroll 0 0; width:200px;padding:4px;display:inline}
#wrapper #owlTop #search form div input { border: none!important;width:201px}
#wrapper #owlTop #search form div input:focus { outline: 1px solid blue }
#wrapper #owlTop #search form div button { float:none; display: inline;padding:0.2em 0.3em}



#wrapper #owlTop #userBar{	/*	left:797px;	position:absolute;top:-11px;	*/		font-size:smaller;	/*left:475px;*/	right:0;	position:absolute;top:-3px;	color:white;}

#wrapper #owlTop #userBar a{color:white;}
#wrapper #owlTop #userBar img{vertical-align:middle;}

/*#wrapper #bct {background:transparent none repeat scroll 0 0;left:12px;position:absolute;top:186px;width:99%;z-index:200;}*/

#wrapper #owlTop object { height: 250px; position: relative; background: #293663;}
#wrapper #bct {background:none;padding:0 1em;position:absolute;top:87%;left:0;z-index:200}

#wrapper #bct strong { color: #fff }
#wrapper #bct ul { list-style: none; margin:0;color:#fff}
#wrapper #bct ul li {display:inline;padding-right:10px;margin-left:3px;background:transparent url(/images/icons/blackArrow.gif) no-repeat scroll 100% 58%;}
#wrapper #bct ul li.bc_last { background: none;font-weight:bold}
#wrapper #bct ul li a { color:#fff}
#wrapper #bct ul li a:hover {text-decoration:none }
#wrapper #header #search { position:absolute; top:55px; right:0}
#wrapper #header #logo { position:relative;top:10px }
#wrapper #header #logo a { border:none}

#wrapper #midWrap { background: #fff;width:100%;float:left;padding-bottom:15px;margin-top:-16px;position:relative}
#wrapper #midWrap #content { width: 595px;padding:20px 10px 5px 12px;border:0;margin:0 auto}
#wrapper #midWrap #content-forum { padding:0 55px 20px;border:0;margin:0 auto}
#wrapper #midWrap #content .guide_timestamp {color:#999999;font-family:verdana,arial,sans-serif;font-size:smaller;font-style:italic;text-align:right;}
#wrapper #midWrap #content ul {list-style-image:url(/images/icons/list_green.gif); margin-left: 3em}

#wrapper #midWrap #lCol, #wrapper #midWrap #rCol{ background:#fff;padding:5px 4px;margin:0;width:171px;margin: 0 0 0 3px;position:absolute;top:0;left:0}
#wrapper #midWrap #rCol {left: 81%}

#wrapper #footer { background:transparent url(/images/footer_bg.png) no-repeat scroll 0 0;padding:0 4px;margin:0;padding-top:5px;clear: both;height:20px;text-align:center}
#wrapper #footer p {color: #bec4db}
#wrapper #footer ul { margin-top: 2em }
#wrapper #footer ul li a { color: #fff }
#wrapper #footer ul li em { color: #fff; font-weight: bold;}
#wrapper #footer ul li { display: inline; padding:0 1em 0 0 }

.colHeader { white-space:nowrap; position:relative; width:163px;height:33px;background: transparent url(/images/colHeader.png) scroll no-repeat 0 0;left:-2px;padding:5px 10px;color:#fff;margin-top:2px;font-weight:bold}
.colHeader.r-head { left:-6px}
.colHeader.l-head { left:-5px}
.colHeader a { color: #fff; text-decoration:none;padding:0.5em 7em 0.5em 0}
.colHeader strong { background: #a3c74d }

.navWrap {list-style: none;margin:-20px 0 0 -4px;width:171px;border-right:1px solid #E8E8E8;border-left:1px solid #E8E8E8;padding:10px 4px 0}

.navWrap strong{ border-color:#d0d0d0;border-style:none none solid;border-width:1px;display:block;margin-left:-4px;padding:6px 20px 6px 8px;width:151px;
/*background:transparent url(/images/menu_bullet-down.gif) no-repeat scroll 95% center;*/
background:transparent;
color:#67727b}

.navWrap strong a { padding:0 }
.navWrap a { display: block; text-decoration: none }
.subNavi { list-style: none;margin:0 -3px 0}
.subNavi li { padding: 0; border-bottom:1px solid #e8e8e8}
.subNavi li.last { border-style:none none solid; border-color: #D0D0D0; border-width:1px}
.subNavi li a { text-decoration: none; color:#000; background-color:#f4f4f4;padding:2px 2px 0 10px}
.subNavi li a:hover { text-decoration:none;background-color:#fff }

.subNavi li.more {text-align:center; cursor:pointer; font-size:9px; background-color:#F4F4F4; line-height:10px; height:10px;}
.subNavi li.more img{padding:0; margin:0; vertical-align:middle;}
/*.subNavi li.more:hover{background-color:#E6F6FC;}*/

.subNavi.related { margin-top:-3px}
.subNavi.related a.selected { background:#fff }
.subNavi.related a.selected:hover { background:#f4f4f4 }

.ulReset {margin:0; padding:0; list-style:none}

.greyBg, .blueBg {background-repeat: no-repeat;background-position:0 bottom;padding:8px;width:158px}
.greyBg a, .blueBg a { color: #000; text-decoration: none}
.greyBg a:hover, .blueBg a:hover { text-decoration: underline}

.blueBg { background-color:#E6F6FC; background-image: url(/images/blue_bg.gif); color:#6f6f6f }
.greyBg { background-color:#F4F4F4; background-image: url(/images/grey_bg.gif); color:#000 }

.greyBg li ,.blueBg li { border-bottom: 1px solid #E8E8E8}
.greyBg li a, .blueBg li a {display: block; width:100%;padding:0.3em 0}
.greyBg li a:hover, .blueBg li a:hover {background-color:#fff;text-decoration: none}

#lCol .greyBg, #lCol .blueBG { margin: -15px 0 5px }
#rCol .greyBg, #rCol .blueBG { margin: -15px -2px 5px }

.h1Guide { border-bottom:1px solid #eaebec }
.h1Guide span {color:#999999;float:right;font-family:verdana,arial,sans-serif;font-size:0.4em;position:relative;top:-11px;}

/*
Button styles 
based on : http://particletree.com/features/rediscovering-the-button-element/
*/

button.disabled{color:lightgray;background-color:#f5f5f5;border-style:none;background-image:none;}
button.disabled:hover{color:lightgray;background-color:#f5f5f5;border-style:none;background-image:none;}

a.button, button { display: block;float:left;margin:0 0.583em 0.667em 0;padding:5px 10px 4px 7px;border-style: solid; border-width:1px;border-color: #e8e8e8 #d6d6d6 #d6d6d6 #e8e8e8; background: #f5f5f5 url(/images/btn_bg.gif) repeat-x scroll 0 1px;font-size:87%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer}
button { width:auto; overflow:visible; padding: 4px 10px 4px 7px;line-height:17px}
button img, a.button img{ margin: 0 3px -3px 0 !important; padding:0; border:none !important;width:16px;height:16px;float:none}
button:hover, a.button:hover { background:#6299c5; border:1px solid #c2e1ef; color:#336699}
a.button:active {background:#6299c5;border:1px solid #6299c5;color:#fff}
button:hover, a.button:hover {background-color:#dff4ff;border:1px solid #c2e1ef;color:#336699}
a.button:active {background-color:#6299c5;border:1px solid #6299c5;color:#fff}

.pos {color:#529214 !important}
a.pos:hover, button.pos:hover {background-color:#E6EFC2 !important;border:1px solid #C6D880 !important;color:#529214 !important}
a.pos:active {background-color:#529214 !important;border:1px solid #529214 !important;color:#fff !important}

.neg {color:#d12f19 !important}
a.neg:hover, button.neg:hover {background:#fbe3e4 !important;border:1px solid #fbc2c4 !important;color:#d12f19 !important}
a.neg:active {background-color:#d12f19 !important;border:1px solid #d12f19 !important;color:#fff !important}

.blueBg button.button {margin-left:-2px;margin: 0 5px 0 -2px}
.blueBg a.button, .blueBg a.button:hover, .blueBg a.button:active { margin:0}
.blueBg fieldset { position:relative;width:170px;left:-3px}

#skip { position:absolute;top:-30%}

/*Vote box styles n' stuff */
#voteOptionWrap { text-align: center; margin: 1em 0}
#voteButtonWrap button.button { margin:0 5px 5px 2px }
#voteButtonWrap a.button { margin: 0 }
.voteBox.blueBg p, .voteBox.greyBg p { margin-bottom: 0}

.rounded {border: 1px solid #e5e5e5; padding:5px 10px;margin-top:20px}
.roundedBox { border: 1px solid #e5e5e5; position:relative }
.roundedBox span.ne, span.nw, span.se, span.sw { position:absolute; background:#000 url(/images/roundedCornerSprite.gif) no-repeat scroll 0 0;width:10px;height:10px}
.roundedBox span.ne, .roundedBox span.nw { top:0 }
.roundedBox span.se, .roundedBox span.sw { bottom:0}
.roundedBox span.ne { right:-1px;top:-2px; background-position: 0 -25px }
.roundedBox span.nw { left: -1px;top:-2px; background-position: 0 0}
.roundedBox span.se { right:-1px;bottom:-1px ; background-position: 0 -37px}
.roundedBox span.sw { left:-1px;bottom:-2px; background-position: 0 -14px}
.roundedBox h2 { } 

#news, #articles { list-style: none }
#news li img, #articles li img { float:left;margin: 0.4em 0.6em 0 0 } 
#news li p, #articles li p { margin:0 }
#news hr, #articles hr { border-bottom: 1px dotted rgb(204, 204, 204); padding: 0.7em 0pt; margin-bottom: 0.75em;}

#commentBlock ul { background: none; list-style-image:none !important;list-style-position:outside;list-style-type:none;}
#commentBlock ul li {background: none!important;position:relative }
#commentBlock ul li p {padding: 1em; margin:0 0 0 0; border:1px solid #E5E5E5;position:relative}
#commentBlock ul li div.thing {background:transparent url(/images/commentBlock-bottom.gif) no-repeat scroll 0 0;height:12px;left:115px;margin-top:-2px;position:absolute;width:15px}
#commentBlock ul li p.postInfo { background:none; padding: 0;text-indent:1em; margin:0.5em 0 1em;border: none} 
#commentBlock ul li p.postInfo span.username { color: #000; font-weight:bold}
#commentBlock ul li p.postInfo span.commentDate { font-style: italic; font-size:0.85em}
#commentBlock ul li p.postInfo span.redflag{float:right; font-size:smaller; padding-left: 5px; background: transparent url(/images/flag_red.png) no-repeat left center}
#commentBlock ul li p.postInfo span.thumbsup{float:right; font-size:smaller;padding-left: 5px; background: transparent url(/images/thumb_up.png) no-repeat left center}
.hasBackgroundColor { background: #fff !important}

/* FORM stuff */
/*
#commentForm ul { list-style: none}
#commentForm ul li { position: relative; background: none!important;padding:0 !important }
*/
#commentForm legend {color:#B04E16; font-weight:bold;}
#commentForm label { display:block}
#commentForm span.required { font-size:0.7em;font-family:Verdana,Arial,sans-serif;color:red;position:absolute}
#commentForm span.fineprint.nl { float:left;clear:both}

#commentForm input, #commentForm textarea {background:#F1F1F1 none repeat scroll 0 0;border:1px solid #CCCCCC;margin:0 5px 5px 0;padding:3px;}
#commentForm input:focus, #commentForm textarea:focus { outline: 1px solid blue}

.error, .warn, .success {border:1px solid #DDDDDD;	margin-bottom:1em;	padding:0.8em 0.8em 0.8em 2.8em;background-position:1em 0.9em;background-repeat:no-repeat;font-size:0.9em}
.error {background-color:#FBE3E4; background-image: url(/images/icons/error.gif);	border-color:#FBC2C4;	color:#8A1F11;}
.warn { background-color: #FFF6BF;background-image: url(/images/icons/warn.gif); border-color:#ffd324;color:#514721}
.success { background-color: #E6EFC2;background-image: url(/images/icons/tick.gif); border-color:#C6D880;color:#264409}

.italic{font-style:italic;}

.relatedTopics { background-image: none !important}

.rounded{position: relative}
.rounded span.tl, .rounded span.tr, .rounded span.bl, .rounded span.br { position: absolute; width:10px; height:10px;background-image: url(/images/roundedCornerSprite.gif) }

.rounded span.tl, .rounded span.bl { left  : -2px }
.rounded span.tr, .rounded span.br { right : -1px }

.rounded span.bl, .rounded span.br { bottom: -2px }
.rounded span.tl, .rounded span.tr { top   : -2px }

.rounded span.tr { background-position: 20px -38px }
.rounded span.tl { background-position: 21px -3px }

.rounded span.br { background-position: 19px -55px; right:-2px }
.rounded span.bl { background-position: 21px -22px }

legend {color:#B04E16; font-weight:bold;}

img.article_picture
{
	 margin-left:2em;
	 margin-bottom:1em;
	 width:200px;
	 border:1px solid #CCCCCC;
}

img.article_thumbnail
{
	border:1px solid #CCCCCC;
	margin-right:1em;
	margin-left:1em;
}

.page_mover
{
	text-align:center;
	/*margin-top:0.5em;*/
	margin-bottom:0.5em;
}

.fineprint, .smallprint
{
	font-size:smaller;
}


#sitemap dt {font-size:1.2em;font-weight:bold;margin:.5em 0 .2em 0; clear:both}
#sitemap .col0 { padding-left:0%; width:25%; display:inline-block;clear:left;}
#sitemap .col1 { padding-left:0%; width:30%; display:inline-block;}
#sitemap .col2 { padding-left:0%; width:30%; display:inline-block;clear:right;}


/*
a:link {color:#CE8B4E;}
a:visited {color:#B8561E;}
a:hover {color:#CE8B4E; text-decoration:none;}
a:active {color:#CE8B4E;}
*/

/*
a:link {color:#CE8B4E;}
a:visited {color:#B8561E;}
a:hover {color:#CE8B4E; text-decoration:none;}
a:active {color:#CE8B4E;}
*/

#content a:link {color:#2A5945;}
#content a:visited {color:#2A5945;}
#content a:hover {color:#B04E16; text-decoration:none;}
#content a:active {color:#B04E16;}

#rCol a:link {color:#B04E16;}
#rCol a:visited {color:#6A2E0D;}
#rCol a:hover {color:#B04E16; text-decoration:none;}
#rCol a:active {color:#B04E16;}

form fieldset .form_row {
	margin-top:0.5em;
	margin-bottom:0.5em;
}

form fieldset .form_row:after{
	clear:both;
	content:'.';
	display:block;
	height:0pt;
	visibility:hidden;
	width:0pt;
}

form fieldset label.no_float{
	float:none;
	width:auto;
	text-align:left;
}

.form{
	margin-top:1em;
}

.form fieldset label{
	width:12em;
	text-align:right;
	float:left;
	margin-right:1em;
}


.form fieldset .with_virtual_label      {
	margin-left:13em;
}

.form fieldset.narrow label {
	width:8em;
	text-align:right;
	float:left;
	margin-right:1em;
}

.form fieldset.narrow .with_virtual_label
{
	margin-left:9em;
}

.form fieldset.wide label{
	width:15em;
	text-align:right;
	float:left;
	margin-right:1em;
}
.form fieldset.wide .with_virtual_label
{
	margin-left:16em;
}



/**/

.social
{
	text-align:center;
}

.member_panel
{
	margin-left:auto;
	margin-right:auto;
	width:977px;
	text-align:right;
	margin-top:5px;
	color:white;
}

.member_panel a
{
	color:white;
}

.member_panel a:hover
{
	text-decoration:none;
}

table.lined
{
	border-collapse:collapse;
	border:1px solid #dddddd;
}

table.lined tr, th, td
{
	border:1px solid #dddddd;
}


table tbody tr td.rejected, table tbody tr td.live, table tbody tr td.waiting { 
	padding-left: 25px; 
	background: transparent none scroll no-repeat 6px center
} 
table tbody tr td.rejected { 
	background-image: url(../images/icons/error.png);
}
table tbody tr td.live {
	background-image: url(../images/icons/tick.png);
}
table tbody tr td.waiting {
	background-image: url(../images/icons/time.png);
}

.salary { text-align:right; border:solid 1px #ccc;}
.salary th{text-align: right; border:solid 1px #fff; border-bottom: solid 1px #ccc;}
.salary .gross {  border:solid 1px #fff;}
.salary .pens_y { background:#d3e8f4; border:solid 1px #d3e8f4;}
.salary .pens_h { background:#e2f0f9; border:solid 1px #e2f0f9; font-size:80%; color:#444; }

.salary .allowance {background:#c6e5d4; border:solid 1px #c6e5d4; }
.salary .tax            { background:#ffeadc; border:solid 1px #ffeadc; font-size:80%; color:#444; }
.salary .tax_total      { background:#ffdfc9; border:solid 1px #ffdfc9; border-top:solid 1px #ffdfc9;}
.salary .tax_border     { border-bottom:solid 1px #ffeadc;}
.salary .ni             { background:#ffdfc9; border:solid 1px #ffdfc9; }
.salary .deductions{background:#ffd4b7; border-color:#ffd4b7; border-top:solid 1px #ff6600; border-bottom:solid 1px #ff6600;  }
.salary .net {background:#efefef; font-weight:bold;  border:solid 1px #efefef;}
.salary .tr {text-align:right; }

a#tnc { text-decoration: none; } 
a#tnc span { text-decoration: underline; }