/*************************************************************************
*                                                                        *
*                      TYPOGRAPHY & COLOUR Rules                         *
*                                                                        *
*************************************************************************/

body {
	height:100%;
	margin: 0px;
	padding: 0px;
	background-color: white;
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size : 11px;
	line-height : 1.4em;
	color : #333333;
	text-align: center; /* IE5 hack for centering */
}

p {
	margin: 0 0 1.4em 0;
}

form {
	padding: 0px;
	margin: 0px;
}

form input, select {
	font-size: 11px;
}

table {
	border: 1px solid #CCC;
	padding: 2px;
	margin: 1px;
	width: 100%;
}

table input, select {
	font-size: 11px;
}

table textarea {
	font-size: 11px;
	font-family : Arial, sans-serif;
}

table td, tr {
	vertical-align: top;
	font-size: 11px;
	font-family : Arial, Helvetica, Verdana, sans-serif;
}

td {
	padding: 2px 4px;
}

a {
	text-decoration : none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight : bold;
	color: #003399;
}

a:visited {  
	text-decoration : none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #5B96DC;
}

a:hover {  
    font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight : bold;
	color: #990000;
	text-decoration: underline; 
}

a img {
	border: none;
}

label input {
	vertical-align:middle;
}

fieldset {
	border: 1px solid #D8D8D8;
	padding: 10px;
}

legend {
	font-family : Tahoma, Verdana, sans-serif;
	padding: 0 5px;
	font-size : 18px;
	line-height: 1.5em;
	color: #4262A4;
	margin-bottom: 10px;
}

ul {
	padding: 0 15px;
}

.linklist ul, ul.linklist {
	list-style-type: disc;
	list-style-image: url(/images/design/arrow.gif);
	margin: 0px;
	margin-left: 10px;
    padding-top: 6px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 0px;
	list-style-position: outside;
}

.linklist ul li, ul.linklist li {
	margin: 0px;
    padding-top: 0px;
	padding-bottom: 4px;
	padding-right: 0px;
}

.heading, h1 {
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 14px;
	font-weight : bold;
	color: #333333
}

.subhead, h2, h3 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	font-weight : bold;
	color: #333333;
}

h3 {
	color: #666;
}

h4, h5, h6 {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size : 11px;
	color : #333333;
}

.smalltext {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9px;
	color: #333333;
}

.quiet {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #666;
}

.error {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #990000;
}

fieldset h2, fieldset h3, fieldset h4 {
	padding-left: 18px;
}

fieldset h2 {
	background-color: #eaf3f8;
	line-height: 2em;
	padding: 0;
	padding-left: 10px;
	margin: 0;
}

fieldset h3 {
	color: #666666;
	line-height: 2em;
	padding: 0;
	padding-left: 18px;
	margin: 0.5em 0;
}

fieldset h4 {
	background-color: #ffffff;
	line-height: 1.2em;
}

/*************************************************************************
*                                                                        *
*                             LAYOUT Rules                               *
*                                                                        *
*************************************************************************/

#main{ 
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 760px;    
}

#fullbanner { 
	margin-right: 0px;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 20px;
	text-align: center;
}

#fullbanner img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#content { 
	margin: 8px 0 0 0;
	padding-left: 0px;
	padding-top: 0;
	padding-bottom: 10px;
	text-align: left;
}

#homecolleft {
	float:left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 208px;
}

#homecolcenter {
	float:left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 326px;
}

#homecolright {
	float:left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 208px;
}

#leftmargin {
	float:left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 65px;
}

#leftindent {
	float:left;
	text-align: left;
	padding: 0px;
	padding-left: 25px;
	width: 65px;
}

#introduction {
	float:left;
	text-align: left;
	padding: 0px;
	width: 255px;
}

#introduction p {
	padding-left: 12px;
	padding-top: 0px;
	margin-top: 0px;
}

#introduction .subhead {
	padding-left: 12px;
	padding-top: 0px;
	margin-top: 0px;
}

#introduction .linklist ul {
	list-style-type: disc;
	list-style-image: url(/images/design/arrow.gif);
	margin: 0px;
	margin-left: 10px;
    padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 22px;
	padding-right: 0px;
	list-style-position: outside;
}

#introlinks {
	float: left;
	margin-left: 19px;
	padding: 0px;
	width: 421px;
}

#article {
	float:left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	width: 450px;
}

#articleimg {
	float:left;
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 220px;
}

#fullwidth {
	float:left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	width: 580px;
}

#fullwidthtoright {
	float:left;
	text-align: left;
	padding: 0px;
	padding-left: 90px;
	margin: 0px;
	width: 670px;
}

#articlethin {
	float:left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	width: 300px;
}

#articleimgwide {
	float: right;
	text-align: center;
	padding-top: 20px;
	width: 350px;
}

/*************************************************************************
*                                                                        *
*                                 CLASSES                                *
*                                                                        *
*************************************************************************/

.sectiontitle {
	height: 68px;
}

.sectiontitle h1 {
	font-family : Tahoma, Verdana, sans-serif;
	font-weight: normal;
	font-size : 28px;
	color : #333333;
	vertical-align: middle;
}

.banner {
	height: 80px;
}

div.rowgroup {
	border: 1px solid #bbc7d7;
	-moz-border-radius: 10px;
	padding: 2px 0;
	margin: 2px 0;
}

div.row {
  clear: left;
  padding-top: 8px;
}

div.row span.icon {
  float: left;
  width: 60px;
  text-align: center;
}

div.row span.summ {
  float: right;
  width: 350px;
  text-align: left;
} 

div.row span.floatblock {
  float: right;
  width: 264px;
  text-align: left;
} 

div.row span.nowidth {
  display: inline;
  text-align: left;
} 

div.spacer {
  clear: both;
  margin: 0px;
  padding: 0px;
}

div.tablerow {
	display: block;
	background-color: #BBC7D7;
	margin-top: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 1px;
	text-align: center;
}

div.tablerow span.tbl_label {
	font-weight : bold;
	font-size: 10px;
/*	padding-bottom: 8px; */
	vertical-align: middle;
}

div.tablerow span.tbl_data {
	vertical-align: middle;
}

div.vertspace {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 4px;
	height: 200px;
}

div.vertline {
	float: left;
	width: 1px;
	margin: 0px;
	padding: 0px;
	height: 300px;
	background-color: #333333;
}

tr.subhead {
	background-color: #EDF2F5;
	line-height: 20px;
}

tr.highlight{
	background-color: #EDF2F5;
}

tr.heading {
	background-color: #BBC7D7;
}

tr.rowstyle0 {
	background-color: #F9FAFB;
}

tr.rowstyle1 {
	background-color: #EDF2F5;
}

tr.heading a:link, tr.heading a:visited, tr.heading a:hover {
	color: #333333;
}


table.imagetable {
	display: block;
	border: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

div.optionbox {
	display: block;
	position: relative;
	float: right;
	width: 120px;
	text-align: right;
	padding-top: 0px;
}

div.printbox {
	display: block;
	position: relative;
	float: right;
	width: 50px;
	text-align: center;
	padding-right: 18px;
	padding-top: 4px;
}

/*************************************************************************
*                                                                        *
*                             HEADER Rules                               *
*                                                                        *
*************************************************************************/

#topbar {
	margin-top: 0px;
	background-color: #990000;
	color: white;
	padding: 0px;
	height: 10px;
	width: 760px;
}

#header_left { 
	width: 150px;
	padding: 0px;
	float: left;
	text-align: left;
}

#header_right { 
	font-size: 10px;
	margin: 0px;
	color: #333333;
	width: 580px;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 0px;
	float: right;
	text-align: right;
}

#userblock {
	display: block;
	padding-top: 40px;
	margin: 0px 0px;
	text-align: right;
}

#usericons a {
	display: inline;
	float: right;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
	text-align: center;
	padding-left: 10px;
}

#usericons a:hover {
	font-size: 9px;
	color: #333333;
	text-decoration: underline;
}

#usericons img {
	padding: 0px;
	margin: 0px;
	vertical-align: middle; 
}

div.nowidth {
	float: right;
}

div.nowidth img {
	float: left;
	padding-top: 8px;
	padding-bottom: 2px;
	padding-right: 5px;
	background-color: white;
}

/*************************************************************************
*                                                                        *
*                               MENU Rules                               *
*                                                                        *
*************************************************************************/

#menu {
	background-color: #CE1D00;
	font-weight: bold;
	font-size: 11px;
	color: white;
	width: 760px;
	padding: 0px;
	margin: 0px;
	height: 20px;
}

#menu ul {
	margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#menu li {
    margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	margin-right: 0px;
	padding: 0px;
    float: left;
}

#menu a {
	display: block;
	font-size: 11px;
	line-height: 18px;
	color: #EAF3F8;
	text-align: left;
	text-decoration: none;
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px; 
	padding-right: 10px; 
	border-left: 1px solid #CE1D00; /*#006699;*/
	border-right: 1px solid #CE1D00; /*#006699;*/
	border-bottom: 1px solid #CE1D00; /*#006699;*/
}

#menu a:hover {
	font-size: 11px;
	color: #333333;
	background: #BBC7D7;
	border-left: 1px solid #767E89;
	border-right: 1px solid #767E89;
	border-bottom: 1px solid #CE1D00; /*#006699;*/
}

#menucurrent a {
	display: block;
	color: #333333;
	background: #BBC7D7;
	text-align: left;
	text-decoration: none;
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
 	border-left: 1px solid #767E89;
	border-right: 1px solid #767E89;
	border-bottom: 1px solid #BBC7D7;
}

#menucurrent a:hover {
	border-bottom: 1px solid #BBC7D7;
}

#submenu {
	position: relative;
	margin-bottom: 6px;
	border-bottom: 1px solid #767E89;
	padding: 0px;
	width: 760px;
	font-size: 11px !important;
	font-weight : bold;
	color: #333333;
	background-color: #BBC7D7;
	height: 18px;
}

#submenu ul {
    margin: 0px;
    padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	padding-right: 0px;
    list-style-type: none;
}

#submenu li {
	display: block;
	text-align: left;
   	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	margin-right: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
    float: left;
}

#submenu a {
	color: #333333;
	text-align: left; 
	text-decoration: none;
}

#submenu a:hover {
	color: #990000;
	text-decoration: underline; 
}


/*************************************************************************
*                                                                        *
*                     SNAIL TRAIL & USER DETAILS Rules                   *
*                                                                        *
*************************************************************************/

#snail {
	float: left;
	display: block;
	height: 16px;
	font-size: 10px;
	font-weight : bold;
	color: #333333;
	padding-left: 15px;
	text-align: left;
}

#snail a{
	font-size: 10px;
	font-weight : bold;
	color: #333333;
}

#snail a:hover{
	color: #990000;
}

#userdetails {
	display: block;
	float: right;
	padding-right: 15px;
	height: 16px;
	font-size: 10px;
	font-weight : bold;
	color: #333333;
	text-align: right;
}

/*************************************************************************
*                                                                        *
*                               	SURVEY                               *
*                                                                        *
*************************************************************************/

form.survey table tr td {
	border: 2px solid white;
	padding: 0px 4px;
}

form.survey ol {
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 23px;
	padding-left: 0px;
}

form.survey li {
	font-weight: bold;
	font-size:14px;
	color: #4262A4;
	margin: 2px;
	padding: 0px;
}

form.survey input {
	margin: 2px 0px;
}

form.survey textarea {
	width: 92%;
}

form.survey label {
	font-size: 11px;
	color: #333333;
}

#overlay {
    background-color: white;
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70; /* FireFox */
	filter: alpha(opacity=70); /* IE */
	z-index: 20;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
}
/*
html>body #overlay {
	background-image: url(/images/design/fade.png);
}
*/
#surveybox {
	position: absolute;
	display: block;
	background-color: white;
	border: 5px solid #333333;
	z-index: 99;
	top: 30%;
	left: 220px;
	width: 310px;
}

#surveybox #popup_head {
	padding: 0;
	margin: 0;
	background: url(/images/design/popup_head.gif) fixed repeat;
	text-align: right;
}

#surveybox #innerbox {
	display: block;
	background-color:#BBC7D7;
	border-width: 1px 2px 2px 2px;
	border-color: #FFFFFF;
	border-style: solid;
	padding: 5px 10px;
	z-index: 99;
	width: auto;
	height: 100%;
}

#surveybox h1 {
	font-family : Tahoma, Verdana, sans-serif;
	font-weight: normal;
	font-size : 28px;
	text-align: center;
	color : #333333;
	padding: 8px 0px;
	margin: 0;
}

#surveybox p {
	text-align: center;
	margin: 10px 0px;
	padding: 0px 0px;
}

#surveybox img {
	border: 0;
}

#surveybox input {
	vertical-align: middle;
}

h3.highimpact {
	color: #4262A4;
	font-size: 20px;
	font-weight: 900;
	font-family: Tohoma, Arial, Helvetica, sans-serif;
}

a.cust_btn, a.cust_btn:visited, a.cust_btn:hover {
	margin: 4px auto;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 10px 0;
	vertical-align: bottom;
	width: 151px;
	background-image:url(/images/design/btn_up.gif);
	font-size: 17px;
	font-weight: 900;
	font-family: Tohoma, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}

a.cust_btn img{
	border: none;
	padding-right: 5px;
	margin-left: 0;
}

a.cust_btn:hover {
	background-image:url(/images/design/btn_down.gif);
}

a.yes_btn, a.yes_btn:visited, a.yes_btn:hover {
	color: #4262A4;
}

a.no_btn, a.no_btn:visited, a.no_btn:hover {
	color: #990000;
}

/*************************************************************************
*                                                                        *
*                               POP UP CALENDAR                          *
*                                                                        *
*************************************************************************/	

.CalDivPopUpCalendar
{
	position:absolute; 
	left:0px; 
	top:0px; 
	z-index:7; 
	width:175px; 
	height:77px; 
	overflow: visible; 
	visibility: hidden; 
	background-color: #EEEEEE; 
	border: 1px none #000000
	
}

.CalDivPopUpCalendar table {
	margin: 0px;
	padding: 0px;
	border: 1px;
}

.CalDivMonthSelector 
{
	position:absolute; 
	left:0px; 
	top:0px; 
	z-index:9; 
	width:181px; 
	height:27px; 
	overflow: visible; 
	visibility:inherit
}

.CalDivMonthSelector table {
	margin: 0px;
	padding: 0px;
	border: 1px;
}

.CalDivMonthDays
{
	position:absolute;
	left:0px;
	top:43px;
	z-index:8; 
	width:175px; 
	height:17px; 
	overflow: visible; 
	visibility:inherit; 
	background-color: #EEEEEE; 
	border: 1px none #000000
	
}

.CalDivMonthDays table {
	margin: 0px;
	padding: 0px;
	border: 1px;
}

.CalSelMonthSelector 
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt
}

.CalSelMonthScrollers
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	color: #000000
}

.CalDaysOfWeek
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	
}

.CalDaysOfWeekend
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background-color: #EEEEEE

}

.CalMonthNumbers
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	font-weight:  normal
}


.attention {
	background: #FFFFCC url(/images/design/error.gif) 10px 8px no-repeat;
	border: 1px solid #CCCCCC;
	padding: 8px 10px 8px 38px;
	font-size: 12px;
}

/*************************************************************************
*                                                                        *
*                             FOOTER Rules                               *
*                                                                        *
*************************************************************************/

#footer {
	text-align: center;
	padding-top: 15px;	
	font-size : 10px;
	line-height : normal;
	color : #333333;
	width: 760px;
}

/*************************************************************************
*                                                                        *
*                            Download  Rules                             *
*                                                                        *
*************************************************************************/

fieldset.downloads ul {
	list-style: none;
	padding: 0;
	margin: 0 10px;
}

fieldset.downloads li {
	clear: both;
	margin: 0;
	padding-left: 30px !important;
}

fieldset.downloads img {
	float: right;
	position: relative;
	margin: 0 0 0 10px;
}

fieldset.downloads li input {
	position: relative;
	left: -25px;
	margin-right: -18px;
}

/*
	List Expander 
*/

.listexpander{width:100%; padding-bottom: 1em !important;}
.listexpander, .listexpander ul, .listexpander li{
	margin:0;
	padding:0;
	list-style:none;
}
.listexpander ul{
	/*
	Uncomment this if you want to initially hide the child lists. 
	If you do, Javascript disabled and CSS enabled browsers will not be able to use this list.
	display:none;
	*/ 
}
.listexpander li{
	line-height:200%;
	margin-top:1px;
	cursor:default;
	text-indent:25px;
	font-weight:bold;
	width:100%;
	padding-left: 0 !important;
}

.listexpander li input {
	margin-right: 10px;
	vertical-align: middle;
	cursor:pointer;
}

.listexpander li p {
	margin: 0;
	padding: 0;
	color: #666666;
}

.listexpander li p.error {
	color: #990000;
}

li label {
	cursor:pointer;
	font-weight: 600;
}

.listexpander li.collapsed, .listexpander li.expanded{cursor:pointer;}

/* first level */

.listexpander li, .listexpander li.collapsed{background:#bbc7d7 url(/images/design/collapsed.gif) no-repeat 5px .4em;}
.listexpander li.expanded{background:#bbc7d7 url(/images/design/expanded.gif) no-repeat 5px .4em;}

/* second level */

.listexpander li ul li, .listexpander li li{background:#eaf3f8;font-weight:bold;text-indent:45px;}
.listexpander li li.collapsed{background:#eaf3f8 url(/images/design/collapsed.gif) no-repeat 25px .4em;}
.listexpander li li.expanded{background:#eaf3f8 url(/images/design/expanded.gif) no-repeat 25px .4em;}

/* third level */

.listexpander li li ul, .listexpander li li li{background:#fff;font-weight:normal;text-indent:75px;}
.listexpander li li li.collapsed{background:#fff url(/images/design/collapsed.gif) no-repeat 5px .4em;}
.listexpander li li li.expanded{background:#fff url(/images/design/expanded.gif) no-repeat 5px .4em;}
.listexpander li li li:hover {background-color: #f8f8f8}
/* fourth level */

.listexpander li li li li{text-indent:0;margin-left:30px;width:auto;}

/* etc. */

/* buttons */

p.listexpander {
	height:1.5em;
	margin:0;
}
p.listexpander a {
	float:left;
	height:1.5em;
	line-height:1.5em;
	padding:0 10px;
	border:1px solid #eee;
	margin-right:5px;
	cursor:pointer;
	font-weight: normal;
}
p.listexpander a:hover {
	background: #f8f8f8;
	font-weight: normal;
}

/* float fix */
.listexpander li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.listexpander li {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .listexpander li {
	height: 1%;
}
.listexpander li {
	display: block;
}
/* End hide from IE-mac */
/* end float fix */