﻿

 *{margin:0; padding:0;}
.top-strip{position:absolute; z-index:1200; height:32px; background:#f2f2f2; text-align:center; width:80%;}
.top-inner{width:300px; margin:0 auto;}
.map-pane{background:url(../Images/vecss_en.png) no-repeat; height:30px; float:left; width:46px; background-position:0 -30px; position:relative; margin:0 auto;}
.map-pane a{background:url(../Images/vecss_en.png) no-repeat; background-position:0 -30px;}
a.top-arrow{width:7px; height:4px; position:absolute; left:20px; top:2px; background-position:-20px -32px;}
a.top-arrow:hover{background-position:-20px -2px;}
a.right-arrow{width:4px; height:7px; position:absolute; left:37px; top:11px; background-position:-37px -41px;}
a.right-arrow:hover{background-position:-37px -101px;}
a.bottom-arrow{width:7px; height:4px; position:absolute; left:20px; top:23px; background-position:-20px -53px;}
a.bottom-arrow:hover{background-position:-20px -143px;}
a.left-arrow{width:4px; height:7px; position:absolute; left:6px; top:11px; background-position:-6px -41px;}
a.left-arrow:hover{background-position:-6px -71px;}
a.mid-arrow{width:7px; height:8px; position:absolute; left:20px; top:11px; background-position:-20px -41px;}
a.mid-arrow:hover{background-position:-20px -101px;}


.zoom{width:46px; height:31px; float:left; background:url(../Images/vecss_en.png) no-repeat 0px -149px; margin:3px 0 0 10px;}
.zoom a{float:left; width:18px; height:31px;}
a.zoom-out{background:url(../Images/vecss_en.png) no-repeat 0px -175px;}
a.zoom-out:hover{background-position:0 -215px;}
a.zoom-in{background:url(../Images/vecss_en.png) no-repeat -28px -175px; margin-left:10px;}
a.zoom-in:hover{background-position:-28px -215px;}

.map-options{background:url(../Images/spacer.gif) no-repeat; padding-left:9px; float:left; margin-left:15px; height:31px;}
.map-options ul{list-style-type:none; margin:0; padding:0;}
.map-options li{background:url(../Images/down-arrow.gif) no-repeat 0 13px; text-align:left; margin:0; padding-left:17px; list-style-type:none; position:relative; height:31px; line-height:29px;}
.map-options li a{color:#737373; text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif; display:block; height:31px;}
.map-options li li{height:auto; padding:0; float:left; position:relative; background:#FFF;}
.map-options li li a{line-height:15px; display:block; background-color:#fff; }

.map-options li li a.hybrid { background:url(../Images/ic-hy.jpg) 5px 4px no-repeat; width:300px; padding:15px 15px 15px 60px;}
.map-options li li a.aerial { background:url(../Images/ic2.jpg) 5px 4px no-repeat; width:300px; padding:15px 15px 15px 60px;}
.map-options li li a.shaded { background:url(../Images/ic1.jpg) 5px 4px no-repeat; width:300px; padding:15px 15px 15px 60px;}


.map-options li li a:hover{background-color:#efeeec;}
.map-options li li a span{display:block; color:#777777;}
.map-options li li a span.title { font-family:Arial; font-size:12px; font-weight:bold; margin:0 0 6px 0;}
.map-options li li a:hover span {color:#ea8232;}
.map-options li ul{position:absolute; display:none; left:-5px; top:30px;}
.map-options li:hover ul{display:block;} 

/* Start Cygnet Changes Milestone:5.0.0 Ticket No:2673 :  Opera ToolTip Issue */
#tt {
 position:absolute;
 display:block;
 background:url(images/tt_left.gif) top left no-repeat;
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
 overflow:hidden;
 }
 #ttcont {
 display:block;
 padding:2px 2px 2px 2px;
 margin-left:5px;
 color:Black;
 font:11px verdana;  
 border:solid 1px; 
 background:url(../Images/tooltip-runner.png) top left repeat;
 }
#ttbot {
display:block;
height:5px;
margin-left:5px;
overflow:hidden;
}

/* End Cygnet Changes Milestone:5.0.0 Ticket No:2673 : Opera ToolTip Issue */
