/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;background:transparent;}body{line-height:1;font-size:62.5%;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}
/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/
	Licensed under GPL and MIT.
*/

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/
	Licensed under GPL and MIT.
    c = container
    g = grid
    p = prefix
    s = suffix
756px Grid System ~ Core CSS.
Created by the Grid System Generator - v0.94
Learn more ~ http://www.gridsystemgenerator.com/
Based on the Grid System by Natan Smith - http://960.gs/
*/
/* =Containers
--------------------------------------------------------------------------------*/
.c12
{
	margin-left: auto;
	margin-right: auto;
	width: 760px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* fonts
-------------------------------------------------*/

body, input, textarea, select {
	font-family			: Arial,sans-serif;
}

label, input, textarea, select {
	font-size			: 1.1em;
}

p{
	margin-bottom:1em;
}

/* site specific styles */
/* 16x0.75=12px | 16x0.813=13px | 16x0.875=14px | 16x1=16px | 16x1.125=18px | 16x1.25=20px | 16x1.375=22px | 16x1.438=23px | 16x1.5=24px | 16x1.625=26px | 16x1.875=30px | 16x1.636=36px */
/* BGN HTML styles */
html { overflow-y:scroll; } /* constant scroll bar to prevent "jumping" */
body {
    background:#FFFFFF url(images/background.jpg) repeat-x scroll 0 200px;
		color:#005FAA;
}
h1, h2, h3 {
    color: #00A465;
    font-weight: bold;
}
#careers h1,
#careers h2,
#careers h3,
#careers .panel h3 a {
    color: #E06712;
}
textarea { width: 98%; }
a, input,textarea { color: #005FAA; }

#mainContent h1 a,#mainContent  h2 a,#mainContent  h3 a{
    color: #00A465;
}

#careers #mainContent h1 a,#careers #mainContent  h2 a,#careers #mainContent  h3 a{
    color: #E06712;
}

/* END HTML styles */

/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.5em;}
h6 {font-size:1em; text-transform:uppercase;}

h1 {font-size: 2em;}
h2 {margin-top:1em;font-size: 1.8em;}
h3 {font-size: 1.4em;}
h4, h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

h1 a {
	font-weight:normal;
}

li {
  padding: 5px 10px 5px 0;
	list-style-type: disc;
}

.nav li {
   display: inline;
   list-style-type: none;
}

#mainContent li {
margin-left: 13px;
}
* html #mainContent li {
margin-left: 15px;
}
*:first-child+html #mainContent li {
margin-left: 15px;
}
/* END grid overrides */



/* BGN main containers */
#headingContainer,
#contentContainer,
#footer {
	font-size: 1.2em;
	line-height: 140%;
	}

#headingContainer {
    width: 100%;
    height: 80px;
    position:relative;
    margin: 0 0 10px 0;
    background: transparent url(images/line-background.png) repeat-x scroll left 79px;
}
#contentContainer { margin-top: 20px; background: transparent url(images/content-border.png) no-repeat scroll right 0px; }
#subheader {height: 120px;}

#footer {
clear: both;
   	margin-top: 20px;
    border-top: 1px solid #00B25A;
}
#careers #footer { border-top: 1px solid #E06712;}
#heading a {
    background:transparent url(images/logo-nwl.png) no-repeat scroll 10px 0px;
    text-indent:-999em;
    display:block;
    height:94px;
    width:237px;
}
#nwg #heading a {
    background:transparent url(images/logo-nwg.png) no-repeat scroll 10px 0px;
}
#esw #heading a {
    background:transparent url(images/logo-esw.png) no-repeat scroll 10px 0px;
}
.header a {
    font-weight: bold;
}
#subheader { position: relative; }
#subheader h1 {
    font-size: 2.5em;
    margin-bottom:0.2em;
}

#subheader .subheaderleft{
	margin-top: -2px;
	width: 380px;
	float: left;
	margin-right: 1em;
}



#subheader .subheaderleft h2{
	font-size:1.8em;
	margin-top:0;
}

#subheader p {
   font-weight: bold;
   margin:0;
   
	 font-size: 1.5em;
	 line-height: 1.5em;
}
#breadcrumb { margin-left: 10px; }
/* END main containers */



/* BGN form styles*/
/* original styles from form.css
************/
input {
    border: 1px solid #C5BDD7;
}
.frmChb input, .frmRDO input {
    border: none;
}

/* there are three types of selectors for buttons to avoid updating all the form XHTML for the refresh
*************/

.frmBtn,
#btnSubmit,
a#nextButton,
a#backButton,
span#iUseWisely a,
#calculate a,
#calculateBtn,
#refreshBtn,
#downloadBtn,
#refreshBtn,
#downloadBtn,
input#btnCalculateHistoric,
input#btnCalculateCurrent,
#Update,
#calculateButton{
    color: #FFF;
    padding: 4px;
		margin: 0px;
    cursor: pointer;
    background-color: #1E75BA;
    font-size: 1em;
		border: 1px solid #0082AA;
    border-right: 1px solid #13649F;
    border-bottom: 1px solid #13649F;
		text-decoration: none;
		text-transform:capitalize;
}

.submit input:hover,
.frmBtn:hover,
#btnSubmit:hover,
a#nextButton:hover,
a#backButton:hover,
span#iUseWisely a:hover,
#calculate a:hover,
#calculateBtn:hover,
#refreshBtn:hover,
#downloadBtn:hover,
#refreshBtn:hover,
#downloadBtn:hover,
input#btnCalculateHistoric:hover,
input#btnCalculateCurrent:hover,
#Update:hover,
#calculateButton:hover{
    border: 1px solid #005FAA;
}


form div.frmField ul li {
    font-size: 1em;
}
form div.frmField ul li label {
    font-size: 1.1em;
    width: 250px;
}
form div.frmField ul li label input {
    margin-right: 4px;
}

form.winterWounderland
{
 position: static;
}

form div.notRequired label em {
    display: none;
}
form div.formRow p.info {
    margin: 5px 0 0 200px;
    width: 50%;
}
form div.error,
div.error {
    background: url("imgIconError.png") #FFFFDF no-repeat 1.5em 1em;
    border: 1px solid #DDDD00;
    border-left: none;
    border-right: none;
    color: #C81D48;
    margin: 5px 0 ;
    padding: 10px 0;
}
html body div#ct100_ContentPlaceHolder_pnlJobNotAvailableMessage{
    width:auto!important;
}
div.error label, div.feedback label {
    margin-right: 20px;
    position: relative;
    width: 160px;
}
#benefitTypeLabel {
    padding-right: 10px !important;
    width: 150px;
}
div.error label.confirmLbl {
    width: auto;
}
 form div.feedback,
div.feedback {
    background: url("imgIconFeedback.png") #F2FFF9 no-repeat 1.8em 1em;
    border: 1px solid #7CDECB;
    border-left: none;
    border-right: none;
    clear: both;
    color: #666666;
    margin: 0.5em 0 0 0;
    padding: 1em 0 1em 3.9em;
}
form div.error textarea,
form div.error input.frmTxt {
    border: 1px solid #FF0000;
}
form fieldset {
    border: none;
    margin: 0;
    padding: 0;
    position: relative;
}
form fieldset h3, form fieldset h4, form fieldset p {
    clear: both;
    display: inline;
    float: left;
    margin-left: 15px;
    padding-top: 8px;
    width: 535px;
}
form fieldset p
{
    width:380px;
}
div.frmField {
    clear: both;
    display: inline;
    margin: 0 0 0 60px;
    padding: 4px 0;
    width: 490px;
}
* html form h3 {
    position: relative;
}
div.frmField ul {
    clear: none;
    float: left;
    width: 180px;
}
div.frmField ul li {
    background: none;
    float: left;
    margin: 0;
    padding: 0;
}
div.frmField ul li input {
    margin: 0;
    padding: 0;
}
div.frmField ul li label {
    margin-left: 0;
    margin-right: 30px;
}
div.frmField ul.listPair li{
    font-size: 1em;
}
div.frmField ul.listPair li label {
    width: auto;
}
form dl {
    margin: 6px 17px;
}
form dl dt {
    clear: left;
    float: left;
    margin-right: 20px;
    width: 200px;
}
form dl dd {
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    margin-left: 0px;
    margin-top: 0;
    padding: 3px 0;
    position: static;
    right: 0;
    text-align: left;
}
div.frmButtons {
    background: #FFFFFF;
    border-top: 1px solid #C1DBEB;
    margin: 0;
    margin-top: 10px;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: right;
    width: 100%;
}
div.frmButtons input.frmBtn {
    margin-left: 10px;
}
div.currency span.prefix {
    font-size: 1em;
    font-weight: normal;
    margin-left: -1.6em;
}
fieldset div {
    clear: both;
    float: left;
    width: 100%;
}
label {
    /*clear: both;*/
    display: block;
    float: left;
    margin: 2px 10px 0 20px;
    /*position: relative;*/
    width: 170px;
    width:180px;
	ledt: 1em;
}

label.lblChb
{
    margin: 0 0 0 10px;
    width: 150px;
    clear: none;
}

* html label {
    margin: 0 10px 0 10px;
}
label em {
    margin-left: -8px;
    position: absolute;
}
select, select.frmSDL, select.frmSLM, select.frmSLS {
    border: 1px solid #5B9FD7;
    font-size: 0.9em;
    width: 180px;
}
textarea {
    border: 1px solid #5B9FD7;
    font: 1.2em Arial, Helvetica, sans-serif;
    height: 100px;
    width: 180px;
}
input.frmTxt {
    border: 1px solid #5B9FD7;
    width: 180px;
}
input#dateOfBirth,
input#readingDate,
input#leavingDate,
input#longTermOpportunity,
input#completionDate,
input#dateOfOccupation,
input#dateOfInitialReading{
    width: 100px;
    float: left;
}
label.lblCHB,
label.lblRDO {
    margin-left: 0 !important;
    padding: 0.2em 0;
}
input.frmCHB {
    float: left;
    margin: 0 0.2em 0.2em 0!important;
    margin: -0.3em 0 0.2em -0.3em;
    padding: 0;
    position: relative;
}
input.frmRDO {
    float: left;
    margin: 0 0.2em 0.2em 0!important;
    margin: -0.4em 0 0.5em -0.3em;
    padding: 0;
    position: relative;
}
div.frmGrpRadioPair,
div.frmGrpRadioList,
div.frmGrpCheckboxList,
div.frmGrpTextPair {
    clear: none;
    float: left;
    margin: 0 0 0 24px;
    padding: 0;
    position: relative;
    width: auto;
}
span.prefix {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5em;
}
span.suffix {
    font-size: 0.9em;
    padding: 0.5em;
}
div.singleCheckboxInline label.lblChb {
    clear: none;
    margin: 0;
    width: 100px;
}
div.frmGrpCheckboxList {
    margin: 0.5em 0;
}
div.frmGrpRadioPair label {
    clear: none;
    margin: 0;
    width: 100px;
}
div.frmGrpRadioList label {
    clear: left;
    margin: 0;
    width: 160px;
}
div.frmGrpCheckboxList label {
    clear: left;
    margin: 0;
    width: 160px;
}
div.frmGrpTextPair {
    display: inline;
    margin: 0;
    margin-left: 25px;
    padding: 0;
}
div.singlecheckbox label {
    width: 400px;
}
div.currency input.frmTxt {
    margin-left: 0;
}
div.readonly input.frmTxt {
    background: #FFFFFF;
    border: none;
    color: #003366;
}
div.postcode input.frmTxt {
    width: 5.8em;
}
div.search input.frmTxt {
    width: 6.3em;
}
div.title select {
    width: 9.5em;
}
div.product select {
    clear: left;
    margin: 10px 0 0 20px!important;
    margin: 10px 0 0 40px;
    width: 366px;
}
div.referencenumber input.input1 {
    width: 4.2em;
}
div.referencenumber input.input2 {
    width: 2em;
}
div.referencenumber span.separator {
    margin-left: 2px;
}
div.labelvalue label {
    width: 242px!important;
    width: 245px;
}
div.labelvalue label span {
    float: left;
}
div.labelvalue label span.fee {
    float: right;
}
div.labelvalue label span.fee strong {
    font-size: 1.2em;
    padding-right: 0.2em;
}
div.labelvalue select {
    margin-left: 0.5em;
    width: 11.8em;
}
div.extendedlabel label {
    clear: none;
    margin-right: 0;
    width: 75%;
}
div.extendedlabel div.frmGrpRadioPair {
    margin: 10px 0 0 20px;
}
div.extendedlabel div.frmGrpRadioPair label {
    width: 200px;
}
div.extendedlabel div.frmGrpRadioList {
    margin: 10px 0 0 20px;
}
div.extendedlabel div.frmGrpRadioList label {
    width: 90%;
}
div.extendedlabelinline label {
    width: 55%;
}
div.extendedlabelinline div.frmGrpRadioPair {
    margin: 0 0 0 5px;
}
div.extendedlabelinline div.frmGrpRadioPair label {
    width: 45px;
}
div.date div.age label {
    padding-left: 20px;
    width: 160px;
}
label {
    cursor: pointer;
}
div.frmField ul.listPair li{
    width: 80px;
}
 div.frmField ul.listPair li label {
    margin: 0;
}
form fieldset div.frmField label.lblRD {
    padding-bottom: 2px;
}
form fieldset div.frmField label.lblRD input {
    margin-bottom: -2px;
}
div.frmGroupPair,
div.frmGroupList  {
    clear: none;
    float: left;
    margin: 0 0 1em 0;
    padding: 0;
    position: relative;
    width: auto;
}
div.frmGroupList label, div.hor label {
    display: inline;
    float: none;
}

div.frmGroupPair label {
    clear: none;
    margin: 0;
    width: 5em;
}
input.short {
    width: 3em;
}
.fullWidth {
    margin-top: 1em;
    width: 62%;
}
.fullWidthTA {
    margin: 0.5em 0 1em 15px;
    width: 62%;
}
.combinedSelects {
    margin: 0.5em 0 1em 0;
}
.combinedSelects select {
    width: 5.5em;
}
.frmChb {
}
.formRow {
    margin-bottom: 0.5em;
}
#appTitle {
    width: 7.5em;
}
.appStageCurrent {
    font-weight: bold;
}
.nextStage {
    margin-top: 3em;
    width: 100%;
}
.nextStage p {
    display: inline;
    width: 30%;
}
.narrowTxt {
    width: 20px;
}
.combined label, .combined input {
    display: inline;
    float: none !important;
}
.combined label {
    width: auto;
}
.centred {
    text-align: center;
}
.confirmLbl {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    padding: 0;
    width: 90%;
}
.confirmLbl input {
    margin-right: 1em;
}
.required {
    color: #FF0000;
    font-weight: bold;
}
.requiredFields {
    float: right;
    left: -4em;
    position: relative;
    top: 1.5em;
}
p.currentCV, p.applied {
    display: block;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    text-align: center;
}
.lblRDO input {
    margin-right: 0.5em;
}

div.errors {
    background: url("imgIconError.png") #FFFFDF no-repeat 6px 6px;
    border: 1px solid #DDDD00;
    font-size: 1.1em;
    margin: 5px 0 0  !important;
    padding: 7px 0 0;
}
div.errors label {
    color: #C81D48;
    float: none;
    line-height: 170%;
    width: auto;
}
div.errors ul {
    list-style: none;
    list-style-image: none;
}
div.errors ul li {
		list-style: none;
}
form div span.help {
    padding-left: 10px;
    color: #5B9FD7;
    font-size: 1em;
		float: left;
}
div.radio input,
div.check input {
    border: 0;
}

legend{
color: #036;
}

body .frmGroupList input {
    clear: both;
    float: left;
}
body .frmGroupList label {
    clear: none;
    float: left;
    display: block;
}

form fieldset div
{
    clear: none;
}

form fieldset div.optIn
{
    clear: none;
    width: auto;
    padding: 0px 20px 0;
    margin-top: 10px;
}

form fieldset div.optIn span.frmChb
{
    float: left;
    clear: none;
    margin-right: 5px;
}

form fieldset div.optIn label
{
    float: left;
    clear: none;
    width: 310px;
    margin: 0 0 0 10px;
}


 /* this applies to the paging of results
 ***************/
span#FilterRecords_rblRecords {
float: left;
    margin    : 5px;
		padding: 5px 5px 5px 0;
    display       : block;
}

span#FilterRecords_rblRecords input,
span#FilterRecords_rblRecords label {
    float         : left;
    clear         : none;
    width         : auto;
    margin        : 5px 5px 0 0;
	border: none;
}

span#FilterRecords_rblRecords input.frmBtn {
margin: 0;
}

span#FilterRecords_rblRecords label{
    margin-top        : 3px;
}

label a
{
    float: left;
    margin: 5px 0 10px 0;
}

 /*end original form.css
********************/

/* END form styles */

/* BGN Table styles */

table {
     border: solid 1px #005FAA;
    border-collapse: collapse;
    clear: both;
    margin: 5px 0 0 1px;
    width: 99%;
}
table caption {
    display: none;
}
table tr th {
    background: #D2EEFF;
     border: solid 1px #005FAA;
    font-weight: bold;
    text-align: left;
    padding: 2px 4px;
}
table tbody tr td {
    border: 0;
    margin: 0;
    padding: 3px 4px;
}

.verisignTableWrapper
{
    border: none !important;
    background:none !important;
}

.verisignTable
{
    border: none !important;
    background:none !important;
}

.verisignTable tr, .verisignTable tr td, .verisignTable tr th, .verisignTable img
{
    background:none !important;
    border: none !important;
}

table tr.odd, table tr.odd td {
    background-color: #F5FFFF;
}

/* END table styles */

/* BGN breadcrumb styles */
#breadcrumb ul {
    margin: 0 0 10px 0;
}
#breadcrumb ul li {
    display: inline;
}

/* END breadcrumb styles */

/* sidebar
-------------*/
.sidebar {
    width: 150px;
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

.panel {
    margin:0 0 10px 0;
    padding: 0 0 2px 0;
    background: #fff url(images/navigation-footer.png) no-repeat center bottom;
}

.nwgHome .panel {
    background-image: url(images/navigation-footer-nwg.png);
}

.subpanel {
    border-left: solid 1px #DEDEDE;
    border-right: solid 1px #DEDEDE;
		background-position: 100% bottom;
		background-repeat: no-repeat;
		padding-bottom: 35px;
}

.navigation .subpanel {
padding-bottom: 1px;
}
.panel h2, #careers .panel h2 {
    color: #fff;
    margin: 0px;
    font-weight: bold;
    font-size: 1.1em;
    padding: 4px 0 4px 6px;
    line-height: 1.4em;
    background: url(images/navigation-header.png) no-repeat scroll;
}


.nwgHome .panel h2 {
    background-image: url(images/navigation-header-nwg.png);
}

.panel h2 a {
    color: #fff;
    font-weight: bold;
		text-decoration : none;
}
.panel h2 a:hover,
.panel h2 a:focus {
    color: #CED8F0;
}

.panel h3,  #careers .panel h3 {
    font-size: 1em;
    position: relative;
    font-weight: normal;
    padding: 5px 0 5px 5px;
    border-top: solid 1px #CED8F0;
    border-bottom: solid 1px #CED8F0;
}

h3.last {
    margin-bottom: 1px;
}

.subpanel a {
    display:block;
    margin-left: 10px;
    position: relative;
}

.panel h3 a {
    margin-left: 0px;
    background: transparent url(images/navigation-arrow.png) no-repeat 98% 5px;
    /*overflow: hidden;*/
}
.panel h3 a:hover {
    color: #00A465;
    background-image: url(images/navigation-arrow-hover.png);
}
#careers .panel h3 a:hover {
    color: #C54400;
    background-image:  url(images/navigation-arrow-careers-hover.png);
}
.panel h3.expanded a {
    background-image: url(images/navigation-arrow-down.png);
}
.panel h3.expanded a:hover {
    background-image: url(images/navigation-arrow-down-hover.png);
}
#careers .panel h3.expanded a:hover {
    background-image: url(images/navigation-arrow-down-careers-hover.png);
}
.subpanel p {
    margin: 0;
    padding : 5px 5px 0 5px;
		float: left;
		width: 90%;
}
.last { margin-bottom: 10px; }

/* panel types
------------*/

.glass-water p,
.house p,
.workers-digging p,
.winter p,
.wildlife p,
.watering-can p,
.water-drop p,
.water-boy p,
.water-bill p,
.super-heros p,
.pipeline p,
.piggy-bank p,
.otter p,
.mouse p,
.monitor p,
.lemon-glass p,
.cabin p,
.just-an-hour p,
.ice-hockey p,
.schools p,
.girl-slide p,
.leisure p,
.ESW-bill p,
.conker p,
.thirst p,
.call-centre p,
.boy-glass p,
.bottle p {
	width:60%;
}


.workers-digging {
    background-image: url("images/panels/bg-workers-digging.png");
}
.winter {
    background-image: url("images/panels/bg-winter.png");
}
.wildlife {
    background-image: url("images/panels/bg-wildlife.png");
}
.watering-can {
    background-image: url("images/panels/bg-watering-can.png");
}
.water-drop {
    background-image: url("images/panels/bg-water-drop.png");
}
.water-boy {
    background-image: url("images/panels/bg-water-boy.png");
}
.water-bill {
    background-image: url("images/panels/bg-water-bill.png");
}
.super-heros {
    background-image: url("images/panels/bg-super-heros.png");
}
.pipeline {
    background-image: url("images/panels/bg-pipeline.png");
}
.piggy-bank {
    background-image: url("images/panels/bg-piggy-bank.png");
}
.otter {
    background-image: url("images/panels/bg-otter.png");
}
.mouse {
    background-image: url("images/panels/bg-mouse.png");
}
.monitor {
    background-image: url("images/panels/bg-monitor.png");
}
.lemon-glass {
    background-image: url("images/panels/bg-lemon-glass.png");
}
.cabin {
    background-image: url("images/panels/bg-cabin.png");
}
.just-an-hour {
    background-image: url("images/panels/bg-just-an-hour.png");
}
.ice-hockey {
    background-image: url("images/panels/bg-ice-hockey.png");
}
.house {
    background-image: url("images/panels/bg-house.png");
}
.glass-water {
    background-image: url("images/panels/bg-glass-water.png");
}
.schools {
    background-image: url("images/panels/bg-schools.png");
}
.girl-slide {
    background-image: url("images/panels/bg-girl-slide.png");
}
.leisure {
    background-image: url("images/panels/bg-leisure.png");
}
.ESW-bill {
    background-image: url("images/panels/bg-ESW-bill.png");
}
.conker {
    background-image: url("images/panels/bg-conker.png");
}
.thirst {
    background-image: url("images/panels/bg-thirst.png");
}
.call-centre {
    background-image: url("images/panels/bg-call-centre.png");
}
.boy-glass {
    background-image: url("images/panels/bg-boy-glass.png");
}
.bottle {
    background-image: url("images/panels/bg-97-bottle.png");
}
.navigation ul {
padding-bottom: 4px;
}
.navigation ul li {
    margin: 0;
    padding: 0;
}

.navigation li a {
    padding: 2px 0 2px 0;
}
.navigation ul ul {
    margin: 0;
    padding: 8px;
}
.navigation ul ul ul {
    margin: 0;
    padding: 8px 8px 0 8px;
}
.nav li.here a,
.nav li a:hover {
    color: #00A465;
}

#careers .nav li a {
    color: #E06712;
}

#careers .nav li.here a,
#careers .nav li a:hover {
    color: #C54400;
}

/* END Panels */

/* BGN Search */
.hidden {
    width:0;
    height:0;
    left:-9999px;
    overflow:hidden;
    position:absolute;
}

#search {
    position: absolute;
    top: 40px;
    right: 10px;
}
#searchterms,
#search #q{
    width: 188px;
    height: 20px;
    border: none;
    padding-top: 5px;
    background:transparent url(images/search-input.png) no-repeat scroll 0 0;
    font: arial,verdana,sans-serif;
    padding-left:5px;
}
#searchbutton {
    width: 24px;
    height: 24px;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
    background:transparent url(images/search-button.png) repeat scroll 0 24px;
}
#searchbutton:hover {
    background:transparent url(images/search-button.png) repeat scroll 0 0;
}

/* END Search */

/* BGN top Navigation */
.header { position: relative; }
.header ul {
    top: 10px;
    right: 0px;
    position: absolute;
}
.header li {
    margin: 0 0 0 6px;
    line-height: 1.4em;
    padding: 0 0 0 6px;
    background: transparent url(images/navigation-sitelinks-arrow.png) no-repeat scroll 0px 5px;
}

.header .nav li.switcher {
	background: none;
}

.header .nav li.switcher form {
	float: left;
}

.header .nav form input {
 background: transparent url(images/navigation-sitelinks-arrow.png) no-repeat scroll 0px 7px;
 border: none;
 font-weight: bold;
 text-decoration: underline;
 font-size: 1em;
 cursor: pointer;
 padding: 0 0 0 4px;
 margin: 0 0 0 0;
}

#careers .header .nav form input {
color: #E06712;
}
/* END top Navigation */

/* BGN Main Navigation */
#mainNav {
    width: 736px;
    padding-top:7px;
    background: transparent url(images/navigation-main-border.png) no-repeat scroll 0 10px;
}
#careers #mainNav {
    background: transparent url(images/navigation-main-border-careers.png) no-repeat scroll 0 10px;
}

#mainNav ul { margin: 2px 0 5px 5px; }
#mainNav li {
    margin: 0px;
    padding: 0px;
}
#mainNav li.first { margin-left: 10px; }
#mainNav li a {
    color: #fff;
    font-weight: bold;
		font-size: 1.1em;
    line-height: 2.5em;
    text-decoration: none;
    padding: 8px 14px 6px 14px;
    background: #00A465;
}
#careers #mainNav li a { color: #fff; background-color: #E06712; }
#mainNav li a:hover,
#mainNav li.here a {
	color: #fff;
    background: #006F43 url(images/navigation-main-arrow-down.png) no-repeat scroll 50% 0;
}
#careers #mainNav li a:hover,
#careers #mainNav li.here a {
    background: #CC5900 url(images/navigation-main-arrow-down-careers.png) no-repeat scroll 50% 0;
}

#nwg #mainNav li a {
    padding: 8px 4px 6px 4px;
}

/* END Main Navigation */

/* BGN Content */
#mainContent {
	float: left;
  width: 396px;
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
  background-color: #FFF;
  overflow:hidden;
}

#mainContent #mainContent{
	margin:0;
	width:auto;
}

span.date {
display:block;
}
/* END Content */

/* BGN Feature panels */

#features {
	width: 396px;
}



.feature,
.col {
    float:left;
    width:48%;
    margin-right:1%;
}

.feature a {
    display: block;
    margin: 0 0 10px 0;
}
.feature img {
    float: left;
    margin-right: 5px;
}

.feature p {
float: right;
width:52%;
font-size: 0.9em;
}


.two #features {
	width: 570px;
}

.two #features p {
	float: left;
	width:60%;
}
/* END Feature panels */

/* BGN Footer */
#footer ul { margin: 10px 0 10px 0; }
#footer li {
    font-weight: bold;
    margin-left: 0;
}
#footer p { color: #555; }

/* END Footer */

/* BGN Warning Content*/
.warn {
    border: 1px solid red;
}

/* END Warning Content*/


/* Page column layouts
***********************/
.two #mainContent {
width: 570px;
}
.flash #mainContent {width: 100%;}
.two .omega .panel,
.two .omega #mainContent {
display: none;
}

/* css from the site before the refresh - these are here to avoid reworking current content
***************************/

#formPlaceHolder {
clear: both;
}

.right {
float: right;
}

span.right img {
margin-left:5px;
}

div.linkimg{
    float: right;
    clear: none;
    margin-left: 10px;
}

div.linkimg a,
div.linkimg a:link,
div.linkimg a:visited {
    display: block;
    border: 1px solid #b5d0dd;
    padding: 217px 2px 2px;
    text-decoration: none;
    background: transparent url("images/coverimage.jpg") no-repeat 2px 2px;
    width: 150px;
}

div.linkimg a#nwl-h2ogang {
    background: transparent url("images/h2ogang.jpg") no-repeat 2px 2px;
}

div.linkimg a#nwl-fishingguide-ebook { padding:315px 2px 2px;
    background: transparent url("images/GoFishing2010_nwl.jpg") no-repeat 2px 2px;
}

div.linkimg a#nwl-fishingguide {
    background: transparent url("images/GoFishingNWL_Icon.jpg") no-repeat 2px 2px;
}

div.linkimg a#esw-fishingguide {
    background: transparent url("images/GoFishingESW_Icon.jpg") no-repeat 2px 2px;
}

div.linkimg a:hover,
div.linkimg a:active {
    border-color: #fe7901;
}

div.linkimg a span {
    float: left;
    width: 18px;
    height: 15px;
    background: transparent url("images/imgNavL2Arrow.png") no-repeat 0 50%;
}

/* nwg specific
********************/
.nwgHome .alpha {
display: none; /*hiding the first sidebar should be done by RedDot */
}

.nwgHome #breadcrumb {
 display: none;
}

.nwgHome #mainContent {
width: 530px;
}

.nwgHome .sidebar {
    width: 190px;
}

/* fixes - bits of CSS to tidy up content on the current site
*********/

p img {margin: 5px;}

.noNav .navigation {
display: none;
}

/* Page specific
****************/
.home #breadcrumb {
 display: none;
}

.home .alpha .navigation {
 display: none;
}

/* new section */
#news ul li {
	list-style:none;
	margin:0 0 10px 0;
	margin-left:0!important;
	padding:0;
}
#news ul{
	margin:0;
	text-indent:0;
	padding:0 0 10px;
}
#pager ul li {
	display:inline;
	margin:0 10px 0 0;
}
#news legend {
	text-align:left;
	margin:0;
	padding:0;
}
* html #news legend {
	margin-left:-7px;
}
*:first-child+html #news legend {
	margin-left:-7px;
}
#pagecount{
	margin-bottom:10px;
}
/*form adjust*/
.fcontainer  input#btnSubmit {
	margin:0 0 0 337px;
}

*:first-child+html .fcontainer  input#btnSubmit {
	margin:0 0 0 326px;
}
* html .fcontainer div input#btnSubmit {
	margin:0 0 0 329px;
}
/* BGN IE Specific styles */

/* IE 6 */
* html body { behavior:url( hover.htc ); }

* html span#FilterRecords_rblRecords input {
	margin-top:2px;
}

* html #headingContainer {
    overflow:hidden;
    height: 87px;
}
* html #subheader { height: 135px; }
* html #subheader h1 { margin-top: 0px; }
* html #subheader p { margin-top: 0px; }

* html .subpanel h3 a { height: 100%; }

* html #mainNav  {
	margin-top: 10px;
	background: transparent;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_assets/css/images/navigation-main-border.png' ,sizingMethod='crop');
}
* html #mainNav li a {
  position: relative;
		display: block;
		float: left;
		margin-top: 1px;
		line-height: 1.25em;
		padding-left: 15px;
		padding-right: 15px;
}

* html #nwg #mainNav li a {
		padding-left: 5px;
		padding-right: 5px;
}

* html #careers #mainNav {
	margin-top: 10px;
	background: transparent;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_assets/css/images/navigation-main-border-careers.png' ,sizingMethod='crop');
}

* html #mainNav li a:hover,
* html #mainNav li.here a { background: #006F43 url(images/navigation-main-arrow-down.gif) no-repeat scroll 50% 0; }
* html #mainNav ul li a { top: -8px; }

* html #contentContainer {
  top: 0px;
	/*
  background: transparent;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_assets/css/images/content-border.png' ,sizingMethod='crop');
  */
  background:transparent url(images/content-border.gif) no-repeat 0 0;
}

* html #search { right: 40px; }
* html #searchbutton {
    position: absolute;
    overflow: hidden;
    padding: 24px 0 0 0;
    top: 1px;
}
* html .panel a { height: 1px; }
* html #headingContainer .header a { overflow:visible; }
* html .checkbox input, * html .radio input { border: none; }
* html .checkbox.error  { color: #CC0000; }

* html .omega {
    margin-right: 0;
}

* html span#FilterRecords_rblRecords label {
    margin-top        : 3px;
}

* html div.frmGroupList label 
{
    height: 20px;
}
* html div.frmGroupList input 
{
    height: 19px;
}

* html input#dateOfBirth,
* html input#readingDate,
* html input#leavingDate
{
    margin-left: 3px;
}
* html .fcontainer  input#btnSubmit {
	margin:0 0 0 310px;
}
/* IE7 */

*:first-child+html .header .nav li.switcher {
padding: 0 0 0 0;
background: none;
}


*:first-child+html #subheader h1 { margin-top: 0px; }

*:first-child+html #search { right: 40px; }
*:first-child+html #searchbutton {
    position: absolute;
    overflow: hidden;
    padding: 24px 0 0 0;
    top: 1px;
}

*:first-child+html #mainNav li a {
    padding: 6px 14px 8px 14px;
}

*:first-child+html #nwg #mainNav li a {
    padding: 6px 4px 8px 4px;
}

*:first-child+html #contentContainer {
    margin-top: 50px;
}

*:first-child+html span#FilterRecords_rblRecords label{
    margin-top        : 3px;
}
/* END IE Specific styles */

* html div.combinedSelects input{
	margin-left:3px;
}

.header ul.access{
	display:none;
}

.header ul.access li{
	display:inline;
	list-style-type:none;
}

.header ul.access li a:hover{
	color:#00A465;
}