/* UW PBL Group Viewer */

body {
    background-color: #666666;
    font-size: 11px;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    color:#000000;
    padding:0;
    margin:0;
}

a {color: #e0e0e0; text-decoration:none;}
a:visited {color:#cccccc;}
a:hover {color: #ff9933;}
a:active { color:#ffffff;}

h1 {
    font-size: 11px;
    text-transform:uppercase;
    background-color: #E0A3B7;
    border-top:1px solid #564b47;
    border-bottom:1px solid #564b47;
    padding:5px 15px;
    margin:0
}

h2 {
    font-size:20px;
    font-weight: normal;
    padding: 5px 10px;
    margin:0;
}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
    width: 1280px;
    height: 950px;
    /*margin-bottom: 10px;*/
    margin: 0 auto;
    /*background-color: #ff9933;*/
    border: 1px solid #666666;
    position: relative;
    z-index: 1;
}

/* ----------banner for logo-------------- */

/* NASA logo: http://grcpublishing.grc.nasa.gov/graphics/meatball.cfm */



#banner {
    float: right;
    width: 1280px;
    height: 76px;
    background-color: #dddddd;
    text-align: center;
    padding: 0px;
    margin: 0px;
    position: relative;
}

#banner img {
    padding:4px 0px;
} 

#bannerLogos {
    padding: 8px 0px 8px 0px;
    float: left;
    text-align: center;
}

#bannerLogos a { padding: 0px 4px; }

#UWlogo {
    padding: 4px 0px 4px 36px;
    float: left;
    text-align: center;
}

#NASAlogo {
    padding: 8px 8px;
    float: right;
    text-align: center;
}

#OVWSTlogo {
    padding: 8px 18px 8px 8px;
    float: right;
    text-align: center;
}

#infoPane {
    text-align: center;
    width: 220px;
    height: 40px;
}

#bannerText {
    width: 940px;
    float: left;
    font-size: 30px;
    font-weight: bold;
    padding: 10px 12px;
    text-align: left;
    line-height: 100%;
}

/* -----------------links--------------------- */
#navBar {
    float: right;
    background-color: #333333;
    width: 1280px;
    height: 32px;
    position: relative;
    padding: 0;
    margin: auto;
}

ul {
     list-style-type: none;
     width: 1280px;
     height: 30px;
     float: right;
     margin: auto;
}

li {
    float: left;
    width: 256px;
    text-align: center;
}

ul a {
    border: 1px solid #aaaaaa;
    padding: 2px 3px;
    display: block;
    line-height: 30px;
    padding: 0px 32px;
    text-decoration: none;
    font-weight: bold;
}

/* -----------------content--------------------- */
#content {
    /*background-color: #ff9933;*/
    float: left;
    padding: 0px;
    margin: 0;
    height: 820px;
    width: 790px;
    position: relative;
}


/* --------------left navi------------- */
#left {
    float: left;
    width: 220px;
    height: 820px;
    margin: 0;
    padding: 0px 12px;
    text-align: left;
    background-color: #dddddd;
    border-right: 1px solid #666666;
    position: relative;
}


/* --------------right navi------------- */
#right {
    float: left;
    width: 220px;
    height: 820px;
    margin: 0;
    padding: 0px 12px;
    text-align: left;
    background-color: #dddddd;
    border-left: 1px solid #666666;
    position: relative;
}

/* ----------- debug -------------------------- */
#debug {
    position: fixed;
    top: 90px;
    left: 1040px;
    width: 220px;
    height: 600px;
    margin: 0px;
    padding: 16px;
    text-align: left;
    background-color: #002200;
    color: #ffffff;
    z-index: 9999;
    border: 1px solid #999999;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /* for IE */
    filter:alpha(opacity=70);
    /* CSS3 standard */
    opacity:0.7;
}

/* ---------lookAt Data ----------------------*/
#viewDataPane {
    position: fixed;
    height: 45px;
    width: 220px;
    top: 5px;
    left: 1040px;
    margin: 0px;
    padding: 16px;
    text-align: left;
    background-color: #660000;
    color: #ffffff;
    z-index: 9999;
    border: 1px solid #999999;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /* for IE */
    filter:alpha(opacity=70);
    /* CSS3 standard */
    opacity:0.7;
}

/* --------- calendar tool control----------------------*/
#calendarMask {
    position: absolute;
    height: 240px;
    width: 200px;
    top: 180px;
    left: 0px;
    margin: 0px;
    padding: 16px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    background-color: #000066;
    color: #ffffff;
    z-index: 9999;
    border: 1px solid #999999;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /* for IE */
    filter:alpha(opacity=70);
    /* CSS3 standard */
    opacity:0.4;
    /*visibility: hidden;*/
}

/* -----------footer--------------------------- */
#footer {
    width: 1280px;
    height: 16px;
    clear: both;
    margin: 0;
    padding: 4px 0px;
    text-align: center;
    background-color: #eeeeee;
    border-top: 1px solid #666666;
    position: relative;
}

.copyright {
    text-align: center;
    font-size: 11px;
    color: #666666;
}

/* ----------- modal windows --------------*/




/* ----------- text styles ----------------*/
.controlHeader {}

.controlHeaderInactive {
    color: #aaaaaa;
}

.layerControlText {
    padding: 4px 0px;
}

.layerControlTextInactive {
    color: #aaaaaa;

}

.errorText {
    font-size: 13px;
    color: #cc0000;
}

.instruction {
    color: #999999;
    font-size: 24px;
}

.dateStampText {
    color: #666666;
    font-size: 13px;
}

.caption {
    color: #666666;
    font-style: italic;
    font-size: 11px;
}

#autoRotateButton {
    float: left;
    width: 60px;
    height: 20px;
    padding: 2px;
    border: 1px solid #666666;
    text-align: center;
    background-color: #999999;
    color: #ffffff;
    font-weight: bold;
}

#debugButton {
    float: left;
    width: 60px;
    height: 20px;
    padding: 2px;
    border: 1px solid #666666;
    text-align: center;
    background-color: #999999;
    color: #ffffff;
    font-weight: bold;
}

#viewButton {
    float: left;
    width: 60px;
    height: 20px;
    padding: 2px;
    border: 1px solid #666666;
    text-align: center;
    background-color: #999999;
    color: #ffffff;
    font-weight: bold;
}