/*
= Site-wide CSS =
The CSS that follows is used to style each page in the application. It provides
the consistant look and feel that every page will make use of. CSS that is
specific to a particular page, or type of page, should be specified in its own
CSS file (i.e. homepage.css).
*/
/* Make the page a fixed width and center it */
body { background: #FF7200; }
h1 { font-weight: normal; background: url(/images/dot.gif) repeat-x bottom left; margin: 0 0 .2em 0; padding: 0 .3em .1em .3em; }
.print_only { display: none; }
div#pageWrapper { position: relative; width: 770px; margin: 0 auto; zoom: 1; }
div#innerWrapper { position: relative; background: #FFF; border: 1px solid #000; padding: 0 1em 15px 1em; zoom: 1; }
/* Place a simple graphical banner in the upper right hand corner */
#header { position: relative; background: #036 url(/images/banner.jpg) no-repeat top right; height: 165px; }
/* Position the list of languages */
#languages { position: absolute; top: 125px; right: 0px; z-index: 10; margin: 0; color: #FFF; font-size: 90%; }
#languages ul { display: inline; list-style: none; margin: 0 0 0 .5em; }
#languages li { display: inline; padding-right: 5px; }
/* Style the links that appear at the top of the page above and to the right of the logo */
ul#sitelinks { width: 770px; margin: .7em auto .3em auto; text-align: right; list-style: none; }
ul#sitelinks li { display: inline; margin-right: 1em; }
ul#sitelinks a { color: #FFF; text-decoration: none; font-weight: bold; font-family: Arial; background: url(/images/bullet_header.gif) no-repeat center right; padding-right: 8px; }
ul#sitelinks .auth { float: left; padding-left: 15px; }
ul#sitelinks .auth a { margin-left: .7em; }
/* Style the 4 tabs that appear across the top of every page */
ul#tabs { position: absolute; bottom: 0; left: 0; background: #036; margin: 0; padding: 0; list-style: none; }
ul#tabs a { position: relative; background: #F9C42A url(/images/bullet_tab.gif) no-repeat 98% 80%; color: #000; font-size: 85%; text-decoration: none; text-transform: uppercase; line-height: 1; }
ul#tabs a:hover { color: #FFF !important; background: #398CD6 url(/images/bullet_tab_current.gif) no-repeat 98% 80% !important; }
ul#tabs .current a { color: #FFF !important; background: #398CD6 url(/images/bullet_tab_current.gif) no-repeat 98% 80% !important; }
ul#tabs li { float: left; margin-left: 10px; }
ul#tabs li a { display: block; width: 13em; padding: .7em 0 .3em 0; background: #F9C42A url(/images/bullet_tab.gif) no-repeat 98% 80%; }
ul#tabs li a .title { display: block; font-size: 130%; font-family: "Arial Black"; }
ul#tabs #help a { width: 9.5em; padding-left: 5px; color: #333; background-color: #CECDCE; }
ul#tabs #lesson a { width: 13em; padding-left: 30px; }
ul#tabs #lesson .icon { position: absolute; top: 7px; left: 5px; display: block; height: 24px; width: 21px; background: transparent url(/images/icon_lesson.gif) no-repeat 0 0; }
ul#tabs #lesson.current .icon,
ul#tabs #lesson a:hover .icon { background-image: url(/images/icon_lesson_current.gif) !important; }
ul#tabs #technology a { width: 16em; padding-left: 35px; }
ul#tabs #technology .icon { position: absolute; top: 7px; left: 5px; display: block; height: 23px; width: 27px; background: transparent url(/images/icon_technology.gif) no-repeat 0 0; }
ul#tabs #technology.current .icon,
ul#tabs #technology a:hover .icon { background-image: url(/images/icon_technology_current.gif); }
ul#tabs #resources a { width: 14em; padding-left: 40px; }
ul#tabs #resources .icon { position: absolute; top: 10px; left: 5px; display: block; height: 18px; width: 34px; background: transparent url(/images/icon_resources.gif) no-repeat 0 0; }
ul#tabs #resources.current .icon,
ul#tabs #resources a:hover .icon { background-image: url(/images/icon_resources_current.gif); }
/* Style and place the page footer */
#footer { width: 770px; margin: .7em auto .3em auto; font-size: 90%; color: #FFDCBF; text-align: center; }
#footer p { margin: .5em 0; }
#footer ul { margin: 0; }
#footer li { display: inline; border-right: 1px solid #FFDCBF; padding-right: .5em; }
#footer a { color: #FFDCBF; }
/* The box class defines a generic box and how everything in the box should look in relation to it */
.box { margin: 10px; }
.box h1,
.box h2 { padding: 0 .6em; border-bottom: 1px solid #FFF; font-size: 120%; }
.box ul,
.box ol { margin: 0; list-style: none; }
.box li { margin: 1em 0; line-height: 1.1; }
.box p { margin: .5em 0; }
.box a { text-decoration: none; color: #00C; }
.box a:hover { text-decoration: underline; }
/* Style the breadcrumbs so that they appear in the top right of a page */
#breadcrumbs { font-size: 90%; margin: .2em .5em; text-align: right; }
/* Style the bottom corners to have rounded borders */
#bottom_left { position: absolute; bottom: -1px; left: -1px; height: 19px; width: 21px; background: url(/images/bottom_left.gif) no-repeat bottom left; }
#bottom_right { position: absolute; bottom: -1px; right: -1px; height: 19px; width: 21px; background: url(/images/bottom_right.gif) no-repeat bottom right; }
/* Base styling for contentItems */
div.contentItem { margin: 10px; }
div.contentItem h2 { font-weight: normal; color: #398CD6; font-size: 1.6em; letter-spacing: -1px; word-spacing: 1px; line-height: 1em; margin-bottom: 0; border-bottom: 2px solid #93C0E9; }
div.contentItem h3 { color: #555; font-size: 1.1em; margin-bottom: 0; }
div.contentItem .document { line-height: 2.5; padding-left: 40px; }
div.contentItem .document.doc { background: url(/images/doc.gif) no-repeat center left; }
div.contentItem .document.pdf { background: url(/images/pdf.gif) no-repeat center left; }
div.contentItem .document.ppt { background: url(/images/ppt.gif) no-repeat center left; }
div.contentItem .document.ps  { background: url(/images/ps.gif) no-repeat center left; }
div.contentItem .document.rtf { background: url(/images/rtf.gif) no-repeat center left; }
div.contentItem .document.xls { background: url(/images/xls.gif) no-repeat center left; }
div.contentItem .document.xlb { background: url(/images/xls.gif) no-repeat center left; }
div.contentItem .document.zip { background: url(/images/zip.gif) no-repeat center left; }
div.contentItem .document .metadata { font-size: 80%; }
/* Style the link to the RSS feed */
#RSS { position: relative; top: 20px; font-size: 90%; text-align: center; }
#RSS a { background: url(/images/xml.gif) no-repeat center right; padding-right: 40px; }
/* Style the PageMenu */
/* Style the PageMenu */
div.contentItem ul.pageMenuSecondLevel,
div.contentItem ul.pageMenuTopLevel { margin-left: 2em; }
li.pageMenuItem { margin: .5em 0; }
li.pageMenuItem .bullet { font-size: 120%; line-height: .5; }
li.pageMenuItem .toggle { font-weight: bold; cursor: pointer; }
li.pageMenuItem a { color: #00C; font-size: 1.1em; padding: 0; margin-bottom: 0; margin-left: .25em; }
li.pageMenuItem p { margin: .2em 0 0 25px; }
p#toggleAll { margin-left: 3.25em; }
p#toggleAll a { color: #555; font-size: 90%; padding-right: 1em; }
/* Style any internal errors */
.error { color: #C00; }
.mceToolbarTop * { float:left; }
.mceToolbarTop select { width:auto!important; }
.mceToolbarTop option { float:none; }
.label_help_image {
    padding: 0 18px;
    margin-left: 4px;
    width: 18px;
    height: 18px;
    background: url(/images/lightbulb.gif) no-repeat;
}