/* Stylesheet for TOD Activity Center -------------------------------------------------------- File Name: activity_center.css Media: Screen Version: 1.1 Created: 13 April 2006 Last-Modified: 17 April 2006 -------------------------------------------------------- */ form { margin: 0px; padding: 0px; } /* AC Main Page Containers ---------------------------------------------------------- */ #banner { background: #74A7D6; } *html #leftnav { padding-top: 27px; } .divMenus { padding-top: 27px; } #acmainwrapper { width: 734px; margin: 27px 0px 0px 27px; } *html #acmainwrapper { width: 734px; margin: 0px 0px 0px 13px; padding: 27px 0px 0px 27px; border-left: 1px solid #CC0000; } /* Start Clear Hack */ #acmainwrapper:after { content: ""; display: block; height: 0; clear: both; } #acmainwrapper { height: 100%; } /* Stop Clear Hack */ #acmainwrapper a img { border: 0px; } #maintop { width: 734px; height: 456px; margin: 0px 0px 0px 0px; background: #ffffff url(../frame-images/TOD_Main/activity_center/backgrounds/maintop.jpg) no-repeat 0px 0px; } /* Start Clear Hack */ #maintop:after { content: ""; display: block; height: 0; clear: both; } #maintop { height: 456px; } /* Stop Clear Hack */ #col1 { float: left; width: 43px; padding: 151px 0px 0px 30px; } #col2 { float: left; width: 167px; padding: 274px 0px 0px 87px; text-align: center; } #col2 p { margin: 0px 0px 10px 0px; } #col3 { float: left; width: 266px; padding: 113px 0px 0px 73px; font-size: 11px; } #col3 img.title { margin: 0px 0px 55px 18px; } input.startbtn { margin: 0px 0px 5px 100px; } input.boy { display: inline; margin: 0px 0px 0px 0px; } input.girl { display: inline; margin: 0px 0px 0px 0px; } #col3 h1 { font-size: 12px; color: #144c8a; margin: 0px 0px 2px 60px; padding: 0px; } #col3 p { margin: 0px 0px 10px 60px; padding: 0px; } /* Text Input Style */ .txtage { margin: 10px 2px 2px 2px; height: 20px; border: solid 0 #ffffff; padding: 3px 8px; background: transparent url("../frame-images/TOD_Main/activity_center/backgrounds/textfield_main.gif") no-repeat fixed; width: 65px; voice-family: "\"; }\""; voice-family:inherit; width:52px; } fieldset>input.txtage {background: transparent url("../frame-images/TOD_Main/activity_center/backgrounds/textfield_main.gif") no-repeat; } #boy { margin: 0px 0px 0px 40px; } #girl { margin: 0px 0px 0px -3px; } #col3 a { color: #078be7; font-size: 11px; } #col3 a:hover { color: #e54C3c; } #col3 fieldset { border: 0px; width: 266px; margin: 0px; padding: 0px; } #col3 legend { display: none; } #col3 label { display: block; float: left; padding: 0px; margin: 5px 0px 0px 0px; } #col4 { float: left; width: 44px; padding: 64px 0px 0px 0px; } #col4 ul { margin: 0px; padding: 0px; } #col4 li { margin: 0px; padding: 0px; list-style: none none; } #col4 li.one { margin-bottom: 9px; } #col4 li.two { margin-bottom: 14px; margin-left: 1px; } #col4 li.three { margin-bottom: 14px; } #mainscrollbar { width: 622px; height: 133px; margin: 0px; padding: 0px 44px 0px 68px; background: #ffffff url(../frame-images/TOD_Main/activity_center/backgrounds/mainscrollbar.jpg) no-repeat 0px 0px; } /* Start Clear Hack */ #mainscrollbar:after { content: ""; display: block; height: 0; clear: both; } #mainscrollbar { height: 133px; } /* Stop Clear Hack */ #mainscrollbar a img { border: 0px; } .otherbtn { float: left; margin: 18px 20px 0px 8px; } /* =Box Code ----------------------------------------------------------------------*/ .boundingbox {float: left; width: 440px; margin: 0px; padding: 0px 10px 0px 0px; } .menu { float: left; padding: 50px 10px 10px 10px; } /* =Hoverbox Code ----------------------------------------------------------------------*/ .hoverbox { cursor: hand; list-style: none; width: 2000px; margin: 0px 0px 0px 0px; padding: 5px 10px 10px 5px; } .hoverbox a { cursor: hand; } .hoverbox a .preview { display: none; } .hoverbox a:hover .preview { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; } .hoverbox img { border: none; vertical-align: top; width: 104px; height: 104px; } .hoverbox li { display: inline; float: left; margin: 3px; position: relative; } .hoverbox .preview { width: 115px; height: 109px; } /* =Internet Explorer Hacks ----------------------------------------------------------------------*/ * html .hoverbox { cursor: hand; list-style: none; width: 2000px; margin: 0px 0px 0px 0px; padding: 5px 10px 10px 5px; } * html .hoverbox a { position: relative; } * html .hoverbox a:hover { font-size: 100%; z-index: 1; } * html .hoverbox a:hover .preview { top: 0px; left: 0px; } * html .hoverbox li { position: static; } #mainfooter { width: 724px; height: 55px; margin: 0px; padding: 0px 10px 0px 0px; background: #ffffff url(../frame-images/TOD_Main/activity_center/backgrounds/mainfooter.jpg) no-repeat 0px 0px; } #mainfooter ul { float: right; margin: 0px; padding: 25px 0px 0px 0px; } #mainfooter li { float: left; list-style: none none; font-size: 11px; color: #6f6c6c; margin: 0px; padding: 0px 0px 0px 10px; background: url(../frame-images/TOD_Main/activity_center/lists/footer_pipe.gif) no-repeat 5px 3px; } #mainfooter li a { color: #6f6c6c; font-size: 11px; } #mainfooter li a:hover { color: #e54C3c; } #mainfooter li.start { padding: 0px 0px 0px 0px; background: transparent none; } /* AC Interior Page Containers ---------------------------------------------------------- */ #acinternalwrapper { width: 655px; margin: 27px 0px 0px 27px; } *html #acinternalwrapper { width: 655px; margin: 0px 0px 0px 13px; padding: 27px 0px 0px 27px; border-left: 1px solid #CC0000; } /* Start Clear Hack */ #acinternalwrapper:after { content: ""; display: block; height: 0; clear: both; } #acinternalwrapper { height: 100%; } /* Stop Clear Hack */ #acinternalwrapper h1 { margin: 0px; font-size: 12px; color: #0d46c7; } #acinternalwrapper h2 { margin: 10px 0px 0px 0px; font-size: 12px; color: #0d46c7; } #acinternalwrapper h3 { margin: 10px 0px 0px 0px; font-size: 12px; color: #0d46c7; } #acinternalwrapper p { margin: 0px; padding-bottom: 15px; line-height: 16px; } #acinternalwrapper fieldset { border: none; margin-bottom: 20px; } #acinternalwrapper legend { display: none; } #acinternalwrapper label { font-weight: bold; padding: 0px 10px 0px 0px; } #acinternalwrapper span { color: #ca7112; } #acheader { width: 655px; height: 174px; padding: 0px 0px 0px 0px; } /* Start Clear Hack */ #acheader:after { content: ""; display: block; height: 0; clear: both; } #acheader { height: 174px; } /* Stop Clear Hack */ #acheader img { margin: 15px 0px 0px 52px; border: 0px; } #acbody { width: 535px; padding: 0px 60px 0px 60px; background: url(../frame-images/TOD_Main/activity_center/backgrounds/acbody.jpg) repeat-y 0px 0px; } /* Start Clear Hack */ #acbody:after { content: ""; display: block; height: 0; clear: both; } #acbody { height: 100%; } /* Stop Clear Hack */ .drawleft { margin: 10px 30px 10px 10px; } .drawright { margin: 10px 10px 10px 30px; } #acfooter { width: 655px; height: 18px; padding: 0px 0px 0px 0px; background: url(../frame-images/TOD_Main/activity_center/backgrounds/acfooter.jpg) no-repeat 0px 0px; } /* Start Clear Hack */ #acfooter:after { content: ""; display: block; height: 0; clear: both; } #acfooter { height: 100%; } /* Stop Clear Hack */ /* AC Quiz & Results Containers ---------------------------------------------------------- */ /* Small Text Input Style */ .smallinput { margin: 10px 2px 2px 2px; height: 20px; border: solid 0 #ffffff; padding: 3px 8px; background: transparent url(../frame-images/TOD_Main/activity_center/backgrounds/small_input.gif) no-repeat fixed; width: 65px; voice-family: "\"; }\""; voice-family:inherit; width:52px; } div>input.smallinput {background: transparent url(../frame-images/TOD_Main/activity_center/backgrounds/small_input.gif) no-repeat; } /* Small Text Input Style */ div .biginput { margin: 10px 2px 2px 2px; height: 20px; border: solid 0 #ffffff; padding: 3px 8px; background: transparent url(../frame-images/TOD_Main/activity_center/backgrounds/large_input.gif) no-repeat fixed; width: 156px; voice-family: "\"; }\""; voice-family:inherit; width:140px; } div>input.biginput { background: transparent url(../frame-images/TOD_Main/activity_center/backgrounds/large_input.gif) no-repeat; } #acform { width: 535px; padding: 15px 110px 15px 60px; background: transparent url(../frame-images/TOD_Main/activity_center/backgrounds/acform.jpg) no-repeat 0px 100%; } /* Start Clear Hack */ #acform:after { content: ""; display: block; height: 0; clear: both; } #acform { height: 100%; } /* Stop Clear Hack */ #acresults { width: 535px; height: 358px; padding: 15px 110px 25px 60px; background: transparent url(../frame-images/TOD_Main/activity_center/backgrounds/acresults.jpg) no-repeat 0px 100%; } /* Start Clear Hack */ #acresults:after { content: ""; display: block; height: 0; clear: both; } #acresults { height: 358px; } /* Stop Clear Hack */ #functions { float: left; width: 170px; margin: 55px 55px 0px 25px; padding: 0px; } * html #functions { margin: 55px 65px 0px 15px; } #functions li { margin: 0px; padding: 0px; list-style: none none; } #functions img { border: 0px; } #other_activities { float: left; position: relative; left: 10px; width: 235px; height: 197px; margin: 0px 0px 0px 3px; padding: 128px 0px 30px 45px; background: url(../frame-images/TOD_Main/activity_center/backgrounds/other_activities.jpg) no-repeat 0px 0px; } * html #other_activities { position: relative; left: 0px; } #other_activities li { margin: 0px; padding: 3px 0px 3px 10px; list-style: none none; background: url(../frame-images/TOD_Main/activity_center/lists/ac_bullet.gif) no-repeat 0px 7px; } #other_activities img { border: 0px; } /* AC Log-in Containers ---------------------------------------------------------- */ #login { width: 208px; height: 200px; margin: 0px 0px 0px 0px; padding: 40px 75px 10px 38px; background: url(../frame-images/TOD_Main/activity_center/backgrounds/login.gif) no-repeat 0px 0px; } #login img { border: 0px; } * html #login p { margin: 0px; padding: 0px 0px 5px 0px; } * html #login { padding: 50px 75px 10px 38px; } #closelogin { float: right; position: relative; bottom: 27px; left: 60px; width: 18px; height: 18px; } * html #closelogin { bottom: 37px; left: 60px;} #login[id].home { display: none; position: absolute; vertical-align: middle; margin-top: 130px; margin-left: 200px; background: url(../frame-images/TOD_Main/activity_center/backgrounds/hpLogin.gif) no-repeat 0px 0px; } #login.home { display: none; _position: absolute; _top: 35%; margin-left: 200px; background: url(../frame-images/TOD_Main/activity_center/backgrounds/hpLogin.gif) no-repeat 0px 0px; } #save { width: 208px; height: 200px; margin: 0px 0px 0px 0px; padding: 40px 75px 10px 38px; background: url(../frame-images/TOD_Main/activity_center/backgrounds/login.gif) no-repeat 0px 0px; } #save img { border: 0px; } * html #save p { margin: 0px; padding: 0px 0px 5px 0px; } * html #save { padding: 50px 75px 10px 38px; } #closesave { float: right; position: relative; bottom: 27px; left: 60px; width: 18px; height: 18px; } * html #closesave { bottom: 37px; left: 60px;} #save[id] { display: none; position: absolute; bottom: -800px; margin-left: 200px; } #save { display: none; _position: absolute; _bottom: 45%; margin-left: 200px; } .footerBackground { width: 16px; border-right: 1px solid #CC0000; } *html .footerBackground { width: 17px; border-right: 1px solid #CC0000; }