/** #pubWrapper **/

#pubWrapper {
background: #007278;
font-family: Arial, Helvetica, sans-serif;
position: relative;
z-index: 3001;
color: #FFF;
}

#pubWrapper .container {
max-width: 1200px;
margin: 0 auto;
}

#pubWrapper ul.pubList,
#pubWrapper ul ul {
padding: 0;
margin: 0;
list-style: none;
}

#pubWrapper ul.pubList > li {
font-size: 13px;	
border-left: 1px solid rgba(255, 255, 255, 0.5);
display: inline-block;
list-style: none;
position: relative;
letter-spacing: .03em;
vertical-align: top;
}

#pubWrapper ul.pubList > li#searchPanel { border-right: 1px solid rgba(255, 255, 255, 0.5); }

#pubWrapper ul.pubList .pubDropdown-btn,
#pubWrapper ul.pubList li .user_link,
#pubWrapper ul.pubList li .admin_menu {
height: 35px;
line-height: 35px;	
padding: 0 12px;
cursor: pointer;
display: block;
color: #FFF;
text-transform: uppercase;
overflow: hidden;
}

#pubWrapper ul.pubList .pubDropdown-btn:hover, #pubWrapper ul.pubList .pubDropdown-btn:focus,
#pubWrapper ul.pubList .active .pubDropdown-btn,
#pubWrapper ul.pubList li .user_link:hover, #pubWrapper ul.pubList li .user_link:focus,
#pubWrapper ul.pubList li .admin_menu:hover, #pubWrapper ul.pubList li .admin_menu:focus {
background: #638E3D;
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;
}

#pubWrapper #sm-top { 
border-left: none;
padding: 0; }

#pubWrapper #sm-top li {
list-style: none;
cursor: pointer;
display: inline-block;
vertical-align: middle;
color: #ffffff;
}

#pubWrapper #sm-top li a {
text-align: center;
display: block; }

#pubWrapper #sm-top li .fa {
color: #ffffff;
margin: 5px 3px;
font-size: 24px;
line-height: 25px;
width: 40px;
}

#pubWrapper #sm-top li a:hover,
#pubWrapper #sm-top li a:focus {
background: #638E3D;
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;
}

.responsiveTemplate #pubWrapper.responsive ul.pubList > li#sm-top { float: none; }

#userPanel, #loginPanel, #searchPanel { padding: 0 !important; }
#loginPanel:hover, #userPanel:hover, #searchPanel:hover { background: none !important; }

#pubWrapper ul.pubList li .user_link,
#pubWrapper ul.pubList li .admin_menu {
text-decoration: none;
}

#pubWrapper ul.pubList li .fa.fa-caret-down { 
font-size: 18px; 
margin-left: 7px; }

#pubLinks .fa {
font-size: 20px;
position: relative;
top: 3px;
}

.pubDropdown-wrapper .PublishedLinkMenu,
.pubDropdown-wrapper .pubDropdown {
display: none;	
position: absolute;
left: 0;
top: 35px;
background: #ffffff;
list-style: none;
-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.7);
box-shadow: 0px 5px 10px rgba(0,0,0,0.7);
z-index: 999;
}

#pubWrapper .pubDropdown-wrapper .PublishedLinkMenu li,
#pubWrapper .pubDropdown-wrapper .pubDropdown li { list-style: none; margin: 0; }

#pubWrapper .pubDropdown-wrapper .PublishedLinkMenu a.admin_menu,
#pubWrapper .pubDropdown-wrapper .pubDropdown a {
font-size: 13px;
display: block;
padding: 10px 15px;
text-decoration: none;
background: #FFF;
color: #000;
border-bottom: solid 1px #F2F2F2;
min-width: 200px;
transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
height: auto;
line-height: 1.2;
}

#pubWrapper .pubDropdown-wrapper .PublishedLinkMenu a.admin_menu:hover, #pubWrapper .pubDropdown-wrapper .PublishedLinkMenu a.admin_menu:focus,
#pubWrapper .pubDropdown-wrapper .pubDropdown a:hover, #pubWrapper .pubDropdown-wrapper .pubDropdown a:focus {
background: #638E3D;
color: #FFF;
text-decoration: none;
}

#pubWrapper .fr ul.pubList > li { }

#pubWrapper li#search { position: relative; }

#search-button {
color: #FFF;
border-right: 1px solid rgba(255, 255, 255, 0.5);
padding: 5px 12px;
font-size: 24px;
line-height: 24px; 
text-align: center;
display: inline-block;
float: right;
z-index: 9;
cursor: pointer;
background: #007278; 
width: 50px;}

#search-button:hover, #search-button:focus { background: #638E3D; }


#searchPanel {
display: none;
padding: 0;
position: absolute;
right: 48px; 
width: 220px; }

#searchContainer, #searchPanel { 
position: relative;
background: #026267;
-webkit-animation: slideInRight 100ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-moz-animation: slideInRight 100ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
animation: slideInRight 100ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }

#searchPanel input.SearchTerm {
background: #026267;
border: none;
height: 35px;
line-height: 35px;
padding: 0px 10px 0px 10px;
width: 173px;
color: #ffffff;
letter-spacing: 0.04em;
font-size: 14px;
font-weight: 300;
outline: none;
border-left: 1px solid rgba(255, 255, 255, 0.5); 
position: absolute;
right: 0;
}
#searchPanel input.SearchTerm:hover,
#searchPanel input.SearchTerm:focus { color: #fff; }

#searchPanel input.SearchTerm::placeholder {
color: #ffffff; }

.divSearchBox { padding: 0px; }

#searchPanel a {
background: #04585d;
color: #ffffff;
font-size: 16px;
position: absolute;
padding: 9px 13px;
top: 0;
right: 0;
transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
overflow: hidden;
width: 42px;
height: 35px;
box-sizing: border-box; }

#searchPanel a span {
position: absolute;
left: -900px;
}

#searchPanel a img { display: none; }

#searchPanel a:hover { text-decoration: none; }


#pubWrapper #pubWrapper-btn { display: none; }

.standardTemplate #pubWrapper.responsive > .container { display: block !important; }


.responsiveTemplate #pubWrapper.responsive #pubWrapper-btn { 
display: block;
background: #007278;
width: 100%;
text-align: center;
color: #FFF;
font-size: 13px;
cursor: pointer; 
padding: 10px 0;
border-top: 1px solid rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.4);
box-shadow: 0px 3px 5px rgba(0,0,0,0.4);
}
.responsiveTemplate #pubWrapper.responsive #pubWrapper-btn:hover,
.responsiveTemplate #pubWrapper.responsive.active #pubWrapper-btn {
color: #FFF;
background: rgba(0, 0, 0, 0.2);}

.responsiveTemplate #pubWrapper.responsive #pubWrapper-btn .fa {}

.responsiveTemplate #pubWrapper.responsive > .container { display: none; }

.responsiveTemplate #pubWrapper.responsive .pubList {
width: 100%;
float: none; }

.responsiveTemplate #pubWrapper.responsive ul.pubList > li { border: none; }

.responsiveTemplate #pubWrapper.responsive #selectSchool,
.responsiveTemplate #pubWrapper.responsive #selectLang {
width: 30%; }

.responsiveTemplate #pubWrapper.responsive #pubLinks {
float: right; }

.responsiveTemplate #pubWrapper.responsive #pubLinks.pubDropdown-wrapper .PublishedLinkMenu {
left: auto;
right: 0; }

.responsiveTemplate #pubWrapper.responsive #searchPanel,
.responsiveTemplate #pubWrapper.responsive #loginPanel,
.responsiveTemplate #pubWrapper.responsive #userPanel {
float: none;
}

.responsiveTemplate #pubWrapper.responsive #searchPanel {
width: 100%; 
position: relative; }

.responsiveTemplate #pubWrapper.responsive #searchPanel input.SearchTerm {
width: 300px; 
border: none; }

.responsiveTemplate #pubWrapper.responsive.active #pubWrapper-btn .fa-cog:before { content:"\f077"; }

.responsiveTemplate #pubWrapper.responsive li#userPanel { display: none !important; }

/* New Google Translate */
#pubWrapper .goog-te-gadget-simple {
background: transparent;
border: none;
padding: 0;
}

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

#pubWrapper .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;
}

#pubWrapper .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;
}

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

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

#pubWrapper .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; }


@media screen and (max-width: 1000px) {
    #pubWrapper ul.pubList { border-top: solid 1px rgba(255, 255, 255, 0.5); }
    #pubWrapper li#userPanel, #pubWrapper li#pubLinks { display: none; }
}

@media screen and (max-width: 815px) {

    #pubWrapper ul.pubList { width: 100%; }

    #pubWrapper ul.pubList > li { 
        border-left: none; 
        border-right: 1px solid rgba(255, 255, 255, 0.5); }

    #pubWrapper li#search {
        position: relative;
        width: 70%; }

    #pubWrapper #sm-top { 
        float: left; 
        width: 30%; }

    #search-button { display: none; }
    #searchPanel {
        display: block !important;
        width: 100%;
        right: 0; }
    
    #searchPanel input.SearchTerm { 
        border-left: none;
        width: 100%; 
        position: relative; }

}

@media screen and (max-width: 460px) {

    .responsiveTemplate #pubWrapper.responsive #searchPanel input.SearchTerm { max-width: 150px; }

    #pubWrapper li#search, #pubWrapper #sm-top {
        border-bottom: solid 1px rgba(255, 255, 255, 0.5);
        position: relative;
        width: 100%; }

}

@media screen and (max-width: 400px) {
    #pubWrapper li#selectSchool {
        width: 100%;
        border-top: solid 1px rgba(255, 255, 255, 0.5); }    
}