* { margin:0; padding:0; }

body,
div#toppattern { width:100%; height:100%; }

body { background:#eee url(../images/mainpattern.png); }
div#toppattern { background:url(../images/toppattern.png) repeat-x; }

h1 { font-size:26pt; }

a,
a:active,
a:visited,
a:hover { color:#fff; text-decoration:none; background:none; }
a:hover { color:#fc3; }

img { border:0; vertical-align:top; }
img#ah { width:103px; height:34px; margin-top:5px; }
img#rostar { width:80px; height:48px; }
img.arrowleft { width:17px; height:14px; margin:2px 10px 0 0; }
img.arrowright { width:17px; height:14px; margin:2px 0 0 10px; }

div, span, ol, ul, li { position:relative; font:10pt Verdana,Arial,Helvetica,sans-serif; text-align:center; }

input, select { height:20px; font:9pt Arial,Helvetica,sans-serif; border:#ccc 1px solid; background:#fff; }
input { background:#fff url(../images/inputshade.png) top repeat-x; }

#bot span { margin:0 20px; }
span.spacer { margin:0 10px; }

table { border-collapse:collapse; }


div#mainshade,
div#topshade,
div#botshade { width:903px; height:25px; margin:0 auto; }

div#mainshade { min-height:25px; height:auto !important; background:#eee url(../images/mainshade.png) repeat-y; }
div#topshade { min-height:25px; height:auto !important; background:url(../images/topshade.png) no-repeat; }
div#botshade { background:#eee url(../images/botshade.png) no-repeat; }


div#top,
div#main,
div#bot { width:883px; margin:0 9px; background:#f1f6fa url(../images/mainlight.png) repeat-y; border-left:1px #223350 solid; border-right:1px #223350 solid;}

div#main { padding-bottom:24px; }

div#top { height:100px; background:#fff url(../images/top.png) repeat-x; }
div#top div { width:180px; height:76px; float:left; margin-top:24px; }
div#top div#topcenter { width:523px; }
div#top div#message { width:385px; height:20px; text-align:left; font-size:7pt; color:#a3a3a8; float:right; margin-top:8px; }

div#menubar { width:863px; height:24px; margin:0 10px; }
div#menubar span { height:20px; line-height:18px; margin-top:3px; float:left; }
div#menubar span#forms { width:310px; margin-top:2px; text-align:left; }
div#menubar span#forms form#print select { width:140px; margin-left:10px; }
div#menubar span#forms form#print button { width:17px; height:14px; background:url(../images/print.gif); border:0; vertical-align:middle; margin:-2px 5px 0 5px; cursor:pointer; }
div#menubar span#forms span { float:left; margin:0 10px; padding:0; }
div#menubar span#forms form { float:left;}
div#menubar span#forms input { width:13px; height:13px; border:0; margin:3px 0 0 5px; }
#weekselection select { width:40px; }

div#menubar span#nav { width:243px; }
div#menubar span#links { width:310px; text-align:right; }
div#menubar span#links a { margin-right:15px; }

div.namebar { width:823px; height:23px; line-height:23px; margin:8px auto 0 auto; text-align:left; }
div.namebar span { margin:3px 10px 0; float:left; }
div.namebar div.info { display:none; width:auto; margin-top:-3px; float:right; }
div.namebar div.info p { margin-top:6px; }

div#bot { height:20px; padding-top:3px; color:#fff; font-size:7pt; }


form { min-height:1px; height:auto !important; height:1px; margin:0 auto; }
form.med { width:423px; }
form.big { width:823px; }
form table { width:100%; min-height:1px; height:auto !important; height:1px; margin:0 auto; }
form table tr { height:25px; }
form input { width:225px; margin-left:20px; }
form button { width:100px; }
form button.small { width:50px; }
#loginform table { width:260px; margin:110px auto; }
#loginform input { width:150px; }
#profileform table { margin:20px auto; }


ol,
ul { width:823px; height:41px; margin:0 auto; list-style-type:none; }
li { width:106px; height:37px; background:#f8f8f8; list-style-type:none; float:left; display:inline; padding-top:3px; }
li.tot { width:72px; height:28px; margin-right:0; padding-top:12px; }

ul.top { height:18px; }
ul.top li,
ul.top li.tot { width:107px; height:14px; line-height:14px; background:transparent; border:0; color:#fff; font-size:7pt; padding-top:1px; }
ul.top li.tot { width:73px; }


.left { text-align:left; }
.right { text-align:right; }
.error { color:#cd0a0a; }
.floatright { float:right; }
.inline { display:inline; }


div.blackbar { width:839px; height:18px; line-height:16px; margin:18px 22px 0 22px; font-size:7pt; }

.info { margin-right:10px; }
.info button { width:70px; height:21px; border:0; background:#f8f8f8; font-size:8pt; margin:4px 4px 0; }
.info button.active { background:#ffc; }

ol li.hover { background:#ffc; cursor:pointer; }
ol li.focus { background:#ffc; }
ol li select { width:60px; height:20px; float:left; margin:-3px 0 3px 0; }
button.addchange,
select.addstatus { width:46px; float:right; margin:-3px 0 3px 0; }
button.addchange { height:27px; margin-top:-9px; }
select.addstatus { height:14px; font-size:7pt; }

.useredit td { width:175px; height:22px; text-align:right; }
.useredit td.edit { width:65px; text-align:center; }
.useredit input { width:200px; }
.useredit select { width:202px; }

.rostaredit li { height:40px; padding:0; }
.rostaredit select { width:60px; }
.rostaredit button { margin-top:8px; }


#overload { width:100%; height:100%; position:absolute; z-index:99; background:#000; opacity:.75; -moz-opacity:.75; filter:alpha(opacity=75); }
#overload h1 { color:#fff; margin-top:300px; }

span.delete { width:100%; height:40px; line-height:39px; position:absolute; z-index:99; left:0; top:0; display:none; background:#3c3c46; color:#fff; font-size:14pt; font-weight:bold; text-align:center; cursor:pointer; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; }