/* CarbonCalculators.org Main CSS */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: repeat-x top #fff url("/images/topbar.gif") ;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}

a {
	color:#275a8b;
	font-weight:bold;
}

a:hover {
		text-decoration:none;
	}
	
:focus {
  outline: 0;
}

#TopMenu { 
	height:62px;
	width: 960px;  
	margin: 0 auto;
	position: relative;
}

#TopMenu ul { 
	width: 100%; 
	height: 43px; 
	font-size: 0.9em; 
	font-family: Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-weight: bold; 
	list-style-type: none; 
	margin: 0; padding: 0;
}
#TopMenu ul li { display: block; float: left; margin: 0 6px 0 0 ; }
#TopMenu ul li a { 
	height: 25px;
	color: #f0ab00;
	text-decoration: none;
	display: block;
	float: left;
	padding: 8px 25px 0px 18px;
	cursor:pointer;
	background: url("/images/menu_right.gif")  bottom  right no-repeat;
}
#TopMenu ul li a:hover { color: #f0d57f; }
#TopMenu ul li.current a { color: #FFF; background:url("/images/menu_right_current.gif") bottom right no-repeat ; padding: 20px 25px 0px 18px;}
#TopMenu .menuleft { background: url("/images/menu_left.gif") bottom left  no-repeat; width:8px; height:33px; float:left; }
#TopMenu li.current .menuleft {  height:45px; background:url("/images/menu_left_current.gif") bottom left no-repeat ; }
#TopMenu .lang { position:absolute; top:0px; right:0px; width:90px; height:26px; background:url("/images/lang.gif") no-repeat ; padding-top:4px; text-align:center;}
#TopMenu .lang a { color:#fff; font-size:12px; text-decoration:none; text-transform: uppercase;  }
#TopMenu .lang a:hover { color:#2572ac;  }

#container { 
	width: 960px;  
	margin: 0px auto; 
	text-align: left;
	padding:0px;
}

#logo {
	position:absolute;
	background:url(/images/logo.gif) no-repeat;
	width:400px;
	height:145px;
	left: -59px; 
	top: 2px;
}

.ital {
  font-style: italic;
}

/* ======= side bar =========  */

#sidebar {float: right; width: 275px; margin:130px 0 0 0;  color: #1f2a19; font-size:12px; position:relative;}
.side {float: left; width: 235px; 	background:#779cc8 ; padding: 0px 20px; margin:0px}
.sidebarTop {background:url(/images/side_bg_top.gif) no-repeat; height:13px; float: left; width: 275px; font-size:0px;  }
.sidebarBot {background:url(/images/side_bg_bot.gif) no-repeat; height:13px; float: left; width: 275px; font-size:0px;  margin-bottom:20px;}
.side p { margin:6px 0px; }
.side a img{ border: none; }
#sidebar a { color:#f0ab00; font-weight:bold; text-decoration:none;}
#sidebar  a:hover {	color: #f0ce78;}
#sidebar  h2 { color:#fff; font-size:20px; font-weight:100; text-transform:uppercase; padding:0px; margin:6px 0px 6px 0px; }

#nb {
	width:588px;
	height:118px;
	position:absolute;
	background: url(/images/nb.jpg)  no-repeat;
	left:365px;
	top:0px;
	display:block;
}

/* ======= SubMenu =========  */
#SubMenu {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;

}
#SubMenu  li {
	font: 12px Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	width:235px;
	display: block;
	float:left;
}
#SubMenu  li a {
	color: #f0ab00;
	display: block;
	margin: 0;
	padding: 11px 12px; margin:2px 0;
	text-decoration: none;
	float:left;
	width:211px;
	cursor:pointer;
	background:url("/images/sub_menu.gif") no-repeat ;
}
#SubMenu  li a:hover {
	color: #f0ce78;
	background:url("/images/sub_menu_hover.gif") no-repeat;
}
	
#SubMenu  li  a.current {
	color: #fff;
	background:url("/images/sub_menu_current.gif") no-repeat;
}

/* ======= main Content =========  */

#mainContent { 	margin: 0 300px 0 0; padding:150px 0 0 0; color:#292929; font-size:14px; position:relative  } 
#mainContent h2 { font-family: Verdana, Geneva, sans-serif; font-weight:100; font-size:30px; margin:20px 0 0 0 ; }
#mainContent p { padding-right:15px;}
#mainContent em { font-weight: bold; font-style: italic; }
#mainContent .cal { background: no-repeat url("/images/arrow.gif"); height:16px; width:16px; margin-right:10px; float:left; }
/*#mainContent a.cal {  margin:0px 40px; display:list-item; list-style:  url("/images/arrow.gif") ; }*/
#Box {	
	width: 585px; 
	padding: 10px 30px;
	color:#212121;
	font-size:12px;
	line-height:16px;
	background:url(/images/box_bg.jpg) repeat-x #dbdbdb;
	position:relative;
}
.BoxTop {
	height:13px;
	width: 645px;
	font-size:0px;
	background:url(/images/box_bg_top.gif) no-repeat;
}
.BoxBot {
	 height:13px;
	 width: 645px;
	 font-size:0px;
	 background:url(/images/box_bg_bot.gif) no-repeat;
	 margin-bottom:20px;
 }
#Box h2 { font-family: Verdana, Geneva, sans-serif; font-weight:100; font-size:22px; margin:15px 0 ; line-height:24px;}
#Box p { margin:15px 0 ; padding-right:0px;}
#Box .result { font-weight:bold; font-size:14px; background:#efeeee; padding:22px; width:auto;}
#Box a { color: #275a8b; font-weight:bold; }
#Box a:hover {text-decoration: underline }

/* ======= tabMenu =========  */
#tabMenu { 
	height:45px; 
	margin: 0 auto;
	padding-left:20px;
}

#tabMenu ul { 
	width: 100%; 
	height: 45px; 
	font-size: 0.8em; 
	font-family: Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-weight: bold; 
	list-style-type: none; 
	margin: 0; padding: 0;
}
#tabMenu ul li {
  display: block; float: left; margin: 0 4px 0 0 ;
 }
#tabMenu ul li a,
#tabMenu ul li span { 
	height: 20px;
	color: #a8a8a8;
	text-decoration: none;
	display: block;
	float: left;
	padding: 8px 25px 0px 15px;
	margin-top:17px;
	background: url("/images/tabmenu_right2.gif")  top  right no-repeat;
}

#tabMenu ul li a { cursor:pointer; }
#tabMenu ul li a:hover { color: #789cc6; }

#tabMenu .menuleft { background: url("/images/tabmenu_left2.gif") top left  no-repeat; width:10px; height:28px; float:left; margin-top:17px; }
#tabMenu li .menuleft.chk {  background: url("/images/chk.gif") top left  no-repeat; width:18px; }

#tabMenu ul li.current a,
#tabMenu ul li.current span { color: #275a8b; background:url("/images/tabmenu_right.gif") top right no-repeat ; padding: 15px 25px 0px 15px; height:22px; margin-top:8px;}
#tabMenu ul li.current .menuleft {  background: url("/images/tabmenu_left.gif") top left  no-repeat; width:10px;  height:37px; margin-top:8px; }

/* ======= Form =========  */

form ul{
background: url("/images/box_bg.jpg") repeat-x #dbdbdb;
zoom: 1; 
margin:15px 0;
padding:20px;
list-style:none;
list-style-position:outside;
border: solid 4px #99b5d6;
}

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

form li { margin: 4px 0px 4px 0px; display: inline-block; }
#Box  ul.long-qns li p { margin: 0px 0px 8px 0px; }
form label { width:150px; float:left; font-weight:bold; display: block; line-height:13px;}
form input { width:200px; background:#fff; border: solid 1px #7f9db9; padding:2px; margin:0px;}

form li.radiospacer { width: 500px; height: 1px; margin-top: 20px; border-top: solid 1px #7f9db9; }
form li.radio label { width: 450px; margin-right: 35px; }
form li.radio input { width: 15px; background: none; border: none; }

form select { width:350px;	 border: solid 1px #7f9db9; padding:2px; }
form button { margin-left:20px; width:150px; }
form .checkbox { width: 15px; background: none; border: none; }
.sub { width:201px; cursor:pointer; background: url("/images/form_butt_a.gif") no-repeat ; color:#fff;  height:37px; text-transform:uppercase; border:0px; font-size:12px; padding-right:10px;}
.sub2 { width:182px; cursor:pointer; background: url("/images/form_butt_b.gif") no-repeat ; color:#fff;  height:37px; text-transform:uppercase; border:0px; font-size:12px; }

.form_butt {
	background: url("/images/form_butt_c.gif")  no-repeat ;
	display: inline;
	margin: 0px 0px 0px 2px;
	padding: 4px 0px 5px 4px;text-decoration:none;
	text-decoration:none;
}

.form_butt span {
	text-transform:uppercase;	
	font-size:9px;
	width:139px;
	height:18px;
	display: inline-block;
	text-align:center;
	margin:0px;
	padding:0px;
	color:#FFF;
	text-decoration:none;
	font-weight:100;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	}
.form_butt .long_word { text-transform: lowercase; font-size:10px;}

.form_butt a, .form_butt a:hover, .form_butt a:visited {color:#FFF; text-decoration:none; }
#Box  form  ul  li  .form_butt  a:hover { text-decoration:none; }

.first-column-label, .second-column-label, .third-column-label, .second-column {
  display:inline;
}

.first-column-label {
  margin-left:155px;
}

.second-column-label { margin-left: 58px; }

.third-column-label { margin-left: 54px; }

.first-column {
  float: left;
  width: 90px;
  margin-right: 8px;
}

.third-column, .fourth-column {
  width: 96px;
}

.fourth-column {
  clear: right;
}

.chk_address { height:15px; border: none; margin-left:12px; vertical-align:middle }
.chk_address_txt { color:#275a8b; font-size:10px; padding-left:152px; display:block}

#chkBox_list li { width:179px; float:left;  }
#chkBox_list li label { float:right; margin-right:10px; width:145px; }

#day_calc img {
  cursor: pointer; 
}

#day_calc {
  display: none;
  position: absolute; top:650px; left:685px;
  z-index: 10;
  width: 237px;
  padding: 10px 15px;
  border: solid 4px #99b5d6;
  border-top: solid 24px #99b5d6;
  background: url("/images/box_bg.jpg") repeat-x #dbdbdb;
  font-size:11px;
  text-align:justify;
  height:300px;
}

#day-calc ul { margin-left: 0; padding-left: 0; }
#day_calc li { margin: 4px 0 4px -28px;  list-style:none; font-size:12px;}
#day_calc label { width:135px; float:left; font-weight:bold;}
#day_calc input { width:70px; background:#fff; border: solid 1px #275a8b; padding:0px 2px; margin:0px;}
#day_calc .update { width:210px; padding:5px 3px; background: #779cc8; color:#fff;  text-transform:uppercase; font-weight:bold; font-size:11px; border: solid 4px #99b5d6; margin-top:15px;}
#calculated-days { clear: right; text-align:center; font-weight:bold; background:#f3f3f3; color:#779cc8; width:76px; float:left;}
#update-form { display: block; margin-left: 135px; margin-top: 12px; clear:both; }

#error-list  { 	border: solid 4px #f0ab00; background:#FFF url(/images/error_box.gif) no-repeat top right;}
#error-list li {list-style:url(/images/error.gif) ; margin-left:20px; padding-left:5px; display: list-item; }

#messages { padding:12px 12px; }
#messages.error  { border: solid 4px #f0ab00; background:#FFF url(/images/error_box.gif) no-repeat top right;}
#messages.updating  { border: 4px solid #99B5D6; }
#messages.good  { border: solid 4px #9FEE00; background-color:#C9F76F  ;}

#window_close {
	position:absolute;
	top:-20px; right:0px;
	width:16px;
	height:16px;
	background:url(/images/close.gif) no-repeat;
	
	}

#vehicle_msg, div.sub-form-message  {	font-size:14px; background: #99b5d6; padding:8px 5px 5px 22px; margin:0px; font-weight:bold;}
#vehicle_select, ul.sub-form { margin-top:0px;}
#vehicle_select label, ul.sub-form label { width:126px;}

/* ======= Tables =========  */

#Box table.blue {
	margin:0px;
	background: url("/images/box_bg.jpg") repeat-x #dbdbdb;
	border: solid 4px #99b5d6;
	  width: 585px;

}

#Box table.blue thead td {
  font-weight: bold;
  padding:8px 12px;
  background:#779cc8;
  color:#FFF;
}

#Box table.blue td {
  padding:2px 12px;
  background:#fff;
  
}

#Box table#oneoff_emissions,
#Box table#waste_emissions {
  width: 530px;
}

#Box table#summary_emissions tfoot td,
#Box table#oneoff_emissions tfoot td,
#Box table#waste_emissions tfoot td {
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
}

#Box table#attendee_details td.travel-icon {
  text-align: center;
}

#Box table#attendee_details #loading_row {
  color: orange;
  text-align: center;
}

#Box table#attendee_details #loading_row img {
  vertical-align: bottom;
}

/* ======= trip and maps =========  */
#trip-list-box { margin-top:10px; margin-bottom:20px;}
.trip-list { 
  background: #c8c8c8 no-repeat  508px 5px ;
  margin:4px 0px 14px 52px;
  list-style:none;
  padding:2px 5px 2px 10px;
  zoom: 1;
  /*font-size:11px;*/
  position:relative;
  border-bottom: 1px #999 solid;
}
.trip-list a { float:left;}
.trip-list .address { width:134px; font-weight:bold; float:left;}

.edit-trip, .edit-trip-fr { position: absolute; cursor: pointer;  height:15px; width:46px; left:-52px; top:3px; }
.edit-trip { background: no-repeat url("/images/edit.gif"); }
.edit-trip-fr { background: no-repeat url("/images/modifier.gif"); }

.delete-trip{ position: absolute; cursor: pointer; background: no-repeat url("/images/delete.gif"); height:15px; width:46px; left:-52px; top:20px; }

#trip-list-box h3 { text-transform:uppercase;   margin:15px 0 6px 0; border-bottom:1px solid #999; padding-bottom:2px;  zoom: 1; } 

#map {  border: solid 4px #779cc8;  width: 577px;  height: 250px; background:none}
#gmaps_message { font-size:10px; text-align:justify; background:#779cc8; color:#FFF; padding:0px 4px 4px 7px;}

/* ======= Footer =========  */

 #footer { 
	background:#99b5d6;
	height:150px;
	color: white;
	margin-top:20px;
}

#footer p{ float:left;}
#footer a { color:#275a8b; font-weight:100;}
.footer_holder  {padding: 20px;	font-size:12px;	color:#FFF;	width:960px; margin: 0 auto;	text-align:left;}
.footer_menu{float: right; width: 260px; border-left: #c2d2e6 solid 1px; height:100px; padding:0px 0px 0px 15px; list-style:none; line-height:18px; margin:0px; }

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ======= Under Construction =========  */
small {font-size:10px; color:#fff; background:#f0ab00; padding:3px 6px;}