body{
    margin: 0px;
    background-color: #E6E6E6;
}

#facts{
    float:right;
}

#picturebox{
    float:left;
}

#description{
    float:left;
}
#video{
    float:left;
}
#morecams{
    float: left;
}
#relatedcams{
    float: left;
}
#temperature{
  float: left;
}

#picturebox_content, #diacontrol_content, #rate_content, #morecams_content, #description_content, #video_content, #facts_content, #comments_content, #relatedcams_content, #temperature_content{
    background-color: white; /*#e9e7e9*/
    margin-right: 5px;
    border-left: 1px solid #8f99a6;
    border-right: 1px solid #8f99a6;

    border-bottom: 1px solid #8f99a6;
    margin-bottom: 5px;

    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;

    /*border-bottom-left-radius: 10px;
         border-bottom-right-radius: 10px;
         -webkit-border-bottom-left-radius: 10px;
         -webkit-border-bottom-right-radius: 10px;		*/
    clear:both;
}
.boxheader, .inpageboxheader{
    /*margin-right: 5px;*/
    /*border-top: 5px  solid black;*/
    border: 5px solid -moz-bg-inset;
    border: 5px solid -webkit-bg-inset;

    background-color: #6e798c;

    /*
    background: -moz-linear-gradient(top, #6e798c, #8f99a6);
    background: -webkit-gradient(linear, left top, left bottom,color-stop(0.1, #6e798c), color-stop(1.0, #8f99a6));
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#6e798c',EndColorStr='#8f99a6');
    */
    height: 25px;
    float:left;
    text-shadow: 1px 1px 2px black;
}



#topbar{
    width: 100%;
    height: 40px;
    background-color: #7f85a3;

}

.ui-autocomplete-loading{
    background-color: white;
    background: url(/img/forms/smallwhiteloader.gif) no-repeat scroll right center white;

}

#slideshowprogress{
    position:absolute;
    width:110px;
    height:37px;
    background-color:gray;
    margin: -5px;
    opacity:0.8;
    filter:alpha(opacity=80);
    font-family: Verdana, Arial, Helvetica, sans;
    font-size:8pt;
    font-weight: bold;
    text-shadow: 1px 1px 1px black;
    color:white;
    display: none;
}


#camoverview{
    width: 620px;
}

#outerbox{

    width: 995px;
    /*width: 1170px;*/
    margin-left: auto;
    margin-right: auto;
}

#mainbox{
    width: 982px; /*995px*/;
    float: left;


}

#description_content{
    width: 660px;
    height: 335px;
    /*height: 420px;*/
    /*height: 675px;*/
    overflow: auto;
}

#video_content{
    width: 660px;
    height: 570px;
}

#relatedcams_content{
    width: 660px;
    height: 570px;
}
#temperature_content{
  width: 660px;
  height: 570px;
}
#morecams{
    float: left;
}

#diaspeed_text{
    background-image: url('/img/diacontrol/dia_speed.png');
    background-repeat: no-repeat;
    text-align: center;
    width: 90px;
    height: 22px;
    font-family: Verdana, Arial, Helvetica, sans;
    font-size: 8pt;
    padding-top: 2px;
}
#diaspeed_link{
    color: black;
    text-decoration: none;
}
.smalldiabutton{
    margin-right: 2px;
}


#camoverview{
    margin-left:auto;
    margin-right:auto;
    padding-top:19px;
    width:780px;

}
.pathlist{
    font-size:9pt;
    font-family:Verdana, Helvetica, sans;
}
.pathlistlink{
    color:black;
}
a.pathlistlink:hover{
    color:blue;
}

.maintitle{
    font-family:Verdana, Helvetica, Arial, sans;
    text-align:center;
    font-size:11pt;
    font-weight:bold;
    margin:2px;
    margin-top:30px;
}

#browsernotice{
    width: 100%;
    min-width: 1000px;
    height: 22px;
    padding-top: 5px;
    background-color: #ff7458;
    float: left;
    z-index: 2000;
    text-align: center;
    font-family: Verdana,Arial,Helvetica,sans;
    font-size: 9pt;
    display:none;
}

#redirectnotice{
    width: 100%;
    min-width: 1000px;
    height: 22px;
    padding-top: 5px;
    background-color: #ff7458;
    float: left;
    z-index: 2000;
    text-align: center;
    font-family: Verdana,Arial,Helvetica,sans;
    font-size: 9pt;
    display:block;
}

#overlaymessage{
    background-color:silver;
    border: 1px solid black;
    bottom:0;
    color:black;
    font-family:Verdana,Arial,Helvetica,sans;
    font-size:20pt;
    height:120px;
    opacity:0.95;
    filter: alpha(opacity=95);
    position:absolute;
    text-align:center;
    text-shadow:2px 2px 2px white;
    z-index:30;
    width: 100%;
    /* height:50px;
         background-color:silver;
         border:1px solid black;
         color:white;
         font-family:Verdana,Arial,Helvetica,sans;
         font-size:20pt;
         opacity:0.9;
         position:absolute;
         text-align:center;
         text-shadow:1px 1px 1px black;
         z-index:30;*/

}

#overlayhandle{
    background-color:silver;
    border: 1px solid black;
    border-top: none;
    bottom:16px; /*was 0*/
    color:white;
    font-family:Verdana,Arial,Helvetica,sans;
    font-size:20pt;
    height:20px;
    opacity:0.9;
    filter: alpha(opacity=90);
    position:absolute;
    text-align:center;
    text-shadow:1px 1px 1px black;
    z-index:30;
    width: 100%;
}

#maindirectorybox  {
    margin-left:auto;
    margin-right:auto;
    width:1000px;
}






#diacontrol_content{
    width: 150px;
    height: 475px;
}


#facts_content{
  /*  height: 1800px; 1566px*/
    height: 1200px;
    width: 315px;
}


#innerright{
    float: right;
}

#picturebox_content{
    width: 825px;
    height: 475px;
}

#zoomlink{
    margin-left: 736px;
}
#mainbox{
    width: 990px;
}

#picturebox_content{

    height: 635px;
}

#diacontrol_content{
    /*height: 527px;*/
    height: 635px;
}

.sourcelink{
    color: black;
    font-family: Verdana,Arial,Helvetica,sans;
    font-size: 8pt;
    text-decoration: none;
    margin-left: 20px;
    opacity: 1;
}
.sourcelink:hover{
    text-decoration: underline;
}

/*Check this*/
#basepic{
    border:1px solid gray;
    position: absolute;
    z-index: 20;
    background-color:white;
}
#pic2{
    border:1px solid gray;
    position: absolute;
    z-index: 10;
    background-color:white;
}
#loadingpictures{
    position:absolute;
    background-color: white;
    border: 1px solid gray;
    display: table-cell;
    z-index: 30;

}
/* MERGE */
#basepic, #pic2, #loadingpictures{
    width: 512px;
    height:384px;
    margin-top:35px;
    margin-left:156px;
}

#overlaybox{
    margin: 0px;
    cursor: pointer;
    position: relative;
    width: 512px;
    z-index: 40;
    height: 0px;
}

#basepic{
    margin:0px;
}

#pic2{
    margin:0px;
}

#loadingpictures{
    margin: 0px;
    /*background-color:green;*/

}
#innerloadingbox{
    top:50%;
    text-align:center;
    font-family: Verdana, Arial, Helvetica, sans;
    font-size: 10pt;
    color:black;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 150px;
    height: 100px;
    /*background-color:yellow;*/

}

#picmessage {
    position: absolute;
    color: white;
    font-family: Verdana, Arial, Helvetica, sans;
    font-size: 18pt;
    text-align: center;
    z-index: 30;
    display:none;
    text-shadow: 1px 1px 1px black;
    width:512px;
    margin-top: 430px;
    margin-left: auto;
    margin-right: auto;
}

#picturecanvas{
    margin-top: 5px;
    width:825px;
    /*background-color: orange;*/
}

#pictureblock{
    margin-left: auto;
    margin-right: auto;
    /*background-color: #0000FF;*/
}

.boxheader{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.boxtitle, .boxtitlecentered{
    font-family: Verdana, Arial, Helvetica, sans;
    font-size: 9pt;
    font-weight:bold;
    padding-top: 3px;
    padding-left: 20px;
    color: #e9e7e9;
    margin: 0px;
}

#middle_content, #left_content, #right_content{
    background-color: white;
    margin-right: 5px;

    border-left: 1px solid #8f99a6;
    border-right: 1px solid #8f99a6;

    clear:both;
}

#protectioninner{
    margin-top:60px;
    width:345px;
    height:225px;
    background-color:white;
    border:1px solid #8F99A6;
    margin-left:auto;
    margin-right:auto;
    border-radius:5px;
    -webkit-border-radius:5px;

}

#protectioninnerapply{
    font-family:Verdana, Arial, Helvetica, sans;
    font-size:9pt;
    margin-top:60px;
    padding-top:50px;
    text-align:left;
    width:305px;
    height:315px;
    background-color:white;
    border:1px solid #8F99A6;
    margin-left:auto;
    margin-right:auto;
    border-radius:5px;
    -webkit-border-radius:5px;
}

#protectionouter{

    background-color: white;
    padding-top:40px;
    margin-top:100px;
    width:600px;
    height:650px;
    border:1px solid #8F99A6;
    margin-left:auto;
    margin-right:auto;
    text-align:center;

    border-radius:5px;
    -webkit-border-radius:5px;




}


.maplinkoverlay{
    position:absolute;
    top:15px;

    height: 25px;
    width:130px;

    text-align: center;

    /*
     height: 35px;
     overflow:hidden;
     */
}

.maplinkoverlaytext {
    text-decoration: none;
    color:white;
    font-size: 11pt;
    font-family: Verdana, Arial, Helvetica, sans;
    text-align: center;
    margin:0px;
    padding-top: 3px;
    height: 25px;
}

/* Colors */
.boxheader, .inpageboxheader{
    background-color: #6e798c;

}

.directoryinnercontent{
    padding-left: 30px;
    padding-right:30px;
}

.inpageboxheader{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 603px;
    margin-top:20px;
    margin-bottom:30px;
    margin-left:0px;
    padding-left: 22px;
}


.boxtitle{
    padding-left: 45px;
}

.boxtitlecentered{
    /*remove*/
    padding-left: 0px;

    text-align: center;
}

#pictureboxheader{
    width: 827px;
}

#descriptionheader{
    width: 662px;
}

#videoheader{
    width: 662px;
}

#relatedcamsheader{
    width: 662px;
}

#temperatureheader{
  width: 662px;
}

#diacontrolheader{
    width: 152px;
}

#morecamsheader{
    width: 985px;
}

#factsheader{
    width: 317px;
}

#morecams_content{
    width: 983px;
    height: 300px;
    padding-top:15px;
    overflow-y: auto;
}
#morepics{
    width: 955px;
}
#morepics_related{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:955px;
    clear:left;
}

#middle_content, #left_content, #right_content{
    border-bottom: 1px solid #8f99a6;
    margin-bottom: 5px;

    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;

}

.btn_link {
    background: #6E798C;
    background-image: -webkit-linear-gradient(top, #6E798C, #505a6b);
    background-image: -moz-linear-gradient(top, #6E798C, #505a6b);
    background-image: -ms-linear-gradient(top, #6E798C, #505a6b);
    background-image: -o-linear-gradient(top, #6E798C, #505a6b);
    background-image: linear-gradient(to bottom, #6E798C, #505a6b);
    border-radius: 4px;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    padding: 4px 8px 4px 10px;
    text-decoration: none;
}

.btn_link:hover {
    background: #3cb0fd;
    text-decoration: none;
}

#temperatureblock {
    position: absolute;
    color: white;
    font-family: Verdana, Arial, Helvetica, sans;
    font-size: 18pt;
    z-index: 30;
    display:none;
    text-shadow: 1px 1px 1px black;
    width:150px;
    margin-top: 230px;
    margin-left:10px;
}

#temperaturestationtable, #temperaturestationtable td, #temperaturestationtable tr, #temperaturestationtable th{
    border: 1px solid gray;
    border-collapse: collapse;
    font-size: 9pt;
    font-family:Arial, sans-serif;
    font-weight: normal;
}

#temperaturestationtable thead th{
    background-color: #C4C7CD;
}

#temperaturestationtable tbody tr:nth-child(odd) {
    background: #ffffff;
}

#temperaturestationtable tbody tr:nth-child(even) {
    background: #f4f5f6;
}

#temperaturestationtable tbody tr:hover{
    background-color: #C4C7CD;
}