/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
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, 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;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ol, ul {list-style-type: none;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
body {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:70%; background-color:#FFF;	background:url(/_images/bg_main.gif) repeat-y top center;}
p { padding-bottom:15px; line-height: 1.6em;}
abbr { text-decoration:none; border:none;}
code { font-family:Tahoma, Verdana, Arial, sans-serif;}
img {border:0px;}
a { font-weight:bold; text-decoration:underline; color:#4a6a76;}
a:hover {text-decoration:none;}
a:focus { outline:1px dotted #000;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.clearLeft { clear:left;}
.skiptocontent {position:absolute; margin-left: -9999px;}
.hiddenInfo {position:absolute; margin-left: -9999px;}
.checkbox { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
.checkboxlabel { margin:0px 0px 0px 0px; line-height:13px; float:left; text-align:left;}
.relbookmark { position:absolute; margin-left: -9999px;}
strong { font-weight:bold;}
.hiddenfield { display:none; }
legend { position:absolute; margin-left: -9999px;}
/********************************************************************/
/*                              H tags                              */
/********************************************************************/

h1{ font-size:150%; color:#4a6a76; margin:0px 0px 15px 0px; font-weight:bold;}
h2{ font-size:130%; color:#4a6a76; margin:0px 0px 15px 0px; font-weight:bold;}
h3{ font-size:120%; color:#4a6a76; margin:15px 0px 15px 0px; font-weight:bold; line-height:2.3em; } /* RC Removed: float:left; */

/********************************************************************/
/*                          Template tags                           */
/********************************************************************/

#container { width:900px; text-align:left; margin-left:auto; margin-right:auto; height: 100%; }
#header { width:900px; height:101px; background:#ffeb09; border-bottom:1px solid #fff;}
#main { width:900px; float:left; clear:both; background:url(/_images/bg_main.gif) repeat-y top left;}
#navcol {width:161px; float:left;}
#content { position:relative; float:right; width:720px; padding:55px 0px 0px 0px;}

#content  ul.crumb01, #content ul.crumb02,#content ul.crumb03,#content ul.crumb04,#content ul.crumb05,#content ul.crumb06 { position:absolute; top:15px; left:0px; float:left; width:720px; height:22px; color:#4a6a76; padding:10px 0px 0px 0px;}
#content ul.crumb01 { background:url(/_images/bg-crumb01.gif) no-repeat top left;}
#content ul.crumb02 { background:url(/_images/bg-crumb02.gif) no-repeat top left;}
#content ul.crumb03 { background:url(/_images/bg-crumb03.gif) no-repeat top left;}
#content ul.crumb04 { background:url(/_images/bg-crumb04.gif) no-repeat top left;}
#content ul.crumb05 { background:url(/_images/bg-crumb05.gif) no-repeat top left;}
#content ul.crumb05, ul.crumb06 { background:url(/_images/bg-crumb05.gif) no-repeat top left;}	

#content ul.crumb01 li.selected { color:#000}

#content  ul.crumb01 li,#content ul.crumb02 li,#content ul.crumb03 li,#content ul.crumb04 li,#content ul.crumb05 li,#content ul.crumb06 li { display:inline; float:left; width:129px; padding: 0px 0px 0px 15px; list-style-type:none;}
#content  ul.crumb01 a,#content ul.crumb02 a,#content ul.crumb03 a,#content ul.crumb04 a,#content ul.crumb05 a, #content ul.crumb06 a { color:#4a6a76; font-weight:normal;}

/****************************************/

ul#textsizecontrol { float:right; width:auto; padding:10px 3px 10px 0px; font-weight:bold; }
	ul#textsizecontrol li { display:inline; float:left;}
	ul#textsizecontrol a {color:#000;text-decoration:none;}
	ul#textsizecontrol a:hover { color:#000;text-decoration:underline;}

	.small {width:14px;height:14px;font-size:10px;background:url(../_images/bg_textsize_small.gif) no-repeat top left;padding:0px 0px 0px 4px;margin:10px 0px 0px 2px;}
	.normal {width:18px;height:18px;font-size:13px;background:url(../_images/bg_textsize_normal.gif) no-repeat top left;padding:0px 0px 0px 4px;margin:7px 0px 0px 2px;}
	.large {width:23px;height:23px;font-size:16px;background:url(../_images/bg_textsize_large.gif) no-repeat top left;padding:2px 0px 0px 6px;margin:2px 0px 0px 2px;}

/********************/

ul#nav  {float:left; width:161px; padding:15px 0px 0px 0px; font-size:130%;}
ul#nav li {width:140px;clear:both; padding:6px 10px 6px 10px;text-align:right;float:right; background:url(../_images/bg_nav_item.gif) no-repeat bottom right; list-style-type:none;}
ul#nav a { color:#4a6a76; font-weight:bold; text-decoration:underline; margin:0px 0px 0px 0px;}
ul#nav a:hover { color:#000; text-decoration:none;}
ul#nav .selected { color:#002189;}
ul#nav .first { background:none; margin:0px 0px 15px 0px;}

/********************* Page Specific Styles ***********************/

#formstages li {display: inline; list-style-type:none;}

#homecontent{width:560px;height:auto;float:left;margin:20px 0px 0px 0px;}
#homeleft {width:235px;float:left;border:1px solid #c2cdd1;background:url(../_images/bg_home_left.gif) repeat-x top left;padding:15px;}
.homecontentboxes { min-height:279px;}
#homecontent p {margin:0px 0px 15px 0px;}
#homeright{width:235px;float:right;border:1px solid #c2cdd1;padding:15px;}
/*******************************************************/

.leftcol { float:left; width:340px;}
.rightcol { float:right; width:340px; padding:0px 0px 0px 20px; border-left:1px solid #cccccc; border-top:0px solid #fff;}

#standardcform { float:left; width:400px; margin:10px auto 0px auto;}
.contentbox { float:left; width:318px; padding:10px 10px 10px 10px; margin:0px 0px 15px 0px; border:1px solid #ccc; background-color:#ececec;}
.contentbox2 { float:left; width:320px; padding:10px 10px 0px 10px; margin:0px 0px 30px 0px; border-bottom:1px solid #ccc;}
/*******************************************************/

.buttonstyle { float:left; margin:0 0px 1em 0px; border:1px solid #D3D3D3; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }

.buttonstyle a, a.button, .button-gray { color:#fff; font-size:1.2em;float:left;line-height:2.3em;font-weight:bold; padding:0 1em; border:1px solid #fff; text-align:center; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-decoration:none;}
			.buttonstyle a:hover, .buttonstyle a:active, .buttonstyle a:focus { text-decoration:underline;}

/*******************************************************/

.button_yellow .buttonstyle a { background:#FFEB09; color:#000;}
	.button_yellow .buttonstyle a:hover, .button_yellow .buttonstyle a:active, .button_yellow .buttonstyle a:focus { text-decoration:none; background:#efdd0d; color:#000;}

.extendedDescription {position: absolute; left: -10000px; top: -10000px;}

/*******************************************************/

.button_blue .buttonstyle a, .button-gray { color:#fff; background:#4A6A76;}
	.button_blue .buttonstyle a:hover, .button_blue .buttonstyle a:active, .button_blue .buttonstyle a:focus, a:hover.button-gray, a:active.button-gray, a:focus.button-gray  { text-decoration:none; background:#354c55;}
	
.leftcol .contentbox .button-gray { margin-bottom:1em;} 	
	
/*******************************************************/

.button_black .buttonstyle a { color:#fff; background:#000;}
	
/*******************************************************/

.form .button, .form .longbutton, .button { float:left; position:relative; height:2.3em; padding:0 2em; margin:0; cursor:pointer; overflow:visible; white-space:nowrap; border:0; background:#4A6A76; color:#fff; font-size:1.2em; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-align:center; font-weight:bold; margin:0.5em 0 1em 0; -moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.5);  -webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.5); box-shadow:0 0 1px rgba(0, 0, 0, 0.5); border:none;}
	.button:hover, .button:active, .button:focus, .longbutton:hover, .longbutton:active, .longbutton:focus { background:#354c55;}
	.button::-moz-focus-inner, .longbutton::-moz-focus-inner { border:none; padding:0; margin-top:0;}

.form .button, .form .longbutton { margin-right:1em;}
a.longbutton { line-height:2.3em; text-decoration:none;}

/*******************************************************/

.form label { clear:both; float:left; width:130px; color:#4a6a76; font-weight:bold; padding:3px 0px 0px 0px; margin:0px 0px 5px 0px;}
.form .multiLabel, .form fieldset.fullcol .multiLabel { clear:none; float:none; width:auto; color:#000; font-weight:normal; padding:0; margin:0;}
.form label.inline-label { clear: none; width: 75px; }
	.form span.mandatory { color:#CC0000;}
.form .textfield, .form textarea { float:left; width:170px; padding:1px 4px 1px 4px; margin:0px 0px 10px 0px; border:1px solid #c2cdd1; font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;}
.form textarea { width:330px; height:100px; background-color:#fff;}
.formfield2 { width:220px;}
.form select { float:left; width:180px; padding:1px 0px 1px 0px; margin:0px 0px 10px 0px; border:1px solid #c2cdd1; font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;}
.form select.smalldate { float:left; width:60px; padding:1px 0px 1px 0px; margin:0px 0px 10px 0px; border:1px solid #c2cdd1; font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;}
.form select.smalldropbox { float:left; width:75px; padding:1px 0px 1px 0px; margin:0px 0px 10px 0px; border:1px solid #c2cdd1; font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;}
form textarea { width:230px;float:right;border:1px solid #c2cdd1;}
.textarealabel { width:155px;float:left;font-weight:normal;}
.forgotpassword { clear:both;}
.forgotpassword a { color:#2e373b;}
.forgotpassword a:hover { color:#2e373b;background:#ffeb09;}
.sidenotes { float:right; padding:10px 10px 0px 10px; margin:0;}
.info{ float:left; padding:0px; margin:-2px 0px 0px 0px;}

.verticalboxes, .horizontalboxes, .datesubmission { float:left; width:340px; padding:10px 0px 10px 0px; color:#4a6a76; font-weight:bold;}
.verticalboxes li { clear:both; width:340px; padding:0px 0px 10px 0px;}
.horizontalboxes li { float:left; width:170px; padding:0px 0px 10px 0px;}
.verticalboxes .checkbox, .horizontalboxes .checkbox { clear:both; float:left;margin:0px 10px 10px 0px;}
.verticalboxes label { clear:none; float:left; width:300px; padding:0px 0px 0px 0px; }
.horizontalboxes label { clear:none; float:left; width:120px; padding:0px 0px 0px 0px;}

.datesubmission { float:left; width:340px; padding:0px 0px 0px 0px; color:#4a6a76; font-weight:bold;}
.datesubmission p {float:left; width:130px; padding:3px 0px 0px 0px;}
.datesubmission label { position:absolute; margin-left: -9999px;}
.datesubmission select { float:right; width:53px; padding:1px 0px 1px 0px; margin:0px 0px 10px 10px; font-weight:normal; border:1px solid #c2cdd1; font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;}

/* RC Adds for additional styling */
/* RF Edited - 30/01/2008 */
table.data { width: 100%; margin: 0px 10px 20px 5px; }
table.data thead tr { background-color: #4A6A76;}
table.data tbody th { background-color: #4A6A76;}
table.data th { font-weight: bold; color:#fff; padding:6px 10px 6px 10px;}
table.data td { text-align: left; background:#EDF0F1; padding:4px 10px 4px 10px; vertical-align:middle;}
table.data th.narrow { width: 55px;}
table.data td input.textfield { width: 80%; }

form.login .textfield { width: 90px;}


.form fieldset.fullcol { margin-top: 10px; margin-bottom: 20px;}
.form fieldset.fullcol label { width: 250px;}
.form fieldset.fullcol li label { width: 80%; font-weight:normal; }
.form fieldset.fullcol textarea { float: left; width: 80%;}
.form fieldset.fullcol div.verticalboxes { width: 100%; }
.form fieldset.fullcol div.verticalboxes li { list-style-type: none; width: 100%; }
.form fieldset.fullcol div.horizontalboxes { width: 100%;}
.form fieldset.fullcol div.horizontalboxes ul { display: block; width: 100% }
.form fieldset.fullcol p.label { margin-bottom: 10px; width: 80%; }
.form fieldset.fullcol .longlabel { width: 80%;}

.form fieldset.longlabel { margin:10px 0px 10px 0px;}
.form fieldset.longlabel label { width: 80%; clear:none; margin-top:-3px; }
.form fieldset.longlabel .checkbox, .form fieldset.fullcol label { float:left; margin-right:10px;}

.helpdiv { background-color: #efefff; margin:30px 0 10px 0; padding: 5px 5px 5px 5px; font-weight:normal;}
/*.helpdiv { background-color: #efefff; margin: 10px 20px 10px 20px; padding: 5px 5px 5px 5px;}
*/

ul#logout  {float:left; width:161px; padding:0px 0px 0px 0px; font-size:130%;}
ul#logout li {width:150px;clear:both; padding:6px 10px 6px 0px;text-align:right;float:right; background:url(../_images/bg_nav_item.gif) no-repeat bottom right;}
ul#logout a { color:#4a6a76; font-weight:bold; text-decoration:underline; margin:0px 0px 0px 0px;}
ul#logout a:hover { color:#000; text-decoration:none;}

/*.fielderror, .error { background:#FFAAAA; padding:5px; color:#4A6A76; font-weight:bold; margin-bottom:10px;}<--Text colour changed based on QA/Accessibility Testing*/
.fielderror, .error { background:#FFAAAA; padding:5px; color:#000; font-weight:bold; margin-bottom:10px;}

/* Additional details form styling */
form.additional select.dateday { width: 40px;}
form.additional select.datemonth { width: 40px;}
form.additional select.dateyear { width: 55px;}

/* form.additional input.textfield { width: 75px;} 
form.additional input.textfieldlong { width: 125px;} */


/*.multiselect label{width:480px !important;}
*/


/* MooCal Styles */
.calendar table {
	font-family: verdana;
	font-size: 10px;
	border-width: 1px;
	border-spacing: 3px;
	border-style: solid;
	border-color: #CCCCCC;
	border-collapse: separate;
	background-color: #F5F5F5;
	text-align:center;
}
.calendar table th {
	border-width: 0px;
	width:30px;
	height:20px;
	text-align:center;
}
.calendar table td {
	padding: 0px;
	background-color: white;
	width:30px;
	height:20px;
	text-align:center;
}
.calendar a {
	color:#000000;
	text-decoration:none;
	display:block;
	line-height:20px;
	border:1px solid #CCCCCC;
	text-align:center;
}

.calendar a:hover {
	color:#000000;
	background-color:#EEEEEE;
	border:1px solid #666666;
}

.calendar .today {
	background-color:#DDEEEE;
}

.calendar .selected {
	border:1px solid #66CC00;
}


/*
mystic meg styles
*/

.predictive {
	background-color:#FFF;
	width:210px;
}

    .predictive ul {
    	margin:0px;
    	padding:0px;
    	border:1px solid #E5E6E8;
    	border-bottom:none;
    }
    
    .predictive li {
		background:none;
    	list-style-type:none;
    	padding:0px;
		margin:0px;
		border-bottom:1px solid #E5E6E8;
    }
        .predictive li.disabled a {
            text-decoration: line-through;
            font-weight:normal;
        }
    
    .predictive a {
        padding: 8px;
    	display:block;
    	text-decoration:none;
    	font-weight:normal;
    }
    
    .predictive a:hover {
        background-color: #eee;
    	color:#333;
    }


	.predictive .selected {
		background-color:#eee;
		color:#333;
	}

	.predictive .highlight {
		font-weight: bold;
	}
	
.faqs li { margin-bottom:10px; padding-left:15px; padding-bottom:0px; list-style:none;}

ul {}

#content p { font-size: 110%; }
content.li { list-style:disc inside; padding-left:10px; padding-bottom:10px;}
#content li { list-style:disc inside; padding-left:10px; padding-bottom:10px;}
#content .verticalboxes li { list-style:none; list-style-type: none; padding-left:0px; padding-bottom:0px;}
#content .horizontalboxes li { list-style: none; list-style-type: none; }

.multiselect { margin-top:10px;}
.multiselect li { clear:both; float:left; padding:1px 0px 1px 0px;}
.multiselect input, .multiselect label { float:left; clear:none;}
.multiselect input { margin-right:10px; margin-left:-1px;}

.copyblock { float: left;}
.info { float: left; padding-left: 5px;}
.drop { height: 50px;}

ul.content { margin: 5px 15px 5px 5px; padding: 5px 15px 5px 5px;  }
ul.content li { padding: 2px 5px 3px 0px; list-style-type: disc; font-size: 110%;}


/********************************************************************/
/*                          Downloads tags                          */
/********************************************************************/
#content .documents { float:left; width:100%;}
#content .documents h2 { font-size:100%; margin:0px 0px 0px 0px;}
#content .documents li { list-style:none; padding-left:0px; padding-bottom:1px;}
#content .documents a, #content .documents .infotext { padding:0px 0px 0px 20px; line-height:16px;}
#content .documents .infotext { padding:0px 0px 0px 10px; font-weight:normal;}
	#content .documents .pdf h2{ background:url("/_images/buttons/icons/icon-pdf.gif") no-repeat left;}
	#content .documents .word h2{ background:url("/_images/buttons/icons/icon-word.gif") no-repeat left;}
	#content .documents .excel h2{ background:url("/_images/buttons/icons/icon-excel.gif") no-repeat left;}
	#content .documents .powerpoint h2{ background:url("/_images/buttons/icons/icon-powerpoint.gif") no-repeat left;}
	#content .documents .flash h2{ background:url("/_images/buttons/icons/icon-flash.gif") no-repeat left;}
	#content .documents .zip h2{ background:url("/_images/buttons/icons/icon-zip.gif") no-repeat left;}
	#content .documents .text h2{ background:url("/_images/buttons/icons/icon-text.gif") no-repeat left;}
	#content .documents .music h2{ background:url("/_images/buttons/icons/icon-music.gif") no-repeat left;}


div.weightmi div.metric { display: inline; width: 180px; padding-right: 20px;}
div.weightmi div.imperial { display: inline; width: 180px; padding-right: 20px;}
input.weight {  display: inline; width: 50px; border:1px solid #C2CDD1; font-family:Tahoma,Verdana,Arial,sans-serif; font-size:11px; padding:1px 4px 1px 4px;	 }

div.heightmi div.metric { display: inline; width: 180px; padding-right: 20px;}
div.heightmi div.imperial { display: inline; width: 180px; padding-right: 20px;}
input.height {  display: inline; width: 50px; border:1px solid #C2CDD1; font-family:Tahoma,Verdana,Arial,sans-serif; font-size:11px; padding:1px 4px 1px 4px;	 }

.form .ageselect select { display: inline; float:none; width: 40px; border:1px solid #C2CDD1; font-family:Tahoma,Verdana,Arial,sans-serif; font-size:11px; margin:0px 0px 10px; padding:1px 0px; }
.age-group { display: inline; width: 120px;}


.pandemicflulink { float:left; width:528px; border:1px solid #d30a13; color:#d30a13; padding:15px 15px 15px 15px; margin:0px 0px 10px 0px; background-color:#fcf1f2;}
.pandemicflulink a { color:#d30a13; text-decoration:underline;}

/********************************************************************/
/*                          Downloads tags                          */
/********************************************************************/

#languageSelect { float:left; width:558px; border:1px solid #C2CDD1; margin:30px 0 30px 0; background:url(/_images/flags.jpg) 0px 0px no-repeat;}
	#languageSelect h2 { float:left; width:538px; padding:10px 0 8px 20px; margin:0;}
	#languageSelect ul { float:left; width:538px; padding:0 0 4px 20px; margin:0;}
		#languageSelect ul li { float:left; width:75px; padding:6px 10px 6px 0; font-size:13px; list-style:none; line-height:20px;}
		#languageSelect ul li a {  font-weight:normal;}

/********************************************************************/
/*                          Other Languages                         */
/********************************************************************/

dl#lang{ width:300px; float:left;}
dl#lang dt{ float:left; padding:0 0 10px 0; width:150px; clear:both;}
dl#lang dt a{ font-size:160%; padding:0;}
dl#lang dd{ float:right; background:url(/_images/icons/icon-pdf.gif) no-repeat top left; padding:6px 0 10px 20px; width:120px; height:17px}

.translation {font-size:160%}
.rightToLeft {direction:rtl; text-align:right}
.china {font-size:140%}

/********************************************************************/
/*                          Site map		                        */
/********************************************************************/

#sitemap ul { padding:10px 0 0 0;}
	#sitemap ul li { list-style-type:circle;}
		#sitemap ul li a { font-weight:normal;}
		
/********************************************************************/
/*                        Page number tags                          */
/********************************************************************/

ul.pagenumbers  { float:left; width:100%; padding:0 0 20px 0;}
#content ul.pagenumbers li { float:left; display:inline; list-style-type:none; background:none; padding:0; margin:0;}
ul.pagenumbers a { color:#4A6A76; text-decoration:none; font-weight:normal; display:block; padding:2px; border-bottom:2px solid #fff; margin:0 4px;}
ul.pagenumbers .selected a { font-weight:bold; border-bottom:2px solid #4A6A76; }
ul.pagenumbers a:hover, ul.pagenumbers a:focus { border-bottom:2px solid #4A6A76;}
	
/********************************************************************/
/*	                        Site Search                          	*/
/********************************************************************/

#siteSearch	{ float:left; width:141px; background:#c8d2d6; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:12px 10px;}
	#siteSearch label { font-size:1.2em; font-weight:bold; color:#000; padding:0 0 5px 0; display:block; position:absolute; left:-9999px;}
	#siteSearch .textfield { float:left; width:129px; background:#fff; border:1px solid #a4b4ba; padding:5px 5px; font-size:1em; color:#4a6a76; margin:0 0 10px 0;}
	#siteSearch .button { height:2em; float:right; margin:0; padding:0 1em; font-size:1em;}
		
/********************************************************************/
/* 	                       Search Results	                        */
/********************************************************************/
	
.searchresult { float:left; width:100%; border-top:1px solid #E0E6E8; padding:5px 0;}
	.searchresult h2 { margin:0; padding:10px 5px 0 5px;}
	.searchresult p { margin:0; padding:10px 5px 0 5px;}
	
/********************************************************************/
/* 	                       Font families	                        */
/********************************************************************/

.fontVrinda { font-family:vrinda; }
.fontRaavi { font-family:raavi; }