.group:after{content:"";display:table;clear:both}
.wopadding{padding:0}
.womargin{margin:0}
input.search{font-family:Helvetica,Arial,sans-serif;font-weight:normal;background-color:#fff;background-position:10px 15px;background-repeat:no-repeat;background-size:16px 16px;border:1px solid #d0d0d0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;float:left;margin-top:12px;position:relative;padding:15px 5px 13px 42px;margin-left:16px;font-size:1.1em;line-height:1em;width:45%;pointer-events:auto}
/* nav menu starts */
#menu-links{float:left;width:100%;overflow:hidden;position:relative;font-size:.8em; padding-top:5px;}
#menu-links ul{clear:left;float:left;list-style:none;margin:0 0 0 3px;padding:0;position:relative}
#menu-links ul li{display:block;float:left;list-style:none;margin:0;padding:0;position:relative}
#menu-links ul li a{display:block;margin:0 0 0 1px;padding:5px 10px;background:#37332a;color:#f3efe4;text-decoration:none;line-height:1.5em}
#menu-links ul li.social a{background:#cf0606;padding-right:20px}
#menu-links ul li.social a:before{content:"NEW";font-size:.6em;position:absolute;right:-10px;background:red;top:0;color:#fff;padding:0 5px;line-height:2em;border-radius:5px;border:1px solid rgba(255,255,255,.4)}
#menu-links ul li.social a:hover{background:red}
#menu-links ul li a:hover{background:#369}
#menu-links ul li a.active,#menu-links ul li a.active:hover{color:#37332a;background:#e9e5dc;font-weight:bold}
#main{min-height:100%;width:100%; height:initial;}
#map-app{height:100%;display:table;width:100%;}
.main-map{position:relative;left:0px;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:width .3s ease-out;-moz-transition:width .3s ease-out;-o-transition:width .3s ease-out;transition:width .3s ease-out; background-color:#EFEFEF; min-height:635px; }
/* Pre Loding starts */
.preload-container{z-index:999;pointer-events:none}
.preload-container .preload-spinner{height:128px;width:200px;position:absolute;margin:-150px 0 0 -100px;left:50%;top:50%}
.preload-container .preload-spinner span{display:block;margin:0 auto 10px;height:50px;width:50px;background-image:url("../images/loading-main.gif"); background-repeat:no-repeat;background-size:50px;}
.preload-container .preload-spinner p{text-align:center;width:100%;color:#777}
.preload-container.center-box{position:absolute;top:50%;left:50%}
#side{ padding:5px; background-color:#E9E5DC; min-height:625px; max-height:625px;}
#ad3{margin-top:5px;padding-top:5px;height:250px;width:100%;background-color:#f2eee3;text-align:center}
#tabMap{color:#363329}
.interface p{margin:.75em .6em 1.25em}
.interface a:hover{color:#787771}
.twocolinp{margin:.3em 0 0;padding-bottom:.3em;position:relative}
.twocolinp label,.twocolinp .twocolinpleft,.twocolinp span.fauxLabel{color:#000;margin:0 0 0 .6em;font-weight:bold;float:left;width:56px;display:block;text-align:right}
.twocolinp .routeTextWrapper,.twocolinp .routeTextWrapper{width:150px}
.routeTextWrapper,.twocolinp .inputTextWrapper{display:block;margin-right:.6em;position:relative}
a.searchPlaceBtn:hover,a.getRouteBtn:hover{opacity:.7;cursor:pointer}
#findPlaceWrapper{float:right;margin-right:.6em}
label#lblSearchPlace{display:none}
.btn-yellow{background-color:#FC0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#000;display:block;font-weight:600;line-height:16px;padding:8px 20px 8px 12px;position:relative}
a.btn-yellow span{background:url("../images/btn-get-route-spinner-sprite.gif") no-repeat scroll -179px -41px #FC0;display:inline-block;height:16px;position:absolute;right:7px!important;top:9px;width:6px}
input.routeText{padding:6px;width:170px;margin-left:5px;margin-right:7px;position:relative;font-size:11px;font:arial,helvetica,sans-serif;color:#999}
#list-sidebar{padding-top:10px;overflow:auto;background-color:#f2eee3;}
#list-sidebar .itemPOI{border-bottom:1px solid #f2eee3;border-top:1px solid #f2eee3;padding-top:5px}
#list-sidebar .itemPOI:hover{background-color:#FFF;border-bottom:1px solid #CDCDCD;border-top:1px solid #CDCDCD;cursor:pointer}
#list-sidebar .itemPOI .itemPOICol1{width:30px;height:70px;float:left;text-align:center;background:url("../images/itemPOI.gif") no-repeat transparent 4px 0;padding-top:2px}
#list-sidebar .itemPOI .itemPOICol1 a{font-weight:bold;font-size:10px;color:#FFF;margin:0;padding:0}
#list-sidebar h3{font-weight:500;font-size:15px}
#list-sidebar h3 a{color:#15c;font-size:15px}
#list-sidebar p{font-size:12px}
#list-sidebar p span{color:#999}
#route{/*border-bottom:1px solid #CCC;border-right:1px solid #CCC;float:left;height:60%;margin:0 0 .363em 10px;overflow:auto;position:relative;*/width:100%}
#route-content .points{clear:both;margin:0 0 .3em;padding:.15em 0 0;width:100%; max-height:200px; overflow-y:scroll;}
#route-content .points .way-point-item{margin:.3em 0 0;padding-bottom:.3em;position:relative}
#route-content .points .way-point-item label{float:left;font-weight:bold;line-height:25px;/*margin:0 0 0 5px;text-align:right;*/width:70px}
#route-content .points .way-point-item input{background-color:#FFF;border-style:solid;border-width:1px;margin-left:5px;padding:6px;width:185px;color:#999}
.big #route-content .points .way-point-item input{width:240px}
#route-content .points .way-point-item .remove-way-point{background:url("../images/map-sprite-003.png") no-repeat scroll -51px -118px transparent;cursor:pointer;display:block;height:10px;position:absolute;right:2px;top:6px;width:10px}
#route-content .points .to-clone{display:none}
#route-content .options-content{width:100%}
#route-content .options-content .options{float:left}
#route-content .options-content .options li{margin-bottom:2px}
#add-way-point span{background:url("../images/map-sprite-003.png") no-repeat scroll -19px -119px transparent;display:block;float:left;height:14px;margin-right:3px;width:14px; cursor:pointer;}
#route-options span{background:url("../images/map-sprite-003.png") no-repeat scroll -1px -120px transparent;display:block;float:left;height:14px;margin-right:5px;width:14px;  cursor:pointer;}
#route-content .options-content .get-route{float:right;margin-right:12px}
#route-content .options-content .get-route a{background:url("../images/btn-get-route-spinner-sprite.gif") no-repeat scroll 0 -32px transparent;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:block;height:32px;padding-left:6px;padding-right:0;text-align:left;width:110px}
#route-content .options-content .get-route span{background:url("../images/btn-get-route-spinner-sprite.gif") no-repeat scroll -79px -31px transparent;display:block;font-weight:bold;line-height:31px;padding:0 25px 0 3px!important;width:94px}
#route-content .options-content .get-route a:hover{color:#787771;opacity:.7}
#route-content .options-content .route-options{background-color:#F2EEE3;display:none;float:left;margin-top:10px;padding:5px 0;position:relative;width:100%}
#route-content .options-content .route-options input{margin-right:5px}
#route-content .options-content .route-options .close{background:url("../images/map-sprite-003.png") no-repeat scroll -51px -118px transparent;cursor:pointer;display:block;height:10px;position:absolute;right:3px;top:3px;width:10px}
#directionsPanel{float:left;margin-top:20px;overflow-y:auto; max-height:370px;}
#directionsPanel .adp-list{border:0}
/*-------------*//*------------ Distances ---------*/
#fromText{font-weight:bold}
#origin{display:none}
.from{padding-bottom:15px}
.to{padding-bottom:15px}
.from input{background-color:#FFF;border-style:solid;border-width:1px;margin-left:5px;padding:6px;width:160px;color:#999}
.to input{background-color:#FFF;border-style:solid;border-width:1px;margin-left:5px;padding:6px;width:160px;color:#999}
#distancesTable{height:100px;overflow-y:scroll;display:block;margin:0;padding:0;clear:left}
#distancesTable #duration{display:none}
.distanceRow.active{background-color:#fc0}
#distances a{color:#15c;font-weight:bold}
.units{width:100%;float:left}
.units ul{float:right;border:1px solid #ccc;border-radius:3px}
.units li{float:left}
.units li a{color:#fff!important;background-color:#37332a;cursor:pointer;float:left;font-weight:bold;line-height:19px;padding:0 2px;text-align:center;text-decoration:none;width:40px;border:0;box-shadow:1px 1px 2px rgba(0,0,0,.2);display:block}
#unitsSelection li .selected{background-color:#fff;color:#37332a!important}
/*---------------------------- Weather -----------------------------------*/
#float-window{height:100px;left:50%;margin-left:-336px;position:absolute;top:70px;cursor:move}
#weather{background-color:#FFF;border:1px solid #CCC;-webkit-box-shadow:4px 4px 5px rgba(50,50,50,0.3);-moz-box-shadow:4px 4px 5px rgba(50,50,50,0.3);box-shadow:4px 4px 5px rgba(50,50,50,0.3);height:100px;left:50%;padding:10px;top:50px}
#weather .celsius{display:none}
#weather .fahrenheit{display:none}
#weather .temp-units{position:absolute;right:25px;top:-18px}
#weather .temp-units a{color:#FFF;display:block;padding:0 5px}
#weather .temp-units li{background-color:#37332A;border:1px solid #CCC;border-bottom:0;float:left;font-weight:600;line-height:18px;margin-left:1px}
#weather .temp-units li:hover,#weather .temp-units li.active:hover{background-color:#6C6753}
#weather .temp-units li.active{background-color:#FFF;float:left}
#weather .temp-units li.active a{color:#37332A}
#weather .loading{display:none;float:left;margin-top:15px;text-align:center;width:200px}
#weather .btn-close{background:url("../images/sprite-map.png") no-repeat scroll -184px 0 transparent;display:inline-block;height:21px;margin-top:-21px;position:absolute;right:-10px;width:21px;cursor:pointer}
.see-forecast{border-left:1px solid #CCC;float:left;height:90px;padding:5px 0;position:relative;width:15px}
.see-forecast.open{border-left:1px solid #CCC}
.see-forecast.close{border-left:none}
.see-forecast a{background-color:#FC0;display:block;height:50px;margin-top:-25px;position:absolute;top:50%;width:15px}
.see-forecast.open a{-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}
.see-forecast.close a{-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-bottom-left-radius:3px}
.see-forecast a span{background:url("../images/sprite-map.png") no-repeat scroll -67px -238px #FC0;display:inline-block;height:16px;margin-top:-8px;position:absolute;right:4px;top:50%;width:6px}
.see-forecast.close a span{background-position:-61px -238px}
.now{float:left;width:200px}
.now .location{font-weight:600}
.now ul{color:#808080;float:left;font-weight:bold;margin-top:5px}
.now ul li{float:left;margin-bottom:-5px;margin-top:10px;width:130px}
.now ul li.icon{margin:0 10px 0 0;width:50px}
.now ul li span{color:#15C}
.forecast{display:none;float:left}
.forecast .day{border-left:1px solid #CCC;float:left;height:90px;padding:5px 15px;text-align:center;width:70px}
.forecast .day .max{color:#A12229;font-weight:bold;margin-right:5px}
.forecast .day .min{color:#15C;font-weight:bold}
.forecast .today{color:#808080;font-weight:bold;text-align:left;width:100px}
.forecast .today span{display:block;margin-bottom:3px}
.forecast .today span.max,.forecast .today span.min{display:inline-block;font-size:14px}
.forecast .today .conditions{color:#000;font-weight:normal}
#weather-panel-widget{margin-top:15px}
/*------------------------------- *//*---------- InfoWindow ---------- */
.overflow-hidden{overflow:hidden}
#infoWindow{font-family:arial,helvetica,sans-serif;width:300px}
#infoWindow a{font-family:arial,helvetica,sans-serif;color:#15C;position:relative}
#infoWindow h1{font-size:14px;margin:5px 0;line-height:15px;width:100%;font-weight:600}
#infoWindow h1 a{font-family:arial,helvetica,sans-serif;color:#15C;font-weight:600;font-size:14px}
#infoWindow h2{font-size:12px;font-weight:100;width:100%}
#infoWindow .title{color:#009ADE;font-size:14px;font-weight:500}
#infoWindow img{float:left;margin-right:10px;margin-top:5px;width:139px;height:83px}
#infoWindow p{font-size:12px}
#infoWindow .options{background-color:#F2EEE3;border:1px solid #CCC;border-radius:3px;line-height:35px;margin-bottom:10px;margin-top:20px;padding:0 12px;position:relative;width:90%;float:left}
#infoWindow .options .delete{float:right;margin-right:12px}
#infoWindow .options .save-point{margin-left:25px}
#infoWindow .options .save-point span{background:url("../images/sprite-map.png") no-repeat scroll -358px -141px rgba(0,0,0,0);display:inline-block;height:20px;left:-20px;margin-right:10px;position:absolute;top:-2px;width:13px}
#infoWindow .options .street-view{margin-left:25px}
#infoWindow .options .street-view span{background:url("../images/sprite-map.png") no-repeat scroll -7px -57px rgba(0,0,0,0);display:inline-block;height:20px;left:-23px;margin-right:10px;margin-top:0;position:absolute;top:-3px;width:17px}
#infoWindow .save-container{display:none;margin-top:15px}
#infoWindow .save-container label{color:#888;font-weight:500}
#infoWindow .save-container input{padding:3px;width:155px}
#infoWindow .save-container .save{background-color:#FC0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#000;font-weight:500;margin:0 5px;padding:3px 10px}
#infoWindow .share{margin-top:20px}
#infoWindow .share label{display:block;margin-bottom:5px}
#infoWindow .share span{background:url("../images/sprite-map.png") no-repeat scroll -400px -88px transparent;display:inline-block;height:14px;margin:2px 10px 0 0;width:14px}
#infoWindow .share input{color:#009ADE;width:270px;margin-bottom:20px}