/*** 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("https://cdnsm4-ss6.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(pub-earth-dropmenu.png) no-repeat center top; 
} 
 
ul.topnav li span.subhover {
 background: url(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(../../../../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(school-dropdown.png) no-repeat center top; 
} 
 
ul.school-topnav li span.subhover {
 background: url(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("https://cdnsm4-ss6.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(pub-earth-dropmenu-d.png) no-repeat center top; 
} 
 
.invert ul.topnav li span.subhover {
 background: url(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(../../../../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(school-dropdown-d.png) no-repeat center top; 
} 
 
.invert ul.school-topnav li span.subhover {
 background: url(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;
}


/* New Google Translate */
#pub-wrapper #google_translate_element {
    float: right;
}

#pub-wrapper .goog-te-gadget-simple {
    background: transparent;
    border: none;
    padding: 0;
}

#pub-wrapper .goog-te-gadget img {
    display: none;
}

#pub-wrapper .goog-te-gadget-simple .goog-te-menu-value {
    color: #ffffff;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    display: inline-block;
    font-size: 13px;
    margin: 0;
}

#pub-wrapper .goog-te-gadget-simple .goog-te-menu-value:hover {
    background: #4d4d4d;
    color: #fff;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
	text-decoration: none;
}

#pub-wrapper .goog-te-gadget-simple .goog-te-menu-value span {
    display: none;
}

#pub-wrapper .goog-te-gadget-simple .goog-te-menu-value span:nth-child(1) {
    display: block;
}

#pub-wrapper .goog-te-gadget-simple .goog-te-menu-value span:nth-child(1):after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f0dc";
	margin-left: 8px;
}

.responsiveTemplate #pubWrapper.responsive #pubWrapper-btn a:focus {
    border: 2px solid #fff;
}

.responsiveTemplate #pubWrapper.responsive #searchPanel input.SearchTerm:focus {
    border: 2px solid #fff;
}