@font-face {
  font-family: 'neosansmedium';
  src: url('../assets/fonts/neosans-medium-webfont.eot') format('eot');
  src: url('../assets/fonts/neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), 
      url('../assets/fonts/neosans-medium-webfont.woff') format('woff'), 
      url('../assets/fonts/neosans-medium-webfont.ttf') format('truetype'), 
      url('../assets/fonts/neosans-medium-webfont.svg#neosansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'neosansregular';
  src: url('../assets/fonts/neosans-webfont.eot') format('eot');
  src: url('../assets/fonts/neosans-webfont.eot?#iefix') format('embedded-opentype'), 
      url('../assets/fonts/neosans-webfont.woff') format('woff'), 
      url('../assets/fonts/neosans-webfont.ttf') format('truetype'), 
      url('../assets/fonts/neosans-webfont.svg#neosansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*font-family: 'acensregular', Helvetica, Verdana, sans-serif;*/


html,body {margin:0px;}
body {
    color: #222;
    padding: 0;
    font-size: 14px;
    font-family: Helvetica, Verdana, sans-serif;
    font-family: 'neosansregular',Helvetica, Verdana, sans-serif;
    
}
h1 {
    font-family: 'neosansmedium',Helvetica, Verdana, sans-serif;
    color:#006994;
    font-size:36px;
}
h1.homeheader{
    font-family: 'neosansmedium', Helvetica, Verdana, sans-serif;
    margin:25px 0px 40px 0px;
    padding:0px 0px 0px 0px;
    text-transform:  uppercase;
    font-size:36px;
    text-align: center;
    letter-spacing:2px;
    color:#006994;
}
h2{
    font-family: 'neosansmedium', Helvetica, Verdana, sans-serif;
    color:#006994;
    font-size:24px;
    /*margin:0px 0px 0px 0px;*/
    /*padding:0px 0px 0px 0px;*/
}
.h2light{
    font-family: 'neosansmedium', Helvetica, Verdana, sans-serif;
    color:#999999;
    font-size:24px;
    text-transform:uppercase;
    
    /*margin:0px 0px 0px 0px;*/
    /*padding:0px 0px 0px 0px;*/
}
.h2light img{
    margin-right:20px;
}
h3{
    font-family: 'neosansmedium', Helvetica, Verdana, sans-serif;
    color:#006994;
    font-size:20px;
    /*margin:0px 0px 0px 0px;*/
    /*padding:0px 0px 0px 0px;*/
}
h4{
    font-family: 'neosansmedium', Helvetica, Verdana, sans-serif;
    color:#006994;

}
h5{
    font-family: 'neosansmedium', Helvetica, Verdana, sans-serif;
    color:#006994;

}
h6{
    font-family: 'neosansmedium', Helvetica, Verdana, sans-serif;
    color:#006994;

}

a{color:#006994;}

/* --------------------------------------------------
HEADER
-------------------------------------------------- */
.header{
     background: #ffffff;  
     width:100%;
     display:block;
     background-image: url(../assets/img/headerback.gif);
     background-repeat:repeat-x;
 }
.header-content { 
   position:relative;
   clear:both;
   max-width:1200px;
   /*min-width: 992px;*/
   height:140px;
   margin:0px auto 0px auto;
   padding:10px 0px 10px 0px;
   display:block;

 } 
 .version{
     position:relative;
     top:0px;
     left:0px;
     width:100px;
     text-align: center;
     display:block;
     background-color: #ffffff;
     color:#000;
     padding:0px 5px 0px 5px;
     margin:0px 0px 0px 0px;
     font-size: 10px;
     border:1px solid #ccc;
     line-height: normal;
 }
 
 .brand{
     position:absolute;
     top:0px;
     left:5px;
     outline:none;
     border:none;
 }   
 .brand img {
    border:none;
 }
 
.brand2 {
     position:absolute;
     top:20px;
     left:120px;     
     outline:none;
     border:none;
 }
.brand2 img {
    border:none;
 }
 .headermenu {
    position:absolute;
    margin:0px 0px 0px 30px;
    padding:0px 0px 0px 0px;
    display:block;
    top:85px;
    left:100px;
    font-family:  'neosansregular',Helvetica, Verdana, sans-serif;
    font-weight: normal;
    line-height: 20px;
} 
 .headermenu2 {
    position:absolute;
    margin:0px 0px 0px 30px;
    padding:0px 0px 0px 0px;
    display:block;
    top:85px;
    right:240px;
    font-family:  'neosansregular',Helvetica, Verdana, sans-serif;
    font-weight: normal;
    line-height: 20px;
    float:right;
} 
@media (max-width: 1023px) {
    .headermenu {top:30px;}
    .headermenu2 {top:30px;right:10px}
    .headerpartners{visibility: hidden;}
} 
@media (max-width: 790px) {
    .headermenu {top:5px;}
    .headermenu2 {top:55px;right:10px}
}


.headermenu ul{
    text-align:center; 
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
}
.headermenu2 ul{
    text-align:center; 
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    
}
.headermenu li, .headermenu2 li{
    text-align:center;    
    display:inline;
    font-size:12px;
    margin:0px 0px 0px 0px;
    padding:5px 5px 5px 5px; 
}
.headermenu li:before,.headermenu2 li:before {
    color:#b3b3b3;
    padding-right: 10px;
    content: "|";
    font-weight: normal;
    
}
.headermenu li:first-child:before, .headermenu2 li:first-child:before {
  content: "";
}
.headermenu li a, .headermenu2 li a{
   font-weight: bold;
    outline: none;
   color:#555555; 
   font-size:14px;
   text-decoration: none;
}
.headermenu li a:hover, .headermenu2 li a:hover{
   text-decoration: underline;
}
.headermenu .selected, .headermenu2 .selected {
   color:#417188;
}

.headerpartners {   
     position:absolute;
     top:15px;
     left:150px;
     outline:none;
     border:none;
     overflow: hidden;
}
.headerpartners-content {   
    margin:0px auto 0px auto;
    padding:0px 0px 0px 0px;
    /*background-color: #016893;*/
    /*background: no-repeat;*/
    /*background-image:url('../assets/img/partners-banner.jpg');*/
    /*background-position: top left; */
    /*width:850px;*/
    max-width:850px;
    height:70px;
 } 
 
.headerpartners ul{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    text-align:center;  
}
.headerpartners li{
    float:left;
    margin:0px 35px 0px 0px;
}

.partner_top_uq {
    width:117px;
    height:40px;
    display:block;
    text-indent: -99999px;
    background: url('../assets/img/partner_uq-2.jpg') bottom;
}
.partner_top_uq:hover {
    background-position: 0 0;    
}
.partner_top_uwe {
    width:93px;
    height:40px;
    display:block;
    text-indent: -99999px;
    background: url('../assets/img/partner_uwe.jpg') bottom;
}
.partner_top_uwe:hover {
    background-position: 0 0;
}
.partner_top_axa {
    width:45px;
    height:40px;
    display:block;
    text-indent: -99999px;
    background: url('../assets/img/parnter_axa.jpg') bottom;
}
.partner_top_axa:hover {
    background-position: 0 0;
}
.partner_iucn {
    width:53px;
    height:40px;
     display:block;
     text-indent: -99999px;
    background: url('../assets/img/parnter_iucn.jpg') bottom;
}
.partner_iucn:hover {
    background-position: 0 0;    
}
.partner_scripps{
    width:103px;
    height:40px;
     display:block;
     text-indent: -99999px;
    background: url('../assets/img/parnter_scripps.jpg') bottom;
}
.partner_scripps:hover {
   background-position: 0 0;    
}
.partner_noaa{
    width:54px;
    height:40px;
    display:block;
    text-indent: -99999px;
    background: url('../assets/img/parnter_noaa.jpg') bottom;
}
.partner_noaa:hover {
   background-position: 0 0;    
}


.partner_wcpa{
    width:99px;
    height:40px;
     display:block;
     text-indent: -99999px;
    background: url('../assets/img/parnter_wcpa.jpg') bottom;
}
.partner_wcpa:hover {
    background-position: 0 0;    
}
.partner_wri {
    width:95px;
    height:40px;
     display:block;
     text-indent: -99999px;
    background: url('../assets/img/parnter_wri.jpg') bottom;
}
.partner_wri:hover {
	background-position: 0 0;    
}



.user {
    position: absolute;
    right:5px;
    top:40px;
    display:block;
    background-color: #ccc;
    padding:3px 3px 3px 3px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; 
    color:#555;
}
.user a{
    color:#333;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    font-size: 11px;
    padding: 0px 5px 0px 5px;
}
.user a:hover{
    color:#fff;
}
.user a:before {
    color:#555555;
    padding: 0px 5px 0px 0px;
    content: "|";
    font-weight: bold;
}
.user a:first-child:before {
  content: "";
}
.usermenu a{
    background-color: #999;
    padding:5px 20px 5px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; 
    color:#ccc;
    font-weight: bold;
    cursor: pointer;
    margin-left:20px;
    text-decoration: none;
    background: no-repeat #999;
    background-image:url('../assets/img/dropdown_arrow.png');
    background-position: top right;     
}
.usermenu a:after {
    /*content: url(../assets/img/dropdown_arrow.png);
    margin-left: 6px;
    color: #08C;
    */
}
		
.usermenu a:hover {
    background: #333;
    color:#fff;
    background: no-repeat #333;
    background-image:url('../assets/img/dropdown_arrow.png');
    background-position: top right;     
}
		
.usermenu a .dropdown-open {
    background: #333;
    color: #fff;
}
.usermenu .dropdown-open:after{
    color: #FFF;
}

.searchbox {
    position: absolute;
    top:85px;
    right:10px;
    background-color: #ffffff;
    padding:1px 5px 3px 8px;
    margin:0px 0px 0px 0px;
    border:2px solid #067ead;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -opera-border-radius:15px;
    -khtml-border-radius:15px;
    border-radius:15px;   
    width:200px;
    height:29px;
    line-height:20px;
} 
.searchbox form{
    margin:1px 1px 1px 3px;
    padding:0px 0px 0px 0px;
    width: 190px;
}

.searchbox input {
    font-size: 12px;
    color: #999;
    margin:0px 0px 0px 0px;
    padding: 5px 1px 1px 20px;
    width: 170px;
    border: none;
    background: url('../assets/img/searchbackground.png') top left no-repeat;
}
.searchbox input.submit {
    display: none;
}
/* Search type ahead*/
.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
  color: #999;
}
.tt-dropdown-menu {
  position: absolute;
  width: 200px;
  margin-top: 3px;
  padding: 8px 5px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
 z-index: 999999;
}
.tt-suggestion {
  padding: 3px 20px;
  font-size: 12px;
  line-height: 14px;
}
.tt-suggestion .tt-is-under-cursor {
  color: #fff;
  background-color: #006994;
}
.tt-suggestion p {
  margin: 0;
}
.tt-suggestion {
  padding: 8px 5px;
}

.tt-suggestion + .tt-suggestion {
  border-top: 1px solid #ccc;
}
.repo-country {
  float: right;
  font-style: italic;
}
.repo-name {
  font-weight: bold;
}








/* --------------------------------------------------
FOOTER
-------------------------------------------------- */   
footer{
    margin:50px 0px 0px 0px;
    
}
.footerlinks{
     background: #034f6f;  
     width:100%;
     display:block;
     /*font-family:  Helvetica, Verdana, sans-serif;*/
     font-family:  'neosansregular',Helvetica, Verdana, sans-serif; 
     clear:both;
 }
 .footerlinks-content {   
   background-color: #034f6f;  
   clear:both;
   max-width:950px;
   min-width: 300px;
   margin:0px auto 0px auto;
   padding:10px 0px 10px 0px;
   display:block;
 }        
.footerlinks ul{
    text-align:center; 
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}
.footerlinks li{
    text-align:center;    
    display:inline;
    font-size:12px;
    color:#ffffff; 
    padding:5px 5px 5px 5px;
}
.footerlinks li:before {
    padding-right: 10px;
    content: "|";
    font-weight: normal;
    color:#016893;
}
.footerlinks li:first-child:before {
    content: "";
}
.footerlinks li a{
    outline: none;
    color:#ffffff; 
    font-size:14px;
    text-decoration: none;
}
.footerlinks li a:hover{
    text-decoration: underline;
}
.footerpartners {   
    background-color: #016893;
    width:100%;
    display:block;
    font-family:  Helvetica, Verdana, sans-serif;   
}
.footpartners-content {   
    background-color: #016893;
   max-width:950px;
   min-width: 300px;
    margin:0px auto 0px auto;
    padding:10px 0px 10px 0px;
    display:block;
 } 
 
.footerpartners ul{
    padding:5px 0px 50px 70px;
    margin:0px 0px 0px 0px;
    text-align:center; 
    display:block;
}
.footerpartners li{
    text-align:center;    
    display:inline-block;
}
.footerpartners a {
    outline: none;
 }
.footerpartners a img {
    border:none;
 }
 
 .partner_catlin {
    width:140px;
    height:60px;
    display:block;
    text-indent: -99999px;
    background: url('../assets/img/catlin-logo4.png') bottom;
}
.partner_catlin:hover {
    background-position: 0 0;    
}
 .partner_uqfooter {
    width:180px;
    height:60px;
    display:block;
    text-indent: -99999px;
    background: url('../assets/img/uq-logo-2.png') bottom;
}
 .partner_uqfooter:hover {
    background-position: 0 0;    
}
.partner_axafooter {
    width:120px;
    height:60px;
    display:block;
    text-indent: -99999px;
    background: url('../assets/img/axa-logo-2.png') bottom;
}
.partner_axafooter:hover {
    background-position: 0 0;
}
.partner_uwefooter {
    width:186px;
    height:60px;
    display:block;
    text-indent: -99999px;
    background: url('../assets/img/uwe-logo.png') bottom;
}
.partner_uwefooter:hover {
    background-position: 0 0;
}
 .partner_google {
    width:168px;
    height:60px;
    display:block;
    text-indent: -99999px;
    background: url('../assets/img/google-logo.png') bottom;
}
 .partner_google:hover {
    background-position: 0 0;    
}
 .copyright {
    font-size: 12px;
    display:block;
    text-align:center;
    text-transform:  uppercase;
    color: #6ca6be;
    padding:5px 5px 5px 5px;
 }
/* --------------------------------------------------
IMAGE BAR
-------------------------------------------------- */
.imagebar-home{
    background-color:#000;  
    width:100%;
    font-family:  Helvetica, Verdana, sans-serif; 
    color:#ffffff;
    background: no-repeat #000000;
    /*background-image:url('../assets/img/imagebarback.gif');*/
    /*background-repeat:repeat-y;*/
    background-image:url('../assets/img/imagebarback.jpg');
    background-repeat: no-repeat;
    /*background-attachment:fixed;*/
    background-position:center;
    display:inline-block;
    margin:0px 0px 30px 0px;
    padding:0px 0px 0px 0px;
    text-align: center;
    
}
.imagebar-home-content{
   /*width:950px;*/
   max-width:950px;
   /*max-width:1200px;*/
   /*text-align: center;*/
   margin:0px auto 0px auto;
   padding:0px 0px 0px 0px;
   display:block;
}
.imagebar{
    background-color:#000;  
    width:100%;
    font-family:  Helvetica, Verdana, sans-serif; 
    color:#ffffff;
    background: no-repeat #000000;
    background-image:url('../assets/img/imagebarback.gif');
    background-repeat:repeat-y;
    /*background-attachment:fixed;*/
    background-position:center;
    display:inline-block;
    text-align: center;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align: center;
    
}
.imagebar-inner{
   /*width:100%;*/
   margin:0px auto 0px auto;
   padding:0px 0px 0px 0px;
   display:block;
}

.imagebar-container{
   position:relative;
   margin:0px auto 0px auto;
   padding:0px 0px 0px 0px;
   display:inline-block;
   text-align: center;
   /*width:100%;*/
}
.imagebar-container .noimages{
   margin:0px 0px 0px;
   padding:50px 0px 50px 0px;
   text-align: center;
   font-size: 18px;
   display:block
}
.imagebar-content{
  width:800px;
    margin:0px 0px 0px 0px;
   padding:20px 0px 0px 0px;
   display:inline-block;
}


.butnext {
    display:inline-block;
    width:44px;
    height:200px;
    vertical-align: top;
    padding-top:200px;
}
.butnext a{

    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:44px;
    height:44px;
    cursor:pointer;
    outline:none;
}
.butnext a:hover{
}
.butnext a:active{
}
.butprevious {
    display:inline-block;
    width:44px;
    height:200px;
    vertical-align: top;
    padding-top:200px;                    


}
.butprevious a{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:44px;
    height:44px;
    cursor:pointer;
    outline:none;
}

.imagebar-map{
   width:100%;
   margin:0px auto 0px auto;
   padding:0px 0px 0px 0px;
   display:block;
   text-align: left;
}

.ajax_loader_position {
    position: absolute;
    z-index: 999;
    left: 50%;
    margin:2px 2px 2px 2px;
    margin:2px 2px 2px 2px;
}
.ajax_loader{
    display: inline;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center center;
    background:url('../assets/img/ajax-loader.gif');    
    width:22px;
    height:22px;
    padding: 2px 2px 2px 2px;
    color: #ffffff;
    text-align: center;
    vertical-align: baseline;
    border-radius: .25em;
    border: 3px solid #ffffff;
}

#image-toolbar{
    position: absolute;    
    display:inline-block;
    float: right;
    top:62px;
    right:22px;
    overflow: hidden;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    height:120px;
    width:24px;
}
#image-toolbar li a{
    display:block;
    width:24px;
    height:24px;
    float:right;
    margin-bottom: 2px;
}
#fullscreen {
    display:block;
    width:26px;
    height:26px;
    cursor:pointer;
    outline:none;
}
#fullscreen img{
    vertical-align:middle;
}

/* PANO PLAYER
        -------------------------------------------------- */
            

        #panoimage {
           position:relative;
            width:100%;
              height: 400px;
              text-align: center;
              background-color: #000000;
              margin:0px 0px 0px 0px;
              padding:0px 0px 0px 0px;
              display:block;
              
              overflow: hidden;
        }
        #panoimage-container {
              height:100%;
              width:auto;
        }        
        #panoimage-container img{
              height:100%;
              width:auto;
        }
        #panoimage-container iframe{
              height:100%;
              width:100%;
        }        
        
        #panoimage-container .raw{
             margin:80px 0px 0px 0px;
              height:auto;
              width:32%;
        }
        #panoimage-container .flatdown1{
            margin:40px 0px 0px 0px;
              height:auto;
              width:68%;
              vertical-align:top;
        }        
        #panoimage-container .flatdown2{
             margin:100px 0px 0px 0px;
              height:auto;
              width:30%;
              vertical-align:top;
              transform:rotate(270deg);
              -ms-transform:rotate(270deg); /* IE 9 */
              -webkit-transform:rotate(270deg); /* Safari and Chrome */
              
        }
        #panoimage-container .spherical-image{
        }        
        /*=== for JS */
       /*
        .imagebar-content {
            width:100%;
        }
        #panoimage{
             height:700px;
        }
        */ 
        /*===*/
        /* MAP PLAYER - Small transect explorer map
        -------------------------------------------------- */
        #map {
              width:100%;
              height: 250px;
              text-align: center;
              background-color: #000000;
              margin:10px 0px 1px 0px;
              padding:0px 0px 0px 0px;
              display:block;
              z-index: 100;
              border:1px solid #aaa;
              /*
              -moz-box-shadow: 0 5px 5px #d7d7d7;
              -webkit-box-shadow: 0 5px 5px #d7d7d7;
              box-shadow: 0 5px 5px #d7d7d7;
              */
        }        
        #map label { width: auto; display:inline; }
        #map img { max-width: none; }

        /* MAPS PAGE
        -------------------------------------------------- */
        #gmap {
              width:100%;
              height: 400px;
              text-align: center;
              background-color: #000000;
              margin:0px 0px 0px 0px;
              padding:0px 0px 0px 0px;
              display:block;
              float:right;
              overflow: hidden;
              color:#000; 
              /*width:50%;*/              
        }   
        #gridview{
              width:100%;
              height: 400px;
              text-align: center;
              background-color: #f00;
              margin:0px 0px 0px 0px;
              padding:0px 0px 0px 0px;
              display:block;
              float:left;
              overflow: hidden;
              color:#000; 
              width:50%;               
        }
        #gmap {-moz-box-sizing: content-box;
                box-sizing: content-box;
        }
        #gmap label { width: auto; display:inline; }
        #gmap img { max-width: none;height: auto; }   
        
        img {
            height: auto;
            max-width: 100%;/* <--the problem occures here*/
        }
        
        
        
        #gmap2 label { width: auto; display:inline; }
        #gmap2 img { max-width: none; }           
        #gmap_menu
        {
           height: 620px;
           overflow-y: auto;
           overflow-x: hidden;
           margin:0px 2px 0px 0px;
           position:absolute;
           top:5px;
           right:5px;
           pointer-events: all;
        }
        #gmap_menu .gmap_menu_section{
            font-family: 'neosansmedium', Helvetica, Verdana, sans-serif;
            width:170px;
            height:auto;
            margin:0px 5px 5px 0px;
            padding:5px 5px 5px 5px;
            border:1px solid #ccc;
            background-color: #fff;
            color:#555555; 
            font-size: 12px;
            text-align: left;
            overflow:auto;
            overflow-x:hidden;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px; 
            z-index:2;
            pointer-events: all;
        }
        #gmap_menu .gmap_menu_sectionlg{
            width:auto;
        }        
        #gmap_menu h6
        {
            margin:0px 0px 0px 0px;
        }
        #gmap_menu hr
        {
            margin:4px 0px 4px 0px;
            padding:0px 0px 0px 0px;
            /*border-top-color: #ccc;*/
        }        
        #gmap_menu ul
        {
            list-style-type: none;
            margin: 0;
            padding:0px 0px 0px 0px;
        }
        #gmap_menu li 
        {
            padding:5px 3px 5px 3px;
            display:block;
        }        
        #gmap_menu li.title 
        {        
            height:25px;
            color:#006994;
            padding:8px 0px 0px 5px;
            border-bottom: 1px solid #ccc;            
        }   
        #gmap_menu li.title span
        {
            font-size: 12px;
        }        
        #gmap_menu input 
        {
            padding:0px 0px 0px 0px;
        } 
        #gmap_menu label 
        {
            color:#333333;
        }         
        #gmap_menu label:hover 
        {
            text-decoration: underline;
        }        
        
        #gmap_menu li a
        {
            color:#333333;
            font-weight: normal;
            text-decoration: none;
        }        
        #gmap_menu li a:hover
        {
            text-decoration: underline;
        } 
        #gmap_menu li.active{
            background-color: #006994;
            color:#ffffff;
        }
        #gmap_menu li.active label{
            color:#ffffff;
        }
        
        #gmap_menu li{
            padding:0px 0px 5px 20px;
        }
        #gmap_menu label {
            display: block;
            margin: 0px 5px 0px 30px;
        }
        #gmap_menu .label-sub {
            margin: 0px 5px 0px 40px;
        }
        #gmap_menu input {
            float: left;
            margin-left: -20px;
            margin-right: 7px;
        }        
        /* Analysis map menu-----------------*/

        .gmap_menu_analysis{
            width:auto;
            pointer-events: none;

        }


        .gmap_menu_analysis .gmap_menu_section_analysis{
            width:auto;
            float:right;
        }



        #gmap_menu .gmap_menu_analysis_ul label
        {  
            margin: 0px 0px 0px 15px;
            font-size: 10px;   
        }
        #panel-main label:hover
        {
            text-decoration: none;
        }
        #gmap_menu .gmap_menu_analysis_ul input {
           margin-top:0px;
        }        
        #gmap_menu .gmap_menu_analysis_ul li.title 
        {
            color:green;
            margin-bottom: 5px;
        }
        #gmap_menu .gmap_menu_analysis_ul li 
        {
            padding:2px 0px 1px 5px;
            font-size: 10px;
        }
        #gmap_menu .gmap_menu_analysis_ul li:hover
        {
            background-color: #eee;
        }         
        #gmap_menu .gmap_menu_analysis_ul li.active 
        {
            background-color: #090;
        }         
        #gmap_menu .gmap_menu_analysis_ul .badge
        {
            font-size: 8px;
            min-width:55px;
        }
        #gmap_menu .gmap_menu_analysis_ul .weight
        {
            font-size: 9px;   
        }
        #gmap_menu .gmap_menu_analysis_tabs li {
            padding:0px;
        }
        #gmap_menu .gmap_menu_analysis_tabs li.active{
            padding:0px;
            color:#000;
            background-color:#fff;
        }

        #gmap_menu .gmap_menu_analysis_tabs li.active a{
            background-color:#090;
        }
        .table-analysis {
            font-size:10px;
            width:100%;
            margin:5px;
            padding:0px 25px 0px 0px;
            display:inline-block;
            float:left;
        }
        .table-analysis thead > tr > th,
        .table-analysis tbody > tr > th,
        .table-analysis tfoot > tr > th,
        .table-analysis thead > tr > td,
        .table-analysis tbody > tr > td,
        .table-analysis tfoot > tr > td {
            padding: 1px;
            /*border:1px solid #eee;*/
            vertical-align: middle;
        }

        .table-analysis thead > tr > th,
        .table-analysis tbody > tr > th,
        .table-analysis tfoot > tr > th {
            border:0px;
            vertical-align: top;
        }

        .table-analysis .theader {
            margin:5px 0px 0px 0px;
            padding: 0px 0px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: 3px;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            border: 1px solid transparent;
            color: #333333;
            background-color: #ffffff;
            border-color: #cccccc;
        }
        .table-analysis h5{
            margin-top:0px;
        }
        .table-analysis .title {
            color:#090;
            padding:5px 5px 0px 5px;
            font-weight: bold;
            font-size: 12px;
            display: inline-block;
        }
        .table-analysis td {
            white-space: nowrap;
        }
        .table-analysis label{
            line-height: 20px;
        }
        .table-analysis .labelval{
            float:right;
            padding-right:5px;

        }
        .table-analysis .badge{
            font-size:8px;
            min-width:55px;
            margin-right:5px;
        }
        .table-hover tbody tr:hover td, .table-hover tbody tr:hover {
            background-color: #cfc;
        }

        .table-analysis tbody tr.functional-group td {
            background-color: #eeeeee;
        }
        .table-analysis tbody tr:hover.functional-group td {
            background-color: #cfc;
        }

        .table-analysis tbody tr.active td { background-color: #afa; }

        .table-analysis tbody tr.hideme { display:none;visibility:hidden;}
        .table-analysis tbody tr.hideme td { display:none;visibility:hidden;}

        .close-sm {
            font-size:16px;
        }

        #status {
            position:relative;
            top:0px;
        }
        #status span{
            font-size:100%;
            font-weight: normal;
            margin:5px;
            font-family:Roboto,Arial,sans-serif;font-weight:400;text-decoration:none
            color:#fff;
        }
        #status small{
            color:#ddd;
        }

        #status .label {
            display:inline-block;
            line-height:1.5em;
        }

        #addbutton {
            position: absolute;
            top:18px;
            right:10px;
        }
        #addbutton .btn-sm{
            margin:0px;
            padding:2px 3px;
            font-size:10px;
        }
        #panel-add input {
            margin: 0px;
            padding-left:10px;
        }
        /* Analysis image infobox*/
        #imageInfoBox {
            width: 820px;
            height:auto;/*480px;*/
            position: relative;
            margin:0px;
            padding:0px;
            top:0px;
            left:0px;
            display:block;
            background-color: #fff;
            color:#000;
            font-size: 10px;
        }

        #imageInfoBox .imgImg {
            position:relative;
            float:left;
        }
        #imageInfoBox .imgTable {
            /*position:absolute;*/
            float:right;
            /*float:left;*/
            /*top:30px;*/
            right:0;
            padding-top:30px;
            width:auto;
            height:auto;
            text-align: left;
            /*
            text-align:left;
            width:600px;
            */
        }

        @media (max-width: 1800px) {
            #imageInfoBox {
                width: 410px;
            }
            #imageInfoBox .imgTable {
                position:absolute;
            }
        }

        #imageInfoBox .note {
            width:400px;
            display:block;
            white-space:normal;
            padding:5px;
        }
        #imageInfoBox table {
            display:block;
            width:auto;
        }

        #imageInfoBox table label {
            display: inline;
        }
        #imageInfoBox .label-sub {
            padding-left:5px;
            font-weight: normal;
        }
        #imageInfoBox  .table-analysis thead > tr > th,
        #imageInfoBox  .table-analysis tbody > tr > th,
        #imageInfoBox  .table-analysis tfoot > tr > th,
        #imageInfoBox  .table-analysis thead > tr > td,
        #imageInfoBox  .table-analysis tbody > tr > td,
        #imageInfoBox  .table-analysis tfoot > tr > td {
            padding:0px 2px;
        }
        #imageInfoBox table td {
            max-width: 150px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        #imageInfoBox .table-analysis {
            padding:0px;
        }
        .imgheader {
            position:absolute;;
            display:block;
            top:0;
            right:10px;
            margin:2px;
            padding: 2px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: 3px;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            border: 1px solid transparent;
            color: #333333;
            background-color: #ffffff;
            border-color: #cccccc;
            width:100px;
            z-index:50;
        }
        .imgheader .title {
            color: green;
            margin-bottom: 5px;
            font-weight: bold;
        }

/*------------------------------------*/
        
        
        #gmap_legend
        {
            width:300px;
            margin:5px 5px 5px 5px;
            padding:5px 5px 5px 5px;
            border:1px solid #ccc;
            background-color: #fff;
            color:#555555; 
            font-size: 12px;
            text-align: center;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;           
        }        
        
        
        .maptooltip{
            width: auto; 
            height: auto; 
            margin:-10px 0px 0px 20px;
            /*background: url(/assets/img/infowindow-main.png) top left no-repeat;*/
            background-color: #03668f;
            padding:5px 10px 5px 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            color:#006994;
            font-weight: bold;
            font-family: 'neosansmedium', Helvetica, Verdana, sans-serif;
            cursor: pointer;
            text-decoration: none;
            background: no-repeat #ffffff;
            background-position: top right;
            text-align: left;
            white-space: nowrap;
            font-size:12px;
            border:1px solid #ccc;
            z-index:100;
        }
        .maptooltip_trans{
          margin:-95px 0px 0px 5px;
          padding:10px 10px 10px 10px;
        }         
        .maptooltip_panos{
          margin:-165px 0px 0px 5px;
          padding:15px 10px 20px 10px;
        } 
        .maptooltip_panos img{
            width:256px;
            height:128px;
        } 
        .maptooltip h2{
            font-size:100%;
            margin:0px 0px 0px 0px;
            padding:0px 0px 0px 0px;
        }        
        .maptooltip img{
            width:256px;
            height:128px;
        }         
        .maptooltip p{
            font-size: 11px;
            font-weight: normal;
            color:#555555;
            padding:3px 0px 0px 0px;
        }        
        .maptooltip .date{
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;            
            font-size: 10px;
            font-weight: normal;
            color:#fff;
            width:100%;
            padding:5px 3px 3px 3px;
            margin:5px 0px 0px 0px;
            background-color:#006994;
            text-align: center;
        }       
        .maptooltip .panoid{
            font-size: 9px;
            color:#006994;
            font-weight: normal;
            text-align: right;
        }  
        .maptooltip .panoid .left{
            float:left;
        }        
        .maptooltip .panoid .right{
            float:right;
        }          

        .infobox_location{
            width: auto; 
            height: auto; 
            margin:0px 0px 0px 0px;
            background-color: #ffffff;
            padding:5px 10px 15px 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            color:#555;
            font-weight: normal;
            line-height: normal;
            cursor: pointer;
            text-decoration: none;
            text-align: left;
            white-space: nowrap;
            font-size: 12px;
        }
        .infobox_location h2{
            font-size:100%;
            margin:10px 0px 0px 0px;
        }
        .infobox_panos{
            /*400x200*/
            width: 420px; 
            height: 380px; 
            margin:0px 0px 0px 0px;
            /*background: url(/assets/img/infowindow-main.png) top left no-repeat;*/
            background-color: #03668f;
            padding:5px 10px 15px 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            color:#417188;
            font-weight: normal;
            line-height: normal;
            cursor: pointer;
            text-decoration: none;
            background: no-repeat #ffffff;
            background-position: top right;
            text-align: left;
            white-space: nowrap;
        }        
        .infobox_panos iframe{
            margin:20px 0px 0px 0px;
        }
        .infobox_panos a{
            color:#417188;
            font-weight: bold;
            font-size:14px;
            text-decoration: none;
        }
        .infobox_panos a:hover{
            text-decoration: underline;
        }
        #panobuttons {
            margin:0px 0px 0px 0px;
              padding:0px 0px 0px 0px;
              width:100%;
              background-color: #ffffff;
              -moz-border-top-right-radius: 20px;
              -moz-border-top-left-radius: 20px;
              -webkit-border-top-right-radius: 20px;
              -webkit-border-top-left-radius: 20px;
              border-top-right-radius:20px;
              border-top-left-radius:20px;
              color:#000;
              /*border:1px solid #fff;*/
        }
            #panobuttons-content {
            margin:0px 0px 0px 0px;
            padding:0px 0px 0px 0px;
            }
            #panobuttons-content ul{
              text-align:right;
              padding:10px 10px 10px 10px;  
              margin:0px 0px 0px 0px;
            }
            #panobuttons-content li{
                text-align:right;    
                display:inline;
                font-size:12px;
                text-transform:  uppercase;
                color:#417188;
            }
            #panobuttons-content li a{
               outline: none;
               color:#417188;
               font-weight: bold;
               font-size:14px;
               text-decoration: none;
               padding: 2px 15px 2px 15px;
            }
            #panobuttons-content li a:hover{
               text-decoration: underline;
            }
            #panobuttons-content .last:before{
                padding: 0px 5px 0px 5px;
                content: "|";
                color:#ccc;
            }            
            #panobuttons-content .selected {
               color:#ffffff;
               background-color: #417188;
               -moz-border-radius: 10px;
               -webkit-border-radius: 10px;
               border-radius:10px;
            }
            #panobuttons-content .leftcontent {text-align:left;padding:10px 10px 10px 20px;  }
            .leftcontent li{text-align:left;}
            
            #panobuttons-content .backbutton {
                display:inline-block;
                margin:7px 0px 5px 0px;
                padding:2px 5px 2px 5px;
                width:196px;
                height:20px;
                background: no-repeat;
                background-image:url('../assets/img/back_button.png');
                background-position: top left;

            }
            #panobuttons-content .backbutton a{
                text-decoration: none;
                color:#ffffff; 
                 font-weight: bold;
                 font-size:14px;
            }
            #panobuttons-content .backbutton a:hover{
                text-decoration: underline;
            }            
        /* CAROUSEL
        -------------------------------------------------- */
            .carousel-top-control {
              position: absolute;
              bottom:-22px;
              
              display:block;
              height: 44px;
              width:44px;
              font-size: 120px;
              text-shadow: 0 1px 1px rgba(0,0,0,.4);
              background-color: transparent;
              border: 0;
              z-index: 10;
              background: no-repeat;
              background-image:url('../assets/img/carouselprevious.png');
              background-position: top right;  
              background-size: contain;
            }
            .carousel-top-control-right {
              background-image:url('../assets/img/carouselnext.png');
              right:0;
              background-size: contain;
            }
            .carousel-nav a {
              display:block;
              width:22px;
              height:22px;
              background: url('../img/bullets.png') no-repeat;
              text-indent:-9999px;
              border:0;
              margin-right:3px;
              float:left;
            }
            .carousel-nav a.active {
              background-position:0 -22px;
            }            

        /* CAROUSEL RESPONSIVE CSS
        -------------------------------------------------- */
            @media (max-width: 950px) {

            }            
/* --------------------------------------------------
IMAGE NAVIGATION BAR
-------------------------------------------------- */
.image-info-bar{
    margin:0px auto 0px auto;
    padding:5px 10px 0px 10px;
    display:block; 
    text-align: center;
    background-color: #fff;
    background-image: url('../assets/img/navbarback.gif');
    background-repeat:repeat-x; 
}
.image-info-bar-content{
    display:inline-block;
    background-color: #fff;
    padding:10px 20px 10px 10px;
    margin:2px 10px 10px 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border:1px solid #ccc;
    color:#006994;
    min-width: 600px;
    max-width: 1200px;
    line-height: 16px;
} 
.image-info-bar-content sup {
    position: relative;
    font-size: 9px;
    color: #999999;
    vertical-align: baseline;
    top: -0.20em;
    padding:0px 3px 0px 0px
}
.image-info-bar-content ul{
    text-align:center; 
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}
.image-info-bar-content li{
    text-align:center;    
    display:inline;
    font-size:12px;
    color:#006994;
    padding:5px 2px 5px 2px;
}
.image-info-bar-content li:before {
    padding-right: 5px;
    content: "|";
    font-weight: normal;
    color:#cccccc;
}
.image-info-bar-content li:first-child:before {
    content: "";
}

.image-info-bar-content:hover {
    background-color: #006994;
    color:#fff;
    text-decoration: none;
}
.image-info-bar-content:hover li{
    color:#fff;
}

/* --------------------------------------------------
TRANSECT NAVIGATION BAR
-------------------------------------------------- */





.navbar{
    width:100%;
    display:block;
    font-family:Helvetica, Verdana, sans-serif; 
    color:#000;
    display:inline-block;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-color: #fff;
}
.navbar-content{
   max-width:1200px;
   min-width: 300px;
   margin:0px auto 0px auto;
   padding:5px 10px 0px 10px;
   display:block; 
   text-align: center;
}
            .navbar-content ul{
                text-align:center; 
                padding:0px 0px 0px 0px;
                margin:0px 0px 0px 0px;
                position:relative;
                float:left;
                left:50%;
            }
            .navbar-content li{
                text-align:center;    
                float:left;
                padding:0px 0px 0px 0px;
                margin:0px 0px 0px 0px;  
                position:relative;
                float:left;
                left:-50%;
            }    
            .navbar-content .infoblock,.infoblock{
                display:inline;
                background-color: #fff;
                padding:10px 20px 10px 10px;
                margin:2px 10px 10px 10px;
                -moz-border-radius: 20px;
                -webkit-border-radius: 20px;
                border-radius: 20px;
                border:1px solid #ccc;
                color:#006994;
                font-size: 14px;
                text-transform: uppercase;
                
            }
            .navbar-content small {
             font-size: 75%;
             color: #999999;
            }
          
            .navbar-content .butprevious a:hover{
            }
            .navbar-content .butprevious a:active{
            }
            .navbar-info{
               text-align: center;
               clear:both;
               padding:10px 5px 10px 5px;
               color:#006994;
               font-size:120%;
               border-bottom:1px solid #ccc;
            }
            .navbar-info span{
                padding-left:20px;
                font-size: 12px;
            }
            .navbar-info .selecttrans{
                background-color: #03668f;
                padding:5px 20px 5px 10px;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                border-radius: 10px; 
                color:#fff;
                font-weight: bold;
                cursor: pointer;
                text-decoration: none;
                background: no-repeat #03668f;
                background-image:url('../assets/img/dropdown_white_arrow.png');
                background-position: top right;
                font-size: 16px;
            }
            .navbar-info .selecttrans:after {
            }
            .navbar-info .selecttrans:hover {
                background: #1c88b5;
                color:#fff;
                background: no-repeat #1c88b5;
                background-image:url('../assets/img/dropdown_white_arrow.png');
                background-position: top right;       
            }
           
            
           .navbar-info .selectexpeditions{
                background-color: #ffffff;
                padding:5px 20px 5px 10px;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                border-radius: 10px; 
                color:#03668f;
                font-weight: bold;
                cursor: pointer;
                text-decoration: none;
                background: no-repeat #ffffff;
                background-image:url('../assets/img/dropdown_arrow.png');
                background-position: top right;  
                font-size:14px;
            }
            .navbar-info .selectexpeditions:after {
            }
            .navbar-info .selectexpeditions:hover {
                background: #1c88b5;
                color:#fff;
                background: no-repeat #1c88b5;
                background-image:url('../assets/img/dropdown_white_arrow.png');
                background-position: top right;       
            }            
            
            .navbar-info .selecttrans.dropdown-open {
                background: #1c88b5;
                color: #fff;
            }
            .navbar-info .selecttrans.dropdown-open:after {
                color: #FFF;
            }
            .navbar-info .selecttrans span {
                color: #a8ccdb;
                font-size:12px;
                padding: 0px 5px 2px 10px;
            }
           
/* --------------------------------------------------
MAIN
-------------------------------------------------- */            
.maincontainer{
    background: #ffffff;  
    width:100%;
    font-family:  'neosansregular',Helvetica, Verdana, sans-serif; 
    background-image: url(../assets/img/mainback.gif);
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #fff;
    font-size: 14px;
    color: #333;
    clear:both;
}
.maincontainer2 {
    background: #ffffff;  
    width:100%;
    font-family:  'neosansregular',Helvetica, Verdana, sans-serif; 
    background-image: url(../assets/img/mainback2.gif);
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #fff;
    font-size: 14px;
    color: #333;
    clear:both;
}


.maincontainer-content{
    width:100%;
    min-width: 992px;
    margin:0px auto 0px auto;
    padding:0px 0px 20px 0px;
}
    /* SIDEBAR
    -------------------------------------------------- */ 
        .sidebar {
            float:left;
            width:250px;
            padding:0px 0px 0px 0px;
        }
        .sidebar-content {
            padding:0px 20px 0px 0px;
        }  
        .sidebar-content .location{
            padding:10px 0px 0px 0px;
            font-weight: bold;
            display: block;
            line-height: 20px;
        }          
        .sidebar-content .location strong{
            font-size: 120%;
            
        }          
        
        
        
        
        .sidebar p{
            padding:0px 0px 0px 0px;
        }
    /* RIGHT COLUMN
    -------------------------------------------------- */         
        .maincol {
            padding:0px 0px 0px 0px;
            margin:0px 0px 0px 0px;
            width:700px;
            float:right;
        }
        .maincol_transexplorer {
            margin: 0px 0px 10px 0px;
            padding:10px 10px 10px 10px;
            width:650px;
            border:1px solid #f00;
                -moz-border-radius: 20px;
                -webkit-border-radius: 20px;
                border-radius: 20px;
                border:1px solid #ccc;            
        }        
        .maincol_transexplorer h5{
            margin:0px 0px 0px 0px;
            padding:0px 0px 0px 20px;
            cursor: pointer;
            background: no-repeat #fff;
            background-image:url('../assets/img/maincol_toggleoff.png');
            background-position: top left;            
        }
        .maincol_transexplorer h5.on{
            background: no-repeat #fff;
            background-image:url('../assets/img/maincol_toggleon.png');
            background-position: top left;
        }        

        
        
    /* GRID OPTIONS BAR
    -------------------------------------------------- */        
    #gridoptions{
        margin:0px 0px 0px 0px;
        padding:5px 5px 10px 5px;
        font-size: 12px;
        /*border-bottom: 1px solid #ccc;*/
    }
    #gridoptions select {
        font-size: 12px;
    }
    #gridoptions .limiter, .ratio{
        background-color: #999;
        padding:5px 20px 5px 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px; 
        color:#fff;
        font-weight: bold;
        cursor: pointer;
        margin-left:20px;
        text-decoration: none;
        background: no-repeat #999;
        background-image:url('../assets/img/dropdown_arrow.png');
        background-position: top right;     
    }
    #gridoptions .limiter:after, .ratio:after {
        /*content: url(../assets/img/dropdown_arrow.png);
        margin-left: 6px;
        color: #08C;
        */
    }
    #gridoptions .limiter:hover, .ratio:hover {
        background: #333;
        color:#fff;
        background: no-repeat #333;
        background-image:url('../assets/img/dropdown_arrow.png');
        background-position: top right;     
    }
    #gridoptions .limiter.dropdown-open, .ratio.dropdown-open {
        background: #333;
        color: #fff;
    }
    #gridoptions .limiter.dropdown-open:after, .ratio.dropdown-open:after {
        color: #FFF;
    }

    /* THUMBNAIL GRID VIEW
    -------------------------------------------------- */ 
        .thumbnails {
            display:block;
            padding:0px 0px 0px 0px;
            text-align: center;
        }
        .thumbnails span{
            float:left;
            display:block;
            width:140px;
            padding:10px 8px 10px 8px;
        }
        .thumbnails a {
            outline: none;
        }
        .thumbnails a img {
            border:2px solid #ccc;
            width:130px;
            height:65px;
            background-color: #000000;
            color:#555;
         }
    /* PAGNATION
    -------------------------------------------------- */ 
            .pagination {
                padding:10px 10px 30px 10px;
                text-align: center;
                font-size:14px;
                color:#000000;
                width:100%;
            }
            #pagination-digg {
                border:0; 
                margin:0; 
                padding:0;
                display:block;
            }
            #pagination-digg li{
                border:0; margin:0; padding:0;
                font-size:14px;
                list-style:none;
                margin-right:2px;
                display:inline;
            }
            #pagination-digg a{
                border:solid 1px #03668f;
                margin-right:2px;
            }
            #pagination-digg .previous-off,
            #pagination-digg .next-off {
                border:solid 1px #03668f;
                color:#888888;
                display:inline;
                font-weight:bold;
                margin-right:2px;
                padding:3px 4px;
            }
            #pagination-digg .next a,
            #pagination-digg .previous a {
                font-weight:bold;
            }
            #pagination-digg .active{
                background:#03668f;
                color:#FFFFFF;
                font-weight:bold;
                display:inline;
                padding:4px 6px;
            }
            #pagination-digg a:link,
            #pagination-digg a:visited {
                color:#0e509e;
                display:inline;
                padding:3px 6px;
                text-decoration:none;
            }
            #pagination-digg a:hover{
                border:solid 1px #0e509e;
            }
    /* HYPERLINKS FORMATTING
    -------------------------------------------------- */
        .readmore, .smalllink{
            display:block;
            margin:10px 0px 10px 0px;
            padding:0px 0px 0px 30px;
            color:#006994;
            font-weight: bold;
            text-decoration: none;
            background: no-repeat #fff;
            background-image:url('../assets/img/arrowblue.png');
            background-position: top left;      
            line-height: 18px;
            height:20px;
        }
        .readmore:hover {
            color:#1c88b5;;
            text-decoration: underline;
        }
        .boldlink {
            display:block;
            margin:10px 0px 10px 0px;
            padding:0px 0px 0px 30px;
            background: no-repeat #fff;
            background-image:url('../assets/img/arrowblue.png');
            background-position: top left;      
            height:20px;
            letter-spacing:2px;
            font-family: 'neosansmedium',Helvetica, Verdana, sans-serif;
            font-size:20px;
            color:#3988a9;
            text-transform: uppercase;
            text-decoration: none;
            line-height: 20px;            
            
        }
    
        .boldlink:hover {
            color:#3988a9;
            text-decoration: underline;
            font-family: 'neosansmedium', Helvetica, Verdana, sans-serif;
        }
      

        .bluebox{
            -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            border-radius: 15px;
            border:1px solid #d7d7d7;
            margin:15px 15px 40px 15px;
            padding:0px 0px 0px 15px;
            color:#006994;
            background-color: #3988a9;
            font-family: 'neosansmedium', Helvetica, Verdana, sans-serif;
            font-size:24px;
            
        }
        .bluelink {
            display:block;
            margin:10px 0px 10px 0px;
            padding:0px 0px 0px 35px;
            background: no-repeat #3988a9;
            background-image:url('/assets/img/arrowbluebig.png');
            background-position: top left;      
            height:24px;
            font-family: 'neosansmedium', Helvetica, Verdana, sans-serif;
            font-size:24px;
            line-height: 24px; 
            color:#fff;
            /*text-transform: uppercase;*/
            text-decoration: none;
        }
        .bluelink:hover {
            color:#fff;
            text-decoration: underline;
            font-family: 'neosansmedium', Helvetica, Verdana, sans-serif;
        }
        
        .listlink {
            display:block;
            margin:10px 0px 0px 0px;
            padding:0px 0px 0px 30px;
            color:#006994;
            background: no-repeat #fff;
            background-image:url('../assets/img/arrowblue.png');
            background-position: top left;      
            line-height: 20px;
            height:20px;
            text-decoration: none;
            font-family: 'neosansmedium', Helvetica, Verdana, sans-serif;
            font-size:20px;
            text-transform: uppercase;
            text-decoration: none;
            letter-spacing:2px;            
            
        }
        
        .listlink:hover {
            color:#3988a9;
            text-decoration: underline;
            font-family: 'neosansmedium', Helvetica, Verdana, sans-serif;
        }
        .listlink-details{
            margin:0px 0px 0px 0px;
            padding:0px 0px 10px 30px;
        }
        .listlink-date{
           color:#3988a9; 
        }         
        
        

    /* ROUNDED SHADOW BOX
    -------------------------------------------------- */ 
             .roundborder{
                margin:5px 5px 5px 5px;
                padding:15px 15px 15px 15px;
                display:block;
                background-color: #fff;                
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                border-radius: 10px;
                border:1px solid #aaa;
                -moz-box-shadow: 0 5px 5px #d7d7d7;
                -webkit-box-shadow: 0 5px 5px #d7d7d7;
                box-shadow: 0 5px 5px #d7d7d7;
                /* For IE 8 */
                -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";
                /* For IE 5.5 - 7 */
                filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000');                
            }
            
            .roundbox{
                margin:5px 5px 5px 5px;
                padding:15px 15px 15px 15px;
                display:block;
                background-color: #fff;                
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                border-radius: 10px;
                border:1px solid #aaa;
                -moz-box-shadow: 0 5px 5px #d7d7d7;
                -webkit-box-shadow: 0 5px 5px #d7d7d7;
                box-shadow: 0 5px 5px #d7d7d7;
                color:#006994;
                font-weight: bold;
                /* For IE 8 */
                -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";
                /* For IE 5.5 - 7 */
                filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000');                
            }
            .roundbox h2{
            margin:0px 0px 0px 0px;
            padding:0px 0px 10px 0px;
            line-height: normal;
            font-family: 'neosansmedium', Helvetica, Verdana, sans-serif;
            font-weight: normal;
            font-size: 24px;
            }
            .roundbox table{
               color:#000;
               font-weight: normal;
               font-size: 100%;
            }            
                .roundbox td{
                 padding:3px 3px 3px 3px;
                font-weight: normal;
                }
                .roundbox td strong{
                color:#016893;;
                font-weight: bold;
                font-size: 140%;
                padding:0px 20px 0px 0px;
                }                
                .roundbox td b{
                color:#016893;;
                font-weight: bold;
                font-size: 100%;
                padding:0px 0px 0px 0px;
                }                
            .roundbox p{
                color:#000;
                font-weight: normal;
                padding:0px 0px 10px 0px;
                margin:0px 0px 0px 0px;
            }    
            /* 2 Columns */
            .roundbox .span2{
            width:50%;    
            margin:0px 0px 0px 0px;
            padding:0px 0px 0px 0px;
            }
            .roundbox .span2 p{
            margin:0px 0px 0px 0px;
            padding:0px 0px 10px 0px;
            }
                .roundboxtitle {
                    margin:-18px 0px 20px 0px;    
                    padding:0px 0px 0px 0px;
                    text-align: center;
                    font-family: 'neosansmedium', Helvetica, Verdana, sans-serif;
                    font-size:24px;
                    font-weight: normal;
                }
                .roundboxtitle span{
                    display:inline;
                    margin:-50px auto 0px auto;
                    padding:10px 10px 10px 45px;
                    border:1px solid #aaa;
                    -moz-border-radius: 20px;
                    -webkit-border-radius: 20px;
                    border-radius: 20px;
                    -moz-box-shadow: 0 0 3px 3px #d7d7d7;
                    -webkit-box-shadow: 0 0 3px 3px #d7d7d7;
                    box-shadow: 0 0 3px 3px #d7d7d7;     
                    font-size:20px;
                    font-weight: normal;
                    line-height: 30px;
                    height:50px;
                    text-transform: uppercase;
                    letter-spacing:4px;
                    background: no-repeat #fff;
                    background-image:url('/assets/img/educationicon.png');
                    background-position: 10px 10px; 
                    z-index: 100;
                }
        /* VIDEO ROUNDED SHADOW BOX
           -------------------------------------------------- */ 
                .video-container{
                    margin:0px auto 0px auto;
                    padding:0px 0px 0px 0px;
                    width:640px;  
                }
                video{
                    margin:0px 0px 0px 0px;
                    padding:0px 0px 0px 0px;
                    width:640px;  
                    display:inline-block;
                    -moz-border-radius: 10px;
                    -webkit-border-radius: 10px;
                    border-radius: 10px;
                    border:none;
                    background-color: #000;
                }
/* --------------------------------------------------                
Bootstrap
-------------------------------------------------- */
/* Bootstrap.css interfers with jquery.dropdown.css so do some resets*/
.dropdown-menu {
  position: relative;
  top: auto; 
  left: auto;
  display: block;
  float: none;
  font-size: 12px;
  overflow: hidden;
}
/*jqury dropdown overwrite.*/
.dropdown .dropdown-menu LI > A {
	color: #555;
}
.dropdown .dropdown-menu .selected > a{
   background-color: #006994;
   color:#fff;
}
.dropdown .dropdown-menu .pending > a{
   background-color: #ffffff;
   color:#ccc;
}
.dropdown .selected{
   background-color: #006994;
   color:#fff;
} 
.dropdown .selected > a{
    color:#fff;
} 
.dropdown .selected > a > span{
    color:#fff;
}
.dropdown .pending > A{
    color:#ccc;
}
.dropdown .pending > a > span{
    color:#ccc;
}
/* End*/
.dropdown-menu > li > a:hover,
 .dropdown-menu > li > a:focus {
  background-color: #006994;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #006994;
}
.dropdown-menu span{
    color: #03668f;
    font-size:12px;
    padding: 0px 5px 2px 10px;
}
.dropdown-menu > .active > a:hover > span{
    color: #ffffff;
}
.dropdown-menu > li > a:hover > span{
    color: #ffffff;
}

.dropdown-menu-analysis > li > a:hover,
.dropdown-menu-analysis > li > a:focus {
    background-color: #47a447;
    border-color: #398439;
}


.dropdown-menu .selected{
   background-color: #006994;
    color:#fff;
} 
.dropdown-menu .selected > a{
    color:#fff;
} 
.dropdown-menu .selected > a > span{
    color:#fff;
} 
.dropdown-menu .pending{
   background-color: #ffffff;
    color:#ccc;
} 
.dropdown-menu .pending > a{
    color:#ccc;
} 
.dropdown-menu .pending > a > span{
    color:#ccc;
}

.dropdown-menu > li {
    clear:both;
}

.dropdown-menu2 > li > div  {
    position: relative;
    height:25px;
}

.dropdown-menu2 .explore {
    display:inline-block;
    clear:none;
    padding:3px 0px 3px 10px;
    overflow: hidden;
    width:100%;
    height:25px;
}

.dropdown-menu2 .analysis {
    position: absolute;
    top:2px;
    right: 2px;
    clear:none;
    opacity: 0.9;
    padding:1px 5px 0px 5px;
}

.dropdown-menu2 .analysis:hover {
    opacity: 1;
    background-color: #47a447;
    border-color: #398439;
}


.dropdown-menu2 > li > div > a:hover,
.dropdown-menu2 > li > div >a:focus {
    background-color: #006994;
    color: #ffffff;
    text-decoration: none
}
.dropdown-menu2 > .active > a,
.dropdown-menu2 > .active > a:hover,
.dropdown-menu2 > .active > a:focus {
    background-color: #006994;
    color: #ffffff;
    text-decoration: none;
}

.dropdown-menu2 > li > div > a:hover > span{
    color: #ffffff;
}
.dropdown-menu .pending > div > a{
    color:#ccc;
}
.dropdown-menu .pending > div > a > span{
    color:#ccc;
}

.jumbotron {
  background-color: transparent;
}
.breadcrumb {
  background-color: #fff;
  margin:0px 0px 0px 0px;
}
.centered-pills { text-align:center; }
.centered-pills ul.nav-pills { display:inline-block; }
.centered-pills li { display:inline; }
.centered-pills a { float:left; }
* html .centered-pills ul.nav-pills { display:inline; } /* IE6 */
*+html .centered-pills ul.nav-pills { display:inline; } /* IE7 */

.text-primary {
  color: #006994;
}

.panel-primary {
  border-color: #006994;
}

.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #006994;
  border-color: #006994;
}
.panel-primary > .panel-heading a{
  color: #fff;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #006994;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #006994;
}

blockquote{
    color:#999999;
    border: none;
    font-family: 'neosansmedium',Helvetica, Verdana, sans-serif;
    padding:5px 5px 5px 5px;
}
blockquote p {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.25;
}
blockquote span {
  display: inline; 
  line-height: 1.428571429;
  color: #999999;
  font-size: 14px;
}




.btn-grr {
    color:#006994;
    background-color: #ffffff;
    border-color: #ffffff;
    font-weight: bold;
    padding:6px 12px 6px 30px;

    background: no-repeat #fff;
    background-image:url('../assets/img/btn-arrow-blue.png');
    background-position: top left; 
    background-position:5px 4px;
}

.btn-grr:hover,
.btn-grr:focus,
.btn-grr:active,
.btn-grr.active {
    color:#fff;
    background-color: #006994;
    border-color: #006994;
    background: no-repeat #006994;
    background-image:url('../assets/img/btn-arrow-white.png');
    background-position: top left; 
    background-position:5px 4px;  
}
.btn-grr-blue {
    color:#ffffff;
    background-color: #006994;
    border-color: #006994;
    font-weight: bold;
    padding:6px 12px 6px 30px;
    background: no-repeat #006994;
    background-image:url('../assets/img/btn-arrow-white.png');
    background-position: top left; 
    background-position:5px 4px;
}
.btn-grr-blue-lt {
    color:#ffffff;
    background-color: #b2d2df;
    border-color: #b2d2df;
    background: no-repeat #b2d2df;
    background-image:url('../assets/img/btn-arrow-white.png');
    background-position: top left; 
    background-position:5px 4px;
}


.btn-grr-blue:hover,
.btn-grr-blue:focus,
.btn-grr-blue:active,
.btn-grr-blue.active {
    color:#fff;
    background-color: #555555;
    border-color: #555555;
    background: no-repeat #555555;
    background-image:url('../assets/img/btn-arrow-white.png');
    background-position: top left; 
    background-position:5px 4px;  
}

.btn-primary {
  color: #ffffff;
  background-color: #006994;
  border-color: #006994;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #1c88b5;
  border-color: #1c88b5;
}

.badge{
   font-family: Helvetica, Verdana, sans-serif; 
    
}
.alert-blue { 
  background-color: #006994;
 
}


.alert-grr {
  color: #333;
  background-color: #ececec;
  border-color: #ccc;
  border-radius: 10px;
  padding:20px 20px 20px 20px;
}

.alert-grr hr {
  border-top-color: #a6e1ec;
}

.alert-grr .alert-link {
  color: #2d6987;
}
.nav-pills-grr {
  
}
.nav-pills-grr > li {
  padding:0px 0px 3px 0px;
  
}
.nav-pills-grr > li {
  float: none;
  display:inline-block;
  
}

.nav-pills-grr > li > a {
  border-radius: 7px;
}
.nav-pills-grr > li > a:hover {
  color: #ffffff;
  background-color: #1c88b5;
}

.nav-pills-grr > li + li {
  margin-left: 2px;
}

.nav-pills-grr > li.active > a,
.nav-pills-grr > li.active > a:hover,
.nav-pills-grr > li.active > a:focus {
  color: #ffffff;
  background-color: #03668f;
}


.closetabs{
    margin:-10px -10px 0px 0px;
}

/* --------------------------------------------------
COMMON
-------------------------------------------------- */
.noback{
    background-image: none;
}
.nobottommargin
{
    margin-bottom: 0px;
    
}
.nopad{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}
.fontlarge{
    font-size:20px;
}

.clear { clear: both; }

.clearfixpain{
    visibility: hidden;
}
.spacer{
    display:block;
    height:500px;
}  

.top-buffer { margin-top:50px; }
.top-buffer-small { margin-top:10px; }
.top-buffer-med { margin-top:30px; }
.padded { padding: 10px; }

#loading_layer{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;  

}
/* Map Tooltips*/
#tt {position:absolute; display:block;}
#tttop {display:block; height:5px; margin-left:5px; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px;}
#ttbot {display:block; height:5px; margin-left:5px;overflow:hidden;}