* {
margin:0;
padding:0;
}

/* ie6 workaround */
* html .subpage {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/lib/img/subpage_bg_bottom.jpg) no-repeat scroll center bottom;
padding-bottom:224px;
}

* html .fullpage {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/lib/img/page_bottom.jpg) no-repeat scroll center bottom;
padding-bottom:224px;
}

* html #page-bottom {
margin: -5px auto auto auto;
}

* +html #page-bottom {
margin: -5px auto auto auto;
}

/* Basic Elements */
body {
-x-system-font:none;
background:#050f32 none repeat scroll 0 0;
color:#8794AD;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;

}

.brand_assanka{
color:#FFFFFF;

}

h1, h2, h3 {
margin-bottom:0.4em;
font-weight:normal;
}

h1 {
font-size:24px;
color:#FFAE00;
}

h2 {
font-size:18px;
color:#349AFE;
margin-top:15px;
}

.box-style3  h2.notitlefirst {
/* for forms with no title, use the class 'dummytitle' so the four way sliding doors bit works and then use this class on the top h2 (if present) so that the margins look right.*/
	margin-top:0px;
}

/* style for front page h2 */
.three-columns h2, .file-list h2, #feature-header h2{
font-size:24px;
color:#FFFFFF;
}

h3 {
color:#FFFFFF;
font-size:12px;
}

p, ul, ol, dl {
line-height:140%;
margin-bottom:1em;
}

strong {
color:#FFF;
font-weight: normal;
}

a {
color:#FFAE00;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

blockquote {
font-style: oblique;
color:#ABC;
margin: 1em 3em;
border-left: 2px dotted #ABC;
padding-left: 1em;
font-size: 12px;
}

/* CSS classes for images supplied by Wordpress */
img.alignright {
float:right;
margin: 3px 0px 3px 10px;
}

img.alignleft {
float:left;
margin: 3px 10px 3px 0px;
}

img.aligncenter {
display: block;
margin: 0 auto;
text-align: center;
}


/* common styles */
.container {
margin:0 auto;
width:950px;

}

#banner {
height:217px;
border-bottom:#4b5e87 1px solid;
}

.clearfix {
clear: both; height: 1px; overflow: hidden; display: block; line-height: 1px; margin: -1px 0; visibility: hidden; float: none;
}

.date {
margin:0;
}

/* List style for front page used on leftmost column*/
.list-style1 {
background:transparent url(/lib/img/hr1.gif) no-repeat scroll 0 0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:1px 0 0;
}

.list-style1 li {
background:transparent url(/lib/img/hr1.gif) no-repeat scroll 0 100%;
padding:0 0 1px;
}

.list-style1 a {
display:block;
padding:6px 0;
width:100%;
}

.list-style1 a:hover {
background:transparent url(/lib/img/hr2.gif) repeat-y scroll 0 0;
color:#FFFFFF;
text-decoration:none;
}

.list-style1 span {
background:transparent url(/lib/img/arrow2.gif) no-repeat scroll 7px 50%;
padding-left:17px;
}

.leadin {
font-size:14px;
padding-bottom:10px;
}

/* Header */
#header-bg {
background:#0D1949 url(/lib/img/header_bg.jpg) no-repeat scroll 50% 0;
min-width: 950px;
margin:auto;
}

#header {
height:88px;
}

/* Logo */
#logo {
float:left;
height:88px;
overflow:hidden;
position:relative;
width:162px;
}

#logo h1 {
font-size:16px;
margin:0;
padding-top:20px;
text-indent:-9999em;
}

#logo a {
color:#FFFFFF;
}

#logo b {
background:transparent url(/lib/img/logo.jpg) repeat scroll 0 0;
float:left;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}

/* Search */

#search {
float:right;
padding-top:26px;
margin-right:15px;
width:275px;
}

#search .search_bg {
filter: alpha(opacity=10);
-moz-opacity: 0.1;
opacity: 0.1;
-khtml-opacity: 0.1;
background: white;
height:36px;
width:275px;
position:absolute;
border:1px;
padding-right:3px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
top: 20px;
}

#search .search_contents {
position:absolute;
top: 20px;
min-width: 275px;
margin:auto;
}

#search .search_contents form {
margin-top:7px;
}

#search .search_contents fieldset {
border:medium none;
}

#search .search_contents label, #search .search_contents input {
-x-system-font:none;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}

#search .search_contents label {
color:#FFFFFF;
float:left;
padding:4px 3px;
text-align:right;
width:50px;
}

#search-query {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #091333;
color:#8794AD;
height:17px;
padding:3px 0 0;
margin-left:  5px;
width:171px;
}

#search-submit {
background:#C60E0F none repeat scroll 0 0;
border:1px solid #0F1B41;
color:#FFFFFF;
height:22px;
margin-left:5px;
padding:2px 0 1px;
width:28px;
}

/* Top Menu */
#menu-bg {
background:#0D1949 url(/lib/img/menu_bg.jpg) no-repeat scroll 50% 0;
}

#menu {
height:38px;
}

#menu ul {
border-bottom:1px solid #FFFFFF;
height:37px;
line-height:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}

#menu li {
float:left;
}

#menu a {
-x-system-font:none;
background:#C2C2C2 url(/lib/img/menu_tab_bg.png) no-repeat scroll 50% 0;
border-left:1px solid #FFFFFF;
border-right:1px solid #CCCCCC;
color:#444;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:27px;
line-height:normal;
padding:10px 10px 0;
}

#menu a:hover {
background-position:50% -76px;
text-decoration:none;
color:#000000;
}

#menu li.active a, #menu li.active a:hover {
background-color:#C60E0F;
background-position:50% -38px;
color:#FFFFFF;
margin-bottom:-1px;
padding-bottom:1px;
position:relative;
}

#menu li.first a {
border-left:medium none;
padding-left:11px;
}


/* page */
#page-bg {
background:#0D1949 url(/lib/img/page_bg.jpg) repeat-y scroll 50% 0;
}
#page-bg-top {
background:transparent url(/lib/img/page_bg_top.jpg) no-repeat scroll 50% 0;
}
#page-bottom {
min-width: 950px;
margin:-1px auto auto auto;
}

#page {
background:#0D1949 none repeat scroll 0 0;
}

#pagecontent_bg{
margin:auto;

}

.fullpage {
/* like subpage */
padding-bottom:224px;
background: url(/lib/img/page_bottom.png) no-repeat center bottom;
}
.fullpage #page {
background: url(/lib/img/page_bg_top.jpg) no-repeat -300px 0;
}



/* Content */
#content {
background:transparent url(/lib/img/page_bg_light.jpg) no-repeat scroll 0 0; 
/*background-color: #050E32;*/
/*min-height:600px;*/
}


/* Content with single column layout */
.single-column {
padding: 20px 20px 20px 20px;
min-height:229px;
}

.single-column li{
margin-left:20px;
}

/* who we are home */
#feature-header {
width:950px;
height:274;
}


#feature-header #feature-banner{ 
border-bottom:#1f3666 1px solid;
width:950px;
height:273;
position: relative;
}

#feature-header #feature {
padding:40px 35px 0px 35px;
height:233px;
}

#feature-header h1{
font-weight: bold;
font-size: 24pt;
color:white;
}

#feature-header #feature-read-more{
position: absolute;
height:36px;
bottom:0;
right:0;
width:100%;
padding-bottom:8px;
padding-top: 10px;
border-bottom:#050e31 1px solid;
}

#feature-header #feature-read-more #feature-background {
height:35px;
width:100%;
background-color: #0C1945;
opacity: 0.26; 
filter: opacity(26); 
-webkit-opacity: 0.26; 
-moz-opacity: 0.26;
filter:alpha(opacity=26);
position: absolute;
bottom:0;
right:0;

}

#feature-header #feature-read-more #feature-stripe {
height:6px;
width:100%;
background-color: #0C1945;
opacity: 0.36; 
filter: opacity(36); 
-webkit-opacity: 0.36; 
-moz-opacity: 0.36;
filter:alpha(opacity=36);
position: absolute;
bottom:0;
right:0;
padding-bottom:0;
}


#feature-header #feature-read-more #feature-link{
position: absolute;
bottom:0;
right:0;
padding-bottom:12px;

}

#feature-header #feature-read-more a{
background:transparent url(/lib/img/arrow1.gif) no-repeat scroll 100% 50%;
padding-right:11px;
margin-right: 24px;
font-size: 12px;
float:right;
}

/* who we are index page list*/
.file-list {
padding-left:30px;
padding:16px 18px 16px 18px;
}

.file-list li{
list-style-type: none;
height: 200px;
width: 280px;
float:left;
margin:0px 12px 0px 12px;
padding-top:24px;

}

.file-list li.has-border{
border-top: #213157 1px solid;
}

.file-list a {
display: block;
color:#8794AD;
padding: 3px 5px;
margin-top:1.5em;
margin-left: -6px;
margin-right: -6px; 

}

.file-list a:hover {
border:1px solid #8794AD;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration:none;
padding: 2px 4px;
}

.file-list .readmore {
display:inline;
background:transparent url(/lib/img/arrow1.gif) no-repeat scroll 100% 50%;
padding-right:11px;
margin-top:15px;
color:#FFAE00;
}

.file-list .ptext{
margin-bottom:10px;
}

.file-list .readmore:hover {
text-decoration:underline;
}

.file-list li ul li {
margin-bottom:15px;
}


/* Content with 2-column layout- used in all blogs except who we are homepage */
.subpage #page-bg {
background-image: url(/lib/img/subpage_bg.png);
min-width: 950px;
margin:auto;
}

.subpage #page-bg-top {
background-image: url(/lib/img/subpage_bg_top.jpg);
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
}

.subpage #page-bottom {
}

.subpage {
padding-bottom:224px;
background: url(/lib/img/subpage_bg_bottom.png) no-repeat center bottom;
}

.subpage #page {
background: url(/lib/img/subpage_bg_top.jpg) no-repeat -300px 0;

}

.subpage #content {
display: block;
float: left;
width: 590px;
padding: 20px;
min-height:229px;

}

.subpage .container .feed img{
border:none;
}

.subpage #sidebar {
float: right;
display: block;
width: 280px;
padding: 20px;

}

 #subpage_content_bg {
background: url(/lib/img/subpage_bg.png) repeat-y center top;
margin:auto;
}

#content_bg {
/*background colour */
background: url(/lib/img/subpage_bg.png) repeat-y center top;
margin:auto;
}

.subpage #sidebar ul {
line-height: 150%;
font-size: 12px;
}

.subpage #sidebar .widget ul li, #sidebar #page-list ul li{
background-position: 0 6px;
list-style-type:none;
padding-left: 20px;
font-size: 12px;
background: url(/lib/img/dot2.gif) no-repeat 0 5px;
}

.subpage #sidebar ul li {
background: none;
list-style-type:none;
}


.subpage #sidebar .widget_categories ul li, #sidebar #page-list ul li {
margin-left:18px;
}

#sidebar #page-list ul .current_page_item a{
color: #8794AD;
}

.subpage #sidebar a {
color: #fff;
}


.subpage pre {
width: 590px;
overflow: hidden;

}

/* Content with 3-column layout -used on the front page*/
.three-columns {
}

.three-columns .column1, .three-columns .column2, .three-columns .column3 {
float:left;
padding:20px;
width:276px;
}

.three-columns .column2 {
padding-right: 12px;
}

.three-columns .column1 {
}

.three-columns .column2, .three-columns .column3 {
background:transparent url(/lib/img/div1.gif) no-repeat scroll 0 40px;
padding-left:21px;
}

/* Footer */
#footer-bg {
background:url(/lib/img/footer_bg.jpg) repeat-x scroll 0 0;
}
#footer {
background: url(/lib/img/footer_bg_top.jpg) no-repeat scroll 0 0;
color:#4A516B;
min-height:126px;
height: auto;

}
#footer .links {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:25px 0 0 20px;
}
#footer .links li {
border-left:2px solid #323B57;
float:left;
font-weight:bold;
padding:0 15px;
}
#footer .links li.first {
border:medium none;
padding-left:0;
}
#footer a {
color:#ACB1C2;
}
#footer .legal {
clear:left;
padding:10px 0 0 20px;
}

/* Search results */
#searchResults li {
margin-left:0px;
list-style: none;
}

#searchResults .result {
margin-bottom: 20px;
}

#searchResults b {
font-weight: normal;
color:#C6DAFF;
}

#searchResults a b{
font-weight: normal;
color:#FFDD44;
}

#morebar {
margin-left:auto;
margin-right:auto;
margin-top:auto;
text-align:center;
height:10px;
width: 100%;

}
#morebar #resultsNav {
text-align:center;
margin:auto;
height: 25px;
}

#morebar ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-top:25px;
margin:0 auto;
min-width:100px;
/*display: block;*/
text-align:center;
}

#morebar li{
border-left:2px solid #323B57;
font-weight:bold;
padding:0 15px;
margin-left: 0px;
display:inline;
}

#morebar li.first{
border-left:medium none;

}

/* Excerpts from the blog appearing on the front page */
.blogitem .more {
background:transparent url(/lib/img/arrow1.gif) no-repeat scroll 100% 50%;
padding-right:11px;
margin-top:0.5em;
}

.blogitem a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:4px 12px 4px 6px;
margin-top:1.5em;
margin-left: -6px;
margin-right: 0px; 
}

.blogitem a:active {

}

.blogitem a:focus {

}

.blogitem a:hover{
border:1px solid #8794AD;
text-decoration:none;
padding:3px 11px 3px 5px; /* IE6 fix */
}

.blogitem .more:hover {
text-decoration:underline;
}

.blogitem .head {
font-size:12px;
font-weight:normal;
color:#FFFFFF;
margin-bottom:0.4em;
}

.blogitem .ptext {
line-height:140%;
margin-bottom:1em;
color:#8794AD;
}

.blogitem .date {
line-height:140%;
margin-bottom: 0.2em;
color:#8794AD;
}


/* Subpage Styles */

/* Posts in the blog*/
.post {
margin-bottom: 5px;
font-size: 12px;
}

.post .title {
margin: 0;
padding: 0 0 0 0;
}

.post .byline {
height: 16px;
padding: 3px 0 5px 0;
background: url(/lib/img/dot1.gif) repeat-x 0 100%;
}

.post .byline .credit {
float: left;
padding: 1px 0 0 0;
}

.post .byline .feed {
float: right;
}

.post .entry {
padding: 1em 0;
}

.post .meta .tags {
float: left;
height: 16px;
padding: 1px 0 0 22px;
background: url(/lib/img/icon_tags.gif) no-repeat;
}

.post .meta{
height: 16px;

}

.post .meta .tags a {
font-weight: bold;
}

.post #reply ol .tarea, .post #reply li .tarea{
margin: 0px;

}

.post .text ol, .post .text ul, .post ol, .post ul{
margin: 1em 2em 1em 2em;
padding-left: 1em;
padding-right: 1em;
}

.post .entry #commentform ul{
margin: 0;
padding:0;
}

.post .entry dd {
margin-left: 50px;
}

.post .entry .terms dt {
width: 40px;
float: left;

}

.post .entry td, .post .entry th {
vertical-align: top;
}

.post .text strong {
color:#FFF;
}


/* Post Comments */
#comments {

}

#comments ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}

#comments li {
padding: 20px 20px 20px 20px;
background: #1e2746;
}

#comments li.alt {
background: none;
}

#comments .gravatar {
float: left;
width: 80px;
padding-right: 15px;
}

#comments .gravatar img {
margin-bottom: 8px;
border: 3px solid #fff;
}

#comments .comment-body img{
float: left;
margin-bottom: 8px;
margin-right: 15px;
border: 3px solid #fff;

}

#comments .comment {
padding:20px;
}

#comments .comment cite {
font-style: normal;
font-weight: bold;
}

/* Box Style 1 -used for comments*/

.box-style1 {
background: url(/lib/img/box_bg.if) no-repeat 0 100%;
}

.box-style1 .title {
margin: 0;
padding: 0 0 0 20px;
background: url(/lib/img/box_bg.gif) no-repeat 0 0;
}

.box-style1 .title h2 {
margin: 0;
padding: 20px 20px 20px 0;
color: #9bfb37 !important;
background: url(/lib/img/box_bg.gif) no-repeat 100% 0;
}

.box-style1 .entry {
margin: 0 0 0 20px;
padding: 0 20px 20px 0;
background: url(/lib/img/box_bg.gif) no-repeat 100% 100%;
}


/* Breadcrumbs */
#breadcrumb {
padding: 7px 10px;
background: #c60e0f;
color: #fff;
border-bottom: #050C1E solid 1px;
}
#breadcrumb-outer{
border-bottom:#4A567A 1px solid;
}
#breadcrumb a{
color: #fff;
}

#breadcrumb span{
color:#EFBEC1;
}

/* Star Ratings -not used in current incarnation */

.ratings {
float: right;
width: 80px;
height: 16px;
background: url(/lib/img/stars.gif) no-repeat 0 0;
text-indent: -9999em;
}

.star0 {
background-position: 0 -80px;
}

.star1 {
background-position: 0 -64px;
}

.star2 {
background-position: 0 -48px;
}

.star3 {
background-position: 0 -32px;
}

.star4 {
background-position: 0 -16px;
}

.star5 {
background-position: 0 0;
}


/* Calendar  used in blogs*/
#giraffe_calendar {
width: 196px;
height: 240px;
padding: 0 22px;
margin:auto;
background: url(/lib/img/calendar.gif) no-repeat;
}

#giraffe_calendar td, #giraffe_calendar th {
padding: 0;
text-transform: uppercase;
font: 9px Verdana, Geneva, sans-serif;
line-height: 1;
}

#giraffe_calendar .months {
width: 190px;
margin-left: 6px;
}

#giraffe_calendar .months td {
font-weight: bold;
color: #999;
}

#giraffe_calendar .months .prev {
padding-top: 11px;
text-align: left;
}

#giraffe_calendar .months .this {
padding-top: 9px;
text-align: center;
font-size: 13px;
color: #349afe;
}

#giraffe_calendar .months .next {
padding-top: 11px;
text-align: right;
}
#giraffe_calendar .months .nil {
width: 20px;
}


#giraffe_calendar .months a {
color: #999;
}

#giraffe_calendar .dates {
}

#giraffe_calendar .dates td, #giraffe_calendar .dates th  {
width: 22px;
padding: 3px;
text-align: center;
}

#giraffe_calendar .dates th {
padding-top: 17px;
padding-bottom: 13px;
}

#giraffe_calendar .dates td {
padding-top: 6px;
padding-bottom: 13px;
background: url(/lib/img/calendar.gif) no-repeat -17px -290px;
color: #fff;
}

#giraffe_calendar .dates td.today {
background-position: -69px -290px;
}

#giraffe_calendar .dates td.available {
background-position: -121px -290px;
}

#giraffe_calendar .dates td.content {
background-position: -173px -290px;
}

#giraffe_calendar .dates td.content a{
background: none;
color:#fff;
text-decoration: underline;
}

#giraffe_calendar .dates td.nil { /* empty slots */
width: auto !important;
padding: 0 !important;
background: none;
}

#giraffe_calendar .dates td a {
display: block;
color: #fff;
}


/* Styles for Job questions page */
.questionindex #submittest, #question form input {
float: left;
}

.qgrid .label{
color: white;
background:none;
display: block;
}


.qgrid .qrow .label{
background-color: #C4C4C4;
}

.qgrid { margin-bottom: 10px }
.qgrid, .qrow { width: 100% }
.qgrid td { vertical-align: middle; padding: 5px 0 0 0 }
.qrow td { padding: 1px }
.qgrid td span.label { font-weight: bold; }
.qgrid td span.avgtime { color: #555 }
.qgrid a { display:block; text-align: center; color: black }
.qgrid a:hover { text-decoration: none }
.qgrid a.available { background-color: #8A9FAE; }
.qgrid a.available:hover { background-color: #BCD5FE; }
.qgrid a.inprogress { background-color: #FFC28C; }
.qgrid a.inprogress:hover { background-color: #FA9729; }
.qgrid a.answered { color: #444; background-color: #D0F7CC; cursor: default }
.qgrid a.answered:hover { background-color: #D0F7CC; }
.qgrid a.pass { color: #666; background-color: #eee; cursor: default }
.qgrid a.pass:hover { background-color: #eee; }

.fair_question {
float:right;
}
/* options to go under a large text area */

/*
.form_opts {
padding-top:20px;
padding-right: 10px;
}

*/
/* Images for questions */
.questionimg{
border:2px solid #8794AD;
background-color: white;
margin-bottom:10px;
text-align: center;
}


/* Print style overrides */
@media print {
	html, body { background: none; width: 100%; }
	#search, #logo b, #menu, #reply, .subpage .container .feed, #sidebar, #searchbox, #apply, #gotcode, .form_opts, #footer .links { display: none !important; }
	#content {overflow: visible; position: static; width: auto; height: auto !important; float: none; background: none; font-size: 13px;}
	.subpage #content { width: 100%; padding-left: 0px !important; }
	#logo h1{text-indent: 0px;}
	#logo a {color:#000 !important;
			text-decoration: none;	
			font-size: 25px;}
	#logo {width:500px;
			height:50px;}
	.fullpage, .subpage { padding-bottom: 0px; }
	#page-title { margin: 0; padding: 0; }
	a span, a { color:#666; text-decoration: underline; }
	#content h1 { font-size: 19px; color:black;}
	#content h2 { font-size: 17px; color:black !important; }
	#breadcrumb { font-size: 15px;  padding-left: 0px !important;}
	#breadcrumb a{ text-decoration: none;}
	#breadcrumb span{opacity: 1; filter: opacity(100); -webkit-opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100) }
	.post .byline { font-size: 11px; }
	#footer .legal { padding:10px 0 0 0px; }
}

/* Form styles */
textarea {
resize: none;
}

.box-style3 {
	margin-bottom:20px;
	background: url(/lib/img/box_bottom.png) no-repeat 100% 100%;

}

/* Form backgrounds */
.box-style3 .title {
	margin: 0;
	padding: 0 0 0 20px;
	background: url(/lib/img/box_top.png) no-repeat 0 0;
}

.box-style3 .title h2{
	margin: 0;
	padding: 20px 20px 20px 0;
	color: #9bfb37;
	background: url(/lib/img/box_top.png) no-repeat 100% 0;
}

/* A class for forms were there is no title. */
.box-style3 .title .dummytitle {
	margin: 0;
	padding: 25px 20px 0px 0;
	color: #9bfb37;
	background: url(/lib/img/box_top.png) no-repeat 100% 0;
}

.box-style3 .box-bottom {
	background: transparent url(/lib/img/box_bottom.png) no-repeat 0% 100%;
	padding-bottom: 10px; /* required for ie7 compatibility- add ie7 only rule, as this rule breaks ie6 (!!!) */
}

.box-style3 .box-bottom form {
	padding: 0px 0px 15px 0px; /* required for ie6 compatibility */
}

.box-style3 fieldset {
	background: #1E2746;
	padding: 0px 20px 0px 20px;
	border:none;
}

fieldset label {
	display:block;
	font-weight: bold;
	color:#FFF;
	font-size:12px;
	padding: 0 0 0 3px;
}

fieldset .radio label, fieldset .checkbox label {
	font-weight: normal;
	color:#8794AD;
}

.box-style3 fieldset ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0;
	margin:0;
}

.box-style3 fieldset li {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	padding-bottom:10px;
	overflow: hidden;
	padding-left: 0px;
	margin-left:0;
	clear:both; /* fix ie6 float bug */
}

button span {
	position:relative; 
	display:block; 
	white-space:nowrap;
	background: transparent url('/lib/img/button_bg_right.png') no-repeat scroll left 0;
	padding: 0px 0 0 10px; 
	cursor: pointer;
	height:23px; 
	line-height:23px;
	color:#fff; 
}

button {
	position:relative;
	border:0; 
	padding: 0 10px 0 2px; 
	overflow:visible;
	cursor: pointer;
	background: url('/lib/img/button_bg_left.png') no-repeat scroll right 0; 
	margin-right:5px;
	text-align:center; 
	height:23px;
	min-width: 140px;
	width:140px;
	font-weight:bold;
	font-size: 12px; 
}

button.active {
	background-position: right -23px;
}

button.active span {
	background-position: 0 -23px;
	color:#DDFFFF; 
}

button.pressed {
	background-position: right -46px;
}

button.pressed span {
	background-position: 0 -46px;
	color:#DDFFFF; 
}

button::-moz-focus-inner {
    border: none;  /* overrides extra padding in Firefox */
}

@media all and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


/* Input styles */

.box-style3 .input-text input {
	width: 180px;
	padding: 7px 0;
}

.box-style3 .input-text {
	width: 180px;
	height: 29px;
	padding: 0 10px;
	background: url(/lib/img/reply_form_fields.gif) no-repeat 0 0;
	float: left;

}

/* use of 'tarea', 'itext' and 'tareanarrow' to fix ie6 class chaining bug */
.box-style3 .itext .focused, .box-style3 .itext .hovered {
	background-position: 0 -29px !important; /* needs to be !important to work in ie6 -sigh*/
}

.box-style3 .itext .error {
	background-position: 0 -58px !important; /* needs to be !important to work in ie6 -sigh*/
}

.box-style3 .req {
	color: #f00;
}

/* Three styles of textarea box, 
1) large- used for free flowing text as seen on the diagnostics page.
2) small- used for shorter input, such as addresses */

.box-style3 textarea {
	padding: 0px;
	border: none;
	background: none;
	
}


/* Wider pages */
.fullpage .box-style3 .textarea {
	width: 860px;
	height: 190px;
	padding: 10px 0px 0px 10px;
	background: url(/lib/img/textareawide.gif) no-repeat 0 0px;
	border: none;	
	float: left;
}

.fullpage .box-style3 .textarea textarea {
	width: 850px;
	height: 180px;
}

/* use of 'tarea', 'itext' and 'tareanarrow' to fix ie6 class chaining bug */
.fullpage .box-style3 .tarea .hovered, .single-column form .tarea .focused {
	background-position:  0 -200px;
}

.fullpage .box-style3 .tarea .error {
	background-position:  0 -400px;
}

/* Narrower pages */
.subpage .box-style3 .textarea {
	width: 530px;
	height: 99px;
	padding: 10px 10px 0 10px;
	background: url(/lib/img/reply_form_fields.gif) no-repeat 0 -87px;
}

.subpage .box-style3 .textarea textarea {
	width: 530px;
	height: 89px;
	padding: 0;
	background: none;
}

.subpage .box-style3 .tarea .error {
	background-position:  0 -305px;
}

.subpage .box-style3 .textarea.hovered, .subpage .box-style3 .textarea.focused {
	background-position: 0 -196px;
}


.box-style3 .textarea textarea:focus, .box-style3 .input-text input:focus, .box-style3 .textareanarrow textarea:focus {
	outline:none; /* stop chrome from uglifying our inputs */
}


/* textareanarrow is page width agnostic -used for addresses etc. */
	
.box-style3 .textareanarrow {
	width: 310px;
	height: 99px;
	padding: 10px 10px 0px 10px;
	background: url(/lib/img/inputs_singlecol_narrow.gif) no-repeat 0 -88px;
	border: none;
	float: left;
}

.box-style3 .textareanarrow textarea {
	width: 310px;
	height: 89px;
}

/* use of 'tarea', 'itext' and 'tareanarrow' to fix ie6 class chaining bug */
.box-style3 .tareanarrow .hovered, form .tareanarrow .focused {
	background-position: 0 -197px;
}

form .tareanarrow .error {
background-position: 0 -306px;
}

.box-style3 .input-text input, .box-style3 .textarea textarea {
	background: none;
	border: none;
	font: 11px Verdana, Geneva, sans-serif;
	color: #000;
}


/* Form error messages */
/* There are two types of error message, a general one that goes at the top or bottom of the form (denoted by the .message class), and a field specific one which appears next to the incorrect input */

.box-style3 .messagewrap { /* needed when inserting the message outside of a fieldset value on the form */
	background-color: #1E2746;
	padding:10px 20px;
}

.message {
	height: 30px;
	background: url(/lib/img/labels.png) no-repeat;
}

.message span {
	background: url(/lib/img/labels.png) no-repeat;
	font-weight: bold;
	height:22px;
	text-align:center;
	padding: 8px 0px 0px 5px;
	margin: 0 5px 0 0;
	display:block;
}

.message-notice {
	background-color: #0079ca;
	background-position: 100% -90px;
}

.message-notice span {
	background-position: 0 -90px;
	color: #fff;
}

.message-error {
	background-color: #fde300;
	background-position: 100% -30px;
}

.message-error span {
	background-position: 0 -30px;
	color: #fff;
}

.message-success {
	background-color: #4fb400;
	background-position: 100% -60px;
}

.message-success span {
	background-color: #4fb400;
	background-position: 0 -60px;
	color: #fff;
}

.message-alert {
	background-color: #fde300;
	background-position: 100% -0px;
}

.message-alert span {
	background-position: 0 -0px;
	color: #000;
}

.message-alert-long {
	height: 56px;
	background: url(/lib/img/alert-long.png) no-repeat;
	background-position: 100% 0px

}

.message-alert-long span {
	background: url(/lib/img/alert-long.png) no-repeat;
	height: 48px;
	text-align: center;
	padding: 8px 0 0 5px;
	color: #fff;
	margin: 0 5px 0 0;
	display: block;

}

/* Blockier inline errors */
.box-style3 .inlinemessage-error {
	float:left;
	padding: 4px 10px 0px 7px;
	margin: 3px 0px 0px 10px;
	vertical-align:bottom;
	height:20px;
	background: url(/lib/img/arrow-error.gif) no-repeat 0 10px;
	color: #fff;
}

.subpage .box-style3 .inlinemessage-error {
	width: 320px;
}

.fullpage .box-style3 .inlinemessage-error {
	width: 440px;
}

.box-style3 .beneathmessage-error {
	padding: 4px 10px 0px 12px;
	margin: 3px 0px 0px 0px;
	vertical-align:bottom;
	height:20px;
	background: url(/lib/img/arrow-error-up.gif) no-repeat 0 50%;
	color: #fff;	
}

/* Captcha styles */
.box-style3  .recaptchatable {
	background-color: #ffffff;
	-webkit-border-radius: 6px;
	-moz-border-radius:5px;
	border-collapse: separate !important;
	float:left;
	border:3px solid #FFF !important;
}

.box-style3 .recaptchaerror .recaptchatable{
	border:3px solid #F00 !important;
}

.box-style3 .recaptcha .focused, .box-style3 .recaptcha .hovered{
	border:3px solid #619A27 !important; 
}

.box-style3 #recaptcha_table tbody .focused, .box-style3 #recaptcha_table tbody .hovered{
	border:none !important; 
}

form .note {
	clear: left;
}