/* 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 
{
	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: 12px;
	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;
	display:inline-block;
	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: #0a1a46;
	width: 100%; 	
	padding-top: 5px;
  	padding-left: 25px;
     	height: 215px;
    	font-size: 12px;
}

.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;
border-top: 1px solid #CCCCCC;
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: 1px solid #999999; 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
*/
.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;}

.dark_green{color:#435608;}
.light_green{color:#6a9913;}
.blue{color:#0a1f62;}
.orange{color:#ff7800;}
.dark_beige{color:#bea875;}
.light_beige{color:#dfbd80;}
.brown{color:#594a00;}
.dark_teal{color:#00504c;}
.medium_teal{color:#007576;}
.light_teal{color:#caebe0;}
.pale_blue{color:#e6e8ef;}
.pale_teal{color:#cce3e4;}
.pale_orange{color:#ffe4cc;}
.pale_green{color:#dae5c4;}
.pale_brown{color:#e5dcc8;}
.white{color:#ffffff;}
.sky_blue{color:#0066cc;}
.red{color:#ff0000;}
.maroon_a{color:#770b15;}
.maroon_b{color:#923c44;}
.maroon_c{color:#ad6d73;}
.maroon_d{color:#c99da1;}
.maroon_e{color:#e4ced0;}
.grey_a{color:#444444;}
.grey_b{color:#696969;}
.grey_c{color:#8f8f8f;}
.grey_d{color:#b4b4b4;}
.grey_e{color:#dadada;}
.blue_a{color:#0a1f63;}
.blue_b{color:#385186;}
.blue_c{color:#6a7ca4;}
.blue_d{color:#9ba8c3;}
.blue_e{color:#cdd3e1;}

.fck_tpl_td_dark_green{background-color:#435608;}
.fck_tpl_td_light_green{background-color:#6a9913;}
.fck_tpl_td_blue{background-color:#0a1f62;}
.fck_tpl_td_orange{background-color:#ff7800;}
.fck_tpl_td_dark_beige{background-color:#bea875;}
.fck_tpl_td_light_beige{background-color:#dfbd80;}
.fck_tpl_td_brown{background-color:#594a00;}
.fck_tpl_td_dark_teal{background-color:#00504c;}
.fck_tpl_td_medium_teal{background-color:#007576;}
.fck_tpl_td_light_teal{background-color:#caebe0;}
.fck_tpl_td_pale_blue{background-color:#e6e8ef;}
.fck_tpl_td_pale_teal{background-color:#cce3e4;}
.fck_tpl_td_pale_orange{background-color:#ffe4cc;}
.fck_tpl_td_pale_green{background-color:#dae5c4;}
.fck_tpl_td_pale_brown{background-color:#e5dcc8;}
.fck_tpl_td_white{background-color:#ffffff;}
.fck_tpl_td_sky_blue{background-color:#0066cc;}
.fck_tpl_td_red{background-color:#ff0000;}
.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;}

a.nd_blue_button {
        font-family: Roboto, helvetica, arial, sans-serif;
        margin-top: 20px;
        background-color: #1c75bc;
        display:block;
        font-weight: bold;
        line-height: 15px;
        border-radius:4px;
        text-align: center;
        padding: 16px 15px 16px 15px;
        color: #ffffff !important;
        font-weight: bold;
        font-size: 18px;
        text-decoration: none;
}
a.nd_blue_button:hover {
        background: #00aeef;
}


a.nd_clear_button {
        font-family: Roboto, helvetica, arial, sans-serif;
        margin-top: 20px;
        background: none;
        display:block;
        font-weight: bold;
        line-height: 15px;
        border-radius:4px;
        border: 1px solid #00aeef;
        text-align: center;
        padding: 16px 15px 16px 15px;
        color: #1c75bc !important;
        font-weight: bold;
        font-size: 18px;
        text-decoration: none;
}
a.nd_clear_button:hover {
        background: #e3e0d8;
        border-color: #e3e0d8;
}