@charset "utf-8";
/* CSS Document 

NAEI Colours used;
----------------------------
Dark Green #007000
Mid Green #008A00
Light Green #CFE7CF
Very Light Green #CFE7CF

*/

a:link, a:visited {
    color: #2E5483;
}

span[title] {
	border-bottom:1px dotted #000000;
	cursor:help;
}

select[multiple] {
	xheight:200px;
	xwidth:500px;
	xmax-width:200px;
}

/* Redefine colour in side bar */
.highlight-box,
div.red-box {
	background-color:#c3e4fb;
}

dt {
	margin-top:10px;
	margin-bottom:10px;
}
dt span {
	font-weight:normal;
}
form {
	margin-top:10px;
}

#center-2col img[width='700'],
#center img[width='700'] {
	border:1px solid #CCC;
	box-shadow:1px 1px 1px #CCC;
}


/*= Plain layout
------------------------------------------*/
body.plain {
	background:none;
	background-color:#FFFFFF;
}
body.plain img {
	border:none;
}
#plainWrap {
	padding:0px 20px 20px 20px;
	width:auto;
}
#plainTopBar ul {
	list-style-type:none;
}
#plainTopBar li {
	float:left;
}
#plainTopBar li.last {
	float:right;
	padding-right:10px;
}
#plainHeader {

}

/*= Additional Bordered Area
------------------------------------------*/
span.blueborder,
div.blueborder,
p.blueborder {
	background-color:#D1D9EF;
	border:1px solid #42698C;
	margin-bottom:6px;
	padding:1px 12px 0;
}

span.greenborder,
div.greenborder,
p.greenborder {
	background-color:#DFFFDF;
	border:1px solid #008A00;
	margin-bottom:6px;
	padding:1px 12px 0;
}

span.redborder,
div.redborder,
p.redborder {
	background-color:#FFEAEA;
	border:1px solid #FF0000;
	margin-bottom:6px;
	padding:1px 12px 0;
}
span.warningborder,
div.warningborder,
p.warningborder {
	border:1px solid #fcab32;
	margin-bottom:6px;
	padding:1px 12px 0 32px;
	background:url(../images/icon_exclam16.gif) 5px 5px no-repeat #FFFFCC;
}

/*Note this is floated */
.grey_float_highlight_block {
	border:1px solid #555;
	background:#EEE;
	float:left;
	width:45%;
	margin:0px 10px 10px 0;
}
.grey_float_highlight_block p {
	display:block;
	background:#007000;
	color:#FFFFFF;
	padding:5px;
}
.grey_float_highlight_block p a {
	color:#FFFFFF;
}
.infobox {
	border:1px solid #555;
	background:#EEE;
	margin:0px 10px 10px 0;
}
.infobox h2 {
	display:block;
	background:#007000;
	color:#FFFFFF;
	font-size:1em;
	margin:0;
	padding:0;
}
.greygradborder {
	background: rgb(239,239,239); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(255,255,255,1) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(99%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 99%); /* IE10+ */
	background: linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.greygradborder h3 {
	margin:0;
	padding:3px 3px 0px 3px;
	font-size:100%;
	color:#000000;
}
.greygradborder ul {
	margin-left:60px;
	list-style-type:none;
}

.grey_box {
	background: #EEE;
	border:1px solid #CCC;

}

/* Table formats
-------------------------  */
table {
	border-spacing:0;
	border-collapse:collapse;
}
td {
	line-height:normal;
}
label {
	line-height:130%;
}
.head {
	background-color:#CCC;
}
tfoot td {
	background-color: #BBB;
	font-weight: bold;

}

/* Nav Tabs Override
-------------------------  
#main-nav #menu1.active,
#main-nav #menu1 {
	width: 170px;
}
#main-nav #menu2.active,
#main-nav #menu2 {
	width: 170px;
}
#main-nav #menu3.active,
#main-nav #menu3 {
	width: 250px;
}
#main-nav #menu4.active,
#main-nav #menu4 {
	width: 173px;
}
#main-nav #menu5.active,
#main-nav #menu5 {
	width: 173px;
}
#main-nav #menu6.active,
#main-nav #menu6 {
	width: 194px;
}
#main-nav #menu7 {
	width: 187px;
}*/

/*= Tabs
------------------------------------------*/
/*
The following tab CSS is modified version of the
tab Code from  http://unraveled.com/publications/assets/css_tabs/
which is licenced under CSS Tabs is licensed under Creative Commons Attribution 3.0 - http://creativecommons.org/licenses/by/3.0/
*/
.simplemodal-wrap ul.tab_wrapper,
#content ul.tab_wrapper{
	text-align: left; /* set to left, right or center */
	margin: 1em 0 1em 0; /* set margins as desired */
	font: bold 100% verdana, arial, sans-serif; /* set font as desired */
	border-bottom: 1px solid #0076CA; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 0px 5px; /* THIRD number must change with respect to padding-top (X) below */
	background:none;
	position:relative;

}
.simplemodal-wrap ul.tab_wrapper li,
#content ul.tab_wrapper li, 
#content ul.tab_wrapper_small li{
	display: inline;
	background:none;

}
.tab_wrapper li a{
	padding: 7px 7px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #0076CA; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #0076CA; /* set unselected tab background color as desired */
	background: rgb(0,118,202); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(24,160,226,1) 0%, rgba(0,118,202,1) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,160,226,1)), color-stop(99%,rgba(0,118,202,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(24,160,226,1) 0%,rgba(0,118,202,1) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(24,160,226,1) 0%,rgba(0,118,202,1) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(24,160,226,1) 0%,rgba(0,118,202,1) 99%); /* IE10+ */
	background: linear-gradient(top,  rgba(24,160,226,1) 0%,rgba(0,118,202,1) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18A0E2', endColorstr='#0076CA',GradientType=0 ); /* IE6-9 */
	color: #FFFFFF; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	margin-right:5px\9;
	text-decoration: none;
	outline:none;
	border-bottom: none;
	border-radius:5px 5px 0px 0px;
	display:inline-block;
}

#center-landing ul.tab_wrapper a,
.tab_wrapper li a:link,
.tab_wrapper li a:visited,
.tab_wrapper li a:hover,
.tab_wrapper li a:active{
	color: #FFFFFF;
}

#center-landing ul.tab_wrapper li.selected a,
.tab_wrapper li.selected a{ /*selected tab effect*/
	/* settings for selected tab link */
	background-color: #fff; /* set selected tab background color as desired */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	color: #000000; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 7px; /* must change with respect to padding (X) above and below */
	background-image:none;

}

/*= Glossary
------------------------------------------*/
#center-2col ul.jump_list,
#center ul.jump_list,
#center ul.glossary_list {
	list-style-type:none;
	margin:0;
	padding:0px;
	margin-bottom:50px;
}
ul.jump_list li,
ul.glossary_list li {
	float:left;
	margin-right:5px;
	font-weight:bold;
	line-height:180%;
}
ul.jump_list li a:link,
ul.jump_list li a:visited,
ul.glossary_list li a:link,
ul.glossary_list li a:visited {
	padding:4px;
	border:1px solid #FFF;
	
}
ul.jump_list li a:hover,
ul.jump_list li a:active,
ul.glossary_list li a:hover,
ul.glossary_list li a:active {
	border:1px solid #42698C;
	background-color:#EEE;
}
.infobox {
	border:1px solid #CCCCCC;
	background-color:#EEE;
	padding:10px;
	margin-top:5px;
	margin-bottom:5px;
}

/* Media Object
-------------------------  */
.media{
    display:block;
    overflow:hidden;
}
.media__img{
    float:left;
    margin-right:1em;
}

/* Reversed image location (right instead of left). */
.media__img--rev{
    float:right;
    margin-left:1em;
}

.media__img img,
.media__img--rev img{
    display:block;
}

.media__body{
    overflow:hidden;
}
.media__body,
.media__body > :last-child{
    margin-bottom:0;
}





/* Grid
-------------------------  */
.grid1 { width:30px; }
.grid1a { width:65px; }
.grid2 { width:160px; }
.grida { width:100px; }
.grid3 { width:210px; }
.grid4 { width:320px; }
.grid5 { width:380px; }
.grid6 { width:420px; }
.grid6a { width:500px; }
.grid7 { width:540px; }
.grid8 { width:620px; }

.first { margin-right:0 !important; }
.last { margin-left:0 !important; }

.column {
  float: left;
  margin: 0px;
  overflow: hidden;
  display: inline;
  padding-bottom:10px;
}
.row {
  width:100%;
  margin: 2px auto;
  overflow: hidden;
  padding-bottom:10px;
}

@media only screen and (max-width:479px) {
	.row > [class*="grid"] { width:100%; }
}

/*= Bootstrap Buttons
------------------------------------------*/
.btn {
  display: inline-block;
  padding: 4px 10px 4px;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #fafafa;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  *margin-left: .3em;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active, .btn:active {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  color: rgba(0, 0, 0, 0.5);
  outline: 0;
}
.btn.disabled, .btn[disabled] {
  cursor: default;
  background-image: none;
  background-color: #e6e6e6;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff !important;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #0044cc;
}
.btn-primary:active, .btn-primary.active {
  background-color: #003399 \9;
}
.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}


/* Buttons
------------------------------------------*/
.bEdit {background:url(../images/icon_edit.png) no-repeat top left;padding-left:20px;padding-bottom:10px;vertical-align:top; display:inline-block;}
.bCancel {background:url(../images/icon_cancel.png) no-repeat top left;padding-left:20px;padding-bottom:10px;vertical-align:top; margin-top:15px;display:inline-block;}
.bRefresh {background:url(../images/icon_refresh_small.png) no-repeat top left;padding-left:20px;padding-bottom:10px;vertical-align:top; margin-top:15px;display:inline-block;}
.bCSV {background:url(../images/icon_xls.gif) no-repeat top left;padding-left:20px;padding-bottom:10px;vertical-align:top; display:inline-block;}
.bSearch {background:url(../images/icon_search.gif) no-repeat top left;padding-left:20px;vertical-align:top; display:inline-block;}
.bData {background:url(../images/icon_data_selector.png) no-repeat top left;padding-left:20px;vertical-align:top; display:inline-block;}
.bInfo {background:url(../images/icon_help.png) no-repeat top left;padding-left:20px;vertical-align:top; display:inline-block;}
.bEmail { background:url(../images/icon_email.png) no-repeat top left;padding-left:20px;vertical-align:top; display:inline-block;}
.bTwitter { background:url(../images/icon_twitter.png) no-repeat top left;padding-left:20px;vertical-align:top; display:inline-block;}
.bPopup { background:url(../images/icon_window.png) no-repeat top left;padding-left:20px;padding-bottom:10px;vertical-align:top; }
.bExpand { background:url(../images/icon_expand.png) no-repeat top left;padding-left:20px;padding-bottom:10px;vertical-align:top;} 
.bContract { background:url(../images/icon_contract.png) no-repeat top left;padding-left:20px;padding-bottom:10px;vertical-align:top;} 


/* Forms
------------------------------------------*/
.fLong { width:50%; }
.fMedium { width:25%; }
.w200 { width:40%; }
.w300 { width:60%; }
.w500 { width:80%; }
.w530 { width:90%; }

.h100 { height:100px; }
.h150 { height:150px; }
.h200 { height:200px; }

fieldset {
	border-top:1px solid #999;
	padding:10px;
	margin-top:5px;
	margin-bottom:10px;

	background: rgb(239,239,239); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(255,255,255,1) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(99%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 99%); /* IE10+ */
	background: linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
fieldset legend {
	margin-left:0px;
	padding:4px 8px 4px 8px;
	color:#000000;
	font-weight:bold;
}

/*= Lists
------------------------------------------*/
ul.nobullet {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.ul_col_layout li {
	margin-bottom:10px;
	width:100%;
	overflow:hidden;
}
.ul_col_layout span {
	display:block;
	float:left;
	width:430px;
}
.ul_col_layout span.ul_col_1 {
	width:70px;
}

/*= Switcher
------------------------------------------*/
.switcher {
	overflow:auto;
}
#center-2col .switcher ul, #center .switcher ul { padding-left:0; }
.switcher ul {
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	list-style-type:none;
	border:1px solid #000000;
	border-radius:7px;
	float:right;
	background-color:#CCC;
}
.switcher li {
	float:left;
	background-image:url(../images/divider-right-dark.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	border-radius:7px;
}
.switcher li a {
	border-radius:7px;
	display:block;
	padding:3px 7px 3px 7px;
	color:#FFFFFF;
}

.switcher li a.selected {
	color:#000000;
	background-image:url(../images/bg_tab_selected.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
.switcher li.s1,
.switcher li.s1 a {
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}
.switcher li.s2,
.switcher li.s2 a,
.switcher li.s3,
.switcher li.s3 a {
	border-radius:0px;
}
.switcher li.s4,
.switcher li.s4 a {
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
}
.switcher li.s1 { border-right:1px solid #FFF; }
.switcher li.s3 { border-left:1px solid #FFF;  }
.switcher li.s4 { border-left:1px solid #FFF;  }



/* Misc
-------------------------  */
.warning { background:url(../images/icon_exclam_yellow.png) 0px 3px no-repeat; padding-left:20px;display:block; }
.aCenter {text-align:center;padding-bottom:5px; }
.aLeft {text-align:left; }
.aRight {text-align:right; }
.abCenter { margin:auto auto; margin-bottom:5px; display:block; } 
.valign, p img.valign {vertical-align:middle; margin-bottom:auto;}
.valignt {vertical-align:top;}
.red, .error {color:#FF0000;}
.hide {display:none; }
.borderTop {border-top:1px solid #999999;}
.borderBottom {border-bottom:1px solid #999999;}
table td.center, .center { text-align:center;}
.bold { font-weight:bold;}
.first-bold p:first-child { font-weight:bold;}
.grey { color:#555;}
.smalltext { font-size:85%; } 
.mediumtext { font-size:140%; }
.largetext { font-size:160%; }
.padding { padding:10px; }
form .padding {padding:5px;}
.marginTop{ margin-top:10px;}
.marginRight{ margin-right:10px;}
.marginLeft{ margin-left:10px;}
.marginBottom{ margin-bottom:10px;}
.paddingBottom { padding-bottom:10px; }
.latest_content { line-height:170%;}
.fLeft { float:left; }
.fRight { float:right; }
.noMargin {margin:0px;}
.noMarginTop {margin-top:0px;}
.noMarginBottom {margin-bottom:0px;}
#center .nobullet { margin:0px;padding:0px;list-style-type:none;}
.spaced li {margin-bottom:10px;}
.arrowLeft {background:url(../images/arrow_4.html) no-repeat top;height:150px;min-height:150px;position:relative;left:-50px;}
.arrowLeft p {padding:40px 30px 0px 80px; display:block;}
.borderBlack {border:1px solid #000000;}
.bordered {display:block;padding:4px;margin:2px; border:1px solid #999999;}
.textIndent { text-indent:15px; }
.clear { clear:both; }
.clear-row { overflow:hidden; }
.block { display:block; }
.fwnormal { font-weight:normal; }
.relative { position:relative; } 
.loading { display:none; }