/* For all browsers */
.clearFix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}
/* Only For Mac */
.clearFix {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearFix { 
	height:1%;
}

.clearFix {
	display: block;
}
/* End hide from IE-mac */

div.centered 
{
	margin: 0 auto;
	padding: 0px;
	text-align: center;
}

div.centered table 
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.column {
	text-align: left;
	float: left;
	clear: right;
	color: #cbebe0;
	font-size: 14px;
	background: #0a1a46; 
	line-height: 16px;
	letter-spacing: 1px;
	padding-left: 15px;
}

.outline {
	/* border: 1px solid #C2C1C1; */
	background: #ffffff;
	padding: 0px;
	margin: 0 auto;
	width: 100%;
}


html, body {
	margin: 0 auto;
	padding: 0px;
}

/* ol taken from ec_css.css */
ol
{
	margin: 0px 0px 0px 40px;
	padding: 0;
}

/*GRADIENT TOP BANNER */

span.tagline {
	color:white;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	letter-spacing: 1px; 
	font-weight: normal;
	font-size: 15px;
	text-align:left;
	height:100%;
	padding-left:20px;
}
/*
.highlight and .code copied from menu_style.css, for backward compatibility
*/
.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

.inputbox {
	padding: 0px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
	font-size: 11px;
	color: #0A1f62;
	margin: 2px 0px 2px 0px;
}

/* globalmenu is the main menu in a sidebar menu system-- style not present in crossbar system */
ul#globalmenu
{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#globalmenu li a:link, ul#globalmenu li a:visited {
	display: block; 
	font-size: 11px;
	font-weight: normal;
	color: #0A1F62;
	letter-spacing: 0.5px;
	padding: 5px 0 8px 0px;
	line-height: 100%;
	text-decoration: none;
}

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

.globalmenu-selected
{
	color: #0a1f62;
	font-weight: bold;
}

ul#globalmenu li {
				padding-left:0px;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: normal;
	color: #006699;
	text-align: left;
}

a.sublevel:hover {
	color: #C43C03;
	text-decoration: none;
}
/*
submenu is indented under an item on the left menu-- same style in crossbar and sidebar systems
*/
ul#submenu
{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#submenu li a:link, ul#submenu li a:visited {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #0A1F62;
	border-bottom: 0px solid #C2C1C1;
	/*
	**************************
	*/
	padding: 5px 0px 5px 0px;
	line-height: 100%;
	width: 85%; 
	text-decoration: none;
}

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

ul#submenu li {
				padding-left:0px;
}

.submenu-selected
{
	color: #0a1f62;
	font-weight: bold;
}

/* CROSSBAR MENU - SUBMENU */
/*
subcrossmenu = the side menu on a crossbar-menu system: the 1st submenu of the main menu-- style not present in sidebar system
*/
/* also dynamic on level_default_style.tpl */
.crossmenu { 
	padding-right: 9px;
}
.crossmenu_band {
	height: 8px;
	padding-right:8px;
}

/* also dynamic on banner_global.tpl */
.txtBanner {
		position:relative;
		width: 152px;
		margin-bottom: -2px;
		padding-bottom: 0px;
}
.txtBannerWrapper {
		bottom:8px;
		position:absolute;
}

/*FONT STYLES*/
.all_caps {
	font-size: 0.9em;
	text-transform: uppercase;
}

/*why is .red overdefined like this?*/
.red {
	color: #ff0000;
	text-align: left;
	font-weight: normal;
	font-size: 1.0em;
}

.border_text {
	border:1px solid #0A1F62;
	padding: 7px;
	margin: 10px 0px 10px 0px;
}

/* copied from menu_style.css, for compatibility */
.invisible {
 	visibility: hidden;
}

ul {
	margin: 0px 0px 0px 15px;
	padding-left: 0px;
 	color: #0a1f62;
	list-style: disc;
}

li {
	margin-left: 0px;
	color: #0a1f62;
}


/*
the next two should be the same so the menu is consistently indented
*/
div.indent
{
	padding-left: 12px;
}

div.submenu_container {
  padding-left:12px;
}

option.imagebackground
{ 
	padding: 0px 0px 0px 15px; 
	background-repeat: no-repeat; 
	background-position: 1px 2px; 
	vertical-align: middle; 
}

.border_top_bottom {
	border-top: 1px solid #0a1f62;
	border-bottom: 1px solid #0a1f62;
}

.border {
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
}


/*from menu-style.css, for compatibility*/
.clr{ clear:both; }

/*from menu-style.css, for compatibility*/
.color1-shade1 {
	color: #0A1f62;
}

/*from menu-style.css, for compatibility*/
#template{
		margin: 0px -3px 0px -3px;
}
/*from menu-style.css, for compatibility*/
li.feed_info
{
	margin-left: 30px;
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	color: #0A1f62;
}

/*from menu-style.css, for compatibility*/
li.feed
{
	margin-left: 30px;
	padding-left: 15px;
	padding-top: 0px;
	color: #000000;
}

/*from menu-style.css, for compatibility*/
.button {
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: none;
  border: 3px double #FFFFFF;
  width: auto;
  background-color: #0A1f62;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

/*from menu-style.css, for compatibility*/
.topbutton {
  float: right;
  color: #0A1f62;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: none;
  letter-spacing: 0.7px;
  border: 1px solid #D2DAE6;
  width: auto;
  background-color: #E0E7EF;
  padding: 1px 10px;
  line-height: 16px !important;
  line-height: 14px;
  height: 14px !important;
  height: 16px;
}
.topbutton a {
  color: #0A1f62;
}

.topbutton a:hover {
  color: #0A1f62;
}

.topbutton a:visited {
  color: #0A1f62;
}

td.sidebar_column {
  border-left: solid thin #cccccc;
	background-color: #ffffff;
}

/* invisible to the eye, but text will be read by screeen reader */
.hidden_readable {
  height:1px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:-500px;
	width:1px;
}

.searchBox {background: url(http://www.utoronto.ca/__shared/templates/images/search_left.gif) no-repeat left top; padding: 0 0 0 25px; height: 25px; margin: 0; display: block; float: left;}
.searchBox span {background: url(http://www.utoronto.ca/__shared/templates/images/search_right.gif) no-repeat right top; height: 25px; width: 124px; display: block;}
.searchBox input {width: 114px; background: none; border: none; font-size: .9em; color: #666666;}
.searchButton {margin-left: 5px; float: left; padding-left: 5px; background: url(http://www.utoronto.ca/__shared/templates/images/searchBtn-left.gif) no-repeat left top;}
.searchButton input {background: url(http://www.utoronto.ca/__shared/templates/images/searchBtn-right.gif) no-repeat right top #002F64; height: 19px; padding: 0 5px 0 0; margin: 0; border: none; color: #FFFFFF; font-size: .9em; font-weight: bold;}
#search {margin-top: 10px; clear: both; float: right;}

/* Home Page Boxes (stolen from the HDAP css file) */ 
div.DKcontainer { background-repeat:no-repeat; margin-top:15px; width: 550px; min-height: 230px; _height: 230px; padding: 10px  0px  0px 0px;}
div.DKmainbox {float:left; width: 175px; height:260px; border-right:1px solid white; background-color:#ffffff;}
div.DKmainbox * {margin:0px; padding:0px;}
div.DKmainbox a {color:#002469; text-decoration:none;}
div.DKmainbox a:hover {text-decoration:underline;}
div.DKmainbox a:visited {color:#002469;}
div.DKmainbox h3 {font-size:14px; width:165px; height: 20px; background-color:#0A1F62;padding:5px; color:white;}
div.DKmainbox h3 a {color:White;}
div.DKmainbox h3 a:visited {color:White;}
div.DKmainbox img {width: 175px; height: 100px;border-width:0px;}
div.DKmainbox ul {width:165px; list-style:none;}
div.DKmainbox li {font-size:10px; width:100%; border-top:1px solid white; padding: 5px;background-color:#e6e8ef; }

.pow {
	//background-image:"http://www.oise.utoronto.ca/preview/cao/UserFiles/Image/red_pow.png";
	background-image:"http://www.clker.com/cliparts/O/S/Y/t/n/h/pow-md.png";
	background-color:green;
	color: red;
}

/*
LEGACY STYLES
*/
.blue{color:#0a1f62;}
.maroon_100{color:#770b15;}
.maroon_80{color:#923c44;}
.maroon_60{color:#ad6d73;}
.maroon_40{color:#c99da1;}
.maroon_20{color:#e4ced0;}
.blue_100{color:#0a1f63;}
.blue_80{color:#385186;}
.blue_60{color:#6a7ca4;}
.blue_40{color:#9ba8c3;}
.blue_20{color:#cdd3e1;}
.grey_100{color:#444444;}
.grey_80{color:#696969;}
.grey_60{color:#8f8f8f;}
.grey_40{color:#b4b4b4;}
.grey_20{color:#dadada;}


.fck_tpl_td_blue{background-color:#0a1f62;}

.fck_tpl_td_maroon_a{background-color:#770b15;}
.fck_tpl_td_maroon_b{background-color:#923c44;}
.fck_tpl_td_maroon_c{background-color:#ad6d73;}
.fck_tpl_td_maroon_d{background-color:#c99da1;}
.fck_tpl_td_maroon_e{background-color:#e4ced0;}
.fck_tpl_td_grey_a{background-color:#444444;}
.fck_tpl_td_grey_b{background-color:#696969;}
.fck_tpl_td_grey_c{background-color:#8f8f8f;}
.fck_tpl_td_grey_d{background-color:#b4b4b4;}
.fck_tpl_td_grey_e{background-color:#dadada;}
.fck_tpl_td_blue_a{background-color:#385186;}
.fck_tpl_td_blue_b{background-color:#385186;}
.fck_tpl_td_blue_c{background-color:#6a7ca4;}
.fck_tpl_td_blue_d{background-color:#9ba8c3;}
.fck_tpl_td_blue_e{background-color:#cdd3e1;}