/*
================================
Skin styles for DotNetNuke
================================
*/
/**/
body, html{margin:0; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#333;}
body{margin-top:7px;}
a img{border:none;}
a:hover{color:#F8971D; text-decoration:none;}
/**/
/******************
** SKIN STYLES **
*******************/
table.pagemaster {width: 900px; margin:auto; background-color:#FFF;}
.skinmaster {}
.skinheader {}
table.skinheader td.HeaderRight{vertical-align:top; text-align:left;}
.skingradient {margin-top:8px;}
.skingradient * { font-family:Arial; font-size:10px; color:#000;}
table.navSkin{}
td.navSkin{color:#2E2E2E; background:#C4BA47;}
td.navSkinGradient{height:7px;background:repeat-x url('NavGradient.gif');}
.controlpanel {width: 100%;background-color: #fefefe;}
table.NobleNetwork table.HomePagePanes{}
table.NobleNetwork table.HomePagePanes td.leftpane {width: 175px; padding:15px 0 15px 0;}
table.NobleNetwork table.HomePagePanes td.contentpane {width: 375px; padding:15px 0 15px 0;}
table.NN table.HomePagePanes td.contentpane {width: 398px; padding:15px 0 15px 0;}/*overrides above setting*/
table.NN table.HomePagePanes td.middlerightpane {width: 152px; padding:15px 0 15px 0;}/*new content area*/
table.NobleNetwork table.HomePagePanes td.rightpane {width: 350px; padding:15px 0 15px 0;}
table.NobleStreetCS table.HomePagePanes{}
table.NobleStreetCS table.HomePagePanes td.leftpane {width: 175px; height: 100%;padding:15px 0 15px 0;}
table.NobleStreetCS table.HomePagePanes td.contentpane {width: 550px; padding:15px 0 15px 0;}
table.NobleStreetCS table.HomePagePanes td.rightpane {width: 175px; padding:15px 0 15px 0;}
table.NobleSchool table.HomePagePanes{}
table.NobleSchool table.HomePagePanes td.leftpane {width: 175px;}
table.NobleSchool table.HomePagePanes td.contentpane {width: 550px;}
table.NobleSchool table.HomePagePanes td.rightpane {width: 175px; padding-top:15px;}
table.NobleSchool td.HeaderBeNoble, table.NobleSchool td.HeaderRight {}
td.HeaderBeNoble p, td.HeaderRight p, td.HeaderLeft p {display:inline; margin:0; padding:0;}
td.HeaderBeNoble p img, td.HeaderRight p img{display:block;}
td.HeaderBeNoble p{display:inline; margin:0; padding:0;}
table.NobleSchool table.ContentPagePanes{margin:15px 0 15px 0;}
table.NobleSchool table.ContentPagePanes td.leftpane {width: 191px;}
table.NobleSchool table.ContentPagePanes td.contentpane {width: 498px; min-height:400px; border:1px solid #F4B442; border-top:none; border-bottom:none; }
table.NobleSchool table.ContentPagePanes td.rightpane {width: 211px;}
div.contentpane{ padding:0 26px 0 26px; min-height:400px;}
table.NobleSchool table.HomePagePanes td.contentpane div.contentpane,
table.NobleNetwork table.HomePagePanes td.contentpane div.contentpane
{min-height:200px;}
table.SiteMapPanes td.contentpane div.contentpane{min-height:0; height:auto;}
/**/
td.bottomNav{height:21px;background:#D6D5D3;color:#565555; font-family:Verdana; font-weight:bold;}
div.FooterLinks{margin-top:1px; text-align:right; line-height:21px; }
td.bottomNav div.FooterLinks br{display:none;}
td.bottomNav div.FooterLinks a{color:#565555; font-family:Verdana; font-weight:bold; margin-right:22px; text-decoration:none;}
td.bottomNav div.FooterLinks a:hover{text-decoration:none;}
/**/
div.contentpane * .Normal * p,
div.contentpane p, div.contentpane * p, div.contentpane * {line-height:15px;}
/*******/
.Normal{text-align:left;}
.Head {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
}
/*******/
ul.ulFlushTop{margin-top:0;padding-top:0;}
ul.ulFlushBottom{margin-bottom:0;padding-bottom:0;}
/*******/
td.rightpane table.linkbox{ border-collapse:collapse; margin-bottom:12px; width:184px;}
td.rightpane table.linkbox * a{display:block; font-size:11px; margin:5px;}
td.rightpane table.linkbox * br{display:none;}
td.rightpane table.linkbox * a.docLink img{position:relative; top:4px;}
td.rightpane table.linkbox div.linkboxTitle{margin:5px; font-size:12px; font-weight:bold;}
/*******/
table.RequiredByGrade{border-collapse:collapse;}
table.RequiredByGrade td{border:1px solid #CCC;}
/*******/
table.NobleSchool table.HomePagePanes td.contentpane div.contentpane * div.vSpace{height:55px;}
/*******/
div.LoginLink{float:right; margin-top:22px;}
div.LoginLink a{color:#999 !important;}
div.LoginLink a:hover{color:#333;}
/*******/
div#dbg { font-family:"Courier New"; font-size:10px; font-weight:bold;}
/**/
div.Head div#publishTitle{color: #FD9712; margin-bottom:14px; text-align:left;}
#rightangle div#publishTitle span {color: #003e79; font-size:19px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; margin-bottom:14px; text-align:left; line-height:27px;}
div#ArticleContent, div#divArticleContent *, .Normal{font-size:11px; font-family:Verdana;}
div#divArticleContent a{color:#F8971D; font-weight: bold;}
table.NobleSchool table.ContentPagePanes td.rightpane table.scrollerGold .containerScrollerContentRow div#articleDisplay{width:100%; background:#EDEAC7;float:right; margin-bottom:12px;}
table.NobleSchool table.ContentPagePanes td.rightpane div#articleDisplay{width:184px; background:#EFEEED; float:right; margin-bottom:12px;}
table.NobleSchool table.ContentPagePanes td.rightpane div#articleDisplay div.Head{display:none !important;}
table.NobleSchool table.ContentPagePanes td.rightpane div#divArticleContent{padding:12px;}
table.NobleSchool table.ContentPagePanes td.rightpane div#divArticleContent p{margin:0;line-height:150%;}
td.rightpane div#divArticlePage,
td.rightpane div.Publish_ReturnToList,
td.rightpane div#divRelatedArticlesControl,
table.NobleSchool table.HomePagePanes td.contentpane div#divArticlePage,
table.NobleSchool table.HomePagePanes td.contentpane div.Publish_ReturnToList,
table.NobleSchool table.HomePagePanes td.contentpane div#divRelatedArticlesControl,
table.NobleSchool table.HomePagePanes td.contentpane div#articleDisplay div.Head,
table.NobleNetwork table.HomePagePanes td.contentpane div#articleDisplay div.Head
{display:none;}
table.HomePagePanes td.contentpane div#articleDisplay div#divArticleContent p{margin:0 0 12px 0;}
div.divLastUpdated, div#articleThumbnails{display:none;}
/**/
/************************
** NAVIGATION STYLES **
*************************/
/**/
div#hmLeftNavContainer{display:none;}
div#hmLeftNav{}
div#hmLeftNav * a,
div#hmLeftNav ul.rootMenu * a{font-size:11px; padding:2px 0 2px 0; padding-right:16px; background:right no-repeat url(arrow.gif); line-height:11px; color:#AAA; font-weight:bold;}
div#hmLeftNav * a:hover,
div#hmLeftNav ul.rootMenu * a:hover{text-decoration:none; background:right no-repeat url(arrow-o.gif); color:#F8971D;}
div#hmLeftNav ul, div#hmLeftNav ul li{list-style:none;padding:0;}
div#hmLeftNav ul li{}
div#hmLeftNav ul li ul{margin-bottom:4px;}
div#hmLeftNav ul li ul li{}
div#hmLeftNav ul li ul li a{padding-left:8px; font-size:11px; font-weight:normal; background:none;}
div#hmLeftNav ul li ul li a:hover{background:right no-repeat url(nav_round.gif);}
div#hmLeftNav ul li ul li ul li{}
div#hmLeftNav ul li ul li ul li a{padding-left:16px; font-size:11px; font-weight:normal; background:none;}
div#hmLeftNav ul li ul li ul li a:hover{background:right no-repeat url(nav_round.gif);}
div#hmLeftNav ul li ul li ul li ul li{}
div#hmLeftNav ul li ul li ul li ul li a{padding-left:24px; font-size:11px; font-weight:normal; background:none;}
div#hmLeftNav ul li ul li ul li ul li a:hover{background:right no-repeat url(nav_round.gif);}
div#hmLeftNav li.AdminMenu ul{display:none; position:absolute; background:#FFF; z-index:1000; margin:-16px 0 0 40px !important; padding:5px;}
div#hmLeftNav li.AdminMenu:hover ul{display:block !important;}
div#hmLeftNav li.HostMenu ul{display:none; position:absolute; background:#FFF; z-index:1000; margin:-16px 0 0 40px !important; padding:5px;}
div#hmLeftNav li.HostMenu:hover ul{display:block !important;}
div#hmLeftNav li.IEAdminMenu ul{margin:0 !important;}
div#hmLeftNav li.IEHostMenu ul{margin:0 !important;}
div#hmLeftNav ul.rootMenu a.menuDepth-1,
div#hmLeftNav ul.rootMenu li li a
{font-size:11px; padding:2px 0 2px 0; padding-right:16px; background:right no-repeat url(arrow.gif); line-height:100%; color:#AAA; font-weight:bold;}
div#hmLeftNav ul.rootMenu a.menuDepth-1:hover,
div#hmLeftNav ul.rootMenu li li a:hover
{text-decoration:none; background:right no-repeat url(arrow-o.gif) !important; color:#F8971D;}
div#hmLeftNav ul.rootMenu li.menuDepth-2 a,
div#hmLeftNav ul.rootMenu li li li a
{padding-left:8px; font-size:11px; font-weight:normal; background:none;}
div#hmLeftNav ul.rootMenu li.menuDepth-2 a:hover,
div#hmLeftNav ul.rootMenu li li li a:hover
{background:right no-repeat url(nav_round.gif) !important;}
/**/
a.nodeSelected, a.nodeSelected:hover{color:#F8971D !important;background:right no-repeat url(arrow-o.gif) !important;}
li.menuDepth-2 a.nodeSelected{background:right no-repeat url(nav_round.gif) !important;}
/**/
/**/
/* */
div#hmSiteMap{}
div#hmSiteMap ul, div#hmSiteMap ul li{list-style:none;padding:0;margin:0;}
div#hmSiteMap * a{font-size:11px; padding:2px 0 2px 0; padding-right:16px; background:right no-repeat url(arrow.gif); line-height:100%; color:#AAA; font-weight:bold;}
div#hmSiteMap * a:hover{text-decoration:none; background:right no-repeat url(arrow-o.gif); color:#F8971D;}
div#hmSiteMap ul li ul li a{padding-left:8px; font-size:10px; font-weight:normal; background:none;}
div#hmSiteMap ul li ul li a:hover{background:right no-repeat url(nav_round.gif);}
div#hmSiteMap li a{font-size:12px !important;}
div#hmSiteMap li li a {font-size:11px !important;}
div#hmSiteMap li li li a {font-size:10px !important;}
div#hmSiteMap li {display:block; float:left; width:100%; white-space:nowrap; border-top:1px solid #ccc; padding:10px 0 10px 0 !important;}
div#hmSiteMap li li {width:auto; margin-left:12px; border-top:none; padding:0 !important;}
div#hmSiteMap li li li {width:auto; clear:left; margin-left:12px;}
/* */
/* */
/*general styles*/
div#hmTopNav{height:20px; padding-left:8px; }
div#hmTopNav ul#hmTopNav0{position:absolute; width:1000px;}
div#hmTopNav ul, div#hmTopNav ul li{list-style:none; margin:0;padding:0;}
div#hmTopNav ul li{float:left; text-align:center;}
div#hmTopNav ul li a {display:block; font-size:12px; line-height:100%; font-family:Verdana; padding:4px 6px 4px 6px; color:#333; text-transform:capitalize;}
div#hmTopNav ul li a:hover {text-decoration:none; background: #8DA4D3;}
div#hmTopNav * li#hmTopNavItemHome{display:none;}/*do not display 'home' nav item*/
/*deviations for main network site*/
div#noblestreetcharterschool div#hmTopNav ul li a,
table.NobleNetwork div#hmTopNav ul li a,
div#noblenetwork div#hmTopNav ul li a
{font-size:11px; padding:4px 6px 5px 6px;}
div#noblestreetcs div#hmTopNav ul li a,
table.NN div#hmTopNav ul li a
{font-size:11px; padding:4px 16px 5px 16px;}
table.NobleNetwork div#hmTopNav,
div#noblenetwork div#hmTopNav,
div#noblestreetcs div#hmTopNav,
div#noblestreetcharterschool div#hmTopNav
{padding-left:2px;}
div#rightangle div#hmTopNav ul li a
{font-size:13px; line-height:13px; color:#2e2e2e; padding:3px 12px 4px 12px;}
/*topnav background color*/
div#noblenetwork div#hmTopNav, div#noblestreetcharterschool div#hmTopNav {background:#C4BA47;}
div#noblestreetcs div#hmTopNav, table.NN div#hmTopNav {background:#98B7DB;}
div#goldentigers div#hmTopNav {background:#CF7027;}
div#raunercollegeprep div#hmTopNav {background:#C4BA47;}
div#roweclark div#hmTopNav {background:#98B7DA;}
div#nscssouth div#hmTopNav {background:#CCCCCC;}
div#noblesouth div#hmTopNav {background:#CCCCCC;}
div#noblesouthcollegeprep div#hmTopNav {background:#CCCCCC;}
div#comercollegeprep div#hmTopNav {background:#CCCCCC;}
div#garycomercollegeprep div#hmTopNav {background:#CCCCCC;}
div#uiccollegeprep div#hmTopNav {background:#B5CBE3;}
div#goldercollegeprep div#hmTopNav {background:#B6B7BB;}
div#pritzkercollegeprep div#hmTopNav{background:#98B7DB;}
div#muchincollegeprep div#hmTopNav{background:#B6B7BA;}
div#muchincp div#hmTopNav{background:#B6B7BA;}
div#chicagobullscollegeprep div#hmTopNav{background:#CCCCCC;}
div#chicagobullscp div#hmTopNav{background:#CCCCCC;}
div#bullscollegeprep div#hmTopNav{background:#CCCCCC;}
div#johnsoncollegeprep div#hmTopNav{background:#B6B7BA;}
div#nobleenglewood div#hmTopNav{background:#B6B7BA;}
div#rightangle div#hmTopNav{background:#fcb040;}
/*hover/mouseover styles, active section highlight*/
div#hmTopNav li.activeSection{}
div#hmTopNav li.activeSection a{}
div#noblestreetcharterschool div#hmTopNav ul li a:hover, div#noblestreetcharterschool div#hmTopNav ul li.activeSection a,
div#noblenetwork div#hmTopNav ul li a:hover, div#noblenetwork div#hmTopNav ul li.activeSection a{background:#98B7DB;}
div#goldentigers div#hmTopNav ul li a:hover, div#goldentigers div#hmTopNav ul li.activeSection a{background:#F2AD2E;}
div#raunercollegeprep div#hmTopNav ul li a:hover, div#raunercollegeprep div#hmTopNav ul li.activeSection a{background:#F2AD2F;}
div#roweclark div#hmTopNav ul li a:hover, div#roweclark div#hmTopNav ul li.activeSection a{background:#F1C119;}
div#nscssouth div#hmTopNav ul li a:hover, div#nscssouth div#hmTopNav ul li.activeSection a{background:#F2AD2F;}
div#noblesouth div#hmTopNav ul li a:hover, div#noblesouth div#hmTopNav ul li.activeSection a{background:#F2AD2F;}
div#noblesouthcollegeprep div#hmTopNav ul li a:hover, div#noblesouthcollegeprep div#hmTopNav ul li.activeSection a{background:#F2AD2F;}
div#comercollegeprep div#hmTopNav ul li a:hover, div#comercollegeprep div#hmTopNav ul li.activeSection a{background:#F2AD2F;}
div#garycomercollegeprep div#hmTopNav ul li a:hover, div#garycomercollegeprep div#hmTopNav ul li.activeSection a{background:#F2AD2F;}
div#uiccollegeprep div#hmTopNav ul li a:hover, div#uiccollegeprep div#hmTopNav ul li.activeSection a{background:#E81A2F;}
div#goldercollegeprep div#hmTopNav ul li a:hover, div#goldercollegeprep div#hmTopNav ul li.activeSection a{background:#FD9712;}
div#pritzkercollegeprep div#hmTopNav ul li a:hover, div#pritzkercollegeprep div#hmTopNav ul li.activeSection a{background:#FD9712;}
div#muchincollegeprep div#hmTopNav ul li a:hover, div#muchincollegeprep div#hmTopNav ul li.activeSection a{background:#76D3DB;}
div#muchincp div#hmTopNav ul li a:hover, div#muchincp div#hmTopNav ul li.activeSection a{background:#76D3DB;}
div#chicagobullscollegeprep div#hmTopNav ul li a:hover, div#chicagobullscollegeprep div#hmTopNav ul li.activeSection a{background:#FF0033;}
div#chicagobullscp div#hmTopNav ul li a:hover, div#chicagobullscp div#hmTopNav ul li.activeSection a{background:#FF0033;}
div#bullscollegeprep div#hmTopNav ul li a:hover, div#bullscollegeprep div#hmTopNav ul li.activeSection a{background:#FF0033;}
div#noblestreetcs div#hmTopNav ul li a:hover, div#noblestreetcs div#hmTopNav ul li.activeSection a,
table.NN div#hmTopNav ul li a:hover, table.NN div#hmTopNav ul li.activeSection a{background:#FD9712;}
div#johnsoncollegeprep div#hmTopNav ul li a:hover, div#johnsoncollegeprep div#hmTopNav ul li.activeSection a{color:#FFF;background:#b40000;}
div#johnsoncollegeprep td.containerScrollerHeaderRow, div#johnsoncollegeprep td.containerScrollerFooterRow{background:#000042;}
div#johnsoncollegeprep td.containerScrollerContentRow {background:#e8e8e8;}
div#johnsoncollegeprep .containerScrollerContent{height:150px;}
div#johnsoncollegeprep div.johnsonQuote { display:block !important;}
div#johnsoncollegeprep div.johnsonLegacy { padding:0px 0px 10px 30px !important; }
div#nobleenglewood div#hmTopNav ul li a:hover, div#nobleenglewood div#hmTopNav ul li.activeSection a{color:#FFF;background:#b40000;}
div#nobleenglewood td.containerScrollerHeaderRow, div#nobleenglewood td.containerScrollerFooterRow{background:#000042;}
div#nobleenglewood td.containerScrollerContentRow {background:#e8e8e8;}
div#nobleenglewood .containerScrollerContent{height:150px;}
div#nobleenglewood div.johnsonQuote { display:block !important;}
div#nobleenglewood div.johnsonLegacy { padding:0px 0px 10px 30px !important; }
div#rightangle div#hmTopNav ul li a:hover, div#rightangle div#hmTopNav ul li#hmTopNavCurrentItem, div#rightangle div#hmTopNav ul li#hmTopNavCurrentItem a, div#rightangle div#hmTopNav ul li.activeSection a{color:#FFF;background:#98b7db;}
/* */
table.containerScrollerMaster{float:right;height:100%;}
#rightangle div.divLastUpdated span, #rightangle div#articleThumbnails{display:none;}
#rightangle table.ContentPagePanes{margin:0;}
#rightangle td.leftpane {width:164px; padding:15px 0 0 0;}
#rightangle td.leftpanebottom {width:164px;}
#rightangle td.contentpane {width:558px; border:none;}
#rightangle td.contentpane div.contentpane {width:506px; min-height:200px; margin:15px 26px 15px 26px; border:none;}
#rightangle td.rightpane {width:178px; padding:15px 0 15px 0;}
#rightangle div.contentpane{ padding:0; }
#rightangle .containerScrollerMaster{ float:none;}
#rightangle .rightAngleQuoteContainer{ float:none;}
#rightangle td.leftpane div { display:block; }
#rightangle td.rightpane div { display:block; }
#rightangle div.contentpane p, div.contentpane * p, div.contentpane * {line-height:17px;}
#rightangle a.btnDonateNow {
background:url('/Portals/RightAngle/Images/Common/donate-now.png') 0 0;
text-indent:-2500px;
width:178px;
height:61px;
display:block;
}
#rightangle a.btnDonateNow:hover {
background-position:0 -61px;
}
#rightangle a.btnJoinBoard {
background:url('/Portals/RightAngle/Images/Common/join-right-angle-board.png') 0 0;
text-indent:-2500px;
width:178px;
height:61px;
display:block;
}
#rightangle a.btnJoinBoard:hover {
background-position:0 -61px;
}
#rightangle a.watchVidLink {
background:url('/Portals/RightAngle/Images/RightPanel/watch-video.gif') 0 0;
text-indent:-2500px;
width:164px;
height:47px;
display:block;
}
#rightangle a.watchVidLink:hover {
background-position:0 -47px;
}
.LogoutLink {
position:absolute;
margin-top:15px;
margin-left:466px;
width:60px;
border:1px solid #003366;
text-align:center;
/*padding:2px;*/
padding-top:4px;
height:18px;
}
div.LogoutLink:hover{
cursor:pointer;
background-color:#003366;
}
#watchVideoContainer.windowClosed{
width:720px;
height:480px;
padding:10px;
background:#000000;
display:none;
}
#watchVideoContainer.windowOpen{
/*border:1px #000000 solid;
background:#ffffff;*/
width:720px;
height:480px;
position:absolute;
z-index:9999;
padding:10px;
background:#000000;
}
.grayoutClose { position:absolute; margin:10px 0 0 668px; }
.grayoutJoinBoard { position:absolute; margin:456px 0 0 225px; width:350px; }
.grayoutClose a,
.grayoutJoinBoard a { color:#FFF; }
#mask {
background-color:#000000;
display:none;
left:0;
opacity:0.5;
position:absolute;
top:0;
z-index:9000;
}
td.sol2col, div.sol2col { width:710px !important; min-height:370px !important; padding:15px 0 15px 0 !important; }
.solLocatorMap { width:690px;height:479px; }
.solMapRightColContainer { margin:10px 0 10px 10px; height:478px; }
.solMapRightColContent { width:100%; }
.solInitalCopy { margin-right:10px; font-size:12px; line-height:18px; }
.solStudentListContainer { display:none; padding-right:10px; }
.solMapRightColContainer h3 { font-size:14px; line-height:18px; font-weight:bold; }
.solMapRightColContainer .solStudentLists { margin-right:10px; width:100%; height:450px; overflow:auto; }
.solMapRightColContainer .solStudentLists div { font-size:12px; line-height:18px; margin:5px 0 0 10px; }
#rightangle .menuDepth-1 { padding-left:0; margin-left:0; }