/*** START OF PUBLISHED LINKS STYLES ***/


ul.PublishedLinkMenu li {
 float: left;
 margin: 2px 1px 2px 0px;
}

.PublishedLinkMenu li a:link,
.PublishedLinkMenu li a:active,
.PublishedLinkMenu li a:visited{
 color: #fff;
 font: 8pt arial;
 padding-right: 0px;
 text-decoration: none;
 text-transform: uppercase;
 margin-right: -5px;
}

.PublishedLinkMenu li a:hover{
 color: #fff;
 font: 8pt arial;
 padding-right: 0px;
 text-decoration: underline;
}

.PublishedLinkMenu ul.pl_more_topnav li #more_link {
 color: #FFFFFF;
 font-family: Arial;
 left: 0;
 position: absolute;
 text-decoration: underline;
 top: 0;
 /* z-index: -1; */
 font-size: 8pt;
}

.pl_more_topnav li span {
 /* line-height: 15px !important;
 height: 15px !important; */
 display: block;
}

.pl_more_topnav {
 top: 0px !important;
 line-height: normal !important;
}


/*** END OF PUBLISHED LINKS STYLES ***/


/*** START OF TOP BLACK BAR STYLES ***/


#pub-wrapper {
 height: 37px;
 width: 100%;
 background: #333333;
 padding-top: 3px;
 position: relative;
}

#pub-container {
 margin: 0 auto;
 position: relative;
 width: 900px;
 z-index: 2999;
}

#pub-links{
 /*width: 300px;*/
 float: left;
 padding-top: 8px;
 padding-left: 8px;
 text-align:left;
}

#pub-school-dropdown{
 width: 133px;
 float: left;
 padding: 5px 8px 0px 0px;
}

#pub-translate-dropdown{
 width: 130px;
 float: right;
 padding: 5px 0px 0px 8px;
}

#search {
 font-size: 10px;
 float: right;
 color: #252525;
 position: relative;
 top: 3px;
 padding-left: 8px;
}

.divSearchBox {
 padding-top: 1px;
}

.divSearchBox .SearchButton {
 vertical-align: none;
 border: 0 none;
 margin: 0px;
 padding: 0px 0px 3px 0px;
 vertical-align: middle;
}

 *+html .divSearchBox .SearchButton{
 padding: 0px 0px 8px 0px;
}

.divSearchBox input {
 display: inline-block;
 background: #ffffff;
 padding: 4px 3px 3px 3px;
 width: 111px;
 border-radius: 3px;
 border: none !important;
 behavior: url('http://p5cdn2static.sharpschool.com//common/resources/designportfolio/sitethemes/commonlib/scripts/PIE.htc');
}

#userlink {
 color: #FFFFFF;
 float: right;
 font-family: arial;
 font-size: 8pt;
 height: 8px;
 position: relative;
 text-decoration: none;
 top: 10px;
 width: auto;
 text-transform: uppercase;
}

#userlink a {
 color: #fff;
 font-size: 8pt;
 font-family: arial;
 text-decoration: none;
}

#userlink a:hover {
 color: #fff;
 font-size: 8pt;
 font-family: arial;
 text-decoration: underline;
}


/*** END OF TOP BLACK BAR STYLES ***/


/*** START OF TRANSLATE DROPDOWN STYLES ***/


ul.topnav { 
 list-style: none; 
 padding: 0; 
 margin: 0; 
 float: right; 
 width: 130px; 
 text-align: left;
} 
 
ul.topnav li { 
 float: left; 
 margin: 0; 
 padding: 0px; 
 position: relative; 
} 

ul.topnav li a {
 color: #FFFFFF;
 display: block;
 float: left;
 height: 20px;
 text-decoration: none;
} 

ul.topnav li span {
 width: 130px; 
 height: 24px; 
 float: left;
 background: url('http://p5cdn2static.sharpschool.com//common/resources/DesignPortfolio/SiteThemes/CommonLib/pub-wrapper/pub-earth-dropmenu.png') no-repeat center top; 
} 
 
ul.topnav li span.subhover {
 background: url('http://p5cdn2static.sharpschool.com//common/resources/DesignPortfolio/SiteThemes/CommonLib/pub-wrapper/pub-earth-dropmenu.png') no-repeat center bottom;
 cursor: pointer;
} 

ul.topnav li ul.subnav { 
 list-style: none;
 position: absolute;
 left: 0;
 top: 24px;
 background: #ffffff;
 margin: 0px 0px 0px 5px;
 padding: 0;
 display: none;
 float: left;
 width: 120px;
 border: 1px solid #171717;
} 
 
ul.topnav li ul.subnav li{ 
 margin: 0;
 padding: 0;
 border-top: none;
 border-bottom: 1px solid #171717;
 clear: both; 
 width: 120px;
} 

html ul.topnav li ul.subnav li a { 
 float: left;
 width: 110px;
 background: none;
 padding-left: 10px;
 padding-top: 5px;
 font-family: arial;
 font-size: 11px;
 color: #171717;
} 
 
html ul.topnav li ul.subnav li a:hover {
 background: #171717;
 padding-top: 5px;
 font-family: arial;
 font-size: 11px;
 color: #ffffff;
}
 
ul.topnav li ul.subnav span {
 background-image: url('http://p5cdn2static.sharpschool.com//common/resources/shared/images/themeElements/flags.png');
 width: 16px;
 height: 16px; 
 display: block;
 margin-right: 5px;
}

ul.topnav li ul.subnav span.spanish {
 background-position: 0px;
}

ul.topnav li ul.subnav span.cantonese {
 background-position: -16px;
}

ul.topnav li ul.subnav span.french {
 background-position: -32px;
}

ul.topnav li ul.subnav span.german {
 background-position: -48px;
}

ul.topnav li ul.subnav span.italian {
 background-position: -64px;
}

ul.topnav li ul.subnav span.tagalog {
 background-position: -80px;
}

ul.topnav li ul.subnav span.vietnamese {
 background-position: -96px;
}

ul.topnav li ul.subnav span.korean {
 background-position: -112px;
}

ul.topnav li ul.subnav span.russian {
 background-position: -128px;
}

ul.topnav li ul.subnav span.hindi {
 background-position: -144px;
}


/*** END OF TRANSLATE DROPDOWN STYLES ***/


/*** START OF SCHOOL DROPDOWN STYLES ***/


ul.school-topnav { 
 list-style: none; 
 padding: 0; 
 margin: 0; 
 float: right; 
 width: 130px; 
 text-align: left;
} 
 
ul.school-topnav li { 
 float: left; 
 margin: 0; 
 padding: 0px; 
 position: relative; 
} 

ul.school-topnav li a {
 color: #FFFFFF;
 display: block;
 float: left;
 height: auto;
 padding-bottom: 5px;
 text-decoration: none;
} 

ul.school-topnav li span {
 width: 142px; 
 height: 24px; 
 float: left;
 background: url('http://p5cdn2static.sharpschool.com//common/resources/DesignPortfolio/SiteThemes/CommonLib/pub-wrapper/school-dropdown.png') no-repeat center top; 
} 
 
ul.school-topnav li span.subhover {
 background: url('http://p5cdn2static.sharpschool.com//common/resources/DesignPortfolio/SiteThemes/CommonLib/pub-wrapper/school-dropdown.png') no-repeat center bottom;
 cursor: pointer;
} 

ul.school-topnav li ul.school-subnav { 
 list-style: none;
 position: absolute;
 left: 0;
 top: 24px;
 background: #ffffff;
 margin: 0px 0px 0px 5px;
 padding: 0;
 display: none;
 float: left;
 width: 210px;
 border: 1px solid #171717;
} 
 
ul.school-topnav li ul.school-subnav li{ 
 margin: 0;
 padding: 0;
 border-top: none;
 border-bottom: 1px solid #171717;
 clear: both;
 width: 210px;
} 

html ul.school-topnav li ul.school-subnav li a { 
 float: left;
 width: 195px;
 background: none;
 padding: 5px 8px;
 font-family: arial;
 font-size: 11px;
 color: #171717;
} 
 
html ul.school-topnav li ul.school-subnav li a:hover {
 background: #171717;
 padding: 5px 8px;
 font-family: arial;
 font-size: 11px;
 color: #ffffff;
}

ul.school-topnav li ul.school-subnav img { 
 padding-right: 5px; 
} 


/*** END OF SCHOOL DROPDOWN STYLES ***/

.PublishedLinkMenu ul.pl_more_topnav li ul.pl_more {
 background: #ffffff;
 border: 1px solid #171717;
 border-top: none;	
}

.PublishedLinkMenu ul.pl_more_topnav li ul.pl_more li {
border-top: 1px solid #171717;
border-bottom: none;
clear: both;
}

html .PublishedLinkMenu ul.pl_more_topnav li ul.pl_more li a {
background: #ffffff;
display: block;
float: left;
width: 150px;
padding: 5px 10px;
font-family: Arial;
font-size: 11px;
text-decoration: none;
}

html .PublishedLinkMenu ul.pl_more_topnav li ul.pl_more li a {
 color: #171717;	
}

html .PublishedLinkMenu ul.pl_more_topnav li ul.pl_more li a:hover {
background: #171717;
color: #ffffff;
}





/*-  INVERT  -*/


/*** START OF PUBLISHED LINKS STYLES ***/


.invert ul.PublishedLinkMenu li {
 float: left;
 margin: 2px 1px 2px 0px;
}

.invert .PublishedLinkMenu li a:link,
.invert .PublishedLinkMenu li a:active,
.invert .PublishedLinkMenu li a:visited{
 color: #333333;
 font: 8pt arial;
 padding-right: 0px;
 text-decoration: none;
 text-transform: uppercase;
 margin-right: -5px;
}

.invert .PublishedLinkMenu li a:hover{
 color: #333333;
 font: 8pt arial;
 padding-right: 0px;
 text-decoration: underline;
}

.invert .PublishedLinkMenu ul.pl_more_topnav li #more_link {
 color: #333333;
 font-family: Arial;
 left: 0;
 position: absolute;
 text-decoration: underline;
 top: 0;
 /* z-index: -1; */
 font-size: 8pt;
}

.invert .pl_more_topnav li span {
 /* line-height: 15px !important;
 height: 15px !important; */
 display: block;
}

.invert .pl_more_topnav {
 top: 0px !important;
 line-height: normal !important;
}


/*** END OF PUBLISHED LINKS STYLES ***/


/*** START OF TOP BLACK BAR STYLES ***/


#pub-wrapper.invert {
 height: 37px;
 width: 100%;
 background: #f6f6f6;
 padding-top: 3px;
}

.invert #pub-container {
 margin: 0 auto;
 position: relative;
 width: 900px;
 z-index: 8000;
}

.invert #pub-links{
 /*width: 300px;*/
 float: left;
 padding-top: 8px;
 padding-left: 8px;
 text-align:left;
}

.invert #pub-school-dropdown{
 width: 133px;
 float: left;
 padding: 5px 8px 0px 0px;
}

.invert #pub-translate-dropdown{
 width: 130px;
 float: right;
 padding: 5px 0px 0px 8px;
}

.invert #search {
 font-size: 10px;
 float: right;
 color: #252525;
 position: relative;
 top: 3px;
 padding-left: 8px;
}

.invert .divSearchBox {
 padding-top: 1px;
}

.invert .divSearchBox .SearchButton {
 vertical-align: none;
 border: 0 none;
 margin: 0px;
 padding: 0px 0px 3px 0px;
 vertical-align: middle;
}

 *+html .invert .divSearchBox .SearchButton{
 padding: 0px 0px 8px 0px;
}

.invert .divSearchBox input {
 display: inline-block;
 background: #333333;
 padding: 4px 0px 3px;
 border-radius: 3px;
 border: none !important;
 behavior: url('http://p5cdn2static.sharpschool.com//common/resources/designportfolio/sitethemes/commonlib/scripts/PIE.htc');
 color: #ffffff;
}

.invert #userlink {
 color: #333333;
 float: right;
 font-family: arial;
 font-size: 8pt;
 height: 8px;
 position: relative;
 text-decoration: none;
 top: 10px;
 width: auto;
 text-transform: uppercase;
}

.invert #userlink a {
 color: #333333;
 font-size: 8pt;
 font-family: arial;
 text-decoration: none;
}

.invert #userlink a:hover {
 color: #333333;
 font-size: 8pt;
 font-family: arial;
 text-decoration: underline;
}


/*** END OF TOP BLACK BAR STYLES ***/


/*** START OF TRANSLATE DROPDOWN STYLES ***/


.invert ul.topnav { 
 list-style: none; 
 padding: 0; 
 margin: 0; 
 float: right; 
 width: 130px; 
 text-align: left;
} 
 
.invert ul.topnav li { 
 float: left; 
 margin: 0; 
 padding: 0px; 
 position: relative; 
} 

.invert ul.topnav li a {
 color: #FFFFFF;
 display: block;
 float: left;
 height: 20px;
 text-decoration: none;
} 

.invert ul.topnav li span {
 width: 130px; 
 height: 24px; 
 float: left;
 background: url('http://p5cdn2static.sharpschool.com//common/resources/DesignPortfolio/SiteThemes/CommonLib/pub-wrapper/pub-earth-dropmenu-d.png') no-repeat center top; 
} 
 
.invert ul.topnav li span.subhover {
 background: url('http://p5cdn2static.sharpschool.com//common/resources/DesignPortfolio/SiteThemes/CommonLib/pub-wrapper/pub-earth-dropmenu-d.png') no-repeat center bottom;
 cursor: pointer;
} 

.invert ul.topnav li ul.subnav { 
 list-style: none;
 position: absolute;
 left: 0;
 top: 24px;
 background: #ffffff;
 margin: 0px 0px 0px 5px;
 padding: 0;
 display: none;
 float: left;
 width: 120px;
 border: 1px solid #171717;
} 
 
.invert ul.topnav li ul.subnav li{ 
 margin: 0;
 padding: 0;
 border-top: none;
 border-bottom: 1px solid #171717;
 clear: both; 
 width: 120px;
} 

html .invert ul.topnav li ul.subnav li a { 
 float: left;
 width: 110px;
 background: none;
 padding-left: 10px;
 padding-top: 5px;
 font-family: arial;
 font-size: 11px;
 color: #171717;
} 
 
html .invert ul.topnav li ul.subnav li a:hover {
 background: #171717;
 padding-top: 5px;
 font-family: arial;
 font-size: 11px;
 color: #ffffff;
}
 
.invert ul.topnav li ul.subnav span {
 background-image: url('http://p5cdn2static.sharpschool.com//common/resources/shared/images/themeElements/flags.png');
 width: 16px;
 height: 16px; 
 display: block;
 margin-right: 5px;
}

.invert ul.topnav li ul.subnav span.spanish {
 background-position: 0px;
}

.invert ul.topnav li ul.subnav span.cantonese {
 background-position: -16px;
}

.invert ul.topnav li ul.subnav span.french {
 background-position: -32px;
}

.invert ul.topnav li ul.subnav span.german {
 background-position: -48px;
}

.invert ul.topnav li ul.subnav span.italian {
 background-position: -64px;
}

.invert ul.topnav li ul.subnav span.tagalog {
 background-position: -80px;
}

.invert ul.topnav li ul.subnav span.vietnamese {
 background-position: -96px;
}

.invert ul.topnav li ul.subnav span.korean {
 background-position: -112px;
}

.invert ul.topnav li ul.subnav span.russian {
 background-position: -128px;
}

.invert ul.topnav li ul.subnav span.hindi {
 background-position: -144px;
}


/*** END OF TRANSLATE DROPDOWN STYLES ***/


/*** START OF SCHOOL DROPDOWN STYLES ***/


.invert ul.school-topnav { 
 list-style: none; 
 padding: 0; 
 margin: 0; 
 float: right; 
 width: 130px; 
 text-align: left;
} 
 
.invert ul.school-topnav li { 
 float: left; 
 margin: 0; 
 padding: 0px; 
 position: relative; 
} 

.invert ul.school-topnav li a {
 color: #FFFFFF;
 display: block;
 float: left;
 height: auto;
 padding-bottom: 5px;
 text-decoration: none;
} 

.invert ul.school-topnav li span {
 width: 142px; 
 height: 24px; 
 float: left;
 background: url('http://p5cdn2static.sharpschool.com//common/resources/DesignPortfolio/SiteThemes/CommonLib/pub-wrapper/school-dropdown-d.png') no-repeat center top; 
} 
 
.invert ul.school-topnav li span.subhover {
 background: url('http://p5cdn2static.sharpschool.com//common/resources/DesignPortfolio/SiteThemes/CommonLib/pub-wrapper/school-dropdown-d.png') no-repeat center bottom;
 cursor: pointer;
} 

.invert ul.school-topnav li ul.school-subnav { 
 list-style: none;
 position: absolute;
 left: 0;
 top: 24px;
 background: #ffffff;
 margin: 0px 0px 0px 5px;
 padding: 0;
 display: none;
 float: left;
 width: 210px;
 border: 1px solid #171717;
} 
 
.invert ul.school-topnav li ul.school-subnav li{ 
 margin: 0;
 padding: 0;
 border-top: none;
 border-bottom: 1px solid #171717;
 clear: both;
 width: 210px;
} 

html .invert ul.school-topnav li ul.school-subnav li a { 
 float: left;
 width: 195px;
 background: none;
 padding: 5px 8px;
 font-family: arial;
 font-size: 11px;
 color: #171717;
} 
 
html .invert ul.school-topnav li ul.school-subnav li a:hover {
 background: #171717;
 padding: 5px 8px;
 font-family: arial;
 font-size: 11px;
 color: #ffffff;
}

.invert ul.school-topnav li ul.school-subnav img { 
 padding-right: 5px; 
} 


/*** END OF SCHOOL DROPDOWN STYLES ***/

.invert .PublishedLinkMenu ul.pl_more_topnav li ul.pl_more {
 background: #ffffff;
 border: 1px solid #171717;
 border-top: none;	
}

.invert .PublishedLinkMenu ul.pl_more_topnav li ul.pl_more li {
border-top: 1px solid #171717;
border-bottom: none;
clear: both;
}

html .invert .PublishedLinkMenu ul.pl_more_topnav li ul.pl_more li a {
background: #ffffff;
display: block;
float: left;
width: 150px;
padding: 5px 10px;
font-family: Arial;
font-size: 11px;
text-decoration: none;
}

html .invert .PublishedLinkMenu ul.pl_more_topnav li ul.pl_more li a:hover {
background: #171717;
color: #ffffff;
}


ul#topnav ul.schoolList a, ul#topnav ul.schoolList span {
font-family: arial,helvetica !important;
}


