body { margin:0px; padding:0px; background-color:transparent; background-image:none; background:none; width:100%; height:100%; overflow:hidden; }
body, a, div, td, input, select { font-family:Arial, sans-serif; font-size:11px; }
a img { border:0px; }
.icon { vertical-align:middle; }.silver { background-image:url('../images/background-button.png'); border:1px solid #aaaaaa; background-repeat:repeat-x; background-color:#FFFFFF; }

body h1 { font-size:180%; font-weight:normal; }
body h2 { font-size:150%; font-weight:normal; }

/*
 * Content
 */
div#Content { position:absolute; top:28px; bottom:161px; left:0px; right:0px; z-index:25; width:100%; height:380px; }
div.ContentPadding { margin:15px; }
#panofullscreen div#Content { bottom:0px; }


/*
 * PoweredBy
 */
div#PoweredBy { position:absolute; right:0px; bottom:0px; width:200px; height:17px; font-size:90%; text-align:right; }
div#PoweredBy a { text-decoration:none; color:#AAAAAA; font-size:10px; }



/*
 * ButtonShare
 */
div#ButtonShare { position:absolute; left:0px; bottom:0px; width:170px; height:17px; font-size:90%; text-align:left; }



/*
 * Detail
 */
div#Detail { position:relative; z-index:10; }
div#Detail table { width:100%; height:28px; line-height:28px; }
div#Detail .caption { width:40%; font-size:120%; font-weight:normal; text-align:center; }
div#Detail .quick-select-bar { width:40%; text-align:center; }
div#Detail .full-screen { width:20%;  text-align:center; }
div#Detail .full-screen a { display:block; line-height:28px; height:28px; background-color:#BD0001; text-decoration:none; font-weight:bold; color:white; }
div#Detail .full-screen a:hover { display:block; background-color:#df0101; }


/*
 * Detail
 */
#Map .item { 
    position:relative;
    text-align:center; 
    margin:10px 0px 10px 10px;
    width:120px;
    height:80px;    
    float:left;
}
#Map .item a span { line-height:20px; }
#Map .item a { text-decoration:none; }
#Map .item a:hover { text-decoration:underline; }
#Map .active a { font-weight:bold; text-decoration:none!important; }
#Map .item .counter {
    position:absolute; top:-5px; right:-5px; width:30px;height:30px;line-height:28px;
    background-image:url(../../images/icon/panoimagelist-counter-small.png);
    text-align:center; font-weight:bold; color:white;
}
#MapInfo { position:absolute; top:-30px; }



/*
 * Buttons
 */
div#Buttons { position:absolute; right:0px; bottom:141px; width:120px; height:20px; overflow:hidden; z-index:20; }
div#Buttons ul.tabs { 
    list-style:none; 
    margin:0 !important; 
    padding:0;        
    height:28px;
    float:right;
}

div#Buttons ul.tabs li { 
    float:left;     
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important; 
}


div#Buttons ul.tabs a { 
    display:block;
    height: 20px;  
    line-height:20px;
    width:20px;
    text-align:center;    
    text-decoration:none;
    color:#333;
    padding:0px;
    margin:0px;
    padding-top:2px;    
    position:relative;
}
div#Buttons ul.tabs a:hover { color:black; text-decoration:underline; }
div#Buttons ul.tabs a.current { font-weight:bold; }








/*
 * Breadcrumb
 */
div#Breadcrumb { position:absolute; bottom:141px; left:0px; right:0px; height:20px; line-height:20px; z-index:19; font-size:10px;  }
div#Breadcrumb a { font-size:10px;  }








/*
 * Pano
 */
     

/*
 * PanoImageList
 */        
#PanoImageList { position:absolute; bottom:16px; left:0px; width:600px; height:100px; z-index:10; }
#PanoImageListBackground { position:absolute; bottom:16px; left:0px; width:600px; height:100px; z-index:9; }

#PanoImageList .scrollable { 
    width: 530px;
    height:100px;
}
#PanoImageList .scrollable .items div.itemgroup {
    float:left;
    width:520px;
}
#PanoImageList .scrollable .item { 
    text-align:center; 
    margin:10px 0px 10px 10px;
    width:120px;
    height:80px;    
}
#PanoImageList .scrollable .item a span { line-height:20px; }
#PanoImageList .scrollable .item a { text-decoration:none; }
#PanoImageList .scrollable .item a:hover { text-decoration:underline; }
#PanoImageList .scrollable .active a { font-weight:bold; text-decoration:none!important; }
#PanoImageList .scrollable .item .counter {
    position:absolute; top:-5px; right:-5px; width:30px;height:30px;line-height:28px;
    background-image:url(../../images/icon/panoimagelist-counter-small.png);
    text-align:center; font-weight:bold; color:white;
}






/*
 * PageNavigation
 */
#PanoImageListNavigation { position:absolute; bottom:115px; left:0px; height:25px;  text-align:left; overflow:hidden; width:520px; z-index:11; }
#PanoImageListNavigation a {
    padding-left:10px;padding-right:10px;  
    margin-right:2px;
    font-size:80%%;
    text-decoration: none;
    height:25px; line-height:25px;    
    overflow:hidden;    
    float:left;
    display:block;
    text-decoration:none;    
}
#PanoImageListNavigation a:hover { text-decoration:underline; }
#PanoImageListNavigation a.active { font-weight:bold; text-decoration:none!important; }





/*
 * ToolTip
 */
#Map .tooltip .counter {
    position:absolute; top:30px; left:2px; width:30px;height:30px;line-height:28px;
    background-image:url(../../images/icon/panoimagelist-counter-small.png);
    text-align:center; font-weight:bold; color:white;
}
#Map .tooltip  {
    display:none;
    background:transparent url(/tools/img/tooltip/black_big.png);
    font-size:12px;
    height:194px;
    width:370px;
    color:#FFFFFF;  
    z-index:100;
    cursor:pointer;  
}
#Map .tooltip .tooltip-inner { margin:35px; }
#Map .tooltip .tooltip-headline {  font-size:130%; font-weight:bold; margin-bottom:5px }
#Map .tooltip .tooltip-content { height:75px; color:#CCCCCC; }
#Map .tooltip .tooltip-link { text-align:center; }
#Map .tooltip .tooltip-link a { color:white; font-size:130%; }
#Map .tooltip .tooltip-link a:hover { color:#BD0001; }
#Map .tooltip .tooltip-thumbnail { float:right; margin-left:5px; background-color:white; padding:2px; }

h1 { color:#ff1a1a; text-align:left; }
body, td { color:#482828; }
div#PanoImageListNavigation a { border: 1px solid #762527; background: #762527; color:#FFFFFF; }
div#PanoImageListNavigation a.active { background-color: #FFFFFF; border-bottom: 1px solid #FFFFFF; color:#762527; font-weight:bold; }
div#PanoImageListBackground { background-color:#FFFFFF; border:1px solid #762527; }
div#PanoImageList .item { background-color:white; }
div#PanoImageList .item a { color:#AC7100; }
div#PanoImageList .items .active { background-color:AC7100; }
div#PanoImageList .items .active a { color:white; }
div#Breadcrumb { color:#762527; }
div#Breadcrumb .seperator { color:#484848; }
div#Breadcrumb a { color:#AC7100; }