/*********** START OF 960 ************/

body{min-width:960px}.container_12,.container_16{box-shadow:0 10px 10px #666;margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:14px;line-height:0;width:0;height:0}.clearfix:after,.container_12:after,.container_16:after{clear:both}.clearfix,.container_12,.container_16{zoom:1}

/************ SITE STYLES BEGIN HERE **************/



.container_12,
.container_16,
.container_24 {
  background-color: #fff;
  background-repeat: repeat-y;
  margin-bottom: 20px;
  padding: 10px 0;
}

img {
    border: 0;
}

#ribbon-inner {
    margin: 0 auto;
    padding-left: 20px;
    }

#ribbon-inner ul{
    width: 960px;
    margin: 0 auto;
    }

#sitesofinterest {
    width: 220px;
    }

#footer-logo {
     margin-left: 70px;
     margin-top: 5px;
     }
    
.footer-logos {
     float: right;
     margin-top: 5px;
     margin-right: 5px;
     }
    
div.panel {
    padding: 10px 0px 30px 0px;
    margin:0px auto;
    text-align:left;
    height:130px;
    display:none; 
    width: 960px;
    }
    
div.calendarcontainer {
    width: 220px;
    display: inline;
    float: left; 
    border-left: 1px solid #eee; 
    border-right: 1px solid #eee; 
    padding-left: 20px; 
    margin-left: 10px; 
    margin-right: 20px; 
    padding-right: 20px;
    margin-bottom:13px;
}

#alert-inner {
    color: #fff;
    margin: auto;
    width: 960px;
    text-align: center;
    }
    
/* FORM CONTROLS */

#leftnav li li li {
    font-size: 12px;
    line-height: 17px;
}

#sidebar {
    background: none repeat scroll 0 0 #efefef;
    border: 1px solid #ddd;
    padding: 10px;
    position: relative;
    width: 210px;
}

#searchfield {
    border: 1px solid #fff; 
    padding: 4px; 
    background-color: rgba(255, 255, 255, .6);
    font-size: 130%;
}   

.image-left {
    padding-bottom: 13px;
    background-image: url(http://www.uwo.ca/web_standards/img/bkg/shadowcorner.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    float: left;
    margin-right: 10px;
    position: relative;
}

/* SECONDARY PAGE */

ul.newslist li.news-top {
    border-top: none;
}

/************ FLEXSLIDER *******************/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

ul.slides h3 {margin:0;padding:0;}


/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {display: block; max-height: 300px; max-width:940px;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; border: none; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}


/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */

.flexslider img {
      background-image: url(http://www.uwo.ca/web_standards/img/bkg/shadowcorner.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding-bottom: 13px;
    border:none;
    }

#triple-slider.flexslider .slides img, #secondary-slider.flexslider .slides img  {
    max-width: 205px;
    min-width: 150px;
}

#faculty-slider.flexslider .slides img {
    width:700px;
    height:300px;
}
/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {padding:13px; position: absolute; width:100%; max-width:674px; left: 0; bottom: 0; background: rgba(0,0,0,.6); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 110%; line-height: 18px;}


/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-color: rgba(78, 37, 131, 0.8);
    background-image: url("http://www.uwo.ca/web_standards/img/arrow-r.gif");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 40px 40px 40px 40px;
    display: block;
    height: 80px;
    left: 904px;
    position: absolute;
    top: 130px;
    width: 80px;
    z-index: 10; }
.flex-direction-nav .flex-prev {left: -20px;
    background-color: rgba(78, 37, 131, 0.8);
    background-image: url("http://www.uwo.ca/web_standards/img/arrow-l.gif");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 40px 40px 40px 40px;
    display: block;
    height: 80px;
    left: -38px;
    position: absolute;
    top: 130px;
    width: 80px;
    z-index: 10;
}

#faculty-slider .flex-control-nav {
    padding-left:570px;
    bottom: 25px;
}
    
#triple-slider .flex-direction-nav .flex-next, #secondary-slider .flex-direction-nav .flex-next {background-color: transparent;
    background-image: url("http://www.uwo.ca/web_standards/img/arrow-right.png");
    display: block;
    height: 30px;
    left: 98%;
    position: absolute;
    top: 32%;
    width: 30px;
    z-index: 10; }
#secondary-slider .flex-direction-nav .flex-next {
    left:96%;
}
#triple-slider .flex-direction-nav .flex-prev, #secondary-slider .flex-direction-nav .flex-prev {background-color: transparent;
    background-image: url("http://www.uwo.ca/web_standards/img/arrow-left.png");
    display: block;
    height: 30px;
    left: -4%;
    position: absolute;
    top: 32%;
    width: 30px;
    z-index: 10; }

#secondary-slider .flex-direction-nav .flex-prev {
    left: -11%;
}

#secondary-slider li{
    padding:0;
    margin:0;
}
     
.flexslider:hover .flex-next {opacity: 0.8; filter:alpha(opacity=80);}
.flexslider:hover .flex-prev {opacity: 0.8; filter:alpha(opacity=80);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1; filter:alpha(opacity=100);}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {position: absolute; bottom: 20px; padding-left:800px}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-paging li a {width: 13px; height: 13px; display: block; background: url(http://www.uwo.ca/web_standards/flexslider/theme/bg_control_nav.png); cursor: pointer; text-indent: -9999px;}
.flex-control-paging li a:hover { background-position: 0 -13px;}
.flex-control-paging li a.flex-active { background-position: 0 -26px; cursor: default;}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}

#triple-slider p, #triple-slider h3, #triple-slider h4{
    padding-right: 10%;
}

.slider-container{ width:95%;
    margin:0px auto;
}

/********* SPRY TABS ************/

/* SpryTabbedPanels.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

    .TabbedPanels {
    overflow: hidden;
    margin: 0px 10px;
    padding: 0px;
    clear: none;
    width: 415px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
    float: left;
    margin-bottom: 13px;
}

/************** IE FIXES ***************/

.caption-wrapper {background:#000;}
    
.grey-box {
    background: #eee; /* changed background for IE */
    }
    
#leftnav li {
    display: block; /*added for internet exmplorer */
}

div#header-overlay {
    background: #FFF;
}

/******* IE FLEXSLIDER FIX **********/

.flexslider li img {
    background: none;
    padding-bottom: 13px;
    border:none;
    }

.flex-direction-nav .flex-next {
    background-image: url(http://www.uwo.ca/web_standards/img/btn/slideadvance-right.png);
    background-repeat: no-repeat;
    display: block;
    height: 80px;
    left: 906px;
    position: absolute;
    top: 130px;
    width: 80px;
    z-index: 10;}
.flex-direction-nav .flex-prev {left: -20px;
    background-image: url(http://www.uwo.ca/web_standards/img/btn/slideadvance-left.png);
    background-repeat: no-repeat;
    display: block;
    height: 80px;
    left: -43px;
    position: absolute;
    top: 130px;
    width: 80px;
    z-index: 10;
}


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #a5a5a5; background: #ffffff url(http://www.uwo.ca/web_standards/img/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #015b86; }
.ui-state-default a, .ui-state-default a:link { color: #015b86; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #028feb; background: #4f2683 url(http://www.uwo.ca/web_standards/img/images/ui-bg_flat_0_4f2683_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #028feb; background: #ffffff url(http://www.uwo.ca/web_standards/img/images/ui-bg_glass_20_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #028feb; }
.ui-state-active a, .ui-state-active a:link { color: #028feb; text-decoration: none; }
.ui-widget :active { outline: none; }

/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; padding-bottom: 20px; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
.ui-accordion .ui-accordion-content a {color: #015b86;text-decoration: none;}
.ui-accordion .ui-accordion-content a:hover { color:#029feb;}
/*!
 * jQuery UI Autocomplete 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }   

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/************ FEEDBACK *************/

.feedback{
    position:fixed;
    right:-481px;
    top: 220px;
    display: inline;
    overflow: hidden;
    z-index: 1000;
}

.feedback a.open {
    display: block;
    height:128px;
    width:33px;
    float:left;
    cursor:pointer;
    background-image: url(http://www.uwo.ca/web_standards/img/feedback_btn.gif);
    background-repeat: none;
    margin-top: 15px;
}

.close {
    float:right;
    display:inline-block;
    margin-right:65px;
    cursor: pointer;        
}

.feedback .form{
    clear:both;
    height:250px;
    width: 450px;
    border:1px solid #dcdcdc;
    border-right: none;
    background:#fff;
    display: inline-block;
    padding: 15px;
}
.feedback .form textarea{
    height:115px;
    width:372px;
    padding:5px;
}
.feedback .status{
    font-size:16px;
}

.feedback h2 {
    display:inline-block;
}

.placeholder {
    color: #666666;
}

/********** styles for responsive ********/


.container_12 .ie-initiatives {
    width:210px;
}

#social-links li img {
    padding-bottom: 0;
}

.ie7-break {
    display: block;
}

/** IE7 only **/

.flex-control-nav {bottom:50px;}

/************** IE 7 STYLES *************/

div.panel {
    height:150px; /* this */
    width: 980px; /* this */
    }
    
div.panel li a { 
    padding: 0 20px; /* this */
    }
    
div.ribboninputcontainer {
    margin: 0;
}

div#ribbon {
    background-color: transparent;
    padding: 0;
    border-top: 4px solid #4F2D82;
}

.flip {
    margin-top: 0;
}

.flip:hover {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    -ms-transition: none;
    border: 0px;
}

a.homelink {
    padding: 5px 7px 7px 6px;
}

#ribbon-inner {
    margin-top: -45px;
    float:left;
}

#masthead {
    margin-top:-45px;
}

.formbtn-rbn {
    margin-left: 2px;
    margin-right: 2px;
    padding: 2px 0px;
}

.search_btn {
    margin-left: -40px;
    padding: 0px;
}

.grey-box {
    background: #eee; /* changed background for IE */
    margin-left: 10px; /* this */
    }

#searchfield {
    border: 1px solid #dcdcdc;
    color: #666666;
    font-size: 130%;
    margin-left: 10px;
}

.search {
    padding:0;
    float:right;
    margin-top: -65px;
}

.feedback {
    display: none;
}

.stacked-logo-one {
    margin-top: -55px;
}
.stacked-logo-two {
    margin-top:-60px;
}

.EmergencyUpdate {
float:left;
margin-right: 2%;
width: 40%;
}

.EmergencyDescription {
    float:left;
    margin-right: 2%;
    width: 35%;
}

.EmergencyInfo {
    float:left;
    width: 21%;
}
#ribbon-inner {
    max-width: 100%;
}
.flex-control-nav {
    width: 12%;
}
.flex-control-nav li:first-child {
    margin: 0 5px 0 0;
}