﻿
/* START: TOP LEVEL */

body {margin:0px;padding:0px;background:#e4e4e4 url('http://www.learn360.com/App_Themes/Default/background.jpg') repeat-y fixed center top; font: normal 0.8em Arial,Verdana,Helvetica,sans-serif;}

input {font-size: 0.8em;}
a, a:visited, a:active, a:hover {color:#28729b; text-decoration:none;}
a:hover {text-decoration:underline;}
img, a, fieldset{border:none;}
img{}
.clear:after {content: ".";clear:both;display:block;height:0;visibility:hidden;}
.clear{clear:both;height:1%;}
ul,li,h1,h2,h3,h4,h5,h6,form,iframe{margin:0;padding:0;}
ul,li{list-style:none;}

table td{vertical-align:top;}



#nogradient_container,
#container {margin:0px auto; width:952px; padding-bottom:30px;}
#nogradient_container #mainLayout,
#container #mainLayout {margin:20px 0 0 10px;}
#nogradient_container #mainLayout #containerCenterAdmin,
#container #mainLayout #containerCenterAdmin {float:right;margin-right: 10px;width: 510px;}
#container {background:#fff url("http://www.learn360.com/App_Themes/Default/grayGradientBackGrd.jpg") repeat-x 0 0;}

/* END: TOP LEVEL */

/* START: HEADER CSS */

#header p, li, div 	{margin:0in;margin-bottom:.0001pt;font-size:10.0pt;}
#header {min-height:72px; width: 952px; overflow:hidden;}
#headerTop {min-height:72px;background:#ffbd88 url('http://www.learn360.com/App_Themes/Default/header_background.gif') repeat 0 0;width:952px;}

.headerlogo { float: left; }
.logo {background-image: url('http://www.learn360.com/App_Themes/Default/logo.gif'); width:200px; min-height:72px; background-repeat: no-repeat;}
.headerLogoBlock { vertical-align:middle; }
.headerUserNavigatonBlock { vertical-align:bottom; padding:0px; text-align:right; }

#header .headerLogo {float:left; min-height:72px;width:200px;}
#header .headerAccount {color: #95D0F0; margin:5px 10px 0px 0px;}
#header .headerAccount a {color: #FFF; text-decoration: none;}
#header .headerAccount a:hover {color: #FFF; text-decoration: underline;}

#header .notLoggedUser{float:right; margin:5px 5px 0 0;}
#header .divLoginBlock {float:left;}
#header .loginCaption {text-align:right;color:#fff;font-size:12px;width:80px;padding-bottom:3px;}
#header .flowRight{text-align:right;}
#header .loginControl a {color: #000;  font-size: 10px; text-decoration: underline;}
DIV#headerPanelRight { border-bottom: 0px solid #111; color: White; float:right;}

/* END: HEADER CSS */


/* START: USER PANEL BUTTONS */

.imgHeaderAdministrationButton {display:block; border-style:none;background-image:url('http://www.learn360.com/App_Themes/Default/header_administration_button.gif'); height:21px; width:95px;}
.imgHeaderMyPreferencesButton {display:block; border-style:none;background-image:url('http://www.learn360.com/App_Themes/Default/header_my_preferences_button.gif'); height:21px; width:98px;}
.imgHeaderMyLearn360Button {display:block; border-style:none;background-image:url('http://www.learn360.com/App_Themes/Default/header_my_learn360_button.gif'); height:21px; width:83px;}

/* END: USER PANEL BUTTONS */


/* START: SEARCH BAR CSS */

.headerPanel {background:#359dd4 url('http://www.learn360.com/App_Themes/Default/searchbar.jpg') repeat-x 0 0; height:42px;}

/* END: SEARCH BAR CSS */

/* START: SEARCH FUNCTIONALITY CSS */

#headerSearch {float:right;width:445px; z-index:996; clear:both; margin-top:6px; }
#headerSearch strong {font-weight: bold; font-size: .09em; color: rgb(45,74,158);}

#headerSearch .searchCaption { float: left; background-image: url('http://www.learn360.com/App_Themes/Default/search-caption.jpg'); height: 30px; width: 44px;}
#headerSearch .searchBoxDiv { float: left; padding-left: 3px; z-index:997; margin-top:4px; }
#headerSearch .searchDropDownDiv { float: left; padding-left:3px; margin-top:5px; }
#headerSearch .searchButtonDiv { float: left; padding-left:3px; margin-top:6px; }
#headerSearch .searchAdvancedLinkDiv { float: left; padding-left:3px; font-size:1em; margin-top:4px; }
#headerSearch .searchAdvancedLink { color:#C6F1F5; text-decoration: underline; font-weight:bold; }

#headerSearch .searchTextBox {color: #000000; z-index:998; height:15px; width:125px; font-size:0.9em; }
#headerSearch .emptySearchTextBox {color: #999999; z-index:999; height:15px; width:125px; font-size:0.9em; }
#headerSearch .searchDropDown { font-size:0.9em; width: 100px;}
#headerSearch .searchCompletionList { font-size:0.7em;border: solid 1px #CFCFCF;cursor:pointer; }
#headerSearch .searchGoButton { background-image: url('http://www.learn360.com/App_Themes/Default/search-go.jpg'); width:28px; height:16px; border: 0px; }

/* END: SEARCH FUNCTIONALITY CSS */

/* START: OTHER */

.classFloatRight {float:right;}
.classVeritalAllignBottom {vertical-align:bottom; padding:0px;}
.classVeritalAllignMiddle {vertical-align:middle;}
.imageBasic {border:0; display:block;}
.classPaddedBottom {padding-bottom:14px; height:16px;}
.classsDisplayInline {display:inline;}
.classPanelReportHeader {display:inline;}
.classHeaderRightTableCell {vertical-align:bottom;}
.classHeaderRightTableCellImage {border-style:none; display:block;} 
.headerTopParentTable {width:952px;height:70px;border-collapse:collapse;}
.headerTopParentChildTableRightTable {border-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;border-collapse:collapse; }

/* END: OTHER */



/*START: SIDE BAR*/

#sidebarLeft{float:left;}
#leftNavModule{background:#fafafb url("http://www.learn360.com/App_Themes/Default/BrowseByBack.gif") repeat-y 100% 0;width:199px;}
#leftNavModule #leftNavBody{background:#fafafb url("http://www.learn360.com/App_Themes/Default/BrowseByBack.gif") repeat-y 0 100%;padding:0 3px;}
#leftNavModule #leftNavHeader{background:#fff url("http://www.learn360.com/App_Themes/Default/BrowseByHeader.gif") no-repeat 0 0;height:47px;width:199px;}
#leftNavModule #leftNavHeader span{color:#194575;font-weight:bold;display:block;line-height:47px;margin-left:10px;}
#leftNavModule #leftNavFooter{background:transparent url("http://www.learn360.com/App_Themes/Default/BrowseByFooter.gif") no-repeat 0 100%;height:19px;width:199px;}
#leftNavModule .divFilter{border-top:solid 1px #e3e3e2;padding:10px 0 10px 10px;font-size:14px}


#leftNavModule #nonMemberBody ul li{background:#fff url("http://www.learn360.com/App_Themes/Default/bulletOrange.gif") no-repeat 0 5px; padding-left:8px; margin-bottom:10px; font-size:0.9em;}
#leftNavModule #nonMemberBody h5 { font-size:12px; padding-bottom:3px; }


#leftNavModule #leftNavBody .divFilter.first{border-top:none;}

#leftNavModule .divFilter li a,
#leftNavModule .divFilter li a:active,
#leftNavModule .divFilter li a:visited,
#leftNavModule .divFilter li a:hover{margin-left:10px;}

#leftNavModule .toggleLink,
#leftNavModule .toggleLinkOn {font-weight:bold;color: #93f;background:#fafafb url("http://www.learn360.com/App_Themes/Default/bullet-filter.jpg") no-repeat center left;padding-left:10px;margin-left:0px;cursor:pointer;}
#leftNavModule .toggleLinkOn {background:#fafafb url("http://www.learn360.com/App_Themes/Default/bullet-filterplus.jpg") no-repeat center left;}

#tabContainer2, #tabContainer1{padding:10px;height:250px;width:358px;background-color:#F5F5F5;margin-bottom:10px;border:solid 1px #ccc;border-top:none;overflow-y:auto;overflow-x:hidden;}
#citationsLeftTab .block{margin:10px 0 0 0;}

.divSideBarContainer #rateIt{margin-top:10px;}

.divSideBarContainer #citations{background:transparent url("http://www.learn360.com/App_Themes/Default/embedMediaBkrd.gif") no-repeat 0 0;width:234px;height:98px;padding:10px 0 0 10px;margin-top:10px;}
.divSideBarContainer #citations table td{vertical-align:middle;padding-top:10px;}
.divSideBarContainer #citations table td strong{margin-right:3px;font-size:10px;}
.divSideBarContainer #citations .toggleLink,
.divSideBarContainer #citations .toggleLinkOn {font-weight:bold;color:#f60;margin-left:0px;}
.divSideBarContainer #citations .contentPanel {margin: 5px; border: solid 1px eeeeee; background-color: #fafafb;}
.divSideBarContainer #citations .citationDiv{display: block;width: 220px;}

#dinamicColapse {background-color: #eeeeee; font-size: 10px; margin-top:10px; margin-bottom:10px;}
#dinamicColapse .toggleLink,
#dinamicColapse .toggleLinkOn {font-weight:bold;color:#93f;background: url("http://www.learn360.com/App_Themes/Default/bullet-filter.jpg") no-repeat center left;padding-left:10px;margin-left:0px;cursor:pointer;}
#dinamicColapse .toggleLinkOn {background: url("http://www.learn360.com/App_Themes/Default/bullet-filterplus.jpg") no-repeat center left;}
#dinamicColapse .contentPanel {margin: 5px;   vertical-align: top; text-align: left;}

#instr .toggleLinkMinus,
#instr .toggleLinkPlus {font-weight:bold;color: #93f;background:#fafafb url("http://www.learn360.com/App_Themes/Default/bullet-filter.jpg") no-repeat center left;padding-left:10px;margin-left:0px;cursor:pointer;}
#instr .toggleLinkPlus {background:#fafafb url("http://www.learn360.com/App_Themes/Default/bullet-filterplus.jpg") no-repeat center left;}

#leftNavModule .divFilter .hide ul{display:none;}
#leftNavModule .divFilter .show ul{display:block;}
#leftNavModule .divFilter .showArrow,
#leftNavModule .divFilter .showArrow:active,
#leftNavModule .divFilter .showArrow:visited,
#leftNavModule .divFilter .showArrow:hover {background:#fafafb url('http://www.learn360.com/App_Themes/Default/bullet-collapse.jpg') no-repeat center left;padding-left:10px;margin-left:0px;}

#leftNavModule .divFilter .showArrowOn,
#leftNavModule .divFilter .showArrowOn:active,
#leftNavModule .divFilter .showArrowOn:visited,
#leftNavModule .divFilter .showArrowOn:hover {background:#fafafb url('http://www.learn360.com/App_Themes/Default/bullet-expand.jpg') no-repeat center left;padding-left:10px;margin-left:0px;}

#leftNavModule .divFilter ul li ul{margin-left:10px;}
/*END: SIDE BAR*/

/*START: FOOTER*/
#footer {margin-top:10px; margin-left:0px;}

#footer .footer-note {color: #666;width:100%;text-align:right;}
#footer .footer-note a {color: #28729b;}
#footer #footer-top {height:26px;line-height:26px;border:solid 1px #000; border-left:none;border-right:none;background:#fff url('http://www.learn360.com/App_Themes/Default/HC_footer_bg.gif') repeat-x 0 0;text-align:right;color: #000;font-weight:bold;padding-right:10px;}
#footer #footer-top span {color: #000;}

#footer #footer-bottom {color:#666;font-size: 9px;width:100%;text-align:right;margin-top:5px;}
#footer #footer-bottom div {padding-right:10px;}
#footer #footer-bottom .footerLogo {float:left;width:200px;height:72px;}
/* END: FOOTER */

/* START: FEATURED VIDEO PAGE */


#containerCenter {width:723px;float:left;margin-left:10px;}
#containerCenter .layerBackground.wide {width:722px;margin-bottom:10px;}
#containerCenter .layerTopLeft {background:transparent url("http://www.learn360.com/App_Themes/Default/homePageTopLeft.gif") no-repeat left top;}
#containerCenter .layerTopRight {background:transparent url("http://www.learn360.com/App_Themes/Default/homePageTopRight.gif") no-repeat right top;}
#containerCenter .layerBottomLeft{background:transparent url("http://www.learn360.com/App_Themes/Default/homePageBottomLeft.gif") no-repeat left bottom;}
#containerCenter .layerBottomRight {background:transparent url("http://www.learn360.com/App_Themes/Default/homePageBottomRight.gif") no-repeat right bottom;}

#containerCenter .layerBackground.wide .floatLeft{float:left;width:356px;padding:10px 0 0 20px;}
#containerCenter .layerBackground.wide .floatRight{width:346px;float:left;}
#containerCenter .layerBackground.wide h1{color:#f60;font-size:32px;font-weight:normal;}
#containerCenter .layerBackground.wide em{color:#266e97;font-size:20px;display:block;}
#containerCenter .layerBackground.wide .floatLeft ul{width:305px;}
#containerCenter .layerBackground.wide .floatLeft ul li{background:#fff url("http://www.learn360.com/App_Themes/Default/bulletOrange.gif") no-repeat 0 5px;padding-left:8px;margin-bottom:10px;}

#containerCenter .layerBackground.wide .top{padding:15px 0 0 20px;}
#containerCenter .layerBackground.wide .text{float:left;width:540px;}
#containerCenter .layerBackground.wide .text em{font:bold 18px Arial, sans-serif;font-style:italic;}
#containerCenter .layerBackground.wide .helpBtn{float:left;width:150px; background-image:url('http://www.learn360.com/App_Themes/Default/buttons/helpCenterBtn.gif'); border-style:none; width:150px; height:51px;}
#containerCenter .layerBackground.wide .schoolModule{width:223px;float:left;background:#fff url("http://www.learn360.com/App_Themes/Default/schoolBackrnd.gif") repeat-y 0 0;margin:20px 0 0 0;}

#containerCenter .layerBackground.wide .schoolModule .schoolModuleBody{width:195px;margin:0 auto;}
#containerCenter .layerBackground.wide .schoolModule .schoolModuleBody {padding-bottom:10px;}
#containerCenter .layerBackground.wide .schoolModule .header{width:223px;height:34px;}
#containerCenter .layerBackground.wide .schoolModule .header h2{font:bold 18px Arial, sans-serif;padding:5px 0 0 13px;color:#fff;}
#containerCenter .layerBackground.wide .schoolModule .schoolModuleBody .block {margin-top:20px;}
#containerCenter .layerBackground.wide .schoolModule .schoolModuleBody .block.first{margin-top:10px;}
#containerCenter .layerBackground.wide .schoolModule .schoolModuleBody .block img{border:solid 1px #ccc;margin-bottom:10px;}
#containerCenter .layerBackground.wide .schoolModule .schoolModuleBody .block .Btn{border:0;float:right;color:#fff;width:85px;height:23px;font:bold 11px Arial, sans-serif;cursor:pointer;line-height:23px;padding-bottom:5px;margin-top:5px; text-align:left; padding-left:2px; }
#containerCenter .layerBackground.wide .schoolModule .schoolModuleBody .block h3{font:bold 14px Arial, sans-serif;}
#containerCenter .layerBackground.wide .schoolModule .schoolModuleBody .block p{margin:0;font:bold 12px Arial, sans-serif;}
#containerCenter .layerBackground.wide .schoolModule .schoolModuleBody .block p strong{font-size:14px;}

#containerCenter .layerBackground.wide .schoolModule#orangeModule{margin:10px 0 20px 10px;}
#containerCenter .layerBackground.wide .schoolModule#orangeModule .header{background:#fff url("http://www.learn360.com/App_Themes/Default/schoolOrangeHdr.gif") no-repeat center top;}
#containerCenter .layerBackground.wide .schoolModule#orangeModule .footer{background:#fff url("http://www.learn360.com/App_Themes/Default/schoolOrangeFooter.gif") no-repeat center bottom;width:223px;height:16px;}
#containerCenter .layerBackground.wide .schoolModule#orangeModule .schoolModuleBody .block .Btn{background:transparent url("http://www.learn360.com/App_Themes/Default/buttons/orangeBtn.gif") no-repeat 0 0;}
#containerCenter .layerBackground.wide .schoolModule#orangeModule .schoolModuleBody .block h3{color:#f90;}
#containerCenter .layerBackground.wide .schoolModule#orangeModule .schoolModuleBody .block p{color:#f60;}

#containerCenter .layerBackground.wide .schoolModule#blueModule{margin:10px 0 20px 10px;}
#containerCenter .layerBackground.wide .schoolModule#blueModule .header{background:#fff url("http://www.learn360.com/App_Themes/Default/schoolBlueHdr.gif") no-repeat center top;}
#containerCenter .layerBackground.wide .schoolModule#blueModule .footer{background:#fff url("http://www.learn360.com/App_Themes/Default/schoolBlueFooter.gif") no-repeat center bottom;width:223px;height:16px;}
#containerCenter .layerBackground.wide .schoolModule#blueModule .schoolModuleBody .block .Btn{background:transparent url("http://www.learn360.com/App_Themes/Default/buttons/blueBtn.gif") no-repeat 0 0;}
#containerCenter .layerBackground.wide .schoolModule#blueModule .schoolModuleBody .block h3{color:#36a0da;}
#containerCenter .layerBackground.wide .schoolModule#blueModule .schoolModuleBody .block p{color:#06c;}

#containerCenter .layerBackground.wide .schoolModule#purpleModule{margin: 10px 0 20px 10px;}
#containerCenter .layerBackground.wide .schoolModule#purpleModule .header{background:#fff url("http://www.learn360.com/App_Themes/Default/schoolPurpleHdr.gif") no-repeat center top;}
#containerCenter .layerBackground.wide .schoolModule#purpleModule .footer{background:#fff url("http://www.learn360.com/App_Themes/Default/schoolPurpleFooter.gif") no-repeat center bottom;width:223px;height:16px;}
#containerCenter .layerBackground.wide .schoolModule#purpleModule .schoolModuleBody .block .Btn{background:transparent url("http://www.learn360.com/App_Themes/Default/buttons/purpleBtn.gif") no-repeat 0 0;}
#containerCenter .layerBackground.wide .schoolModule#purpleModule .schoolModuleBody .block h3{color:#c38de7;}
#containerCenter .layerBackground.wide .schoolModule#purpleModule .schoolModuleBody .block p{color:#60c;}



/* END: FEATURED VIDEO PAGE */