body {
    font-family: Verdana;    
}

#routePlanningMapContainer {
	width: 895px;
	height: 566px;	
	background-color: #ede5d8;
}

#loadingMap {
    background-color:#ffffff;
    height:566px;
    width:895px;
    text-align: center;
    padding-top: 250px;
}
#mapContainer {
	width: 554px;
	height:560px;	
	float: left;
	border: 4px solid #778e1d;
}

#map {
	width: 554px;
	height:560px;
}

#mapLayersContainer {
	float: left;	
	width: 156px;	
}

* html #mapLayersContainer {
    width: 145px;
}

#mapLayersContainer form {
    border-style: solid;
    border-color: #778E1D;
    border-width: 4px 1px 4px 3px; 
    background: #778E1D url('../../images/LayerBG.gif') repeat 0px 0px;        
    margin:0;
    padding:0;
}

* html #mapLayersContainer form {
    width: 145px;
}

#mapLayersContainer #placesHeader {
    height: 33px;
    background: #ede5d8 url(../../images/PlacesTab.gif) no-repeat 3px 0;
    overflow: hidden;	 
}
#mapLayersContainer #placesHeader h2 {
    margin: 11px 2px 0px 49px;
    font-size: 13px;
    font-weight: bold;
    color: #fff; 
}

/* Accordion */
.toggler {
	color: #fff;
	margin: 0;
	padding: 2px 5px;
	background: url(../../images/NavLeft.gif) no-repeat 0px 0px;
    font-size: 9px;
	font-weight: normal;	
	cursor: pointer;
	height: 17px;
	display:block;
	border: solid #ccff33;
    border-width: 1px 1px 0 1px;
}


H3.Last {
    border-width: 1px 1px 1px 1px;
}

.toggler span.Cnt {
    color: #ccff33;
}

.toggler img {
    margin: -1px 2px 0 0px;
    padding: 0;
    vertical-align: middle;
}

.Selected {
    background-position: 0 -21px;   
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}

* html #layersSelector 
{
    width: 140px;  
    display: block;     
} 
 
/* Map Layer Panels*/
#layersSelector p.layerCB {
	clear: both;
	float: none;
	font-size:9px;
	color: #627419;
	margin: 0;
    padding: 0;
    overflow: hidden;
}

#layersSelector .layerCB label {
	text-align:left;
	width: 80px;
}

/* Passes Panel */

#Passes .toggler {
    background: transparent url(../../images/NavRight.gif) repeat 0 0;
}
#Passes .Selected {
    background-position: 0 -21px;
}

.PassesList li p {
    margin: 1px 0 0 0;
    padding: 0;
    font-size: 9px;
    color: #627419;
}

.PassesList li.Selected {
    background-color: #ffd180;    
}

.PassesList li.StartPointSep {
    font-size: 11px;
    color: #7e7e7e;
    font-weight: bold;
    padding: 5px 0px 5px 10px;
    background:transparent url(../../images/RegionBar.gif) repeat scroll 0 0;
    height: 12px;
}

/* Tabs */
#myTabs {
    background-color: #ede5d8; 
}

.mootabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 0 4px;
	padding: 0px;	
	background-color: #ede5d8;
}

.mootabs_title li {
	float: left;
	cursor: pointer;	
	height: 33px;
	font-size: 9px !important;			
}

.mootabs_title li.active {
	background-position: 0 0 !important;			
}


.mootabs_title #favouritesTab {
    width: 84px;
	background: url(../../images/FavsTab.gif) no-repeat 0px -33px;
}

.mootabs_title #passesTab {
    width: 79px;
	background: url(../../images/PassesTab.gif) no-repeat 0px -33px;
}

.mootabs_title li big {
    display: block;
    color: #666;
    margin: 10px 0 0 7px;
    font-size: 11px;           
}
.mootabs_title li.active big {
    color: #fff;
}

.mootabs_panel {
	display: none;
	background-color: #ddd;
	position: relative;
	top: -1px;
	clear: both;
	background:transparent url(../../images/LayerBG.gif) repeat scroll 0px;
    border-width: 4px 3px 4px 0px;
    border-style: solid;
    border-color: #778E1D;
}

.mootabs_panel.active {
	background-color: #e6e6e6;
	display: block;
}


/* Right hand tabs */
#favouritesPanel .mootabs_title li {
	list-style: none;	
}

/* Passed Tab */
.PassesList {
	margin: 0;
	padding: 0;
}

.PassesList li span {	
	display:block;
	width: 200px;	
	clear:both;
}

/* Favourites Tab */

/* tabs container, remove */
#favouritesPanel {
	width: 170px;
	height:480px;
	background-color:#aaa;
	float: left;	
}
*html #favouritesPanel {
	width: 150px;
	height:480px;	
}


#feedback a {
    display: block;
    height: 26px;
    width:167px;
    text-indent: -1000px;
    overflow: hidden;
    text-decoration: none;
    color: #778e1d;
    font-size: 11px;    
    background:transparent url(../../images/fav_sprites.gif) repeat scroll 0px 26px;
}
#feedback a:hover {
    background-position : 0 49px;
}


*html #feedback a {
    background:transparent url(../../images/fav_sprites.gif) repeat scroll 0px 23px;
    height: 23px;
    width:167px;
}

*html #feedback a:hover {
    background-position : 0 46px;
}

#feedback {
    height: 32px;
    width: 171px;    
    background-color: #778E1D;
}
* html #feedback {
    height: 28px;  
    width:169px;  
}

#Favourites {
    width: 168px;
    background-color: #ede5d8;    
}

#recPassLink {
    display: block;
    background: #778E1D url(../../images/fav_sprites.gif) no-repeat 0 0;
    height: 35px;
    width: 168px;    
    text-indent: -1000px;
    overflow: hidden;    
    font-size: 9px;   
}
#recPassLink:hover {
    background-position: 0 -35px; 

}

#favouritesList {
	margin: 0;
	padding: 0;	
}

#favLinks {
    background: transparent url(../../images/hand_written_tip.gif) no-repeat 15px 0;
    width: 168px;
    height: 103px;    
}

#shareThisDiv {
    margin: 56px 1px 2px 1px;
    float: left;
    clear: both;
    height: 23px;
    width: 168px;
    padding-left:23px;
}

*html #shareThisDiv {
    width: 130px;
    height: 23px;
}

#clearAllFavs {
    display: block;
    background: #fff url(../../images/fav_sprites.gif) no-repeat 0 -70px;
    height: 23px;
    width: 168px;   
    float: left; 
    text-indent: -1000px;
    overflow: hidden;    
}
#clearAllFavs:hover {
    background-position: 0 -93px;
}

#favLinks a:hover {
    color: #000;
}

#favouritesListContainer {
    font-size: 9px;  
    height: 360px;    
    overflow: auto;
}

#favouritesList li {
    list-style-image: none;
	list-style-type: none;
	clear: both;	
}

#favouritesList li div
{
    padding-top: 3px;
}


#favouritesList li .Delete {    
    width: 12px;
    height: 12px;
    background: url(../../images/DelFav.gif) no-repeat;
    display: block;
    float: left;
    margin-left: 2px;
    overflow: hidden;
    text-indent:-1000em;
    cursor:pointer;  
}

#favouritesList li img {
    float: left;
    display: block;
    margin: 0 3px 0 3px;
}

#favouritesList li span.Desc {
    display: block;
    float: left;
    white-space: nowrap;
	overflow: hidden;
	width:135px;
	cursor:pointer;	
}

* html #favouritesList li span.Desc {
    width: 120px;
}


/* pass Details Window */
#dragger {
	z-index: 10000;
	cursor: move;
	height: 296px;
	position: absolute;
	top: 111px;
	left: 230px;
	width: 296px;		
}

#dragger h2 {
    display: block;
    width: 296;
    height: 27px;
    margin: 0;    
    background: url(../../images/InsHeader.gif) repeat;   
    overflow: hidden; 
}

#dragger h2:hover {
    background: url(../../images/panel_header_over.gif) repeat;
}

#dragger h2 big 
{
    display: block;
    padding: 5px 0pt 0pt 5px;
    width: 232px;
    float: left;
    font-size: 11px;
    color: #fff;
    height: 27px;
}

#dragger h2 a {
    display: block;
    float: left;
    cursor: auto;
    width: 15px;
    height: 15px;
    overflow: hidden;
    background: url(../../images/InsHeaderIcon.gif) no-repeat;
    margin: 4px 4px 0 0;
}


#dragger h2 .Help {
    background-position: 0 -16px;
}

#dragger h2 .Close{
    background-position: 0 -32px;
}

#dragger h2 .Maximize
{
    background-position: 0 -48px;
}


#dragger small {
    position:absolute;
    left:290px;
    top:0;
    cursor: pointer;
    text-decoration: none;
}

#dragger span {
    display: block;
    font-size: 9px;
}


/* Pass Info List list*/
#passInfoCollection {
    display: none;    
}

/* marker buble style */
#markerInfo {
    width: 300px;
    height: 300px;
    font-size: 10px;
    color: #777;   
}

#markerInfo h2 {
    color:#778E1D;
    font-size:13px;
    font-weight: bold; 
    margin:0;
    width:100%;
}

#markerInfo small {
    width: 100%;  
    font-size:11px;
    color:#778E1D;
    margin: 4px 0 10px 0;
    float:left;
    display: block;
    height: 22px;
    background-color: #f1f1f1;
}

#markerInfo small span {
    float: left;
    display: block;
    height: 22px;
    line-height: 22px;
}
#markerInfo small span.Cat {
    color: #fff;
    padding: 0 5px 0 5px;
}

#markerInfo small img {
    float: left;
    display: block;
}


#markerInfo .Thumb {
    float: right;
    padding: 5px;
    margin: 4px 10px 4px 0;      
}

#markerInfo .BubbleContent {
    height: 215px;
    clear: both;
    overflow: auto;
}

#markerInfo .BubbleBody 
{
    margin-top: 5px;
    height: 160px;
    width: 240px;       
}

#markerInfo .BubbleBody a {
    color: #778e1d;
    font-weight: bold;
}

#markerInfo .BubbleFooter {
    margin-top: 15px;
    width: 240px; 
    height: 30px;
    float: left;
}

#markerInfo .AddToFavsLink {
    float:left;
    clear: both;
    margin-left: 100px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding-top: 9px; 
	height: 29px;
	width: 132px;
	background: url(../../images/BtnGreen.gif) no-repeat 0px 0px;    
}

#markerInfo .AddToFavsLink:hover {
    color: #000;
}

#markerInfo .Added {
    display: none;
}

/* Mock Up Elements */
#headerMockUp {
    width: 908px;
    height: 97px;
    background: url(../../images/mockup/header.jpg) no-repeat 0px 0px;   
}

.ShrinkPassInfo 
{
   height: 27px !important;    
}
.ShrinkPassInfo .PassInfo 
{
    display:none !important;    
}
.MapInsInfo 
{
    display: none; 
}

.ShrinkPassInfo div {
    display: none !important;
}

#mapInstPanel {
    display :none;    
}

#selectedPassInfo {
    font-size: 9px;
    color: #838383;
    height: 360px;
    border: 4px solid #778e1d;
    background-color: #fff;    
}

* html #selectedPassInfo { 
    width: 290px;     
}

#selectedPassInfo h3 {
    font-size: 9px;
    margin-left: 20px;
}

#selectedPassInfo .Sec {
    border-bottom: solid 1px #aaa;
    padding:5px 0 6px 0;
    float:left; 
    margin-left: 14px;
    width: 270px;
}

* html #selectedPassInfo .Sec {
    margin-left: 5px;
}

#selectedPassInfo .Prc {
    float:left;
    width: 140px;
}

#selectedPassInfo .PImg {
    float: left; 
    width: 123px;
    height:95px;    
    padding: 6px 0pt 0pt 7px;
    background: url(../../images/PassThumbBG.png) no-repeat 0px 0px;
}

#selectedPassInfo .PImg img {
    width: 111px;    
}

#selectedPassInfo big {
    font-size: 10px;
    color: #778e1d;
    font-weight: normal;
    font-family: Arial;   
    clear: both;
    display: block;   
}

#selectedPassInfo em {
    font-size: 12px;
    color: #000;
    font-weight: bold;
    font-style: normal;
    float: left;   
    margin-bottom: 5px;
    display: block;    
}

#selectedPassInfo .Spl {
    color: #ff6600;
    clear: both;
}

#selectedPassInfo .Btn {
    color: #fff;
    float: left;
    display: block;
    height: 27px;
    width: 70px;
    background: url(../../images/PassBtn.png) no-repeat;
    text-decoration: none;
    padding: 8px 0pt 0pt 7px;
    font-size: 11px;
    margin: 10px 0 0 10px;
}      
    
#selectedPassInfo ol {
    margin: 10px 20px 10px 32px;
    padding: 0;
}

#selectedPassInfo li {
    list-style-image: none;    
	margin: 5px 0 0 5px;    
}

#selectedPassInfo .LowerPanel {
    width: 258px;
    height: 80px;
    border-top: solid 1px #999;
    margin: 5px 0 0 10px;
    padding: 10px;
}
#selectedPassInfo .LowerPanel span {
    font-weight: bold;
}

#selectedPassInfo .LowerPanel ul {
    margin: 15px 0 20px 0;
    padding: 0;
}

#selectedPassInfo .LowerPanel li {
    list-style-type: none;
    display: block;
    background: url(../../images/InsHeaderIcon.gif) no-repeat;
    height:15px;
    margin: 4px 4px 0 0;
    padding-left: 20px;    	
}

#selectedPassInfo .LowerPanel li.Inst {
    background-position: 0 -17px;
}

#selectedPassInfo .LowerPanel li.Minimize {
    background-position: 0 -32px;
}

#mapInstPanel h3 {
    font-weight: bold;
    font-size: 9px;
}

.tooltip {
    background-color:#ffffff;
    font-size: 9px;
    border:1px #006699 solid;
}

/* moodalbox CSS */
div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
z-index: 100000;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
z-index: 100001;
}

div#mb_center {
background-color: #FFF;
}

div#mb_contents {
width: 400px;
height: 400px;
border: 10px solid #DDD;
overflow: auto;
background-color: #FFF;
visibility: hidden;
}

.mb_loading {
background: #DDD url(../../images/loading.gif) no-repeat center center;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}

#mb_error em {
font-size: 0.8em;
}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #DDD;
border-top-style: none;
}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../../images/closelabel.gif) no-repeat center;
margin: 8px 0;
}

div#mb_caption {
margin-right: 71px;
}

#linkTextBox {
    width: 300px;
    margin-left: 5px;
}

#linkToItinerary span {
    font-size: 11px;
    display: block;
    margin: 5px 5px 10px 5px;
}
/* moodalbox CSS ends */

#nomap {
    height:560px;
    width:554px;
    background-color: #fff;
}

#nomap a {
    text-decoration: none;
}

#nomap a img {
    border: none;
} 

#r03 {display:none;} /* no fiji */