@charset "utf-8";

/*---------------------------- global ----------------------------------*/
html, body { margin:0; padding:0; width:100%; background:#fff; font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; line-height:22px; }
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{ margin:0; padding:0;}

input { font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px;}
img {border:0;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none; border:none;}

a:link { color: #1fa3c9; text-decoration: none}
a:visited { color: #1fa3c9; text-decoration: none}
a:hover { color: #1fa3c9; text-decoration: underline}
a:active { color: #1fa3c9; text-decoration: none}

.grayarrow { padding:5px 18px 5px 8px; background:url(/images/arrow.png) no-repeat left; border:none; margin-left:10px;}
.grayarrow a:link { color: #1fa3c9; text-decoration: none;  }
.grayarrow a:visited { color: #1fa3c9; text-decoration: none;}
.grayarrow a:hover { color: #1fa3c9; text-decoration: underline; }
.grayarrow a:active { color: #1fa3c9; text-decoration: none;}

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

/*---------------------------- header ----------------------------------*/
.header {width:100%; height:27px; border-bottom:1px #cccccc solid; background:#f5f5f5; padding-top:3px; }
.header .title{ padding-left:10px; font-size:18px; float:left; font-weight:bold;}
.header .close a { float:right; background:url(/images/close_.png) no-repeat scroll 0 0; margin-right:10px; width:22px; height:22px; }
.header .close a:hover { float:right; background:url(/images/close_.png) no-repeat scroll 0 -22px; margin-right:10px; }


/* content */
.content { background:#fff; padding:10px; }

/* logo */
.logo { float:left; padding:0; margin:0; width:158px; display:block;}

/* search */
.search { margin:0; width:350px; position:absolute; left:160px; top:20px;}
.search form { display:block; padding:0;}
.search form input.txtBox{ width:305px; border: #999999 solid 1px;background-color:#fff; float:left; padding:4px; font-size:12px; margin:0 0 5px 0; line-height:15px;}
.search form .button { float:right; margin:0; padding:0;}
.search form .hint{ font-size:11px;line-height:14px; color:#999999;float:left; display:block; width:300px; text-decoration:none;}

/* top link */
.top_link {margin:0; height:26px; right:1px; top:0; white-space: nowrap; float:right;}
.top_link ul { text-align:right; padding:0; margin:0; list-style:none; border:0; height:26px;}
.top_link ul li { float:left; margin:0; padding:0 5px; border:0; height:26px; }
.top_link ul li a { float:left; margin:0; color:#5c8783; text-decoration:none; font-size:11px; color:#00aff0;}
.top_link ul li a:hover { text-decoration:underline; }
.top_link ul li a.active {}

/*---------------------------- menu tab----------------------------------*/
.nav { float:left; padding:0; margin:5px 0 0 0; width:100%; border-bottom:#e5e5e5 1px solid; height:28px; /*overflow:auto;*/}
.menu {font:normal 15px Tahoma, Arial, Helvetica, sans-serif; text-decoration:none; padding:0px; float:left; width:500px;}
.menu ul {padding:0;margin:0;list-style-type:none; height:26px;}
.menu ul ul {width: auto; margin-top:3px; border-top:#e5e5e5 solid 1px;}
.menu ul li {float:left; height:26px; line-height:26px;}
.menu ul li a.active { border-top:#e5e5e5 solid 1px; border-left:#e5e5e5 solid 1px; border-right:#e5e5e5 solid 1px; padding:4px 10px 4px 10px; color:#00aff0;}
.menu ul ul li {display:block; width: auto; height:auto; position:relative; line-height:25px; border-bottom:#e5e5e5 solid 1px; border-left:#e5e5e5 solid 1px; border-right:#e5e5e5 solid 1px;  font-size:11px; font-weight:bold; padding:3px; background:#fff;}

.menu ul li a { display:block; float:left; margin:0; border:#ffffff solid 1px; color:#444444; padding:4px 8px 4px 8px; font:normal 15px Tahoma, Arial, Helvetica, sans-serif; text-decoration:none;}

.menu ul ul a, .menu ul ul a:visited {display:block; background:#fff; color:#1fa3c9; font-size:11px; font-weight:bold; width:9em; height:100%; }
.menu ul table ul a, .menu ul table ul a:visited  {width:12em;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {left:-1px;}
.menu ul ul table ul.left {margin-left:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

.menu ul ul ul a, .menu ul ul ul a:visited {background:#fff;}
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#fff;}
.menu ul :hover a.sub1 {background:#fff;}
.menu ul ul :hover a.sub2 {background:#fff;}

.menu a:hover {color:#00aff0; background:#fff; border-top:#e5e5e5 solid 1px; border-left:#e5e5e5 solid 1px; border-right:#e5e5e5 solid 1px; }
.menu :hover > a {color:#00aff0; background:#fff;  border-top:#e5e5e5 solid 1px; border-left:#e5e5e5 solid 1px; border-right:#e5e5e5 solid 1px; }

.menu ul ul a:hover{color:#1fa3c9; background:#fff; border:#fff solid 1px; text-decoration:underline;}
.menu ul ul :hover > a {color:#1fa3c9; background:#fff;  border:#fff solid 1px; text-decoration:underline;}

.menu ul ul ul a:hover {background:#fff;}
.menu ul ul ul :hover > a {background:#fff;}

.menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0;width:14em;}
.menu ul ul ul{left:14em;top:0;width:14em;}
.menu ul ul ul.left {left:-14em;}
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(/images/trans.gif);}
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{visibility:visible;}
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/* right buttons - for traffic, incidents, report incidents */
.rightbtn { float:right; padding:0; margin:5px 0 0 0; width:339px; background:url(/images/righttbn_bg.gif) no-repeat; height:22px;}
.rightbtn ul { float:left; list-style:none; border:0; padding:0 0 0 18px;}
.rightbtn ul li { float:left; margin:0; border:0; white-space:nowrap;}
.rightbtn ul li a { float:left; margin:0; border:0; color:#1fa3c9; padding:4px 35px 4px 10px; font:bold 11px Tahoma, Arial, Helvetica, sans-serif; text-decoration:none;}
.rightbtn ul li a:hover { border:0; text-decoration:underline;}
.rightbtn ul li a.active { border:0; color:#1fa3c9;}


/*-------------------------------- main content --------------------------------*/
.main_area { padding:0; border:0; float:left;}

/* left panel */
.left_panel { width:330px; float:left; padding:10px; margin:0;overflow-x: hidden; overflow-y:auto;}
/*.left_panel { width:330px; height:600px;float:left; padding:10px; margin:0;overflow-x: hidden; overflow-y:auto;} */
.left_panel h2 { background:url(/images/icon_section.gif) left no-repeat; padding:2px 0 2px 18px; color:#444444; margin:0; font:normal 21px Tahoma, Arial, Helvetica, sans-serif; }


.directionsSearch { display:block; float:left; width:310px; margin:20px 0 10px 0; }
input.txtBox{ width:230px; border: #cccccc solid 1px; background-color:#fff; float:left; padding:3px; font-size:12px; margin:0 0 10px 0; line-height:15px;}
.directionsSearch h3{ display:block; background:#f7f7f7; padding:5px 0 5px 5px; margin-bottom:5px; font-size:12px; border-top:1px solid #dddddd; color:#444444;}
.leftTxt { width:40px; float:left;}
.swap { float:right; padding:7px 0 0 0; margin-right:12px;}
.add {display: block; width:100px; float:right;}
.routeOption { width:270px; float:right; margin-top:10px;}
.routeOption td{ padding:3px 1px 3px 1px;}
.routeOptionIcon { width:20px;}


.homeTraffic { width:310px;}
.homeTraffic h3{ display:block; background:#f7f7f7; padding:5px 0 5px 5px; margin-bottom:5px; font-size:12px; border-top:1px solid #dddddd; color:#444444;}
.homeTraffic p.latest{ font-weight:bold; color:#F06723;}

.homeSection { padding-bottom:10px; float:left;}

/* signin */
.signin { display:block; float:left; width:310px; margin:20px 0 0 0;}
input.signin{ width:190px; border: #cccccc solid 1px; background-color:#fff; float:left; padding:3px; font-size:12px; margin:0 0 10px 10px; line-height:15px;}
.signin label{ width:100px; float:left; text-align:right; padding:3px 0 0 0; }
.signin label.remember {display: block; width:205px; float:left; margin:0 5px 5px 0}
.signin label.remember span { margin-left:5px;}
.btnSignin{ display:block; width:200px; float:left; margin:5px 0 2px 100px; border:0;}

label.forgot{width:40px; float:left; margin-top:15px; }
input.forgot{width:230px; border: #cccccc solid 1px; background-color:#fff; color:#000; float:left; padding:3px; font-size:12px; margin:17px 0 10px 10px; line-height:15px;}
.btnReset{ display:block; width:250px; float:left; margin:5px 0 2px 50px; border:0;}
.btnReset span {color:#FF0000; padding:5px 0 5px 0; float:left;}

/* Sign up */
input.signup{ width:170px; border: #cccccc solid 1px; background-color:#fff; color:#000; float:left; padding:3px; font-size:12px; margin:0 0 10px 10px; line-height:15px;}
.signup { display:block; float:left; width:320px; margin:20px 0 0 0;}
.signup h2{ display:block; width:315px; margin:5px 0 20px 0; background:#70d0e6; font: bold 15px Arial, Helvetica, sans-serif; color:#fff; line-height:25px; padding-left:5px;}
.signup label{ width:112px; float:left; padding:1px 0 0 0; font-weight:bold; color:#444444; }
.signup label span.required { color:#F00;}
.signup label.remember {display: block; width:205px; float:left; margin:0 5px 5px 0}
.signup label.remember span { margin-left:5px;}
.signup .line { clear:both; border-top:1px dotted #70d0e6; padding:0; margin:5px 0 10px 0; background:none;}
.validationGrid { width:310px; float:left; border-collapse:collapse;}
.validationGrid td.type{}
.validationGrid label{ width:100px; float:left; padding:1px 0 0 0; color:#1FA3C9; font-size:11px; line-height:18px;}
.validationGrid input{ width:180px; border: #cccccc solid 1px; background-color:#fff; float:right; padding:3px; font-size:12px; margin:10px 0 10px 10px; line-height:15px;}
.btnSignup{ display:block; width:200px; float:right; margin:0 0 2px 0; border:0;}

/* Report Incidents */
.reportIn { display:block; float:left; width:310px; margin:20px 0 0 0;}
.reportIn span{ float:left; width:100%}
.reportIn input{ width:210px; border: #cccccc solid 1px; background-color:#fff; color:#000; float:left; padding:3px; font-size:12px; margin:0 0 10px 10px; line-height:15px;}
.reportIn textarea{ width:210px; border: #cccccc solid 1px; background-color:#fff; color:#000; float:left; padding:3px; font-size:12px; margin:0 0 10px 10px; line-height:15px;}
.reportIn label{ width:75px; float:left; text-align:right; padding:3px 0 0 0; font-weight:bold; }
.btnreportIn{ display:block; width:225px; float:right; margin:5px 0 2px 0; border:0;}


/* Me  */
.me{ display:block; float:left; width:100%; margin:15px 0 0 0;}

/* My Dashboard */
.meRecent { width:100%;}
.meDashboard h3{ background:#E3F5F9; font-size:12px; font-weight:bold; color:#444444; padding-left:5px;}
.meDashboard ul{width:100%; }
.meDashboard ul li{ margin:0;}
.meDashboard ul li a{ display:block; padding: 5px 0 5px 5px; font-weight:normal; color:#000; text-decoration:none;}
.meDashboard ul li a:hover{background-color:#E3F5F9; }
.meDashboard .from{width:40px; float:left; padding-top:3px; vertical-align:top;}
.meDashboard .address{margin-left:40px; padding-bottom:5px; line-height:18px; width:270px;}

.meDashboardRC ul{width:100%; }
.meDashboardRC ul li{ margin:0;}
.meDashboardRC ul li a{ display:block; font-weight:normal; color:#000; text-decoration:none; border-bottom:1px solid #dddddd;  background:url(/images/arrow.png) left no-repeat; padding:3px 0 3px 18px;}
.meDashboardRC ul li a:hover{background-color:#E3F5F9; }

/* My Route */
.meRoute h3{ background:#E3F5F9; font-size:12px; font-weight:bold; color:#444444; padding-left:5px;}
.meRoute ul { float:right; width:100%; margin-left:8px;}
.meRoute ul li { padding:5px 18px 5px 8px; background:url(/images/arrow.png) no-repeat left; border:none; float:left;}
.meRouteOption { width:100%;}
.meRouteOption td{ padding:3px 1px 3px 1px;}
.meRouteRow {padding: 5px 0 0 0; background:#fff; border-bottom:1px #cccccc dashed;}
.meRouteRowIcon {width:35px; height:40px; float:left;}
.meRouteRow .address { font-size:12px; margin-left:32px; white-space:normal; width:280px; line-height:20px; display:block;}

/* my profile */
.meProfile {float:left; width:100%;}
.meProfileTb { width:100%; border-collapse:collapse;  border-bottom:1px #e5e5e5 solid; }
.meProfile td {  border-bottom:1px #e5e5e5 solid; padding:3px 0;}
.meProfile td.left { text-align:right; width:120px; padding-right:10px; font-weight:bold;}

.meProfile input{ width:170px; border: #cccccc solid 1px; background-color:#fff; color:#000; float:left; padding:3px; font-size:12px; line-height:15px;}
.meProfile label{ width:112px; float:left; text-align:right; padding:3px 0 0 0; font-weight:bold; }

.btnSignup{ display:block; width:200px; float:right; margin:15px 0 2px 0; border:0;}

.meProfile ul { float:left; margin-left:5px; width:100%;}
.meProfile ul li { padding:5px 10px 5px 8px; background:url(/images/arrow.png) no-repeat left; border:none; float:left;}
.meProfile h3 { background:#f7f7f7; font-weight:bold; font-size:12px; color:#F06723; padding:5px;}

/* My Scratchpads */
.meScra { padding: 5px 0 0 0; float:left; width:100%; border-bottom:1px solid #dddddd;}
.meScra img.left{width:25px; float:left;}
.meScra .edit a{ float:right; width:22px; height:22px; background: url(/images/edit.png) no-repeat;  margin-right:5px;}
.meScra .edit a:hover{ background:#1FA3C9; background:url(/images/edit_hover.png) no-repeat; }
.meScra .delete a{ float:right; width:22px; height:22px; background: url(/images/delete.png) no-repeat; margin-right:10px;}
.meScra .delete a:hover{ background:#1FA3C9; background:url(/images/delete_hover.png) no-repeat; }
.meScra .editIcon { float:right; width:50px;}

.meScra p{ float:left; font-size:12px;  font-weight:bold; white-space:normal; line-height:20px; display:block; width:215px; margin-left:10px;}
.meScra ul { float:right; width:295px; margin-left:8px;}
.meScra ul li { padding:2px 18px 2px 8px; background:url(/images/arrow.png) no-repeat left; border:none; float:left;}


/* Route Details */
.routeDetails { width:100%; border-top:1px #cccccc solid; float:left;}
.detailBullet {background:url(/images/bullet.gif) left no-repeat; padding:10px 0 10px 25px; color:#000; font:bold 12px Tahoma, Arial, Helvetica, sans-serif; display:block;}
.routeDetailsRow {padding: 5px 0 0 0; background:#fff; border-bottom:1px #cccccc dashed;}
.routeDetailsIcon {width:35px; height:40px; float:left;}
.routeDetailsRow .address { font-size:12px; margin-left:32px; white-space:normal; width:280px; line-height:20px; display:block;}
.routeDetails ul { padding-left:20px; white-space:normal; line-height:18px; display:block; background:#fff; height:25px;}
.routeDetails ul li { float:left; padding:2px 10px 2px 8px; background:url(/images/arrow.png) no-repeat left; border:none;}

/* Route Details - route type */
.routeType { width:100%; border-collapse:collapse; border:none; background:#f5f5f5;}
.routeType .erpAware{ font:bold 12px Tahoma, Arial, Helvetica, sans-serif; background:#f5f5f5; padding:8px; color:#555555; border-top:5px #555555 solid;}
.routeType .fastest{ font:bold 12px Tahoma, Arial, Helvetica, sans-serif; background:#f5f5f5; padding:8px; color:#0099D5; border-top:5px #0099D5 solid;}
.routeType .traffic{ font:bold 12px Tahoma, Arial, Helvetica, sans-serif; background:#f5f5f5; padding:8px; color:#8000FF; border-top:5px #8000FF solid;}
.routeType .shortest{ font:bold 12px Tahoma, Arial, Helvetica, sans-serif; background:#f5f5f5; padding:8px; color:#125C28; border-top:5px #125C28 solid;}
.routeType h3{ font:bold 12px Tahoma, Arial, Helvetica, sans-serif; background:#f9f9f9; padding:8px; color:#000;}
.routeType h3 span{padding-left:200px;}
.routeType p.distance { padding:3px 0 3px 8px; font-weight:bold;}
.routeType p.erp { font-weight:bold; padding-left:8px; height:35px;}
.routeType span.car { background:url(/images/erpcar.png) left no-repeat; padding:5px 25px 5px 30px;  }
.routeType span.bike { background: url(/images/erpbike.png) left no-repeat; padding:5px 25px 5px 30px;  }
.routeType span.taxi { background: url(/images/erptaxi.png) left no-repeat; padding:5px 25px 5px 30px; }


.routeType td.erp {}

/* route Details - directions */
.routeDetailsDirectionsRow { padding:5px 0 5px 0; background:#fff; border-bottom:1px #e2e2e2 solid; width:100%; float:left;}
.routeDetailsDirectionsRow img.left {float:left; width:18px; padding-top:3px; padding-right:10px; }
.routeDetailsDirectionsRow .address { font-size:12px; white-space:normal; width:200px; line-height:20px; float:left; padding-right:8px; }
.routeDetailsDirectionsRow .distance{ font-size:12px; white-space:normal; width:50px; line-height:20px; float:right;}

/* Direction -> choose*/
.dChoose { width:100%; border-top:1px #cccccc solid; float:left;}
.dChoose ul{width:100%;}
.dChoose ul li{ margin:0; border-bottom:1px #eeeeee solid; }
.dChoose ul li.noborder{ border:none; }
.dChoose ul li span.icon{width:10px; height:22px; float:left; padding-top:3px;}
.dChoose ul li span.time{font-size:12px; margin-left:5px;  font-weight:bold; white-space:normal; line-height:18px;}
.dChoose ul li p{margin-left:17px; padding-bottom:5px; white-space:normal; line-height:18px;}
.dChoose ul li a{ display:block;	padding: 5px 0 5px 5px;	font-weight:normal;	color:#2F2F20; text-decoration:none;}
.dChoose ul li a:hover{background-color:#E3F5F9; }


/* Place */
.place { display:block; float:left; width:310px; margin:20px 0 0 0;}
.place h3{ display:block; background:#f7f7f7; padding:5px 0 5px 5px; margin-bottom:5px; font-size:12px; border-top:1px solid #dddddd; color:#444444;}
.place input{ width:250px; border: #cccccc solid 1px; background-color:#fff; float:left; padding:3px; font-size:12px; margin:0 0 10px 10px; line-height:15px;}
.place input.btn{ margin-left:50px; float:left; }
.place label{ width:40px; float:left; text-align:right; padding:3px 0 0 0; }
.btnPlace{ float:left; margin:1px 5px 2px 50px; border:0;}

.place p.hint{color:#FF0000; padding:5px 0 5px 0; float:left; line-height:16px; margin-left:50px; width:260px;}

.placeResult {float:left; width:100%; margin:6px 0 0 0; border-top:1px solid #cccccc; padding:0}
.placeResultRow { border-bottom:1px #e5e5e5 solid; padding: 5px 0 0 0; float:left;}
.placeResultRow img.left{width:25px; float:left;}
.placeResultRow p{ float:right; font-size:12px;  font-weight:bold; white-space:normal; line-height:20px; display:block; width:290px; margin-left:10px;}
.placeResultRow ul { float:right; width:290px; margin-left:10px;}
.placeResultRow ul li { padding:5px 18px 5px 8px; background:url(/images/arrow.png) no-repeat left; border:none; float:left; height:25px;}



/* Eat */
.eat { display:block; float:left; width:310px; margin:10px 0 0 0;}
.eat h3{ display:block; background:#f7f7f7; padding:5px 0 5px 5px; margin-bottom:5px; font-size:12px; border-top:1px solid #dddddd; color:#444444;}
.eat input.txt{ width:280px; border: #cccccc solid 1px; background-color:#fff; float:left; padding:3px; font-size:12px; margin:0 0 10px 0; line-height:15px;}
.eat input.btn{ float:left; }
.eat label{ width:310px; float:left; padding:3px 0 3px 0; font-weight:bold; }
.hint{color:#FF0000; padding:5px 0 5px 0; float:left; line-height:16px; width:300px;}

.eatOption { width:300px; float:left;}
.eatOption td{ padding:3px 1px 3px 1px; white-space:nowrap;}

/* paging */

.Paginator {margin-left: auto; margin-right: auto; margin-bottom:10px; margin-top:10px; width:100%; }
.Paginator .thisPage {padding: 2px 5px; font-weight: bold; font-size: 13px; vertical-align: top; color: #ff6600; }
.Paginator a, .thisPage { padding: 2px 5px; text-decoration:none; }
.Paginator a:visited { padding: 2px 5px; color:#1FA3C9; }
.Paginator .Prev { padding: 2px 5px; }
.Paginator .break { padding: 2px 5px; border: none; }
.Paginator .Next {padding: 2px 5px;}
.Paginator a:hover {color: #fff; background: #1FA3C9;  text-decoration:none; }

/* traffic > incidents | weather */
.incidentsContainer, .weather { width:100%; border-top:1px #eeeeee solid; float:left;}
.incidentsContainer ul, .weather ul {	width:100%;}
.incidentsContainer ul li, .weather ul li{ margin:0; border-bottom:1px #e1e1e1 solid; }
.incidentsContainer ul li span.icon{width:22px; height:22px; float:left; padding-top:3px;}
.incidentsContainer ul li span.time{font-size:12px; margin-left:8px;  font-weight:bold; white-space:normal; line-height:18px;}
.incidentsContainer ul li p{margin-left:32px; padding-bottom:5px; white-space:normal; line-height:18px;}
.incidentsContainer ul li a, .weather ul li a { display:block;	padding: 5px 0 5px 5px;	font-weight:normal;	color:#2F2F20; text-decoration:none;}
.incidentsContainer ul li a:hover {background-color:#F9F9E4; }

.weather ul li img{float:left; padding-top:3px;}
.weather ul li span.details{font-size:12px; margin-left:12px;  font-weight:bold; white-space:normal; line-height:18px;}
.weather ul li p{margin-left:50px; padding-bottom:5px; white-space:normal; line-height:18px;}
 .weather ul li a:hover {background-color:#f5f5f5;}

.refresh { margin-top:15px; display:block; background:url(/images/refresh.png) no-repeat; padding-left:20px; margin-left:240px;}



/* parking */
.parking { width:100%; border-top:1px #eeeeee solid; float:left;}
.parking ul{	width:100%;}
.parking ul li{ margin:0; border-bottom:1px #e1e1e1 solid; }
.parking ul li span.state{width:50px; font-weight:bold; float:left; padding:3px; text-align:center; color:#fff;}
.parking ul li span.item{font-size:12px; margin-left:15px; white-space:normal; line-height:25px;}
.parking ul li p{margin-left:32px; padding-bottom:5px; white-space:normal; line-height:18px;}
.parking ul li a{ display:block;	padding: 5px 0 5px 5px;	font-weight:normal;	color:#2F2F20; text-decoration:none;}
.parking ul li a:hover{background-color:#f5f5f5; }

.red { background:#D82A27;}
.orange { background:#F3AD2E;}
.green { background:#169D4C;}
.gray { background:#aaaaaa;}


/* My Route */
.meRouteName { width:100%; background:#E3F5F9; float:left;}
.meRoute p.title{ font-size:12px; font-weight:bold; color:#444444; padding:2px 0 2px 5px; float:left; width:250px;}
.meRoute .edit a{ float:right; width:22px; height:22px; background: url(/images/edit.png) no-repeat;  margin:4px 5px 0 0;}
.meRoute .edit a:hover{ background:#1FA3C9; background:url(/images/edit_hover.png) no-repeat; }
.meRoute .delete a{ float:right; width:22px; height:22px; background: url(/images/delete.png) no-repeat;  margin:4px 10px 0 0;}
.meRoute .delete a:hover{ background:#1FA3C9; background:url(/images/delete_hover.png) no-repeat; }
.meRoute ul { float:right; width:100%; margin-left:8px;}
.meRoute ul li { padding:5px 18px 5px 8px; background:url(/images/arrow.png) no-repeat left; border:none; float:left;}
.meRouteOption { width:100%;}
.meRouteOption td{ padding:3px 1px 3px 1px;}
.meRouteRow {padding: 5px 0 0 0; background:#fff; border-bottom:1px #cccccc dashed;}
.meRouteRowIcon {width:35px; height:40px; float:left;}
.meRouteRow .address { font-size:12px; margin-left:32px; white-space:normal; width:280px; line-height:20px; display:block;}

/* feedback header */
.fbheader {width:100%; height:27px; border-bottom:1px #cccccc solid; background:#f5f5f5; padding-top:3px; }
.fbheader .title{ padding-left:10px; font-size:18px; float:left; font-weight:bold;}
.fbheader .close a { float:right; background:url(/images/close_.png) no-repeat scroll 0 0; margin-right:10px; width:22px; height:22px; }
.fbheader .close a:hover { float:right; background:url(/images/close_.png) no-repeat scroll 0 -22px; margin-right:10px; }

/* feedback content */
.fbcontent { background:#fff; padding:10px; }

/* feedback */
.feedbackC { width:480px; margin:0 auto; border:1px solid #d4d4d4; background:#eee;}
.feedback { display:block; float:left; width:460px; margin:5px 0 0 0;}
.feedback h2{ display:block; width:455px; margin:0 0 20px 0; background:#70d0e6; font: bold 15px Arial, Helvetica, sans-serif; color:#fff; line-height:25px; padding-left:5px;}
.feedback input{ width:300px; border: #cccccc solid 1px; background-color:#fff; color:#000; float:left; padding:3px; font-size:12px; margin:0 0 10px 10px; line-height:15px;}
.feedback p.rating{ width:300px; color:#000; float:left; padding:3px; font-size:12px; margin:3px 0 10px 10px; line-height:15px; display:block;}
.feedback p.rating span{ color:#888888; font-style:italic;}
.feedback label{ width:112px; float:left; padding:1px 0 0 10px; font-weight:bold; color:#444444; }
.feedback label span.required { color:#F00; margin-left:1px;}
.feedback textarea{ width:300px; height:160px; border:#cccccc solid 1px; background-color:#fff; color:#000; float:left; padding:3px; font-size:12px; margin:0 0 10px 10px; line-height:15px; overflow:auto;}
.feedback .line { clear:both; border-top:1px dotted #70d0e6; padding:0; margin:5px 0 10px 0; background:none;}
.btnSend{ display:block; width:325px; float:right; margin:0 0 2px 0; border:0;}
.btnSendNew{ font: bold 13px Arial, Helvetica, sans-serif; display:block; width:412px; float:right; padding:5px 0 2px 15px; border:0; background: url(/images/arrow.png) left no-repeat;}
.feedback_latest { font:13px Arial, Helvetica, sans-serif; color:#444444; line-height:18px; background: url(/images/v2/icon_collapse.png) left 10px no-repeat; padding:6px 0 6px 22px; margin-left:10px; border-bottom:1px dashed #cccccc;}

/* Satisfaction Survey */
.survey { display:block; float:left; width:460px; margin:5px 0 0 0;}
.survey label{ width:400px; color:#444444; display:block; margin:5px 0 0 20px;}
.survey_question {  margin-left:10px; border-bottom:1px dashed #cccccc; padding:0 0 5px 0;}
.survey_question h3 { font: bold 13px Arial, Helvetica, sans-serif; color:#444444; line-height:18px; background: url(/images/icon_collapse.png) left 10px no-repeat; padding:6px 0 0  22px; }
.btnSubmit{ display:block; width:325px; float:left; margin:10px 0 0 30px; border:0;}

/*             styles for the star rater                */
.star-rating{
    list-style:none;
    margin: 0px;
    padding:0px;
    width: 150px;
    height: 30px;
    position: relative;
    background: url(/images/star_rating.gif) top left repeat-x;
}
.star-rating li{
    padding:0px;
    margin:0px;
    /*\*/
    float: left;
    /* */
}
.star-rating li a{
    display:block;
    width:30px;
    height: 30px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}
.star-rating li a:hover{
    background: url(/images/star_rating.gif) left center;
    z-index: 2;
    left: 0px;
    border:none;
}
.star-rating a.one-star{
    left: 0px;
}
.star-rating a.one-star:hover{
    width:30px;
}
.star-rating a.two-stars{
    left:30px;
}
.star-rating a.two-stars:hover{
    width: 60px;
}
.star-rating a.three-stars{
    left: 60px;
}
.star-rating a.three-stars:hover{
    width: 90px;
}
.star-rating a.four-stars{
    left: 90px;
}
.star-rating a.four-stars:hover{
    width: 120px;
}
.star-rating a.five-stars{
    left: 120px;
}
.star-rating a.five-stars:hover{
    width: 150px;
}
.star-rating li.current-rating{
    background: url(/images/star_rating.gif) left bottom;
    position: absolute;
    height: 30px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}

/* map panel */
.map_panel  {overflow:hidden;}