#ie-message {
background:#C00;
text-align:center;
border-bottom:1px solid #900;
color: #fff;
position:absolute;
top:0;
padding:5px;
width:100%;
}
#ie-message a {
color: #fff;
text-decoration:underline;
}
#car_manufacturer_div {
    width:15em; /* set width here or else widget will expand to fit its container */
}
.visible {display:block!important;}
.invisible{display:none!important;}
#demo{width:500px;
	font-family:Helvetica, Arial, sans-serif;}
#cal1Container { display:none; position:absolute; left:100px; top:100px; z-index:2} 
#content-content .node ul li{
	background-image:none!important;
	padding-left:0!important;
}
/*h5{font-size:2em;color:#bbb;display:block;border-bottom:2px solid #eee;padding:5px;font-weight:normal;}*/
h5{font-size:2em;color:#666;display:block;border-bottom:2px solid #aaa;padding:5px;font-weight:normal;margin-bottom:10px;}
#user-box{display:block;padding:5px!important;}
.login-button {padding: 0.5em 2em;margin:0.5em auto;font-size:1.33em;}
#accordion{display:block;width:270px;}
.inputbox {border:1px solid #888;padding: 2px 5px;}
.switch_car_container{position:relative;top:90px;}
.boldtext {font-weight:bold;}
.bluetext {color:#09F!important;}
.datebox {width:65px!important;padding:3px!important;font-size:10px;text-align:center;}
#calc-content{
	/*background:url(../images/back.png) 0 0 no-repeat transparent;*/
	display:block;
	height:350px;
	width:416px;
	padding:10px;
	margin:10px;}
.currency-select {display:inline;float:right;margin-right:10px;}
.currency-link {padding:2px 12px; font-size:12px;position:relative;top:-3px;} 
#calc-content input {width:10em;}
input.text { margin-bottom:12px; width:95%; padding: .4em; }		
div#users-contain {  width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }	body {
  /*background: #FFF;*/
  font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;     /* web safe fonts */
  font-size: 75%;    /* 12px */
  font-weight: normal;
  line-height: 160%;    /* 19.2px */
  background:url('/individual/sites/all/themes/carbon/images/back.gif') top center repeat-x #dcdcdc;
}
.big_text{font-size:1.33em;}
.gray_line{border-top:1px solid #ddd;}
.black_line{border-top:1px solid #454545;}
.review_table,.review_table tr{padding:0;margin:0;}
.review_table td {color:#888;padding:2px;}
.review_table b {color:#454545;}
.vehicle-link { padding:0.4em 1em; margin:0.5em 0; display:block; text-align:center; cursor:pointer; }
.vehicle-link:hover {text-decoration:none;}
.normal-link{color:#84B849!important;
  text-decoration: underline;
  cursor:pointer;}
.normal-link:hover{color:#a4Cf79!important;}


.project_select {display:block;clear:both;font-size:11px;line-height:15px;color:#454545;}
.project_select a {display:block;border:1px solid #eee;margin-top:5px;padding:10px;height:71px; cursor:pointer;}
.project_select a:hover {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636;text-decoration:none;}
.project_select a em {display:block;width:60px;height:60px;color:#888;float:right;text-align:center; font-style:normal; border:1px dashed #ccc;padding:5px;background:#eee;margin-left:10px;line-height:12px;}
.project_select a:hover em {border: 1px solid #888; background: #fff; color: #000;}
.project_select a em span {display:block;font-size:14px; font-weight:bold;line-height:30px;}
.project_select a b {display:block;font-size:14px;}
.project_select img {border: 1px solid #888;margin-right:10px;}
.project1 {background: #fff url(../images/project1.jpg) 50% 50% no-repeat;}
.project2 {background: #fff url(../images/project2.jpg) 50% 50% no-repeat;}
.project3 {background: #fff url(../images/project3.jpg) 50% 50% no-repeat;}
.project1,
.project2,
.project3  {display:block;width:70px;height:70px;float:left;margin-right:10px; border:1px solid #ccc;}
.project_select a:hover .project1,
.project_select a:hover .project2,
.project_select a:hover .project3{border: 1px solid #888;}
.project_select a.selected_project {background:#dbedd4;border:1px solid #6e8d62;}
.project_select a.selected_project em {border:1px solid #6e8d62;background:#8fcf78;color:#26471a;}
.project_select a.selected_project .project1,
.project_select a.selected_project .project2,
.project_select a.selected_project .project3{border:1px solid #6e8d62;}
/*.project_select a.selected_project:hover em {background:#bfe3b2;}*/



/*.vehicle-link { color:#678e3a!important; text-decoration:underline; }
.vehicle-link:hover { color:#4e603a!important; }*/
/* custom styles for inline instances */
.yui-skin-sam .yui-ac-input { position:static;width:10em; vertical-align:middle;}
.yui-skin-sam .yui-ac-container { width:10em;left:0px;}
.yui-ac-bd ul, .yui-ac-bd ul li {background-image:none;}

/* needed for stacked instances for ie & sf z-index bug of absolute inside relative els */
#leg_2_start_AutoComplete { z-index:9001; } 
#lAutoComplete { z-index:9000; }

/* buttons */
.yui-ac .yui-button {vertical-align:middle;}
.yui-ac .yui-button button {background: url(../autocomplete/assets/img/ac-arrow-rt.png) center center no-repeat }
.yui-ac .open .yui-button button {background: url(../autocomplete/assets/img/ac-arrow-dn.png) center center no-repeat}


#pie_graph { clear:both;display:block;height:200px;}
#pie_graph a {display:block;}
#pie_graph a:hover {display:block;text-decoration:none;}
#car_calculation_div,#plane_calculation_div,#electricity_calculation_div,#gas_calculation_div {display:block;position:absolute;background-color:transparent;width:200px;height:168px; }
#car_calculation_div {z-index:9; background:url(../images/purple.png) transparent 0 0 no-repeat; }
#plane_calculation_div {z-index:10; background:url(../images/green.png) transparent 0 0 no-repeat; }
#gas_calculation_div {z-index:11; background:url(../images/orange.png) transparent 0 0 no-repeat; }
#electricity_calculation_div {z-index:12; background:url(../images/teal.png) transparent 0 0 no-repeat; }
#car_calculation_div.color_pie {background:url(../images/purple.png) transparent 0 -168px no-repeat; }
#plane_calculation_div.color_pie {background:url(../images/green.png) transparent 0 -168px no-repeat; }
#gas_calculation_div.color_pie{background:url(../images/orange.png) transparent 0 -168px no-repeat; }
#electricity_calculation_div.color_pie {background:url(../images/teal.png) transparent 0 -168px no-repeat; }
#car_calculation_div a {padding: 19px 0 0 87px; }
#plane_calculation_div a {padding: 50px 0 0 18px; }
#gas_calculation_div a {padding: 75px 0 0 129px; }
#electricity_calculation_div a {padding:103px 0 0 51px; }
#car_calculation_div a,
#plane_calculation_div a,
#gas_calculation_div a,
#electricity_calculation_div a {color:#fff; }

#total_calculation_div {display:block;position:relative;font-size:1.75em;top:175px;}



.subtotals {
	font-size:1.5em;
	}
.subtotals { margin:0; }
.subtotals .gray_line,.subtotals .black_line {padding:10px 5px;}
.calculating {background:#ffffaa;}
#car_subtotal,#plane_subtotal,#electricity_subtotal,#gas_subtotal,#total_subtotal {margin:0;padding:0;}
#my_total{display:block;width:325px;}
#plane fieldset {margin:1px 0!important;}


















.yui-nav { display : block ; background : none ; position : absolute ; /*z-index : 9999 ;*/ margin : 0 10px 0 0 ; }
/*.yui-nav { display : block ; background : #bbb ;position:absolute;z-index:9999; }*/
.yui-nav, .yui-nav li { padding : 0 ; list-style : none ; }
.yui-nav li { margin : 0 ; padding : 0 ; list-style : none ; }
.yui-nav li a { display : block ; width : 104px ; }
.yui-content {display:block;clear:both;position:relative;left:114px; width:295px;height:350px;}
#car,#plane,#electricity,#gas{ position : absolute ; width : 295px ; display : block ; }
#menu-car,#menu-gas{ height : 90px ; display : block ; }
#menu-plane,#menu-electricity{ height : 85px ; display : block ; }
#car,#car2,#car3,#car4,#car5,#car6,#plane,#electricity,#gas {background:#fff;}
#car{z-index:101;}
#plane{z-index:102;}
#electricity{z-index:103;}
#gas{z-index:104;}
/*#dialog2 {z-index:105;}
#dialog_register {z-index:106;}
#user-box-login3 {z-index:107;}
#account_container {z-index:108!important;}*/
#menu-calculate { display : block ; height : 25px ; margin-top : 5px ; }
#menu-gas em, #menu-car em, #menu-plane em, #menu-electricity em,#menu-calculate em { display : none ; }


/*#menu-info,#menu-gas { height : 70px ; }
#menu-car,#menu-plane, #menu-electricity { height : 60px ; }
#menu-info { background:url(../images/menu.png) 0 0 no-repeat; }
#menu-car { background:url(../images/menu.png) 0 -70px no-repeat; }
#menu-plane { background:url(../images/menu.png) 0 -130px no-repeat; }
#menu-electricity { background:url(../images/menu.png) 0 -190px no-repeat; }
#menu-gas { background:url(../images/menu.png) 0 -250px no-repeat; }
#menu-calculate { background:url(../images/calculate.png) 0 0 no-repeat; }

#menu-info:hover { background:url(../images/menu.png) -104px 0 no-repeat; }
#menu-car:hover { background:url(../images/menu.png) -104px -70px no-repeat; }
#menu-plane:hover { background:url(../images/menu.png) -104px -130px no-repeat; }
#menu-electricity:hover { background:url(../images/menu.png) -104px -190px no-repeat; }
#menu-gas:hover { background:url(../images/menu.png) -104px -250px no-repeat; }
#menu-calculate:hover { background:url(../images/calculate.png) -104px 0 no-repeat; }

#menu-info.selected { background:url(../images/menu.png) -208px 0 no-repeat; }
#menu-car.selected { background:url(../images/menu.png) -208px -70px no-repeat; }
#menu-plane.selected { background:url(../images/menu.png) -208px -130px no-repeat; }
#menu-electricity.selected { background:url(../images/menu.png) -208px -190px no-repeat; }
#menu-gas.selected { background:url(../images/menu.png) -208px -250px no-repeat; }
#menu-calculate.selected { background:url(../images/calculate.png) -104px 0 no-repeat; }*/


#menu-car,#menu-plane,#menu-electricity,#menu-gas { background-repeat: no-repeat; }

#menu-car {background-position: 0 0; }
#menu-plane { background-position:0 -90px; }
#menu-electricity { background-position:0 -175px; }
#menu-gas { background-position:0 -260px; }

#menu-car:hover { background-position:-104px 0; }
#menu-plane:hover { background-position:-104px -90px; }
#menu-electricity:hover { background-position:-104px -175px; }
#menu-gas:hover { background-position:-104px -260px; }

#menu-car.selected { background-position:-208px 0; }
#menu-plane.selected { background-position:-208px -90px; }
#menu-electricity.selected { background-position:-208px -175px; }
#menu-gas.selected { background-position:-208px -260px; }

#splash-menu a {display:block;width:155px;height:124px;background-repeat:no-repeat;background-color:#fff;}
#splash-menu a b {display:none;}
#splash-menu.en a {background-image:url(../images/splash_menu_en.jpg);}
#splash-menu.zh a {background-image:url(../images/splash_menu_zh.jpg);}
#splash-menu {width:310px!important;margin:0 auto;}

#splash-menu #splash-vehicle { background-position: 0 -125px; }
#splash-menu #splash-plane { background-position: -155px -125px; }
#splash-menu #splash-electricity { background-position: 0 0; }
#splash-menu #splash-gas { background-position: -155px 0; }
#splash-menu #splash-vehicle:hover { background-position: -310px -125px; }
#splash-menu #splash-plane:hover { background-position: -465px -125px; }
#splash-menu #splash-electricity:hover { background-position: -310px 0; }
#splash-menu #splash-gas:hover { background-position: -465px 0; }




#menu-wrapper-mid,#menu-wrapper-left,#menu-wrapper-right {
  display:block;
  height:40px;
	}
#menu-wrapper-mid {
  background: transparent url('/individual/sites/all/themes/carbon/images/tab-mid-green.jpg') repeat-x 0 0!important;
  width:870px;
	}
#menu-wrapper-right {
  background: transparent url('/individual/sites/all/themes/carbon/images/tab-right-green.jpg') no-repeat right 0!important;
  width:870px;
  /*position:relative;
  left:25px;*/
	}
#menu-wrapper-left {
  background: transparent url('/individual/sites/all/themes/carbon/images/tab-left-green.jpg') no-repeat left 0!important;
  /*padding-left:20px;
  position:relative;
  left:-50px!important;
  display:left;*/
  width:940px;
  padding:0 auto;
	}
#menu-wrapper-mid .menu, #menu-wrapper-mid .menu ul {
	margin: 0 auto;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}
#menu-wrapper-mid .menu li {
	margin: 0;
	padding: 7px 6px 0 6px!important;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
	/*background-image:none;*/
  background: transparent url('/individual/sites/all/themes/carbon/images/tab-bar-green.jpg') no-repeat 0 0!important;
  height:30px!important;
}
#menu-wrapper-mid ul.menu li {margin:0!important;}

#menu-wrapper-mid .menu li:hover {
  /*background: transparent url('<?php print $base_path . $directory; ?>/images/tab-mid-green.jpg') repeat-x 0 -55px!important;*/
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
	color:#fff;
	
}

#menu-wrapper-mid .menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
	height:auto!important;
	padding:0!important;
}

#menu-wrapper-mid .menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 1px;	/* while hidden, always keep them at the bottom left corner, */
	/*bottom: 47px!important;		/* 		to avoid scrollbars as much as possible */
}

#menu-wrapper-mid .menu ul li {display:block!important;}

#menu-wrapper-mid .menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	/*bottom: 100%;	/* 1st level go above their parent item */
}

#menu-wrapper-mid .menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	bottom: 0;
	left: 100%;
}


/* -- float.clear --
	force containment of floated LIs inside of UL */
#menu-wrapper-mid .menu:after, #menu-wrapper-mid .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
#menu-wrapper-mid .menu, #menu-wrapper-mid .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
#menu-wrapper-mid .menu ul {
	background-image: url('<?php print $base_path . $directory; ?>/images/empty.gif');	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 6px 30px;
	background-color:transparent!important;
	margin: 0 0 -10px -30px;
  
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}

#menu-wrapper-mid .last ul {
background-color:transparent !important;
background-image:url("/individual/sites/all/themes/carbon/images/empty.gif");
margin:0 0 -10px -96px;
padding:6px 30px;
}

#menu-wrapper-mid .menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: 0 0 -30px -10px;
}




/* - - - ADxMenu: DESIGN styles - - - */

#menu-wrapper-mid .menu, #menu-wrapper-mid .menu ul li {
	color: #fff!important;
	/*background: #234;*/
	font-size:12px;
}
#menu-wrapper-mid .menu ul {
	background:#aaa;
	width: 15em;
}

#menu-wrapper-mid .menu a {
	text-decoration: none;
	padding: .3em 1em;
	display: block;
	position: relative;
}
#menu-wrapper-mid .menu li a { 
    color:#fff!important;
}
#menu-wrapper-mid .menu li li a {
	color:#fff!important;
}
		

#menu-wrapper-mid .menu a:hover, #menu-wrapper-mid .menu li:hover>a {
	color: #333!important;
}

#menu-wrapper-mid .menu li li {	/* create borders around each item */
	border: 1px solid #89c23e;
	background-color:#a7cc77!important;
	color:#fff!important;
	background-image:none!important;
	font-size:12px;
}

#menu-wrapper-mid .menu {
  /*background: url('<?php print $base_path . $directory; ?>/images/tab-mid-green.jpg') repeat-x 0 0 !important;*/
  color:#fff!important;
}



#menu-wrapper-mid .menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

#menu-wrapper-mid .menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	bottom: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
#menu-wrapper-mid .menu>li:first-child>a, #menu-wrapper-mid .menu li + li + li li:first-child>a {
	color: #888;
}
#menu-wrapper-mid .menu li.first {
	background-image:none!important;
}