/* ================================================
     Basic Tags 
   ================================================ */

html
{
    font-size: 75%;
    
}


form
{
	padding: 0;
	margin: 0;
}

table
{
    border-collapse: collapse;
}

a, a:focus, a:active, a:link img, a:visited img, a:active img
{
    -moz-outline: 0 !important;
    border: none;
}

dl
{
    margin: 0;
}

img
{
}

h1
{
    padding: 0;
    margin: 0;
    /*font-size: 1.3em;*/
}

h2
{
	font-size: 1.3em;
	color: #fff;
	margin: 0;
	padding: 0;
}

h2#select_journey_header
{
	color:#000;
	margin-left:5px;
	margin-bottom:0px;
	height:0px;
}

h3
{
	padding: 0;
	font-size: 1.0em;  
    margin: 0;


}

h4
{
    margin: 0;
    padding: 0;
    font-size: 1.0em;
}

p
{
	margin: 1em 0 1.0em 0;
}

p.alt
{
    margin: 0 0 1.0em 0;    
}

a,
a:visited
{
    color: #003399;
}

/* ================================================
     General Stuff   
   ================================================ */
   
.text_content h3
{
    padding: 0 0 0.2em 0;
    font-size: 1.1em;    
    border-bottom: solid 1px #CDCDCD;  	
}

.text_content table.table td
{
	padding: 2px;
	border: solid 1px #DCDCDC;
}

.text_content table.table th
{
	text-align: left;
	padding: 5px;
	border: solid 1px #DCDCDC;
	border-bottom: solid 2px #BBB;	
}


.highlight
{
    background-color: #FFFFCC;
}

.hide
{
	display: none;
}

.large
{
    font-size: 1.2em;
}

.large_alt
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.2em;       
    line-height: 1.5em;	
    color: #333;
}

.mandatory_indicator
{
	color: #DD8B0F;
	font-weight: bold;
}

.first
{
    margin-top: 0 !important;
    border-top: none !important;
    padding-top: 0 !important;
}

.last
{
    margin-bottom: 0 !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.clearfix
{
    clear:both;
}

/* The <a> style cursor */
.hand-cursor
{
    cursor: pointer;
}

ul
{
	/*padding: 0;*/
}

ul.basic_list
{
    margin: 0;
    padding: 0;
    list-style-type: none; 
}


ul.square
{
    margin: 0;
    list-style-type: square;
    list-style-position: inside;    
}

.message
{
    color: #003399;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.3em;
    font-weight: bold;
}

.modal_popup 
{
	background-color:#FFF;
	border:3px solid Gray;
	padding:5px;
}

.modal_popup_alt
{
	background-color:#FFF;
}


.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modal_title
{
	font-weight: bold;
	text-align: center;
	padding: 3px;
	border: solid 1px #FAD8A5;
	background-color: #FFFFE0;
	margin: 0 0 10px 0;
	
}

img.inline_image_left
{
	border: solid 1px #666;

	display: inline;
	float: left;
	margin: 0px 10px 5px 0px;	
}

img.inline_image_right
{
	border: solid 1px #666;

	display: inline;
	float: right;
	margin: 0px 0px 10px 5px;
}

a.link_box
{
	background-color:#D6ECFA;
	border:1px solid #6DD0F4;
	color:#024278;
	font-weight:bold;
	padding:5px;
	text-decoration:none;
}


a.tooltip
{
   border-bottom: 1px dotted #024278;
   text-decoration: none;
}


a.tooltip:hover 
{
   position: relative;
}


a.tooltip span.tooltip_text
{
   display: none;
}

a.tooltip:hover span.tooltip_text
{
	font-weight: normal !important;
	color: #024278 !important;
	font-size: 0.9em;
	width:30em;
	background: #f0f0f0;
	display: block;
	position: absolute; top: 10px; left: 0;
	padding: 5px; 
	margin: 10px; z-index: 100;
    border: 1px dotted c0c0c0;
    opacity: 0.95;
    border: solid 1px #DCDCDC;
}

span.calendar_icon
{
	cursor: pointer;
	vertical-align: middle;
}

div.tool_step_color3
{
	font-weight: bold;
	color: #e88a3b;
	margin: 0.3em 0 0.3em 0;
}

/* A list of links */
div.links_content h4
{
	margin: 0.5em 0 0.2em 0;
}

div.no_flash_warning
{
	text-align: center;
	margin-top:20px;
	line-height: 1.8em;
}

div.no_flash_warning img
{
	margin-bottom: 10px;
}



/* ================================================
     Basic Structure    
   ================================================ */

html
{
    font-size: 75%;
    /*background: #D0E0CA url(/img/background.png) repeat-x top left;*/
    
}

body
{    
	margin: 0px 0 0 0;
}

div#outer_container
{
	margin: 0 auto;
    width: 972px;
    padding: 0 0 30px 0;    

}

div#outer_container div#top_text_size_selector
{
	text-align: right;
	padding-right: 5px;
	color: #999;
	font-size: 0.9em;
}

div#outer_container div#top_text_size_selector img
{
	vertical-align: middle;
}


div#inner_container
{	
    background: #DFEBD5 url(/img/content_background.png) repeat-y center;
    
    background-color: #FFF;
    margin: 0 0 10px 0;
	
}

div#content_middle
{
    margin: 0 0px 0 0px;	
    background-color: #fff;

}


div#content_bottom
{
    background: #DFEBD5 url(/img/content_bottom.png) no-repeat top left;
    height: 11px;
    font-size: 4pt;
	
}


div#header
{
    background: url(/img/header_background.png) repeat-x top;
    height: 121px;
    position: relative;
}

div#header h1 a
{
	background:transparent url(/img/logo.png) no-repeat scroll 0% 0%;
	display:block;
	height:121px;
	text-indent:-2000em;
	/*width:466px;	*/
}

div#header div#flash_logo
{
	position: absolute;
	top: 13px;
	left: 18px;
	float: left;	
}

div#header div#header_tool
{
	float: right;
	width: 90px;
	height: 110px; 	
}

div#header div.nav_bar_container
{
    float: right;
    
    width: 30em;

    line-height: 1.6em;
    color: #E9F7E4;
    font-weight: bold;
	background: url(/img/header_right.png) no-repeat right top;   
	font-size: 1.1em;    
}

div#header div.nav_bar_inner
{
}

div#header div.nav_bar
{
    padding-top: 18px;	
    height: 105px;    
}


div#header div.nav_bar a,
div#header div.nav_bar a:visited
{
	color: #FFF;
	font-weight: bold;	
	text-decoration: none;

}

div#header div.nav_bar div#nav
{
	float: right;	
}

/* Site Tools */
div#header div.nav_bar div#nav div#site_tools
{
	float: left;
	margin-right: 25px;
}

div#header div.nav_bar div#nav div#site_tools a
{

}

div#header div.nav_bar div#nav div#site_tools li.tools_title
{
	color: #fff;
}



/* Site Links */

div#header div.nav_bar div#nav div#site_links
{
	float: left;
}

div#header div.nav_bar div#nav div#site_links div#col1
{
	float: left;
	margin-right: 12px;	
	padding-left: 12px;
	border-left: solid 1px #86D15C;	

}



div#header div.nav_bar div#nav div#site_links div#col2
{
	float: left;
	margin-right: 25px;
	padding-left: 12px;	
	border-left: solid 1px #86D15C;	

}

/* Page Icons */
/*----------------------------------------------------------------*/
div#header div.nav_bar div#nav div#site_links div#col1 li#homepage
{
	background: url(/img/icons/home.png) no-repeat left 2px;   	
}

div#header div.nav_bar div#nav div#site_links div#col1 li#news
{
	background: url(/img/icons/newspaper.png) no-repeat left 2px;   	
}

div#header div.nav_bar div#nav div#site_links div#col1 li#science
{
	background: url(/img/icons/cog.png) no-repeat left 2px;   	
}

div#header div.nav_bar div#nav div#site_links div#col1 li#faq
{
	background: url(/img/icons/help.png) no-repeat left 2px;   	
}

div#header div.nav_bar div#nav div#site_links div#col2 li#login
{
	background: url(/img/icons/key.png) no-repeat left 2px;   	
}

div#header div.nav_bar div#nav div#site_links div#col2 li#register
{
	background: url(/img/icons/user.png) no-repeat left 2px;   	
}

div#header div.nav_bar div#nav div#site_links div#col2 li#print
{
	background: url(/img/icons/printer.png) no-repeat left 2px;   	
}

div#header div.nav_bar div#nav div#site_links div#col2 li#newsfeed
{
	background: url(/img/icons/feed.png) no-repeat left 2px;   	
}

/* ---------------------------------------------------------------*/




div#header div.nav_bar div#nav div#site_links li
{
	position:relative;
}

div#header div.nav_bar div#nav div#site_links li img
{
	position:absolute;
	top: 2px;	
}

div#header div.nav_bar div#nav div#site_links li a,
div#header div.nav_bar div#nav div#site_links li a:visited
{
	margin-left: 22px;
}

div#header div.nav_bar div#nav div#site_links li a:hover
{
	border-bottom: solid 1px #E4F2DF;
}




div#footer
{
	text-align: center;
}

div#footer div#logos img
{
	margin-left: 15px;
}

div#footer div#links
{
	color: #AAA;
	margin: 0 0 5px 0;
	text-decoration: none;
	color: #676767;
	font-weight: bold;	
}

div#footer div#links a,
div#footer div#links a:visited
{
	text-decoration: none;
	color: #676767;
	font-weight: bold;
}

div#footer div#links img
{
	vertical-align: bottom;
}

div#footer div#links a:hover
{
	text-decoration: underline;
}

div#page_container
{
	margin: 0px 0 0px 0;
}

div#content_container
{
	margin: 0 0px 0 0px;
	line-height: 1.3em;
}

/*--- Full -----------------------------------------------*/
div#content_container div.primary_full
{
}

/*--- Half -----------------------------------------------*/
div#content_container div.primary_half
{
	float: left;
	width: 300px;
	height:246px;
	margin:0;
	padding:0;
}

div#content_container div.secondary_half
{
	margin-left: 470px;
}


/*--- Thirds -----------------------------------------------*/

div#content_container div.primary_third
{
	float: left;
	width: 300px;
}

div#content_container div.secondary_third
{
	width: 299px;
	float: left;

	margin-right: 15px;
}

div#content_container div.tertiary_third
{
	width: 299px;
	float: left;
}


/*--- 1/3 - 2/3 -----------------------------------------------*/

div#content_container div.primary_two_thirds
{
	float: left;
	width: 611px;	
}

div#content_container div.secondary_one_third
{
	margin-left: 626px;	
}


div#content_container div.row
{
	margin-bottom: 15px;
}

div#content_container div.container
{
	margin: 0px 0 0px 0;
}

/* Container in an enclosing box */
div#content_container div.enclosing_box_middle div.container
{
	margin: 0 0 0 0px;
	padding: 0px 0px 0px 0px;
}
/* Container in an enclosing box with a rounded box header*/
div#content_container div.enclosing_box_middle div.container_alt
{
	padding: 10px 10px 7px 10px;
}

div#content_container div.enclosing_box_middle div.container_alt2
{
	padding: 0px 9px 0px 0px;
}


#co2_bar_chart {float:right; margin-top:0px;}

#detailSection {margin:4px 0 0 10px;float:left;}

p.basic_list
{
	margin:0;
	padding:0;
	line-height:1.5em;
	color:#454545;
}

a.basic_link
{
	text-decoration:none;
	border-bottom:1px dashed #49b017;
	color:#49b017;
}

a.basic_link:hover
{
	text-decoration:none;
	border-bottom:1px solid #337811;
	color:#337811;

}

span#lineHeight {margin:3px 0 -10px 0;float:left; padding:0;}
/* ================================================
     Buttons
   ================================================ */
   
   
div.button_container
{
	height: 25px;
	float:right;
	margin-top:-35px;
}

div.button_spacer
{
	margin-right: 4px;
}   
   
div.button
{
	float: left;
	text-align: center;
}

div.button div.green
{
	background:transparent url(/img/green_button_right.gif) no-repeat top right;		
	line-height: 25px;	
}

div.button div.green div
{
	background:transparent url(/img/green_button_left.gif) no-repeat top right;
	line-height: 25px;
	height: 25px;
	float: left;					
	width: 5px;					
}

div.button div.green_bg
{
	background:transparent url(/img/green_button_right_greenbg.gif) no-repeat top right;	
	line-height: 25px;	
}

div.button div.green_bg div
{
	background:transparent url(/img/green_button_left_greenbg.gif) no-repeat top right;	
	line-height: 25px;
	height: 25px;
	float: left;					
	width: 5px;		
}

div.button div.blue
{
	background:transparent url(/img/blue_button_right.gif) no-repeat top right;		
	line-height: 25px;	
}

div.button div.blue div
{
	background:transparent url(/img/blue_button_left.gif) no-repeat top right;
	line-height: 25px;
	height: 25px;
	float: left;					
	width: 5px;					
}

div.button div.blue_bg
{
	background:transparent url(/img/blue_button_right_bluebg.gif) no-repeat top right;	
	line-height: 25px;	
}

div.button div.blue_bg div
{
	background:transparent url(/img/blue_button_left_bluebg.gif) no-repeat top right;	
	line-height: 25px;
	height: 25px;
	float: left;					
	width: 5px;		
}


div.button a,
div.button a:visited
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 8px 5px 2px;


}


/* ================================================
     Structure / Boxes  
   ================================================ */
   
   
/*----Api Header------------------------------------*/

div#apiHeader
{
	background-image:url('/img/api-header.jpg');
	width:296px;
	height:55px;
	margin:0 0 0 0px; 
	padding:0;
	cursor:pointer;
}

div#apiH2
{
	margin:0px;
}

div#apiHeader2 div#api_result
{
	margin-top:15px;
	margin-left:200px;
	color:#fff;
	font-weight:bold;
	font-size:24px;
	overflow: visible;
	padding:0;
}
/*--- Eclosing Box --------------------------------- */ 

div.enclosing_box_middle h3.heading
{
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 5px;
	clear:left;
}

h3.topMargin
{
	margin:5px 0 0 0;
	padding:0px;
}

h3.topMargin span
{
font-size:0.8em;
}

div.enclosing_box_middle div.subheading
{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
}


div.enclosing_box_middle div.subheading2
{
	font-weight: bold;
	margin-bottom: 5px;	
}


div.enclosing_box_middle div.section
{
	margin-top: 5px;
	padding-top: 5px;
}

div.enclosing_box_middle div.total
{
	padding-top: 5px;
	font-size: 1.2em;
	font-weight: bold;	
}

  
 
/*--- Color 1 - Green --------------------------------- */ 
div.enclosing_box_middle div.color1
{
	background:#e9f7e4; 
	border-left: solid 2px #ade099;
	border-right: solid 2px #ade099;
	border-top: solid 2px #ade099;
	border-bottom: solid 2px #ade099;
}

div.enclosing_box_top div.color1 
{
	height: 5px;
	font-size: 1px;
	background: #e4f2df url(/img/corner2_tl_color1.gif) no-repeat top left;
}

div.enclosing_box_top div.color1 div
{
	height: 5px;
	font-size: 1px;
	background: url(/img/corner2_tr_color1.gif) no-repeat top right;
}

div.enclosing_box_middle div.color1 h3.heading
{
	color: #2E8C14;
}

div.enclosing_box_middle div.color1 div.subheading
{
	color: #3B9C16;
}

div.enclosing_box_middle div.color1 div.total
{
	color: #2E8C14;
}

div.enclosing_box_middle div.color1 div.section
{
	border-top: solid 1px #ADE099;
}


/*--- Color 2 - Blue --------------------------------- */ 
div.enclosing_box_top div.color2 
{
	height: 5px;
	font-size: 1px;
	background: #f1f1fa url(/img/corner2_tl_color2.gif) no-repeat top left;
}

div.enclosing_box_top div.color2 div
{
	height: 5px;
	font-size: 1px;
	background: url(/img/corner2_tr_color2.gif) no-repeat top right;
}

div.enclosing_box_bottom div.color1 
{
	height: 5px;
	font-size: 1px;
	background: #e4f2df url(/img/corner2_bl_color1.gif) no-repeat bottom left;
}

div.enclosing_box_bottom div.color1 div
{
	height: 5px;
	font-size: 1px;
	background: url(/img/corner2_br_color1.gif) no-repeat bottom right;
}




div.enclosing_box_middle div.color2
{
	background:#f1f1fa; 
	border-left: solid 2px #bbbbef;
	border-right: solid 2px #bbbbef;
}

div.enclosing_box_bottom div.color2 
{
	height: 5px;
	font-size: 1px;
	background: #e4f2df url(/img/corner2_bl_color2.gif) no-repeat bottom left;
}

div.enclosing_box_bottom div.color2 div
{
	height: 5px;
	font-size: 1px;
	background: url(/img/corner2_br_color2.gif) no-repeat bottom right;
}



/* Colour variations */

/* --- Color 1 - Green --- */
div.top_rounded_box div.color1,
div.rounded_box div.color1
{
	background: #3b9c16;
}

div.top_rounded_box div.color1 div.top div,
div.rounded_box div.color1 div.top div 
{
	background: url(/img/corner_tl_color1.gif) no-repeat top left;
}
div.top_rounded_box div.color1 div.top,
div.rounded_box div.color1 div.top 
{
	background: url(/img/corner_tr_color1.gif) no-repeat top right;
}
div.rounded_box div.color1 div.bottom 
{
	background: url(/img/corner_bl_color1.gif) no-repeat bottom left !important;
}
div.rounded_box div.color1 div.bottom div
{
	background: url(/img/corner_br_color1.gif) no-repeat bottom right;
}

/* --- Color 2 - Blue --- */
div.top_rounded_box div.color2,
div.rounded_box div.color2
{
	background: #504e9f;
}

div.top_rounded_box div.color2 div.top div,
div.rounded_box div.color2 div.top div 
{
	background: url(/img/corner_tl_color2.gif) no-repeat top left;
}
div.top_rounded_box div.color2 div.top,
div.rounded_box div.color2 div.top 
{
	background: url(/img/corner_tr_color2.gif) no-repeat top right;
}
div.rounded_box div.color2 div.bottom 
{
	background: url(/img/corner_bl_color2.gif) no-repeat bottom left !important;
}
div.rounded_box div.color2 div.bottom div
{
	background: url(/img/corner_br_color2.gif) no-repeat bottom right !important;
}


/* --- Color 3 - Orange --- */
div.top_rounded_box div.color3,
div.rounded_box div.color3
{
	background: #e88a3b;
}

div.top_rounded_box div.color3 div.top div,
div.rounded_box div.color3 div.top div 
{
	background: url(/img/corner_tl_color3.gif) no-repeat top left;
}
div.top_rounded_box div.color3 div.top,
div.rounded_box div.color3 div.top 
{
	background: url(/img/corner_tr_color3.gif) no-repeat top right;
}
div.rounded_box div.color3 div.bottom 
{
	background: url(/img/corner_bl_color3.gif) no-repeat bottom left !important;
}
div.rounded_box div.color3 div.bottom div
{
	background: url(/img/corner_br_color3.gif) no-repeat bottom right !important;
}

/* --- Color 4 - Pink --- */
div.top_rounded_box div.color4,
div.rounded_box div.color4
{
	background: #d34769;
}

div.top_rounded_box div.color4 div.top div,
div.rounded_box div.color4 div.top div 
{
	background: url(/img/corner_tl_color4.gif) no-repeat top left;
}
div.top_rounded_box div.color4 div.top,
div.rounded_box div.color4 div.top 
{
	background: url(/img/corner_tr_color4.gif) no-repeat top right;
}
div.rounded_box div.color4 div.bottom 
{
	background: url(/img/corner_bl_color4.gif) no-repeat bottom left !important;
}
div.rounded_box div.color4 div.bottom div
{
	background: url(/img/corner_br_color4.gif) no-repeat bottom right !important;
}


/* Rounded Box */
/*--- Rounded Box --------------------------------- */

div.primary_half div.rounded_box h2
div.secondary_half div.rounded_box h2
{
	width: 400px;

}

div.top_rounded_box div.bottom div,
div.rounded_box div.bottom div
{
	line-height: 25px;
	padding: 0 7px 0 7px;
}

div.top_rounded_box div.header_link,
div.rounded_box div.header_link
{
	float: right;
	color: #fff;
	line-height: 1.3em;
	padding: 1px 0 0 0;	
	background: none !important;
}

div.top_rounded_box div.header_link a,
div.top_rounded_box div.header_link a:visited,
div.rounded_box div.header_link a,
div.rounded_box div.header_link a:visited
{

	color: #fff;
	text-decoration: none;
	font-weight: bold;
}



/* --- Links on reults pages --- */

div.links_container
{
}

div.links_container h4
{
	margin: 1em 0 0.3em 0;
}

div.links_container h4.top
{
	margin: 0em 0 0.3em 0;
}


div.links_container a,
div.links_container a:visited
{
	display: block;
	line-height: 1.6em;
}



div.links_container div.quarter_col
{
	float: left;
	width: 231px;
}

div.links_container div.third_col
{
	float: left;
	width: 305px;
}

/* ================================================
     Charts
   ================================================ */
 
   
div.chart h3
{
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px 0 0 0;
	padding: 5px 0 0 0;
}



/* ================================================
     Forms  
   ================================================ */
div.field_small
{
    margin-bottom: 5px;
}

div.field
{
    margin-bottom: 8px;
}

div.calc
{
display:none;
z-index:10;
position:absolute; 
top:100px; 
left: 80px;
border:2px solid #000;
background-color:#fff;
padding:5px;
}

div.help_text
{
	width:220px;
	float:left;

}

div.field_big
{
    margin: 0px 0 15px 0;
}

div.field_extra_big
{
    margin: 0px 0 25px 0;
}

div.form div.intro_text
{
    margin: 0 0 20px 0;
}

div.form div.intro_text img
{
    float: left;
}

div.form div.intro_text ul
{
	padding: 0 0 0 0;
	margin: 0 0 0 15px;
	list-style-type: square;	
}

div.form div.intro_text ul li
{
	line-height: 1.7em;
	
}

div.form div.intro_text div.text
{
    margin-left: 60px;
    color: #555;
    line-height: 1.6em;
}

div.form div.intro_text div.text span
{
	font-weight: bold;
	color: #214C8F;
}

div.form div.section
{
    margin: 0 0 20px 0;
}

div.form span.mandatory
{
    color: #DD8B0F;
    font-weight: bold;
}

div.form div.mandatory_explanation
{
	font-size: 0.9em;
	color: #666;
}


/* Labels */
div.form label span
{
    color: #999;
    font-weight: normal;
}

div.form label.text
{
    clear: left;
    float: left;

    width: 150px;

}


div.form label.default
{
    clear: left;
    float: left;

    width: 150px;
    line-height: 1.7em;

}

div.form label.narrow
{
    clear: left;
    float: left;
    width: 38px;
    line-height: 1.7em;
    font-size:11px;

}


div.form label.wide
{
    clear: left;
    float: left;

    width: 200px;
    line-height: 1.7em;

}

div.form label.medium_wide
{
    clear: left;
    float: left;
    width: 175px;
    line-height: 1.7em;

}


div.form label.mandatory
{
    font-weight: bold;    
}

div.form label.block
{
    display: block;
    line-height: 1.7em;

}

div.form label.big
{
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px 0px 5px 0px;
}

/* Alternate big style */
div.form label.big_alt
{
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0px 0px 5px 0px;

}

div.form label.checkbox
{
    display: inline;
    font-size: 1.0em;
    font-weight: normal;

}

/* Input and Textarea */
div.form input.textbox
{
    width: 235px;
    padding: 0px 0px; 
    border:1px solid #aaa;
    height:14px;
    font-size:11px;
}


div.form textarea.default
{
    width: 450px;
    padding: 5px;    
}

div.form input.textbox_narrow
{
    width: 170px;
    padding: 2px 5px;        
}

div.form input.textbox_number
{
    width: 30px;
    padding: 2px 5px;        
}

div.form input.textbox_medium_wide
{
    width: 350px;
    padding: 2px 5px;   	
}

div.form input.textbox_wide
{
    width: 450px;
    padding: 2px 5px;        
}

div.form input.highlight_textbox
{
    background-color: #FFFFE4;
    border: solid 1px #DEBC83; 
}

div.form input.big_textbox
{
    font-size: 1.3em;
    padding: 3px 5px;
}

/* Slightly smaller text but bold */
div.form input.big_textbox_alt
{
    font-size: 1.2em;
    padding: 3px 5px;
    font-weight: bold;	
}

div.form input.extra_big_textbox
{
	font-size: 1.5em;
     padding: 3px 5px;   
}

/* Buttons */
div.form input.button
{
	overflow: visible;
	padding: 2px 5px;
}

div.form input.button_thin
{
	overflow: visible;
	padding: 2px 5px;
}

div.form input.default_button
{
	overflow: visible;
	font-weight: bold;
}

div.form input.big_button
{
    font-size: 1.2em;
}

div.form input.small_button
{
	font-size: 0.9em;
}

.indent
{
	margin-left:150px;
}

.indent_medium_wide
{
	margin-left: 175px;
}

.indent_narrow
{
	margin-left: 100px;
}


/* Errors */
div.error-message
{
	margin: 3px 0 0 0;
	color: red;
}

div.mode_buttons img
{
	margin: 0 4px 0 0;
}

/* ================================================
     Home 
   ================================================ */
   
div#home
{
}

/* --- Welcome Box -----------------------------------*/

div#home div.intro_text
{
	font-weight: bold;
	font-size: 1.1em;
	color: #454545;
	margin: 0 0 10px 0;
	line-height: 1.3em;
}


div#home div.intro_text a,
div#home div.intro_text a:visited
{
	color: #318012;
}

div#home div.mode_buttons
{
	margin: 0 0 12px 0;
}

div#home div#account_container
{
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	position:relative;	
}

div#home div#account_container div#logout_button
{
	position: absolute;
	top: 60px;
}

div#home div#account_container div#account_button
{
	position: absolute;
	top: 60px;
	left: 65px;
}


div#home div#login_container
{
	float: left;
	border-right: solid 1px #ADE099;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	width: 204px;
	position:relative;
}

div#home div#login_container div#login_button
{
	position: absolute;
	top: 60px;
}


div#home div#login_container label
{
	clear:left;
	float:left;

	width:65px;
}

div#home div#login_container input.textbox
{
	width:120px;
}


div#home div#register_container
{
	margin-left: 225px;
	position:relative;	
}

div#home div#register_container div#register_button
{
	position: absolute;
	top: 60px;
	left: 0px;
}


/* --- Sites Tools ----------------------------------*/
div#home div.site_tools div.site_tool
{
	/*padding-left: 75px;*/
	height: 6.25em;
	border-bottom: solid 1px #bbbbef;
	color: #666;
	margin: 0 0 5px 0;
}

div#home div.site_tools .last
{
	border-bottom: none;
	margin: 0;
}

div#home div.site_tools div.site_tool div.image
{
	float: left;
	width: 70px;
}

div#home div.site_tools div.site_tool div.text
{
	float: right;
	width: 355px;

}

div#home div.site_tools div.site_tool div.text div.description
{
	font-size: 1.0em;	
}


div#home div.site_tool h3
{
	margin: 0px 0 5px 0;
	padding: 9px 0 0 0;
}

div#home div.site_tool h3 a,
div#home div.site_tool h3 a:visited
{
	color: #403e8a;
	font-size: 1.3em;
	text-decoration: none;
	
}
/* --- News ----------------------------------*/

div#home div.news
{
}

div#home div.news div.news_item
{
	border-bottom: solid 1px #f0bbc8;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

div#home div.news .last
{
	border-bottom: none;
	margin: 0;
}

div#home div.news div.news_item h3
{
	margin: 0px 0 0.2em 0;
}

div#home div.news div.news_item h3 a,
div#home div.news div.news_item h3 a:visited
{
	color: #d34769;
	font-size: 1.3em;
	text-decoration: none;
	
}

div#home div.news_item div.datetime
{
	color: #d34769;
	margin: 0 0 5px 0;
}

div#home div.news_item div.image
{
	float: left;
	width: 100px;
}

div#home div.news_item div.image img
{
	border: solid 1px #666;
	width: 103px;
	height: 70px;
}

div#home div.news_item div.text
{
	margin-left: 115px;
	min-height: 75px;
  	height:auto !important;
  	height:75px;
	
}

div#home div#travelfootprint_tools
{
	height: 19.25em;	
}

div#home div#travelfootprint_intro
{
	height: 19.25em;
}

/* --- Feature ----------------------------------*/

div#home div.feature
{
}

div#home div.feature div.feature_item
{
	border-bottom: solid 1px #ffcc66;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

div#home div.feature .last
{
	border-bottom: none;
	margin: 0;
}

div#home div.feature div.feature_item h3
{
	margin: 0px 0 0.2em 0;
}

div#home div.feature div.feature_item h3 a,
div#home div.feature div.feature_item h3 a:visited
{
	color: #ff9933;
	font-size: 1.3em;
	text-decoration: none;
	
}

div#home div.feature_item div.datetime
{
	color: #ff9933;
	margin: 0 0 5px 0;
}

div#home div.feature_item div.image
{
	float: left;
	width: 100px;
}

div#home div.feature_item div.image img
{
	border: solid 1px #666;
	width: 103px;
	height: 70px;
}

div#home div.feature_item div.text
{
	margin-left: 115px;
	min-height: 75px;
  	height:auto !important;
  	height:75px;
	
}


/* ================================================
     Fleet Emissions  
   ================================================ */
   
div#fleet_emissions_input div.calendar_container
{
	margin-left: 175px; margin-top: 5px;	
}

div#fleet_emissions_input select#FleetEmissionsInputStartMonth
{
	width: 105px;
}

div#fleet_emissions_input select#FleetEmissionsInputEndMonth
{
	width: 105px;
}

div#fleet_emissions_input div#calendar1 { display:none; position:absolute; z-index:1}
div#fleet_emissions_input div#calendar2 { display:none; position:absolute; z-index:2}

div#fleet_emissions_results div#audit_summary ul li
{
	line-height: 1.7em;
	color: #454545;
}

div#fleet_emissions_results div#audit_summary ul li span,
div#fleet_emissions_results div.total span
{
	width: 165px;
	clear: left;
	float: left;
}

div#fleet_emissions_results div#audit_summary div.button
{
	width: 93px;
}

div#fleet_emissions_results div#audit_summary div.subheading
{
	margin-bottom: 10px;
}

/* ================================================
     Vehicle Emissions
   ================================================ */

div#vehicle_emissions_input div#select_vehicle_form select
{
	width: 325px;
}

div#vehicle_emissions_input div#vehicle_age_selection
{
	float: right;
	background-image: none;
	color: #fff;
	line-height: 1.3em;
	padding: 1px 0 0 0;
}


div#vehicle_emissions_input div#vehicle_list
{
	margin-bottom: 10px;
}


div#vehicle_emissions_input div#vehicle_list li
{
	padding-bottom: 7px;
	margin-bottom: 7px;
	font-size: 1.0em;
	font-weight: bold;
	color: #504E9F;
	border-bottom: solid 1px #BBBBEF;
}

div#vehicle_emissions_input div#vehicle_list li.please_select
{
	color: #9E9ECE;	
}

div#vehicle_emissions_input div#mode_comparison
{
	font-weight: bold;
	color: #504E9F;		
}  

div#vehicle_emissions_input div#mode_comparison_container
{
	font-size: 1.0em;
	padding: 2px 0 0 15px;
}  


div#vehicle_emissions_input div#vehicle_list div.remove_vehicle
{
	float: right;
}

div#vehicle_emissions_input div#vehicle_list div.remove_vehicle a,
div#vehicle_emissions_input div#vehicle_list div.remove_vehicle a:visited
{
	color: #DD0707;
	font-size: 1.0em;
}

div#vehicle_emissions_input div.primary_two_thirds
{
	border-right:1px solid #BBBBEF;
	padding-right: 11px;
}

div#vehicle_emissions_input div.secondary_one_third
{
	padding-left: 7px;
}

div#vehicle_emissions_results div#vehicle_comparison
{
	margin: 0 0 10px 0;
}

div#vehicle_emissions_results table
{
	width: 100%;
}

table.vehicle_comparison_data 
{
	width: 100%;
}

table.vehicle_comparison_data td
{
	border-top: solid 1px #BBBBEF;
	line-height: 1.9em;
	color: #454545;
}

table.vehicle_comparison_data th
{
	font-size: 1.0em;
	font-weight: bold;
	color: #504E9F;
	text-align: center;
	padding-bottom: 0.7em;

}

table.vehicle_comparison_data th.vehicle
{
	text-align: left;
}

table.vehicle_comparison_data td.vehicle
{
	font-weight: bold;
}

table.vehicle_comparison_data td.vehicle_dropdown
{
	padding: 6px 0 3px 0;
}

table.vehicle_comparison_data td.official_co2
{
	text-align: center;
	width: 7em;	
}

table.vehicle_comparison_data td.lifecycle_nox_pm
{
	text-align: center;
	width: 10em;
}

table.vehicle_comparison_data td.lifecycle_co2
{
	text-align: center;	
	width: 7em;
}


table.vehicle_comparison_data td.env_rating
{
	text-align: center;
	width: 8em;	
}

table.vehicle_comparison_data div.units
{
	line-height: 1.0em;
	font-size: 0.9em;
	font-weight: normal;
}

div#vehicle_emissions_results div#co2_chart_container,
div#vehicle_emissions_results div#nox_pm_chart_container,
div#vehicle_emissions_results div#evnrating_chart_container
{
	height: 350px;

}
/* Full Vehicle comparison popup */

div#full_vehicle_comparison div.container_alt
{
	padding:10px 10px 7px;
}

div#full_vehicle_comparison td.fuel_econ,
div#full_vehicle_comparison td.tailpipe_co2,
div#full_vehicle_comparison td.tailpipe_co,
div#full_vehicle_comparison td.tailpipe_hc,
div#full_vehicle_comparison td.tilepipe_nox,
div#full_vehicle_comparison td.tailpipe_pms
{
	text-align: center;
}





/* ================================================
     Journey Emissions
   ================================================ */
   
div#journey_emissions_input div#travel_mode_input label
{
    clear: left;
    float: left;
    width: 130px;
    line-height: 1.7em;
}  
   
div#journey_emissions_input div#travel_mode_input select
{
	width: 275px;
	font-family:arial;
	height:19px;
	font-size:11px;
}   
 
div#journey_emissions_input div#map_container
{
	float: left;
}

div#journey_emissions_input div#input_container
{
	float: left;
	width: 280px;
	margin:0 0 0 10px;
	padding:0;
}

div#journey_emissions_input div#journey_overview table
{
	width: 100%;
}

div#journey_emissions_input div#journey_overview div.distance
{
	font-size:1.1em;
	font-weight: bold;
	color: #403F88;
	margin: 10px 0 10px 0;
}

div#journey_emissions_input div#journey_overview table td
{
	border-bottom: solid 1px #BBBBEF;
	padding: 2px 0 2px 0;
}

div#journey_emissions_input div#journey_overview table td.marker
{
	width: 30px;
	text-align: left;
}


div#journey_emissions_input div.help_text
{
	color: #666;
}

div#journey_emissions_input div.error_message
{
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 0;
	border-bottom: solid 1px #BBBBEF;
	border-top: solid 1px #BBBBEF;
	text-align: center;
	background-color: #FFFFD4;
	line-height: 1.6em;
	color: #666;
	font-weight: normal;	
}

div#journey_emissions_input div.error_message span
{
	font-weight: bold;
	color: #333;
}

div#journey_emissions_results div#summary div.section
{
	margin-top: 5px;
	padding-top: 5px;
}

div#journey_emissions_results ul#emissions
{
	margin: 0px 0 0px 0;
}

div#journey_emissions_results div#summary div.enclosing_box_middle div.color1,
div.primary_half div.enclosing_box_middle div.color1
{
	height: 246px;
}

div#journey_emissions_results div#summary div.button 
{

}

div#journey_emissions_results div#summary ul li
{
	line-height: 1.7em;
	color: #454545;
}


div#journey_emissions_results div#summary ul#emissions li
{
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.7em;
	color: #454545;
}

div#journey_emissions_results div#summary div#change_comparison
{
	padding: 10px 0 0 0;
}

div#journey_emissions_results div#summary div#change_comparison select
{
	width: 270px;
}


div#journey_emissions_results div#summary ul li span
{
	width: 165px;
	clear: left;
	float: left;
}

/* ================================================
     Login
   ================================================ */
   
 div#login_page div.message
 {
 	margin-bottom: 10px;
 	font-size: 1.2em;
 	color: #2E8C14;
 }
 
 /* ================================================
     Register
   ================================================ */
   
 div#register_page div.error-message
 {
 	margin-left: 100px;
 
 }
 
  /* ================================================
     Account
   ================================================ */
   
div#account table#saved_results
{
	width: 100%;
}

div#account table#saved_results th
{
	background-color: #E9F7E4;
	line-height: 2.0em;
	border-bottom: solid 1px #ADE099;
	text-align: left;
	padding: 0 5px 0 5px;
}

div#account table#saved_results td
{
	line-height: 3em;
	border-bottom: solid 1px #ADE099;
	padding: 0 5px 0 5px;	
}

div#account table#saved_results th.view
{
	width: 7em;
}

div#account table#saved_results th.date
{
	width: 13em;
}

div#account table#saved_results th.tool
{

}

div#account div.pages
{
	margin-top: 20px;
}

div#account div.pages div
{
	float: left;
	margin-right: 5px;
}

  /* ================================================
     News
   ================================================ */
   
div.news_story div.image img
{
	width: 206px;
	height: 140px;
	border: solid 1px #666;
	float: left;
}

div.news_story div.text
{
	margin-left: 225px;
}

div.news_story div.datetime
{
	font-weight: bold;
	color: #3B9C16;
	font-size: 1.1em;
	margin: 0 0 0.5em 0;
}



div#latest_news div.news_story
{
	border-bottom: solid 1px #ADE099;
	margin: 5px 0 5px 0;
	
}

div#latest_news div.last
{
	border-bottom: none;
	
}

div#latest_news div.pages div,
div#latest_news div.pages a
{
	float: left;
	margin-right: 5px;
}

div#latest_news div.news_story h3
{
	color: #3B9C16;
	font-size: 1.2em;
	margin: 0 0 0.7em 0;

}

div#latest_news div.news_story h3 a,
div#latest_news div.news_story h3 a:visited
{
	color: #3B9C16;


	text-decoration: none;
}