@charset "utf-8";
body {
	font-size: 10pt;
 	font-family: Arial,Verdana,Helvetica,sans-serif;	
 	font-weight: normal;	
	background: #E6E6E6;
	margin: 0; 
	padding: 0;
	width: 100%;
	min-width: 1024px;
}
.processing{
	font-weight:bold;	
	font-size:10pt;
	color:#FF6600;
}

a:hover {
	color:#F29400;
}

.processingLoading {
	position:absolute;
	/*opacity:0.5;*/
	opacity: .40; filter: alpha(opacity='40'); /*Fixed in IE7*/
	background:#CCCCCC;
	width:250px;
	min-height:310px;
	height:310px;
	margin-top:135px;
	font-weight:bold;	
	font-size:16pt;
	color:#FF6600;
	padding:150px 0px 0px 150px; 
}
.mainClass #container { 
	margin: 0 auto;
	text-align: left;	
} 

/*header*/
.mainClass #header {
	 background:url(../images/bg_header.png) repeat-x;
	 height:95px;
}
.header_align {
	position:relative;
	padding:10px 0px 0px 0px;
}
.header_body{
	padding:17px 0px 0px 0px;
}
.header_space {
	float:left;
	width:19px;
}
.header_logo {
	float:left;
	width:318px;
	background:url(../images/new-logo.gif) no-repeat;
	width:321px;
	height:72px;
	margin:10px 0px 0px 10px;
}
.header_1dot {
	width:30px;
	position:relative;
	float:left;	
	padding:17px 0px 0px 0px;
}
.header_2dots {
	width:38px;
	height:20px;
	position:relative;
	float:left;
	padding:17px 0px 0px 0px;	
	background:url(../images/mn_2dot.jpg) center no-repeat;		
}
.header_menu {
	position:relative;
	float:left;
	width:130px;
	height:36px !important;
	background:url(../images/mn_bgbutton.png) no-repeat;
	cursor:pointer;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
}

.header_menu:hover {
	color:#F29400;
}
.mainClass #header_email {
	position:absolute;
	left:354px;
	top:65px;
}
.mainClass #header_breakline {
 	background:url(../images/bg_header_breakline.png) repeat-x;
	height:10px;
    font-size: 8px;   
}
/*end header*/

/*top menu*/
/*end top menu*/

/*left menu*/
.mainClass #leftmenu {
	height:24px;	
	padding-top:4px;
	padding-left:19px;	
	background-color:#231F20; 
}
.mainClass #leftmenu a, #lefthelp a, .leftslide a {
	text-decoration:none;
}
#idMatchFunction a {
	text-decoration:none;
}
/*end left menu*/

/*left sidebar*/
.mainClass #sidebar1 {
	float: left; 
	width:400px;
}
.leftslide {
	height:25px;	
	padding-top:5px;
	padding-left:10px;
	background:url(../images/bg_slide.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt; 
	font-weight:bold; 
	color:#FFFFFF;
}

.leftmainslide {
	height:25px;	
	padding-top:5px;
	padding-left:10px;
	background:url(../images/bg_slide.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt; 
	font-weight:bold; 
	color:#FFFFFF;
}

.mainClass #lefthelp {
	height:17px; 
	padding: 0px 0px 0px 10px;
	background-color:#231F20;
}
/*end left sidebar*/

/*join/login*/

.register{
	font-weight:bold;
	padding: 0px 10px 10px 5px;	
}

.verticalPersonalDetailScrollBar{
	font-weight:bold;
	padding: 0px 10px 10px 10px;	
	overflow:auto; 
	scrollbar-3dlight-color:#006600; 
	scrollbar-arrow-color:#006600; 
	scrollbar-base-color:#006600; 
	scrollbar-darkshadow-color:#006600; 
	scrollbar-face-color:#ffffff; 
	scrollbar-highlight-color:#006600; 
	scrollbar-shadow-color:#ffffff;
}

.font_normal{
	font-weight:normal;	
}

/*end join/login*/

/*create commute*/
.tipClass {
  font-size:9pt;
}
.errorMessages {
	font-size:8pt;
	font-weight:bold;
	color:#FF0000;
	padding: 0px 0px 0px 10px;	
}

.errorMessagesHide {
	display:none;
	color:#FF0000;
}

/*end create commute*/

/*my commute*/
.mainClass #mycarpool_title {
	text-align: right;
	width: 70%;
	padding-left: 30%;
}
/*match detail*/

.titleContent{
	font-weight:bold;	
	color:#009900;
	text-decoration:none;
}

.listMatch{
	font-weight:bold;	
	padding: 0px 20px 20px 20px;	
}

/*end match detail*/
/*end my commute*/

/*my account*/
/*end my account*/

/*map*/
.mainClass #mainContent {
	margin: 0 0 0 400px;
	padding-left:0px;
	border: 4px #CCCCCC solid;
	height:500px;
	min-height:500px;
}
/*end map*/

.mainClass #sidecontent {
	width:400px;
	height:463px;
	min-height:463px;
}

/*all about commute*/
.allbout_outer_button {
	/*position:relative;*/
	width:610px;
	position:static;
	text-align:center;
}

.menu {
	background-image:url(../images/bt_helpd.png);
	background-position: top left;
    font-size:8pt;
	font-weight:normal;
	color:#F4F4F4;
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:middle;
	padding-top:6px;
	width: 96px;
	height:20px;
	border: 0;
	float: left;
	padding-right:4px;
	margin-top:6px;
}

.menu:hover { 
	color:#F29400 !important;
	font-weight:bold;
}

.menu_small {
	background-image:url(../images/bt_helpd_small.png);
	background-position: top left;
    font-size:7pt;
	font-weight:normal;
	color:#F4F4F4;
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:middle;
	padding-top:4px;
	width: 74px;
	height:20px;
	border: 0;
	float: left;
	padding-right:2px;
}

.buttonSmall { width:84px}

.mainClass #idAllabout_Con {
	clear:both;
	padding-top:10px;
}

.bnt_aboutus_color { color:#F29400 ; font-weight:bold ;}

/*End all about us*/

		P.termscondtions { font-family: "Arial", serif; font-size: 10pt; margin-top: 0.50cm }
		P.termsconditions1 { font-family: "Arial", serif; font-size: 10pt; margin-left: 1.59cm }
		P.termsconditions2 { font-family: "Arial", serif; font-size: 10pt; margin-left: 3.59cm }
	    H1.termsconditions { font-family: "Times New Roman", serif; font-size: 12pt }


.heading { 
	text-decoration:none;
	font-weight:bold;
	color:#00CC00;
	padding-top:5px;
}

.heading a{ 
	font-weight:bold;
	color:#00CC00;
	padding-top:5px;
}

.detail { 
	font-weight:bold;
	font-size:9pt;
	color:#006838;
	padding:3px 3px 3px 25px;
}
.detail a{ 
	font-weight:bold;
	font-size:9pt;
	color:#006838;
/*	padding:3px 3px 3px 25px;
*/}

.header { font-weight:bold;}



/*end all about commute*/

/*google ads*/
.mainClass #idGoogleAds {
	height:85px;
	width:100%;
}
/*google ads*/

/*font size and color*/
.font_bold {
	font-weight:bold;
}
.font_title_bold {
	font-weight:bold;
}
.font_allabout_title {	
	font-size:15pt;
	font-weight:bold;
	color:#006838;	
}
.color_green_bold {
	color:#006838;
	font-weight:bold;
}
.color_green {
	font-weight:bold;
	color:#006838;
}
.color_lightgreen {
	color:#8CC63F;
}
.color_white {
	color:#EEEEEE;
}
.color_white_bold {
	color:#EEEEEE;
	font-weight:bold;
}
.color_white_bold_small {
	color:#EEEEEE;
	font-weight:bold;
	font-size:7pt;	
}

.color_orange {
	color:#FF6600;
}
/*end font size and color*/

/*errors, warning*/
/*end errors, warning*/

/*common*/
.breakline {
	border-top:1px #FF6600 solid;
	margin:10px 0px 10px 0px;
 	/*background:url(../images/bg_breakline.png) repeat-x;
	height:2px;
    font-size: 1px;*/   	
}
.breakline_orange {
	border-top:1px #FF6600 solid;
	margin:10px 0px 10px 0px;
}
.informessage{
	color:#FF6600;
	font-size:8pt;
	font-weight:bold;
}

.font8point{
	font-size:8pt;
	font-weight:bold;
}

.breakline_orange_allabout {
	border-top:1px #FF6600 solid;
/*	
	
	padding:0px 0px 0px 0px;
*/}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.verticalScrollBar {
	/*height:565px;*/
	overflow:auto; 
	scrollbar-3dlight-color:#006600; 
	scrollbar-arrow-color:#006600; 
	scrollbar-base-color:#006600; 
	scrollbar-darkshadow-color:#006600; 
	scrollbar-face-color:#ffffff; 
	scrollbar-highlight-color:#006600; 
	scrollbar-shadow-color:#ffffff;
}

.verticalAllAboutCarpoolScrollBar{	
	height:280px;
	overflow:auto;
	scrollbar-3dlight-color:#006600; 
	scrollbar-arrow-color:#006600; 
	scrollbar-base-color:#006600; 
	scrollbar-darkshadow-color:#006600; 
	scrollbar-face-color:#ffffff; 
	scrollbar-highlight-color:#006600; 
	scrollbar-shadow-color:#ffffff;
}


.verticalMyAccountScrollBar {
	overflow:auto; 
	scrollbar-3dlight-color:#006600; 
	scrollbar-arrow-color:#006600; 
	scrollbar-base-color:#006600; 
	scrollbar-darkshadow-color:#006600; 
	scrollbar-face-color:#ffffff; 
	scrollbar-highlight-color:#006600; 
	scrollbar-shadow-color:#ffffff;
}

.poupMatchDetailScrollBar {
	height:360px;
	/*overflow:auto; 
	scrollbar-3dlight-color:#006600; 
	scrollbar-arrow-color:#006600; 
	scrollbar-base-color:#006600; 
	scrollbar-darkshadow-color:#006600; 
	scrollbar-face-color:#ffffff; 
	scrollbar-highlight-color:#006600; 
	scrollbar-shadow-color:#ffffff;*/
}

.verticalMyCarpoolScrollBar {
	min-height:274px;
	overflow:auto; 
	scrollbar-3dlight-color:#006600; 
	scrollbar-arrow-color:#006600; 
	scrollbar-base-color:#006600; 
	scrollbar-darkshadow-color:#006600; 
	scrollbar-face-color:#ffffff; 
	scrollbar-highlight-color:#006600; 
	scrollbar-shadow-color:#ffffff;
}

.verticalListMatchScrollBar {
	min-height:250px;
	overflow:auto; 
	scrollbar-3dlight-color:#006600; 
	scrollbar-arrow-color:#006600; 
	scrollbar-base-color:#006600; 
	scrollbar-darkshadow-color:#006600; 
	scrollbar-face-color:#ffffff; 
	scrollbar-highlight-color:#006600; 
	scrollbar-shadow-color:#ffffff;
}

.hideScroll {
	display:none;
}
.table_header {
	background:url(../images/tbl_header.png) repeat-x;
}
/*end common*/

/*Menu*/
#dropmenudiv{
	position:absolute;
	border:1px solid black;
	border-bottom-width: 0;
	font:normal 12px Verdana;
	color:#006633;
	line-height:18px;
	z-index:100;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	color:#006633;
	border-bottom: 1px solid #006633;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	-moz-opacity:.90;
	 opacity:.90;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #66FF66;
}

div.fakefile {	position: absolute;	top: 0px;	left: 0px;	z-index: 1;}
input.file {	left: -20px;position: relative; -moz-opacity:0 ;	filter:alpha(opacity:0);	opacity: 0;	z-index: 2;}

.myController
{
	width:170px;
	position:relative;
	float:left;

}

.divLinkBanerBlock {
	display: block;
		
}
.divLinkBannerCell {
	display: table-cell;

}

/*Carbon calculator*/
.mainClass #tblCarpark{
	font-size:9pt;
	width:100%;	
}

/*End Carbon calculator*/
#cha {
	background:url(file:url(../images/card1.jpg));
	width:255px;
	height:162px;
	
}

#con {
	color:#000000;
	font-size:10px;
	padding-top:0px;
	padding-left:10px;
}
.blur{
	background-color: #ccc; /*shadow color*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}

.blur{
	background-color: #ccc; /*shadow color*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}
.shadow,
.content {
	bottom: 2px;
	right: 2px;
}

.shadow {
	background-color: #666; /*shadow color*/
	color: inherit;
}

.content {
	background-color: #fff; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding: .5em 2ex;
}

#divSearchContent {
	color:#E6E6E6;
	height:400px;
}

/*BLOG 25/12/2008*/
#idBlogTile {
	padding:5px;
}

.BlogContent {
	
}

.BlogTitle {
	font-weight:bold;	
	color:#009900;
	text-decoration:none;
}
/*END BLOG*/

.photosize {
	height:245px;
}

#divSearchContent {
	height:500px;
	overflow:hidden;
}

#bnt_investors {
	position:absolute;
	text-align:right;
	top:78px;right:5px;
	width:100%;
}
#bnt_investors a {
	text-decoration:none;
	/*color:#CCCCCC;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	font-size:8pt;*/
}
#bnt_investors a:hover { 
	/*color:#FFFFFF;*/
}

.mainbutton {
	height:20px;width:70px;background:#006838;text-align:center;font-weight:bold;color:#FFFFFF;padding-top:3px;
	cursor:pointer;
}
.mainbutton:hover{	background:#9AC0CD; }

.largbutton {
	height:20px;width:100px;
	background:#006838;
	text-align:center;	
	color:#FFFFFF;
	padding-top:5px;
	cursor:pointer;
	font-size:8pt;
	font-weight:bold;
}
.largbutton:hover{	background:#009900; }