/*
  This overrides any of the default U of G styles
  Additionally, custom styles are included in this file, maybe those should be split out?
*/

/* Override Styles - Start */

/* These were removed from the new Guelph template.css, but we still use them. */
/* These are part of the Guelph homepage.css file */
#feature{background:#45403a url("https://www.uoguelph.ca/registrar/sites/all/themes/custom/registrar/css/img/featurebg.jpg");background-repeat:repeat-x;height:220px;padding:0 10px;}
#feature #rotator{background:#fff;height:220px;}
#feature #rotator img{border:0;display:none;height:220px;left:0;position:absolute;top:0;width:860px;}
/* Homepage - Sidebar */
#tools{display:block;float:right;padding:20px 0 20px;width:270px;}
#tools h2{background:#69c url("https://www.uoguelph.ca/registrar/sites/all/themes/custom/registrar/css/img/cog.png");background-position:0 center;background-repeat:no-repeat;color:#fff;margin:0 30px;padding:0 0 0 20px;}
#tools ul{list-style:none;margin:0 30px 30px;padding:0;}
#tools ul li{}
#tools ul li a{color:#fff;display:block;padding:2px 20px;}
#tools ul li a:hover, #tools ul li a:active, #tools ul li a:focus{background:#369;text-decoration:none;}
#tools a, #tools h2, #tools h2 a {color:#fff;text-shadow:1px 1px 0 #3d7ab7, -1px -1px 0 #3d7ab7, 1px -1px 0 #3d7ab7, -1px 1px 0 #3d7ab7, 1px 1px 0 #3d7ab7;}
#tools a:focus {outline-color:#fff; }
#tools a#ipod{background-image:url("https://www.uoguelph.ca/registrar/sites/all/themes/custom/registrar/css/img/ipod_cast.png");background-position:175px center;background-repeat:no-repeat;}
#tools a#webadvisor{background-image:url("https://www.uoguelph.ca/registrar/sites/all/themes/custom/registrar/css/img/clock.png");background-position:175px center;background-repeat:no-repeat;}
#tools a#webmail{background-image:url("https://www.uoguelph.ca/registrar/sites/all/themes/custom/registrar/css/img/email.png");background-position:175px center;background-repeat:no-repeat;}
#tools a#courselink, #tools a#lib{background-image:url("https://www.uoguelph.ca/registrar/sites/all/themes/custom/registrar/css/img/book.png");background-position:175px center;background-repeat:no-repeat;}
#tools a#distanceeducation{background-image:url("https://www.uoguelph.ca/registrar/sites/all/themes/custom/registrar/css/img/computer.png");background-position:175px center;background-repeat:no-repeat;}
#tools a#map{background-image:url("https://www.uoguelph.ca/registrar/sites/all/themes/custom/registrar/css/img/map.png");background-position:175px center;background-repeat:no-repeat;}
#tools a#acal{background-image:url("https://www.uoguelph.ca/registrar/sites/all/themes/custom/registrar/css/img/book.png");background-position:175px center;background-repeat:no-repeat;}
#tools a#courselink{background-image:url("https://www.uoguelph.ca/registrar/sites/all/themes/custom/registrar/css/img/computer.png");}
#tools #betterplanet { margin:0 0 0 40px; }
#tools #podcast,#tools #weather{color:#fff;background:#69c;display:block;line-height:1.2;margin:20px 30px;width:200px;}
#tools #podcast h2{background:url("https://www.uoguelph.ca/registrar/sites/all/themes/custom/registrar/css/img/ipod_cast.png");background-position:0 center;background-repeat:no-repeat;margin:0 0 5px;}
#tools #podcast h2 a{text-decoration:none;}
#tools #podcast #player{margin-top:5px;}
#tools #social {margin:0 0 0 30px;}
#tools #social a {margin:0 20px 0 0;}
#tools #social img {border:0; }
#tools #weather h2{background:url("https://www.uoguelph.ca/registrar/sites/all/themes/custom/registrar/css/img/weather.png");background-position:0 center;background-repeat:no-repeat;margin:0 0 5px;}
#tools #weather iframe {border:none;margin:0;width:150px;height:50px;}
#tools #youtube {border:none;}

#tools ul li {color:#fff;text-shadow:1px 1px 0 #3d7ab7, -1px -1px 0 #3d7ab7, 1px -1px 0 #3d7ab7, -1px 1px 0 #3d7ab7, 1px 1px 0 #3d7ab7;}

/* 2017 Branding */
#global #logo{
	background:url("https://www.uoguelph.ca/registrar/sites/all/themes/custom/registrar/css/img/universityofguelph.png");
	color:#fff;
	display:block;
	float:left;
	height:150px;
	width:150px;
} /* Top of Logo */

#local .container{
  background: none;
} /* Bottom of Logo */

#global form {
  background-size: 220px auto;
  width: 220px !important;
}

#global #searchtext {
  width: 180px;
}

/* Departmental branding */
#header #global h1 {
  display:block;
  top: 22px;
  left: 170px;
}
/* End 2017 Branding */

#header #global h1 a {
  color: #fff;
  text-decoration: none;
}

#header #global h1 a:hover {
  color: #ffcc33;
  text-decoration: none;
}

#header #global h1 span {
  display: block;
}

#header #global h1 span.office {
  font-size: 9pt;
  line-height: 9pt;
  letter-spacing: 0.02em;
  padding-left: 2px;
}

#header #global h1 span.department {
  letter-spacing: 0.01em;
  font-size: 22pt;
  line-height: 26pt;
}

/* Fix weird orange graphic overhang bug */
#local ul{overflow: hidden;}

/* Visually Remove white line from body background image */
body#homepage #main .container,
#main {
  background-position: 0px -1px !important;
}

/*
 * Sidebar fixes
 * Add styling for subnav class in addition to default id
 */
#sidebar #subnav,
#sidebar .subnav {
  padding: 0;
}
#sidebar #subnav h3, #sidebar #subnav h2,
#sidebar .subnav h3, #sidebar .subnav h2 {
  background: #333;
  color: #fff;
  display: block;
  font-size: 16px;
  margin: 0;
  padding: 0 40px;
  text-transform: uppercase;
}
#sidebar #subnav ul,
#sidebar .subnav ul {
  list-style: none;
  margin: 0 0 30px;
  padding:0;
}
#sidebar #subnav ul li,
#sidebar .subnav ul li {

}
#sidebar #subnav ul li a,
#sidebar .subnav ul li a {
  background: #fff;
  color: #555;
  display: block;
  padding: 2px 40px;
  text-decoration: none;
  border: 1px solid #ccc;
  border-width: 0 0 1px;
}
#sidebar #subnav ul li a:hover,
#sidebar .subnav ul li a:hover {
  background: #555;
  color: #fff;
  text-decoration: none;
}
#sidebar #subnav ul li a:focus,
#sidebar .subnav ul li a:focus {
  background: #555;
  color: #fff;
  text-decoration: none;
}
#sidebar #subnav h3,
#sidebar .subnav h3 {
  padding: 2px 20px;
  font-size: 14px;
}
#sidebar #subnav ul li a,
#sidebar .subnav ul li a {
  padding-left: 20px;
  padding-right: 20px;
}
/* Potential solution for hiding the images in the subnav menu */
#sidebar #subnav ul li span,
#sidebar .subnav ul li span {
  display: none;
}

#tools h2#announce {
  background: none;
  margin-top: 30px;
  margin-bottom: 10px;
  padding: 0;
}

#tools ul li {
  list-style-type: square;
  color: #fff;
  padding: 0 0 10px 0;
}

#tools ul li a {
  padding: 0;
}

#tools img {
  display: inline;
  height: auto;
  margin: auto;
  margin-left: 40px;
  margin-right: 40px;
  width: auto;
}

/* Orange bar fixes */
#local ul {
}

#local ul li {
  width: 110px;
  margin-top: 2px;
}

#local ul li a {
  margin-left: 5px;
  margin-right: 5px;
  width: 90px;
  padding: 5px 5px;
}

/* Fix giant title wrapping */
#main #content h1 {
  font-size: 28px;
}

/* vCard styling */

#content div.contacts {
  margin-left: 15px;
  margin-right: 15px;
}

#content div.contacts h2 {
  clear: both;
  border-bottom: 1px solid #555;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 15px;
  margin-bottom: 5px;
}

#content div.vcard {
  float: left;
  width: 258px;
  height: 100px;
  overflow: auto;
  margin-left: 4px !important;
  margin-right: 4px !important;
}

#content div.vcard2 {
  float: none;
  margin-left: 50px !important;
  margin-right: 50px !important;
}

#sidebar .vcard {
  background: #f3f2ee !important;
  border: 2px solid #e8e5de !important;
  padding: 5px !important;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#sidebar div.vcard {
  width: 190px;
  height: 100px;
  overflow: auto;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 10px;
}

#content div.vcard span.fn,
#content div.vcard div.fn,
#sidebar div.vcard div.fn {
  font-size: 11pt;
  font-weight: bold;
}

#content div.vcard div.title,
#sidebar div.vcard div.title {
  line-height: 1em;
  padding: 2px 0;
}

/* Override Styles - End */

/* Custom Styles - Start */

#content table {
  border-collapse: collapse;
  display: table;
}

#content table th {
  vertical-align: bottom;
  padding: 2px 5px;
}

#content table td {
  vertical-align: top;
  padding: 2px 5px;
}

#feature h1 {
  font-size: 60px;
  height: 90px;
  color: #fff;
  font-weight: bold;
  padding-left: 10px;
  top: 130px;
  left: 0px;
  position: absolute;
  z-index: 10;
  background-color: #000;       /* the background color for the opacity */
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  opacity: 0.6;
    width: 850px;
}

#feature h1 span {
  color: #fff;
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  opacity: 1.0;
}

#feature img {
  top: 0px;
  left: 0px;
  position: absolute;
}

#feature-1 h1 {
  font-size: 60px;
  height: 90px;
  color: #fff;
  font-weight: bold;
  padding-left: 10px;
  top: 130px;
  left: 0px;
  position: absolute;
  z-index: 10;
  background-color: #000;       /* the background color for the opacity */
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  opacity: 0.6;
    width: 850px;
}

#feature-1 h1 span {
  color: #fff;
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  opacity: 1.0;
}

#feature-1 img {
  top: 0px;
  left: 0px;
  position: absolute;
}


/* Get rid of image borders */
a img {
  border: 0;
}

/* Make footer stick together if page content is dynamically resized */

#misc {
  position: relative;
}

#misc .container {
  position: relative;
}

/* Fix margins on lists */

#content ul,
#content ol {
  margin: 0 50px 20px 70px;
}

/* Table styles */

#content table caption.bottom {
  caption-side: bottom;
  text-align: left;
  font-size: 10pt;
}

#content table.borders {
  border-collapse: collapse;
  font-size: 8pt;
  margin-top: 0;
  margin-bottom: 25px;
}

#content table.borders th {
  border: 1px solid #ccc;
  background-color: #ddd;
  text-align: left;
}

#content table.borders td {
  border: 1px solid #ccc;
}

#content table.borders tr {
  background-color: #f7f7f7;
}

/* Form Styles */

#content form {
  margin-top: 20px;
  margin-bottom: 20px;
}

#content form fieldset {
  border: 1px solid #990000;
  margin-top: 5px;
  padding: 10px;
}

#content form legend {
  color: #990000;
  font-weight: bold;
  font-size: 1.1em;
}

#content form label {
  font-size: 10pt;
}

#content form div.field {
  margin-top: 5px;
  margin-bottom: 5px;
}

#content form div.field label {
  display: block;
}

#content form select option {
  padding: 0px 3px;
}

/* Advert banners */

#sidebar div.advert {
  margin-left: 40px;
  margin-right: 40px;
  padding: 0;
}

#sidebar div.advert a {
  display: block;
  margin-bottom: 13px;
}

#sidebar div.advert a img {
  display: block;
}

/* Multi-level padding */
#content table div,
#content table p,
#content table h3,
#content table h4,
#content form p
{
    margin-left: 0;
    margin-right: 0;
}
#content table ul
{
    margin-left: 10px;
    margin-right: 5px;
}

/* AODA Statement */

#aodafooter {
  padding: 20px 0 0 0;
  color: #ccc;
}

#aodafooter a {
  color: #ccc;
}

/* Hide descriptive link or title text */
#content a span.hidden,
#content h1 span.hidden,
#content h2 span.hidden,
#content h3 span.hidden,
#content h4 span.hidden,
#content h5 span.hidden,
#content h6 span.hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Custom Styles - End */