﻿.foo {} /* W3C likes this */

/*
********************************************
Carbon Statement - Default CSS Stylesheet
Created on: 18/10/2007
Version: 1.0
Development by: Bitpusher Ltd
Developer: Gavin Davies
Email: gavin@bitpusher.co.uk
********************************************
*/

/* Common tag elements */
* {padding: 0; margin: 0}
html { margin:0; padding:0; }  
body { background-color:#F1E9CB; background-image:url(../images/bg/_bg-fade.jpg); background-position: 0px -30px; background-repeat:repeat-x; color:#666666; text-align:left; font-family: Arial, Verdana, Tahoma, Helvetica; font-size: 100%; font-weight:normal; height:100%; margin:0; padding:0; }
h1 { font-size: 175%; margin: 0 0 0.5em 0; color:#85C300; line-height: 1.4em; padding:0; font-weight:normal}
h2 { font-size: 115%; margin:0 0 0.1em 0; color:#666666; padding:5px 0 5px 0px; }
h3 { font-size: 80%; margin:0 0 0.1em 0; color:#85C300; padding:5px 0 5px 0px; }
h4 { font-size: 90%; margin:0 0 0.1em 0; color:#666666; padding:5px 0 5px 0px; }
h5 { font-size: 90%; margin:0 0 0.1em 0; color:#666666; padding:5px 0 5px 0px; }

p { font-size: 85%; line-height: 145%; margin: 0.1em 0 1em 0; }
a:link, a:visited { color:#666666; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
img  { border:none; padding:0; margin:0;}
ul {margin:0 0 0.5em 1em;}
li {font-size: 80%; list-style-type:square; padding:0.30em 0 0.30em 0; margin:0}
label { display: block; text-align: right; float: left; width: 100px; padding:0 1em 0 0;}
input { font-size:100%; }
select { font-size:100%; }
fieldset { border: none; margin: 0; padding: 2px 0 3px 0;}
legend { display:none; }
table { border-collapse:collapse; width:100%; font-size:80%; margin:0 0 5px 0; }
td { padding:4px 0 4px 7px; vertical-align:top; }
th { font-weight:normal; padding:7px 0 7px 7px; font-weight:bold; vertical-align:top;}
caption { display:none; }
thead { background-color:#DCF4F8; }
form { height:100%; margin:0; padding:0; }
tbody { padding:0; margin:0; }
hr { padding:0 0 2px 0; margin:0; height:1px; position:relative; }
strong { padding:0; margin:0; }
div { border:solid 0px red;}

/* Common CSS classes */
.hide { position:absolute; left:-9000px; top:0; z-index:20; }
.display-show { display:inherit; }
.display-hide { display:none; }
.clear { clear:both; }
.left { float: left; }
.right { float: right; }
.auto { width:auto; }
.nowrap { white-space:nowrap; }
.center { text-align: center; }
.border-none { border:none; }
.transparent { background-color:transparent; }
.align-right { text-align:right; }
.align-left { text-align:left; }
.bold { font-weight:bold; }
.normal { font-weight:normal;}
.underline { text-decoration:underline; }
.strike-out { text-decoration: line-through; }
.required { background-color: #FFFF9F; border:solid 1px gray; }
.hi-light { color: red; }
.black { color:black; }
.padding-off { padding:0;}
.padding { padding:10px; }
.padding-left { padding-left:10px; }
.padding-right { padding-right:10px; }
.padding-top { padding-top:10px; }
.padding-bottom { padding-bottom:10px; }
.padding-image { padding-top:2px; padding-bottom:6px; }
.margin-off { margin:0; }
.margin-top { margin-top:10px; }
.margin-bottom { margin-bottom:10px; }
.error-msg { color:#000000; padding:1px 10px 0 20px; background-image:url(../images/icon_warning.gif); background-position:0px 0px; background-repeat:no-repeat; display:inline-block; }
.extlnk { position:relative; font-weight:bold; padding:0 12px 0 0; background-image: url('../images/icon_external.gif'); background-position: right top; background-repeat:no-repeat; }
.lnkmore { padding-right:12px; padding-left:10px; font-weight:bold; background-image: url(../images/double_arrows.gif); background-position:right center; background-repeat:no-repeat; }
.lnkinfo { display:block; padding:2px 0 2px 30px; background-image: url(../images/icon_info.gif); background-position:left center; background-repeat:no-repeat; }
.lnk { padding-right:12px; font-weight:bold; background-image: url(../images/icon_external.gif); background-position:right top; background-repeat:no-repeat; }
.pdf { padding-right:12px; font-weight:bold; background-image: url(../images/icons/pdf.gif); background-position:right top; background-repeat:no-repeat; }
.content-page { min-height:250px; background-image: url(../images/vertical_dots.gif); background-position:215px 0px; background-repeat:repeat-y;  }
.clearfix:after {content: "."; display: block; height: 0; margin:0; padding:0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Handles the Alpha Transparacy for PNG graphics in IE5.5/IE6 */
* html .png img, * html .png { behavior: url(/library/javascript/iepngfix.htc); }
 
/* Site Structure */
#parent { position:relative; margin:0 auto 0 auto; width:995px; text-align:left; padding:0; background-color:#ffffff; _border-left: solid 1px #DCDCDC; _border-right: solid 1px #DCDCDC; _border-bottom: solid 1px #DCDCDC; }
#banner { height:230px; background-color:#F1E9CB; padding:0; margin:20px 0 0 0; font-size:1px; }
#content { margin:0; height:auto; padding:0 0 55px 0; background-color:#ffffff; }
#content-main { font-size:11pt; float:left; width:500px; margin:12px 0 10px 42px; padding:5px; }
#content-main a { text-decoration:underline; font-weight:bold; }

/* Header */
#header { position:relative; height:122px; padding:0; margin:0; }
#logo { position:relative; margin:14px 0 0 25px; }
#nav-top { position:absolute; top:5px; right:10px; text-align:right; }
#nav-top ul { margin:4px 0 0 0; padding:0; }
#nav-top li { margin:0; padding:0; display:inline; list-style-type:none; } 
#nav-top a { border-right:solid 1px #666666; padding:0 4px 2px 3px; display:inline-block; } 
#nav-top a.last { border-right:none; padding:0 23px 2px 3px; background: transparent url(../images/bg/bg_login.gif) center right no-repeat; } 
#nav-top .login-name { font-size:70%; color:#999999; }

/* Footer */
#footer { position:relative; font-size:9pt; text-align:center; margin:0 auto 0 auto; padding: 7px 0 7px 0; }
#nav_footer { width:520px; padding:0; margin:0 auto 0 auto; }
#nav_footer ul { margin:4px 0 0 0; padding:0; }
#nav_footer li { margin:0; padding:0; display:inline; list-style-type:none; } 
#nav_footer a { border-right:solid 1px #666666; padding:0 4px 2px 3px; display:inline-block; } 
#nav_footer a.last { border-right:none; } 
#nav_country { float:left; width:200px; vertical-align:top; padding-left:20px; }
#nav_country img { padding:0 0 0 8px; vertical-align:bottom; }
#nav_country select { margin:1px 0 0 0; }

/* Navigation */
#navigation { position:absolute; bottom:0px; left:0px; font-size:11pt; font-weight:bold; z-index:98; padding-left:0px; }
#nav-left { position:relative; float:left; width:224px; font-size:9pt; padding:15px 0 0 40px; margin:0; }
#nav-right { position:relative; float:left; width:150px; font-size:9pt; padding:20px 0 0 30px; margin:0; }

/* Homepage */
.mmrr { padding:5px 0 10px 0; }
.pagetitle { display:block; float:left; width:300px; }
.pagenum { text-align:right; color:#666666; display:block; float:right; width:100px; }

/* Contact Form */
#contact .error-wrap { padding:4px 0 0 110px; }
#contact li { list-style:none; }
#contact .contact-button { font-size:80%; margin-right:30px; padding:0 10px 0 10px; }

/* Login */
#login { position:relative; }
#login li { list-style:none; }
#login .error-padding { margin-left:110px; margin-top:2px; padding:1px 10px 0 20px; display:block; }
#login .login-btn { padding:0 0 0 110px; }

/* Our approach */
#our-approach-nav { margin:0; padding:0; font-weight:bold; font-size:12pt; }
#our-approach-nav li a { text-decoration: none; }
#our-approach-nav .selected a { color: #85C300; }
#our-approach-nav li { float:left; list-style-type:none; padding:0 2px 0 2px; }

/* TOP Navigation Styling 
   Tier 1  */
.nav-menu ul.AspNet-Menu { width:995px; background-image: url(../images/bg/menu_tier1.jpg); /*width: 13em;  This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */ }

/* Tier 2 */
.nav-menu ul.AspNet-Menu ul { top: 100%; left: 0px; font-size:130%; margin-top:0px; padding-top:0px; border-bottom: solid 1px #c0c0c0; border-top: solid 1px #c0c0c0;}

/* Tier 3+ */
.nav-menu ul.AspNet-Menu ul ul { top: 0; left: 6em; }

/* all list items */
.nav-menu li { height:29px; width:163px; border-left: solid 1px #c0c0c0; border-right: solid 1px #c0c0c0; background-image: url(../images/bg/menu_tier1.jpg); background-position:left top; background-repeat:repeat-x; padding:0; margin:0; }

/* list items being hovered over */
.nav-menu li li:hover, .nav-menu li li.AspNet-Menu-Hover { color: #85C300; }

/* all anchors and spans (nodes with no link) */
.nav-menu a, .nav-menu span { color: #666666; padding: 7px 14px 7px 14px; background: transparent; }

/* leaves */
.nav-menu li.AspNet-Menu-Leaf a, .nav-menu li.AspNet-Menu-Leaf span { padding-left: 20px; }

/* hovered text */
.nav-menu li:hover a, 
.nav-menu li:hover span,
.nav-menu li.AspNet-Menu-Hover a,
.nav-menu li.AspNet-Menu-Hover span,
.nav-menu li:hover li:hover a,
.nav-menu li:hover li:hover span,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.nav-menu li:hover li:hover li:hover a,
.nav-menu li:hover li:hover li:hover span,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{ color: #85C300; text-decoration:none; }

/*added*/
.nav-menu li:hover a, /* current hovered text */
.nav-menu li:hover span,
.nav-menu li.AspNet-Menu-Hover a,
.nav-menu li.AspNet-Menu-Hover span
{  color: #ffffff; background-image: url(../images/bg/menu_tier1_sel.jpg); background-position:left top; background-repeat:repeat-x;  }

/* all Tier 2 list items */
.nav-menu li li { width: 16em; clear:both; border-left: solid 1px #c0c0c0; border-right: solid 1px #c0c0c0; background-image: url(../images/bg/menu_tier1.jpg); background-position:left top; background-repeat:repeat-x; padding:0; margin:0; }

 /* the tier above this one is hovered */
.nav-menu li:hover li a,
.nav-menu li:hover li span,
.nav-menu li.AspNet-Menu-Hover li a,
.nav-menu li.AspNet-Menu-Hover li span,
.nav-menu li:hover li:hover li a,
.nav-menu li:hover li:hover li span,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{  color: #666666; background-image: url(../images/bg/menu_tier1.jpg); background-position:left top; background-repeat:repeat-x;}

/* this tier is selected */
.nav-menu .AspNet-Menu-Selected { color: #ffffff !important; background-image: url(../images/bg/menu_tier1_sel.jpg) !important; background-position:left top; background-repeat:repeat-x; }

/* a tier below this one is selected */
.nav-menu .AspNet-Menu-ChildSelected { color: #ffffff !important; background-image: url(../images/bg/menu_tier1_sel.jpg) !important; background-position:left top; background-repeat:repeat-x;  }

/* a tier above this one is selected */
.nav-menu .AspNet-Menu-ParentSelected { /* border: solid 1px #0000ff !important; */ }

/* a child of a parent selected */
.nav-menu .AspNet-Menu-Leaf .AspNet-Menu-Selected { z-index:98; color: #ffffff !important; }
.nav-menu .AspNet-Menu-WithChildren { padding-bottom:0px !important; }


/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
ul.AspNet-Menu { position: relative; }
ul.AspNet-Menu, ul.AspNet-Menu ul { margin: 0; padding: 0; display: block; }
ul.AspNet-Menu li { position: relative; list-style: none; float: left; }
ul.AspNet-Menu li a, ul.AspNet-Menu li span { display: block; text-decoration: none; }
ul.AspNet-Menu ul { position: absolute; visibility: hidden; z-index:98; }

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul { visibility: hidden; }

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{ visibility: visible; }

/* LEFT Navigation */
.nav-left-menu div.AspNet-TreeView ul { padding: 0px 0 2px 0px; margin:0;}
.nav-left-menu div.AspNet-TreeView ul li { padding: 2px 0 10px 0; margin:0; }
.nav-left-menu div.AspNet-TreeView ul ul li { padding: 1px 0 1px 0; margin:0; }
.nav-left-menu div.AspNet-TreeView ul ul { padding: 7px 0 4px 0px; margin:0; font-size:9pt; font-weight:normal; }
.nav-left-menu div.AspNet-TreeView ul ul ul { padding: 2px 0 2px 0px; margin:0; font-size:9pt; }
.nav-left-menu div.AspNet-TreeView ul li img { border: none; vertical-align: middle; margin: 0 2px 0 0; }
.nav-left-menu div.AspNet-TreeView li a { text-decoration: none; display:inline-block; padding:0 0 6px 0; margin:0; background: url(../images/horizontal_dots.gif) 0px 15px repeat-x; }
.nav-left-menu div.AspNet-TreeView li li a { text-decoration: none; padding:0 15px 0 0; margin:0; background:none; }
.nav-left-menu div.AspNet-TreeView li.AspNet-TreeView-Leaf { margin-left: 0px; padding-left:15px; }
.nav-left-menu div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink { cursor: pointer; }
.nav-left-menu div.AspNet-TreeView .AspNet-TreeView-Collapse { background: url(../images/minus_white.gif) 1px 3px no-repeat; width: 15px; float:left; cursor: pointer; }
.nav-left-menu div.AspNet-TreeView .AspNet-TreeView-Expand { background: url(../images/plus_white.gif) 1px 3px no-repeat; width: 15px; float:left; cursor: pointer; }
.nav-left-menu div.AspNet-TreeView .AspNet-TreeView-Selected { background:none !important; }
.nav-left-menu div.AspNet-TreeView ul ul .AspNet-TreeView-Selected { position:relative; font-weight:bold; background: url(../images/selected_arrow_white.gif) 6px 5px no-repeat !important; }
.nav-left-menu div.AspNet-TreeView ul .AspNet-TreeView-Selected { position:relative; font-weight:bold; background:none; }
.nav-left-menu .AspNet-TreeView-ChildSelected { background-color: transparent !important; }
.nav-left-menu .AspNet-TreeView-ParentSelected { background-color: transparent !important; }

/* RIGHT Navigation
#nav-right ul { margin:0; padding:0; }
#nav-right li { float:left; width:30px; padding:0 0 0 2px; margin:0; }
#nav-right a { display:block; width:30px; height:30px; padding:2px 0 0 5px; margin:0; color:#ffffff; background-image: url(../images/bg/bg_box.gif); background-position:left top; background-repeat:no-repeat; }
#nav-right span { display:none; }
#nav-right .selected { background-image: url(../images/minus_white.gif); background-position:8px 14px; background-repeat:no-repeat; }
*/
.nav-right-menu div.AspNet-TreeView ul { margin:0; padding:0; }
.nav-right-menu div.AspNet-TreeView ul li { float:left; width:30px; padding:0 0 0 2px; margin:0; }
.nav-right-menu div.AspNet-TreeView ul ul li { padding: 1px 0 1px 0; margin:0; }
.nav-right-menu div.AspNet-TreeView ul ul { padding: 12px 0 2px 0px; margin:0; font-size:9pt; font-weight:normal; }
.nav-right-menu div.AspNet-TreeView ul ul ul { padding: 2px 0 2px 0px; margin:0; font-size:9pt; }
.nav-right-menu div.AspNet-TreeView ul li img { border: none; vertical-align: middle; margin: 0 2px 0 0; }
.nav-right-menu div.AspNet-TreeView li a { text-decoration:none; display:block; width:20px; height:25px; padding:2px 0 0 5px; margin:0; color:#ffffff; background-image: url(../images/bg/bg_box.gif); background-position:left top; background-repeat:no-repeat; }
.nav-right-menu div.AspNet-TreeView li li a { text-decoration: none; padding:0; margin:0; }
.nav-right-menu div.AspNet-TreeView li.AspNet-TreeView-Leaf { margin-left: 0px; padding-left:0px; }
.nav-right-menu div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink { cursor: pointer; }
.nav-right-menu div.AspNet-TreeView .AspNet-TreeView-Collapse { background: url(../images/minus_white.gif) 1px 3px no-repeat; width: 15px; float:left; cursor: pointer; }
.nav-right-menu div.AspNet-TreeView .AspNet-TreeView-Expand { background: url(../images/plus_white.gif) 1px 3px no-repeat; width: 15px; float:left; cursor: pointer; }
.nav-right-menu div.AspNet-TreeView span { display:none; }
.nav-right-menu .AspNet-TreeView-NextNode { background: url(../images/selected_arrow_white.gif) 13px 14px no-repeat !important; }
.nav-right-menu .AspNet-TreeView-Selected { font-weight:bold; background: url(../images/minus_white.gif) 6px 13px no-repeat !important; }
.nav-right-menu .AspNet-TreeView-ChildSelected { background-color: transparent !important; }
.nav-right-menu .AspNet-TreeView-ParentSelected { background-color: transparent !important; }

/* This style sheet is intended to contain RARELY CHANGED rules used when the TreeView control adapter */
.AspNet-Menu-Vertical ul.AspNet-Menu li { width: 100%; }
div.AspNet-TreeView { margin: 0; padding: 0; }
div.AspNet-TreeView ul { list-style: none; margin: 0; padding: 0; }
.AspNet-TreeView-Show {}
.AspNet-TreeView-Hide { display:none; }

