* { margin:0; padding:0; font-size:12px; line-height:2em; font-family:Arial, Helvetica, sans-serif; }
body { background:#00BAF8 url(../img/bg-grade.gif) repeat-x center top; font-size:12px; line-height:24px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#contact { width:730px; font-size:10px; line-height:10px; padding: 1px 10px 0 10px; color:#fff; margin:0 auto 0 auto; }
.logocolor01 { color:#D44904; }
.logocolor02 { color:#fff; }
.quietcolor { color:#005C71; }
#contact a { color:#fff; text-decoration:none; }
#contact a:hover { color:#fff; text-decoration:underline; }
#page {width:750px; margin:3em auto 0 auto; }
.off#page #identity {width:240px; margin:11.5em auto 0 auto; background: url(../img/bg-dots.gif) repeat;}
.on#page #identity {width:240px; margin:0 auto 0 auto; background: url(../img/bg-dots.gif) repeat; float:right; }
#identity #logo { margin:23px 3px 23px 3px;}
.off#page #viewer {display:none; height:1px;}
.on#page #viewer {width:500px; margin:0 10px 0 0; background: url(../img/bg-dots.gif) repeat; float:left; display:block; }
#viewer #image { margin:12px; background:#000 url(../img/loading-black.gif) no-repeat center center; }
#page #menu { float:left; }
.off#page #menu { display:none; height:1px; }
.on#page .open#menu { background:#006B83 url(../img/bg-menu.gif) repeat-x center top; width:500px; }
.on#page .closed#menu #menu_bar{ width:488px; padding:0 0 1px 12px; margin:9.5em 0 0 0; background: #005C71; float:left; display:block; color:#00BAF8; line-height:12px; }
.on#page .open#menu #menu_bar{ width:488px; padding:0 0 0 12px; margin:0 0 0 0; background: #005669; float:left; display:block; color:#00BAF8; }
.on#page .closed#menu #menu_bar .cursor { text-decoration:blink; }
.on#page .open#menu #menu_bar .cursor { display:none; height:1px; }
.on#page .closed#menu #menu_drawer { display:none; height:1px; }
.on#page .open#menu #menu_drawer { width:488px; padding:0 0 0 12px; float:left; }
.on#page .open#menu #menu_drawer ul#project_selector { margin:0.5em 0 0 0; padding:0; float:left; }
.on#page .open#menu #menu_drawer ul#project_selector li { display:inline; list-style:none; }
.on#page .open#menu #menu_drawer ul#project_selector li a { line-height:1.5em; display:block; width:140px; padding:0 0 0 13px; margin:0; float:left; color:#c0c0c0; text-decoration:none; }
.on#page .open#menu #menu_drawer ul#project_selector li a:hover { color:#fff; text-decoration:none; background:url(../img/arrow-hover.gif) no-repeat left center; }
.on#page .open#menu #menu_drawer ul#type_selector { margin:0; padding:0.5em 0 0 0; float:left; display:none; }
.on#page .open#menu #menu_drawer ul#type_selector li { line-height:1em; font-size:1em; display:inline; list-style:none; }
.on#page .open#menu #menu_drawer ul#type_selector li.label { color:#00BAF8; }
.on#page .open#menu #menu_drawer ul#type_selector li a { line-height:12px; font-size:1em; color:#003F4E; text-decoration:none; border-left:1px solid #003F4E; padding:0 0.2em 0 0.3em; }
.on#page .open#menu #menu_drawer ul#type_selector li.first a { border-left:none; }
.on#page .open#menu #menu_drawer ul#type_selector li a:hover { color:#fff; text-decoration:none; }
.on#page .open#menu #menu_drawer .spacer {width:1px; height:9.5em; float:right; padding:0; margin:0; }
.off#page #deets { display:none; height:1px; }
.on#page #deets { width:750px; margin:0 0 3em 0; }
.on#page #deets #textarea { width:500px; margin: 0; background: url(../img/bg-dots-light.gif) repeat; color:#000; float:left; min-height:10em; }
.on#page #deets #textarea a { color:#003F4E; line-height:1.75em; padding:0 0 2px 0; }
.on#page #deets #textarea a:hover { color:#fff; }
.on#page #deets #textarea .padder { padding:1em; float:left; }
.on#page #deets #textarea .spacer { width:1px; height:188px; float:right;}
.on#page #deets #textarea .label { width:58px; float:left; color:#005C71; }
.on#page #deets #textarea .datafield { width:417px; float:left; color:#003F4E; }
.on#page #deets #textarea .datafield_half { width:178px; float:left; color:#003F4E; }
.on#page #deets #textarea .label, .on#page #deets #textarea .datafield, .on#page #deets #textarea .datafield_half { line-height:1.75em; padding:0 0 2px 0; }
.on#page #deets #thumbs { width:240px; background: url(../img/bg-dots-light.gif) repeat; color:#000; float:right; min-height:10em; }
.on#page #deets #thumbs td { background:#00ADE6; }
.on#page #deets #thumbs td .spacer { width:40px; height:40px; }
#hintzone{ width:240px; float:right; }
#hintzone .hint{ width:238px; background:#FFFDB7 url(../img/hints_peel.gif) no-repeat right bottom; border:1px solid #FFF900; color:#005669; }
#hintzone .hint .hintbar{ background:#FFF900; padding-left: 6px; line-height:1em; font-size:0.9em; width:232px; }
#hintzone .hint .hintbar img { height:2em; width:16px; background: url(../img/hints_off.gif) no-repeat right center; }
#hintzone .hint span{ padding-left:0.5em; }
.blank#hintzone .hint{ display:none; height:1px; }
.01#hintzone .hint#01{ display:block; }
.clearer { clear:both; width:1px; height:1px; font-size:1px; line-height:1px; }
.left {float:left; }
.right {float:right; }