/**
 * General Styles for uwi_standard theme
 * 
 * University of the West Indies Mona Campus
 * Standard Faculty/Department Theme
 * 
 * @author Mona Information Technology Services (MITS)
 */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Sliding Panel */

#hidden {
  background: #666666;
  padding-top: 25px;
  padding-bottom: 10px;
  display: none;
  float: left;
  width: 100%;
  position: absolute;
  z-index: 100;
  /*min-height:195px;*/;
}

#hidden h4 {
  color: #000000;
  font-size: 16px;
  text-transform: capitalize;
}

#hidden ul {
}

#hidden ul li {
  padding-bottom: 5px;
  margin-left: 0;
  font-size: 12px;
  margin-bottom: 0;
}

#hidden ul li a {
  color: white;
}

#hidden ul li a:hover {
  text-decoration: underline;
}

.navtrigger {
  cursor: pointer;
  float: right;
  margin: 0px 0% 0px 5%;
  position: relative;
  z-index: 9;
}

#slick-down {
  margin-top: 0px;
  height: 40px;
}

#portalslisting #main-links {
  background: #555;
  padding: 25px 0 35px 0;
}

#portalslisting #main-links ul li {
  padding-left: 20px;
  line-height: 25px;
}

#slick-up {
  float: right;
  margin-right: 0px;
  cursor: pointer;
  z-index: 79;
  position: relative;
}

.navtrigger:hover #hidden {
  display: block;
}

#wrap {
  width: 100%;
}

.container {
  margin: 0 auto;
  text-align: left;
}

#header-container {
  z-index: 20;
}

#header {
  margin: 0;
  padding: 0 10px;
  height: 150px;
  position: relative;
  z-index: 20;
}

/* Campus Menu Selector */

#header #selectcampus {
  margin-top: 10px;
}

#selectcampus {
  background: transparent url(../images/bn_selectcampus.png) 77% 5px no-repeat;
}

#campusmenu-mobile {
  display: none;
}

ul#campusmenu {
  font-size: 0.8em;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 20;
  position: relative;
}

ul#campusmenu li {
  display: block;
  position: relative;
  float: left;
  text-transform: uppercase;
  margin-bottom: 0;
}

ul#campusmenu li ul {
  display: none;
  margin-top: 0;
}

ul#campusmenu li a {
  display: block;
  text-decoration: none;
  color: #890000;
  padding: 0px 20px 0 5px;
  white-space: nowrap;
}

ul#campusmenu li a:hover {
  background: none;
  color: #ffffff;
}

ul#campusmenu li ul {
}

ul#campusmenu li ul li {
  background: none;
  padding-bottom: 0;
  margin-left: -1px;
  margin-bottom: 0;
}

ul#campusmenu li ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  padding: 0px 45px 0px 10px;
  white-space: nowrap;
}

ul#campusmenu li a:hover {
  color: #fff;
}

ul#campusmenu li ul li a:hover {
  background: #617F8A;
}

ul#campusmenu li:hover ul {
  display: block;
  position: absolute;
  margin-left: 1px;
}

ul#campusmenu li:hover li {
  float: none;
  font-size: 11px;
}

ul#campusmenu li:hover a {
  background: #B10023;
}

ul#campusmenu li:hover li a:hover {
  background: #95A9B1;
}

ul#campusmenu #special {
  border-top: 1px solid #E1002D;
}


/* Top Links */

#header #toplinks {
  margin-top: 10px;
}

#toplinks ul {
  margin: 0;
}

#toplinks ul li {
  display: inline;
  font-size: 0.8em;
  margin-right: 8px;
}

#toplinks ul li a {
  color: #333;
}

/* Search */
#header #search {
  margin-top: 5px;
  /*float: right;
  margin-right: 130px;*/;
}

#header #search form,
#header #search input {
  margin: 0;
}

#header .form-item-search-block-form input#edit-search-block-form--2,
#header #search #headersearchbox input {
  border: 1px solid #777777;
  font-size: 12px;
  /*padding: 8px 0px 2px 2px;*/
  width: auto;
  color: #666;
}
/* #header #edit-actions input#edit-submit {
    width: auto;
} */

#header #search #headersearchgo input, 
#header #edit-actions input#edit-submit {
  margin-top: 6px;
}

#header-container {
  background: #Ffffff url('../images/bg_masthead.png') top left repeat-x;
}



/* Student Services Nav */
#studentnav {
  font-size: 0.8em;
  text-transform: uppercase;
  background: transparent url(../images/bg_bn_studentnav.png) left top repeat-x;
  padding: 7px 5px 8px 10px;
  margin-left: -15px;
  min-width: 110px;
}

#studentnav a {
  color: #fff;
}

#uwilogo {
  margin-top: 10px;
  background: url('../images/uwi-mona-logo-web.png') no-repeat top left;
  background-size: 410px 88px;
  /*
  margin-bottom:60px;
  margin-right:30px;
  margin-left:-10px;
  */;
}

#uwilogo h1 {
  text-indent: -9999px;
  line-height: 88px;
}

/* Banner */
#banner {
  background: #E0E0E0 url('../images/bg_banner.png') repeat top left;
}

#banner .site-title {
  background: black;
  color: white;
  padding: 8px 10px 10px 10px;
  position: relative;
  font-size: 28px;
}

.front #banner.banner-large,
.not-front #banner.banner-large {
  height: 280px;
}

.front #banner.banner-small,
.not-front #banner.banner-small {
  height: 150px;
}

.front #banner.banner-large .site-title,
.not-front #banner.banner-large .site-title {
  top: 50px;
}

.front #banner.banner-small .site-title,
.not-front #banner.banner-small .site-title {
  top: 30px;
}

#banner .faculty-name {
  background: #AAAAAA;
  width: 100px;
  text-transform: uppercase;
  position: absolute;
  top: -30px;
  right: 50px;
  padding: 10px;
  z-index: 99;
  color: #FFFFFF;
  font-weight: 700;
}

/* Navigation */
#navigation {
  background: #CCCCCC;
}

#navigation ul#main-menu,
#navigation ul.nice-menu {
  width: 100%;
  display: block;
  height: auto;
}

#navigation ul#main-menu {
  margin-bottom: 0;
}

#navigation ul#main-menu li {
  display: inline-block;
  padding: 0;
  margin-bottom: 0;
}

#navigation ul#main-menu li a,
#navigation ul.nice-menu a {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  padding: 15px;
}

#navigation ul#main-menu li a:hover,
#navigation ul#main-menu li a.active {
  background: #C0C0C0;
}

#navigation .menu-link {
  display: none;
}

/* Breadcrumbs */
#breadcrumb {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #F0F0F0;
  margin-bottom: 18px;
}

#getsocial {
  float: right;
}

#getsocial ul {
  float: right;
}

#getsocial li {
  display: inline;
}

#getsocial img {
  position: relative;
  top: 10px;
}

/* Main Wrapper */
#main-wrapper {
  margin-bottom: 20px;
}

/* Node */
#main .node ul,
#main .node ol {
  margin-left: 30px;
  list-style-position: outside;
}

#main .node ul {
  list-style-type: disc;
}

#main .node ol {
  list-style-type: decimal;
}

#main .node li {
  margin: 0.45em 0;
}

#main .node table {
  width: 100%;
  max-width: 100%;
}

#main .node table>thead>tr>th, 
#main .node table>tbody>tr>th, 
#main .node table>tfoot>tr>th, 
#main .node table>thead>tr>td, 
#main .node table>tbody>tr>td, 
#main .node table>tfoot>tr>td {
  padding: 8px;
  line-height: 1.4;
  border:1px solid #ddd;
}

#main .node table>thead>tr>th {
  border-bottom: 2px solid #ddd;
}

/* Content Footer */
#content-footer {
  background: #dbdbdb;
  padding: 20px 0;
  min-height: 200px;
}

#contact-info h2 {
  font-size: 16px;
  margin-bottom: 0;
}

/* UWI Footer */
#footer {
  float: left;
  margin: 0pt auto;
  width: 100%;
  background: transparent url(../images/bg_footer.png) left top repeat-x;
  font-size: 12px;
  line-height: 22px;
}

#footer p {
  color: #dddddd;
  font-size: 12px;
  line-height: 22px;
}

#footer a {
  text-decoration: none;
  color: #ffffff;
  font-size: 12px;
  line-height: 22px;
}

#footer a:hover {
  text-decoration: underline;
}

#footer #footer-top {
  margin-top: 5px;
  margin-bottom: 20px;
}

#footer-top p {
  margin: 0;
  line-height: 45px;
}

#footer #footer-middle {
  margin-bottom: 10px;
}

#footer #footer-middle #copyright {
  text-align: right;
}

#footer #footer-middle #copyright ul {
  margin-top: 20px;
}

#footer #footer-middle #copyright ul li {
  display: inline;
  margin-left: 1px;
}

#footer #footer-middle #colnav1 {
  border-left: 1px solid #444;
  padding-left: 10px;
  padding-bottom: 10px;
}

#footer #footer-middle #colnav2 {
  border-right: 1px solid #444;
  padding-right: 0px;
}

#footer #footer-middle #colnav1 li, 
#footer #footer-middle #colnav2 li {
  line-height: 14px;
  padding-bottom: 5px;
  margin-bottom: 0;
}

#footer-bottom p,
#footer-bottom ul {
  margin: 0;
}

#footer #disclaimer {
  margin-top: 0px;
}

#footer #disclaimer a {
  color: #444;
}

#footer #nations {
  text-align: right;
  float: right;
/*padding:0px 0 20px 0px;*/
  padding: 0;
}

#footer #nations p {
  line-height: 24px;
}

#footer #nations li {
  display: inline;
  padding-left: 3px;
}

/* Misc */
.backToTop {
  height: 20px;
  display: inline-block;
  border-radius: 3px;
  padding: 10px 14px 18px;
  background: #F0F0F0; /* For IE 9 and below */
  background: linear-gradient(#FFF, #F0F0F0) repeat scroll 0% 0% transparent;
  border: 1px solid #CCC;
  bottom: -10px;
  position: fixed;
  right: 0;
  color: #5F5F5F;
}

img {
  max-width: 100%;
}