BODY {  background-color: #cceeff; background-image: url("/images/background.gif"); background-repeat: repeat-x; font-family: Trebuchet, Trebuchet MS, Verdana, sans; font-size: 13px; text-align: center; }
INPUT, SELECT {  font-family: Trebuchet, Trebuchet MS, Verdana, sans; font-size: 13px; margin-bottom: 5px; }
FORM { padding:0; margin:0; display: inline; }
* html TABLE { width: 90%; }
.nowrap { white-space: nowrap; }
TABLE TD { padding: 3px; padding-right: 10px; vertical-align: top; }

A, A:visited { color: #7eaa48; }
A:hover, A:visited:hover { color: #eb8517; }

.header { padding-left: 15px; font-family: Trebuchet, Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; color: #FFF; text-align: center; }
.header A { color: #FFF; text-decoration: none; }
.header A:visited { color: #FFF; text-decoration: none; }
.header A:hover, .header A:visited:hover { color: #eb8517; }

.body { font-family: Trebuchet, Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 14px; }
.subhead { padding-left: 15px; font-family: Trebuchet, Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #327080; }
.error { padding-left: 3px; color: #C00; }
#header { width: 970px; margin: 0 auto; clear: both; }
.both-col { width: 970px; margin: 0 auto; clear: both; text-align: center; }
#logo {  width: 500px; float: left; padding: 30px 0px 15px 0px; }
* html #logo { width: 495px; }
#logo #logomark { text-align: center; }
.dayswitcher { font-family: Trebuchet, Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #327080; padding-top: 3px; text-align: center; padding-right: 45px; }
.dayswitcher A, .dayswitcher A:visited {  color: #7eaa48; text-decoration: none; }
.dayswitcher A:hover, .dayswitcher A:visited:hover {  color: #eb8517; }

#logo .dayswitcher {  font-family: Trebuchet, Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; color: #F2F2F2; text-align: center; }
#logo .dayswitcherform {  font-family: Trebuchet, Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; color: #327080; }
#logo .dayswitcher A, #logo .dayswitcher A:visited { color: #FFF; text-decoration: underline; } 

#logo .dayswitcher A:hover, #logo .dayswitcher A:visited:hover {  color: #327080; }
#cloud { float: right; margin-bottom: 15px; margin-right: 25px; }
#cloud #profile-1 { float: right; width: 50px; margin-right: 30px; }
#cloud #profile-2 { float: right; width: 42px; }
#cloud #profile { float: right; padding: 10px 0 1px 0; background-color: #FFF; }
* html #cloud #profile { margin-right: -4px; }
#cloud #profile_nosession { float: right; width: 100px; height: 59px; background-color: #FFF; }
* html #cloud #profile_nosession { margin-right: -4px; }
#cloud #avatar { float: left; text-align: center; padding: 5px; width: 60px; height: 38px; margin-left: 10px; }
#cloud #profilelinks { float: left; padding-top: 8px; }
#cloud #nav-1 { float: right; width: 22px; }
#cloud #nav-2 { float: right; width: 22px; }
#cloud #nav { float: right; padding: 6px 0 0 0; background-color: #FFF; }
#cloud #nav UL { margin: 0; padding: 8px 0px 12px 0px; }
/*\*/
html>body*#cloud #nav UL { padding-bottom: 14px; }
/**/
#cloud #nav UL LI { display: inline; margin: 0; padding: 0 8px; background-color: #FFF; }
#cloud #nav A, #cloud #nav A:visited, #wear-recent .subhead A, #wear-recent .subhead A:visited, A.subhead, A.subhead:visited { font-family: Trebuchet, Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: lowercase; color: #7eaa48; }
#cloud #nav A:hover, #cloud #nav A:visited:hover, #wear-recent .subhead A:hover, #wear-recent .subhead A:visited:hover, A.subhead:hover, A.subhead:visited:hover { color: #eb8517; }
#header .col1 { width: 400px; float: left; }
#header .col2 { width: 450px; float: right; }
#container { clear: both; }
#container .col1 { width: 600px; float: left; }
#container .col2 { width: 350px; float: right; }
.box {  background-color: #FFF; }
.box2 { background-color: #f0faff; }
.left-col { clear: both; width: 600px; text-align: left; margin-bottom: 15px; }
.right-col { width: 350px; margin-bottom: 15px; }
#wear-header, #wearsubmit-header {  width: 600px; text-align: left; }
#wearsubmit-header { margin-top: 15px; text-align: left; }
#numbersubmit-header { margin-top: 15px; text-align: left; }
#number-header, #numbersubmit-header { text-align: left; }
#wear-header .boxtitle, #wearsubmit-header .boxtitle { float: left; margin-bottom: 10px; }
#number-header .boxtitle, #numbersubmit-header .boxtitle { clear:both; margin-bottom: 10px; }
#wear-header .boxlinks { margin-top: 63px; float: right; text-align: center; width: 320px; height: 22px; background-image: url("/images/wear_box_hdr.png"); background-repeat: no-repeat; background-position: right bottom; }
#wearsubmit-header .boxlinks { margin-top: 63px; float: right; text-align: center; width: 295px; height: 22px; background-image: url("/images/wearsubmit_box_hdr.png"); background-repeat: no-repeat; background-position: right bottom; }
#number, #numbersubmit { clear: both; }
#number-header .boxlinks { float: right; text-align: center; width: 320px; height: 22px; background-image: url("/images/wear_box_hdr.png"); background-repeat: no-repeat; background-position: right bottom; }
#numbersubmit-header .boxlinks { float: right; text-align: center; width: 295px; height: 22px; background-image: url("/images/wearsubmit_box_hdr.png"); background-repeat: no-repeat; background-position: right bottom; }
#wear-header .boxlinks UL { margin: 4px 5px 0px 5px; padding: 0; text-align: center; }
#wear-header .boxlinks LI { display: inline; padding: 5px; }
#wear-header .boxlinks A, #wear-header .boxlinks A:visited { font-family: Trebuchet, Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #7eaa48; padding-bottom: 2px; text-decoration: none; }
#wear-header .boxlinks A:hover, #wear-header .boxlinks A:visited:hover { color: #eb8517; }
#wear { clear: both; width: 600px; text-align: center; }
.wear-col { float: left; width: 160px; padding: 0 10px 0 10px; text-align: center; }
* html .wear-col { width: 185px; }
* html .wear-col iframe { float: none; }
.wear-col .caption { margin-bottom: 5px; }
#wear-recent { padding-top: 15px; text-align: left; }
* html #wear-recent { padding-top: 10px; }
#wear-recent .tableheader, .tableheader { font-size: 10px; font-weight: bold; color: #999; }
#wearsubmit { clear: both; width: 600px; text-align: center; }
.wearsubmit-col { float: left; text-align: left; width: 165px; margin-right: 10px; overflow: hidden; }
.wearsubmit-button {  padding-top: 10px; clear: both; }
.submit { padding: 0px 20px 0px 20px; }
#number { width: 350px; }
.number-col { float: left; text-align: center; width: 130px; margin-left: 20px; }
* html .number-col { margin-left: 10px; }
.number-col #temp { padding-top: 10px; font-size: 72px; font-weight: bold; }
#number-footer { float: right; width: 250px; height: 22px; background-image: url("/images/number_box_hdr.png"); background-repeat: no-repeat; background-position: right top; }
#number-footer .boxlinks UL { margin: 0px 5px; padding: 0; text-align: center; }
#number-footer .boxlinks LI { display: inline; padding: 5px; }
#number-footer .boxlinks A, #wear-header .boxlinks A:visited { font-family: Trebuchet, Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #7eaa48; padding-bottom: 2px; text-decoration: none; }
#number-footer .boxlinks A:hover, #number-footer .boxlinks A:visited:hover { color: #eb8517; }
.numbersubmit-button {  padding-top: 10px; clear: both; }
.numbersubmit-button .submit { padding: 0px 20px 0px 20px; }
#numbersubmit-footer { width: 350px; height: 46px; background-image: url("/images/numbersubmit_box_hdr.png"); background-repeat: no-repeat; background-position: right top; }
.tabselected { float: left; text-align: center; width: 320px; height: 22px; background-image: url("/images/wear_box_hdr.png"); background-repeat: no-repeat; background-position: right bottom; }
.tab { float: left; padding: 0 15px 0 15px; }
#popdate { display: none; width: 250px; padding: 10px; background-color: #f0faff; margin: 0 auto; text-align: center; }
#logo .calendar { width: 250px; text-align: center; }

#logo .calendar A, #logo .calendar A:visited { padding: 3px; color: #7eaa48; text-decoration: none; }
#logo .calendar A:hover, #logo .calendar A:visited:hover { background-color: #B9DAF0; }
#logo .calendar .highlight { background-color: #FFF; }	

.forminput {  font-family: Trebuchet, Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #7eaa48; }
#poplocation { display: none; width: 350px; padding: 10px; background-color: #f0faff; float: right; text-align: center; }
div.autocomplete { position:absolute; width:200px; background-color:white; margin:0px; padding:0px; border: 1px solid #CCC; }
div.autocomplete ul { list-style:none!important; list-style-image:none!important; margin:0px; padding:0px; }
div.autocomplete ul li.selected { background-color: #B9DAF0; }
div.autocomplete ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; text-align:left; font-size: 14px; color: #327080; }
.pagination { margin-top: 20px; }
.pagination .page A { padding: 2px 6px 2px 6px; border: 1px solid #CCC; margin-right: 4px; text-decoration: none; }
.pagination .page2 { padding: 2px 6px 2px 6px;  border: 1px solid #CCC; margin-right: 4px; background-color: #B9DAF0; }