div.header { 
    background-color:#000084; 
    width:100%;
    margin-bottom:15px;
}
body {  
    background-color:#0000A0;
    color:#F7F7F7;
    font:12px Arial,sans-serif;
    width:95%;
    margin:auto;
}

.validateTips { border: 1px solid transparent; 
                padding: 0.3em;
                text-align:center; 
}

fieldset      { padding:0; border:0; margin-top:25px; }

div img#adjtempdialogspinner { display:none; }

#adjtempdialogcontain {text-align:center; }

.loginbutton {
    background-color:#B5D0F9;
    border: 1px;
    border:solid;
    margin: 10px;
    padding: 3px;
}
.loginbutton:hover {
    border-color:#0000A0;
    background-color:#8080FF;
}

.linkbutton {
    border: 1px;
    border:none;
    margin: 10px;
    padding: 3px;
}
.linkbutton:hover {
    border-color:#0000A0;
    background-color:#8080FF;
}

.loginblock {
    font:12px Arial,sans-serif;font-weight: 600;
    text-align:right;
    padding:1px 2% 1px 50%;
}

a:link {color:#F7F7F7;}      /* unvisited link */
a:visited {color:#F7F7F7;}  /* visited link */
a:hover {color:#F7F7F7;}  /* mouse over link */
a:active {color:#F7F7F7;}  /* selected link */ 

.entryfield  {
    background-color:#EFEFEF;
    margin-right:12px;
}

div.jqdialog   {
    display:none;
}

#slideshowcontainer  {
    width:100%;
    height:auto;
    margin:auto;
}

#slideshowbot  {
    width:13%;
    height:auto;
    float: left;
}

#slideshowtop  {
    height:auto;
    width:85%;
    float: right;
}

div.temperaturedisplay {
    font-size:1.8em;
    width:100%;
    padding:8px;
    background-color:DeepSkyBlue;
    color:darkslategrey;
    border-style:double;
    border-color:rgb(102, 102, 102);
    border-width:6px;
}
table.temperaturetable {
    width:100%;
}

table.temperaturetable th {
    text-decoration:underline; 
    font-size:0.95em;
    padding:8px;
}                

table.temperaturetable tr td {
    text-align:center;
}

table.temperaturetable tr {
    height:1em; 
}

.pwdtable tr td {
    text-align:right; 
}

.slideshowimage {
    border-color:#83CDCA;
    border-style:solid;
    border-width:12px;
}

.slideshowthumb {
    border-color:#83CDCA;
    border-style:solid;
    border-width:2px;
    width:100%;
    height:auto;
    margin:3px auto 2px 5px;
}                 

.gallerythumb {
    border-color:#83CDCA;
    border-style:solid;
    border-width:3px;
    width:100%;
    height:auto;
}

.gallerycontain  {
    width:10%;
    text-align:center;
    height:auto; 
    float:left;
    margin-left:25px;
    margin-right:25px;
    margin-bottom:25px;
}                       

#jqdialogblk     {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15) inset;
    width:70%;
    min-height:95px;
}

#jqdialogdesc, #jqdialogset    { 
    color:#0000A0;
    font-size:1.5em; 
    font-weight:bold;
    padding:10px 8px 1px 10px;
}

#jqdialogset     {
    font-size:2.5em; 
}         

div#dialogconfirm {
    display:none;
    text-align:center;
}

.adjust-down        {
    background-position: left bottom;
    width:100%;
    height:45%;
    position:relative;
    top:11px;
    background-image: url("../gif/button-adj.png");
    background-repeat: no-repeat;
}

.adjust-down:hover  {
    background-position: -51px bottom;
}

.adjust-down:active {
    background-position: -102px bottom;
}

.adjust-up          {
    background-position: left top;
    width:100%;
    height:45%;
    background-image: url("../gif/button-adj.png");
    background-repeat: no-repeat;
}

.adjust-up:hover    {
    background-position: -51px top;
}

.adjust-up:active   {
    background-position: -102px top;
}

.adjust-temperature {
    float: right;
    width: 51px;
    height: 95px;
    position: relative;
    top: -95px;
}        

div.footer        {
    width:100%;
    text-align:center; 
    font-size:0.8em;
    padding:0.5em;
    clear:both;
}

div.admin        {
    width:100%;
    text-align:center; 
    font-size:1.1em;
    padding:0.5em;
    clear:both;
}
div.admin a {
    margin-left: 0.7em;
    margin-right: 0.7em;
    margin-top: 0.8em;

}
.smallfont        {
    width:100%;
    text-align:left; 
    font-size:0.5em;
    padding:0.5em;
}

.lakedata         {
    text-align:left; 
    text-indent:20%; 
    font-size:0.65em;
    margin:0;
    padding:0;
}

.chartlink    {
    width:100%;
    text-align:center;
    font-size:0.7em;
    text-decoration:none !important;
    color:rgb(102, 102, 102);
}
.chartlink:link {color:rgb(102, 102, 102);}      /* unvisited link */
.chartlink:visited {color:rgb(102, 102, 102);}  /* visited link */
.chartlink:hover {color:rgb(102, 102, 102);}    /* mouse over link */
.chartlink:active {color:rgb(102, 102, 102);}   /* selected link */ 

div.captiontext   {
    text-align:center; 
    width:auto;
    font-size:1.0em;
    padding:0.5em;
    margin:auto;
}         

table tr td.timeupdate {
    text-align:left;
    vertical-align:middle;
    font-size:0.5em; 
}                        

.ui-dialog .ui-dialog-titlebar-close { display: none; }

.memberdiv     {
    padding:0.5em;
    clear:both;
}
.memberlink    {
    width:100%;
    text-align:left;
    font-size:1.0em;
    color:rgb(102, 102, 102);
}