/* 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 */

body {
  margin-top: 1px;
}

div.centered 
{
	text-align: center;
}

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

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


html, body {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0A1f62;
/*	Causing scrolling problem in SAFARI browser, display problem in fckeditor on IE Windows
	position: relative;
	z-index: 0;
*/
}

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

/*GRADIENT TOP BANNER */

table.top_banner_table {
  /*background: url(/cms/images/style/cms_gradient.jpg) no-repeat right;*/
}

/*line of links at top of page: Home | OISE | U of T | Site Map */
td.linkBanner {
 	width: 100%; 
	padding-right: 10px;
	/*background: url(/cms/images/style/cms_gradient.jpg) no-repeat top right;*/
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0A1F62;
	letter-spacing: 1px; 
	text-align:right;
}

td.linkBanner a:link, td.linkBanner a:visited
{
	/*
	padding-top: 3px;
	*/
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0A1F62;
	margin-right: 5px;
	text-decoration: none;
}

td.linkBanner a:hover
{
	font-weight: normal;
	color: #0A1F62;
	text-decoration: underline;
}

td.linkBannerBottom
{ 
 	width: 100%; 
	padding: 0px 10px 0px 0px;
	/*background: url(/cms/images/style/cms_gradient.jpg) no-repeat right;*/
	height:38px;
	background-color: #0a1f62;
}


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;
}

/* CROSSBAR MENU STYLE*/
/*
mainlevel-nav is the crossbar menu--- style not present on sidebar menu system
*/
ul#mainlevel-nav
{
	list-style: none;
	padding: 0px 0px 0px 1px;
	margin: 0;
	font-size: 0.8em;
} 

ul#mainlevel-nav li
{
	display: block;
	background-image: none;
	padding-left: 2px;
	padding-right: 0px;
	float: left;
	margin: 0;
	width: auto !important;
				/* width: 15%;*/
	font-size: 11px;
	letter-spacing: 0.5px;
	line-height: 20px;
	white-space: nowrap;
	/*border-left: 1px solid #cccccc;*/
}

/*
COLOUR OF THESE LINKS IS DYNAMICALLY DETERMINED, DEPENDING ON COLOUR OF THEIR BACKGROUND, ON content_global.tpl
*/
ul#mainlevel-nav li a
{
	/*width: 100%;*/
	display: block;
	padding-left: 8px;
	padding-right: 14px;
	text-decoration: none;
	letter-spacing: 0.5px;
	background: transparent;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

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

.mainlevel-nav-selected
{
	font-weight: bold;
}

/* 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;
/*	border-bottom: 1px solid #C2C1C1; text-transform: uppercase; */
	
	letter-spacing: 0.5px;
	padding: 5px 0 8px 0px;
/*	margin-bottom: 3px;*/
	/*commented these out to make long menu names wrap properly; will there be side effects? height: 14.5px !important; */
	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
*/
ul.subcrossmenu
{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.subcrossmenu li {
				padding: 0;
	margin: 0;
}

ul.subcrossmenu li a:link, ul.subcrossmenu li a:visited {
	display: block; 
	font-size: 11px;
	font-weight: normal;
	color: #0A1F62;
	text-transform: none;
	/*
	*************************** OK at 3 left padding
	*/
	padding: 3px 0 8px 0px;
	/*commented these out to make long menu names wrap properly; will there be side effects? height: 14.5px !important; */
	line-height: 100%;
	text-decoration: none;
}

ul.subcrossmenu li a:hover {
	text-decoration: underline;
}

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

.menu_title {
	font-weight: bold;
	color: #007576;
}

/* 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;
}

.leftmenu_cell {
padding-left:10px;
}

/*
.txtSubTitleBanner {
								margin-left:1px;
}
*/

/*FONT STYLES*/
/* had Arial Narrow, text-transform: uppercase; */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #0A1F62;
	text-align: left;
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: 1px;
	/*
	this should not be, but can't easily be removed for legacy reasons (will mess up many existing pages)
	*/	
	margin-bottom: -11px;

}
/* had Arial Narrow, text-transform: uppercase;*/
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #0A1F62;
	text-align: left;
	font-size: 1.2em;
}


/* had text-transform: capitalize; */
h3 {
	color: #0A1F62;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	
}

/* had Arial Narrow, text-transform: uppercase;*/
h3.pms321 {
	color: #00504c;
	font-size: 1.3em;
}

/* replaced this with a duplicate of h2.subtitle, above, for sites transitioning to the new layouts
h3.pms321 {
				color: #007576;
				text-align: left;
				font-size: 1.2em;
				font-weight: bold;
				text-transform: capitalize;
}
*/



/*
HOPEFULLY GONE FOREVER
h3.pms323 {
				color: #00504c;
				text-align: left;
				font-size: 1.2em;
				font-weight: bold;
				text-transform: capitalize;
}

h3.pms377 {
				color: #6a9913;
				text-align: left;
				font-size: 1.2em;
				font-weight: bold;
				text-transform: capitalize;
}

h3.pms378 {
				color: #435608;
				text-align: left;
				font-size: 1.2em;
				font-weight: bold;
				text-transform: capitalize;
}

h3.pms455 {
				color: #594a00;
				text-align: left;
				font-size: 1.2em;
				font-weight: bold;
				text-transform: capitalize;
}
*/

/* had text-transform: capitalize;*/
h4 {
	color: #0a1f62;
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
}

.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 (and edited) from menu_style.css, for compatibility -- purpose undetermined
same as border-text, but with an orange border (???)
*/
.border_text_lessons {
	border:1px solid #ff7800;
	padding: 7px;
	margin: 10px 0px 10px 0px;
}

/* copied from menu_style.css, for compatibility -- purpose undetermined */
ul.text  {
	margin: 0px 0px 0px 35px;
}

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

/* copied from menu_style.css, for compatibility -- purpose undetermined */
.title_new
{
	color: #0A1f62;
	text-align: left;
	padding-left: 1px;
	font-weight: bold;
	font-size: 13px;
	border-bottom: 1px solid #0A1f62;
	letter-spacing: 1px;
}

/* copied from menu_style.css, for compatibility -- usage not found */
ul.upper_roman {
	list-style-type: upper-roman;
	padding-left: 20px;
}

/* copied from menu_style.css, for compatibility -- usage not found */
.radio {
	padding: 5px 0px 5px 15px;
}

/* copied from menu_style.css, for compatibility -- usage not found */
.radio_button {
	padding: 1px 0px 1px 15px;
}

/*FOOTER*/
div#footer {
	background-color: #0a1f62;
	width: 100%; height: 30px;
	font-weight: normal;
}

.bottom_menu_left {
	float:left;
	width: 100%;
	/*background-color: green;*/
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	/* color: #FFFFFF; */
	letter-spacing: 1px;
	border-top: 1px solid #D0D4BB;
	margin-top: 0px;
	padding-top: 12px;
	margin-bottom: 25px;
	clear: both;
}

.bottom_menu_right {
	float: right;
	/*background-color: red;*/
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FFFFFF;
	padding: 8px 10px 5px 0px;
}

.bottom_menu_right a:link, .bottom_menu_right a:visited  {
	color: #FFFFFF;
	text-decoration: none;
}


.bottom_menu_right a:hover  {
	text-decoration: underline;
}

table.moduletable {
	margin-bottom: 10px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	border: none;
}

table.moduletable th {
	font-weight: normal;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	text-align: left;
	padding-top: 8px;
	padding-left: 10px;
	/*height: 21px;*/
}

/*
.indent {
				padding-left: 0px;
				background-image:url(../images/structural/arrow.gif);
	background-repeat: no-repeat;
	background-position: 15px 3px; 
}
*/
ul {
	margin: 0px 0px 0px 15px;
	padding-left: 0px;
 	color: #0a1f62;
	list-style: disc;
}

li {
	line-height: 15px;
	margin-left: 0px;
	padding-left: 2px;
	padding-top: 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;
}
/* had Arial Narrow,*/
.sans_serif_one {
  font-family: Arial, Helvetica, sans-serif;
}

.sans_serif_two {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.serif_one {
  font-family: Garamond, Times, Times New Roman, serif;
	font-size:1.2em;
}

a:link 
{ 
	color: #0066cc;
	text-decoration: none;
}

a:visited 
{ 
	color: #0066cc;
	text-decoration: none;
}

a:hover 
{ 
	color: #0066cc;
	text-decoration: underline;
}

td.box-color1-shade1 {
  color: #ffffff;
  text-align: center;
  background-color: #0A1f62;
	font-size:12px;
	font-weight: bold;
	padding: 7px;
}

td.main{
    font-size: 11px;
    font-weight: normal;
		padding: 0px 5px 0px 5px;
}

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

hr {
border: 0;
color: #CCCCCC;
background-color: #CCCCCC;
height: 1px;
width: 100%;
text-align: left;
}

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;}