/*------------ULIFE DESIGN SUMMER 2012----------------
Tessa Thornton tessa.thornton@mail.utoronto.ca 

TABLE OF CONTENTS
Element Styles
General & Shared Styles
Header
Main Navigation
Admin Navigation
Banner
Content
Breadcrumbs
Filter Box
Sidebar
Home Page Listings
Listing Tables
Details Pages
Forms
Footer
Dashboard
Overrides (twitter, )
Media Queries

*/

/*------------------------------------*\
    $ELEMENT STYLES
\*------------------------------------*/

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
cite, pre, a, abbr, acronym, address, code, del, dfn, em, img, ins, small, 
strong, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, caption, legend, table, tbody, tfoot, thead, 
tr, th, td, embed, audio, video {
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-size: 100%;
	font: inherit; 
	vertical-align: baseline;
}
table {
	border-collapse: collapse;
	border-spacing: 0; 
}
table td {vertical-align: top;}
html {font-size: 87.5%; }
body { font-family: Arial, Helvetica, sans-serif; }
p, blockquote, table {
	margin-bottom: 19px;
	font-size: 1em;
	line-height: 1.4;
}
ul, ol, dl {
	margin-bottom: 12px;
	font-size:1em;
	line-height: 1.4;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	line-height: 1.4;
}
h1 {
	font-size: 28px;
	font-weight: bold;
	color: #002a5c;
}
h2 {
	font-size: 21px; 
	color: #444;
}
h3 {
	font-size: 21px; 
	color: #444; 
}
h4 {
	font-size: 16px; 
	font-family: Arial, Helvetica, sans-serif;
	color: #555; 
}
a {color: #222222; }
em {font-style: normal; }
small {font-size: 80%; }
hr {
	margin-bottom: 10px;
	border: 1px solid #888;
	border-bottom: none; 
}

/*------------------------------------*\
    $GENERAL/SHARED
\*------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {display: inline-block; }
 
html[xmlns] .clearfix {display: block; }
* html .clearfix {height: 1%;}
/* Hide elements accessibly */
.aHide a{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}



.aHide a:focus{
	position: inherit;
	width:auto;
	height:auto;
}

/* Used for Jquery toggleClass */
.jShow {
	display: block; 
	left: 0;
}
.container {
	width: 90%; 
	/*max-width: 1140px;*/
	max-width: 1440px;
	min-width: 1280px;
	margin: 0 auto;
}
 #utLogo img{
	width: 216px;
 }
.logo-text
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #626262;
   /* position: absolute;
	top: 35px;*/
    position: relative;
	top: -9px;
	padding-left: 6px;

}
#utLogo a
{
	text-decoration: none;
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    /* padding-left: 15px; */
    /* padding-right: 15px; */
}
.replace {
	display: block;
	text-indent: -999px;
}
.halfCol {
	float: left; 
	width: 48%; 
	margin-right: 4%;
}
.thirdCol {
	float: left; 
	width: 31%; 
	margin-right: 3%;
}
.twoThirdCol {
	float: left; 
	width: 66%;
}
.lastCol {margin-right: 0;}
.block {display: block; }
.important {color: #002a5c;}


/* $BUTTONS
------------------------------------*/

.btn, 
.btn a {
	padding: 6px 10px;
	background: #626262;
	border: none; 
	text-decoration: none; 
	color: #fff; 
	cursor:pointer;
}
.btn:hover,
.btn a:hover {background: #777777; }
.btnPrimary, 
.btnPrimary a {
	color: #000;
	background: #b5b634; 
}
.btnPrimary:hover, 
.btnPrimary a:hover {background: #d4d56a;}
.btnSecondary, 
.btnSecondary a {background: #002a5c; }
.btnSecondary:hover,
.btnSecondary a:hover {background: #0049a0; }
.btnAlt,
.btnAlt a {background:#1154A8;}
.btnAlt:hover,
.btnAlt a:hover {background-color: #1773e6;}
.btnBlock {
	display: block;
	float: left; 
	clear: both; 
	margin-bottom: 8px;
}
.soloElem {
	overflow: hidden; 
	clear: both;
	margin-bottom: 10px;
}
.soloElem .btn {
	display: block;
	float: left; 
}
.tabs {
	overflow: hidden; 
	margin-top: 10px;
}
.tabs .btn {
	display: block;
	float: left; 
	margin-right: 10px;
}

/* $LISTS
------------------------------------*/

.linkList {list-style: none; }

.linkList li {margin-bottom: 10px; }
a.listLink, 
.listLink a {
	display: block;
	padding-bottom: 4px;
	font-weight: bold; 
	text-decoration: none; 
	color: #002a5c;
}
ul.nav {
	overflow: hidden;
	list-style: none;
}
ul.nav > li {float: left;}

/*-----------------------------------------*\
    $HEADER
\*-----------------------------------------*/

#header {
	/*position: relative; 
	overflow: hidden;
	margin-top: 10px;
	padding-bottom: 7px; 
	border-bottom: 7px solid #b5b634; */
}
#id  {
	clear:both;
	float: left; 
	/*width: 73%; */
	    width: 100%;
	position:absolute;
	top:0px;
	background-color: #000000b8;

}
#id #utLogo, 
#id #ulifeLogo, 
#id p {margin-bottom: 0; }
#utLogo{float: left; }
#utLogo a {height: 90px; }
#utLogo img, 
#ulifeLogo img {max-width: 100%;}
#ulifeLogo {
	float: left; 
	margin-right: 10px;
}
div#utLogo {
	padding-bottom:10px;
	padding-top:10px;
}
#ulifeLogo a {height: 90px; }
#id p {
	float: left; 
	padding-top: 55px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 24px;
	/*color: #002a5c; */
	color:#ffffff;
}
#tools {
	float: right; 
	width: 27%; 
	padding-top: 45px;
	text-align: right; 
}
#siteTools {
    float: right;
    clear: right;
    overflow: hidden;
}
#search {
   /* float: left;
	padding: 22px 5px 23px 5px;
	background:  #707070;;
	margin-left: 2px;
	display:none;*/
	float: left;
    padding: 23px 6px 23px 5px;
    background: #707070;
    margin-left: 2px;
    display: none;
   /* margin-top: 41px;
    margin-left: -10px;
	margin-right: -20px;*/
	margin-top: 41px;
    margin-left: -297px;
    margin-right: -15px;
	width: 376px;
}
#fontsize {
    float: right;
    padding-top: 10px;
}
#footSearchBox {display: none; }
.jumpLinks {display: none; }
.headerLinks {
/*	position: absolute; 
	top: 15px; 
	right: 0; */
	float: right; 
	text-align: right; 
}
.headerLinks li {
	padding-left: 15px;
	font-size: 12px;
}
.headerLinks a {
	text-decoration: none; 
	color: #555; 
}
.mainSearchBox {
	padding: 7px 10px;
	border: 1px solid #dddddd;
	background: #f2f2f2;
}

.login{
	margin-right: 60px;
	width: 253px;
}
#searchform {
    position: absolute;
    bottom: 0;
    right: 115px;
    text-align: right;
}
input#searchBox {
    padding: 3px 10px 2px 28px;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    color: #444444;
    background: url("../images/search.png") no-repeat scroll 7px 6px #E5E5E5;
    -webkit-border-radius: 4px 4px 4px 4px;
       -moz-border-radius: 4px 4px 4px 4px;
    		border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) inset;
       -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) inset;
    		box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) inset;
}
#searchBox {
    width: 285px;
	height: 20px;
    margin-left: 16px;
    -webkit-transition-duration: 400ms;
       -moz-transition-duration: 400ms;
    	 -o-transition-duration: 400ms;
    -webkit-transition-property: width, background;
       -moz-transition-property: width, background;
    	 -o-transition-property: width, background;
    -webkit-transition-timing-function: ease;
       -moz-transition-timing-function: ease;
    	 -o-transition-timing-function: ease;
}
#searchBox:focus {
    /*width: 140px;*/
    background-color: #F9F9F9;
}
#searchform label, #searchsubmit {display: none; }
#searchform input[type="text"] {
    padding: 4px 0 2px 28px;
    color: #111111;
} 
#fontsize a {
    position: relative;
    float: left;
    display: block;
    margin: 0 0 0 6px;
    padding: 3px 7px;
    font-family: "Times New Roman",Times,Serif;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    color: #FFFFFF;
    background: none repeat scroll 0 0 #134080;
    -webkit-border-radius: 3px 3px 3px 3px;
       -moz-border-radius: 3px 3px 3px 3px;
    		border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
    		box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
#fontsize .smallFont {font-size: 13px; }
#fontsize .defaultFont {font-size: 16px; }
#fontsize .largeFont {font-size: 19px; }
#fontsize a:hover, #fontsize a.active {
    background: none repeat scroll 0 0 #0080BF;
    -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
       -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
/*-----------------------------------------*\
    MAIN $NAVIGATION
\*-----------------------------------------*/

#toggleMenu {display: none; }
ul#mainNav {
	overflow: visible;
	margin: 0 0;
	color: #fff; 
	/*border-bottom: 7px solid #b5b634;*/
	padding-left: 10px;
	padding-right: 0px;
	float:right;
}
#mainNav ul {list-style: none; }
.topLvlItem {
	position: relative;
	/*z-index: 200; /* IE7 fix*/
}
#lower-line
{
	border: 7px solid #b5b634;
}
.topLvlItem {
	display: block;
	    /* z-index: 90; */
	/*padding: 6px 20px 6px 10px;*/
	padding: 6px 15px 6px 15px;
	font-size: 18px;
	margin-left:2px;
	height:60px;
}

.default-blue
{
	background: #002a5c; 
}

.orange
{
	background: #B34B2E;
}

.green
{
	background: #148372;
}

.indigo
{
	background: #4A586B;
}

.purple
{
	background: #502B54;
}

.sky-blue
{
	background: #007690;
}

.dark-green
{
	background: #537924;
}

.light-pink
{
	background: #B94254;
}
.topLvlItem a{
	color: #fff;
	text-decoration: none;  
	position: relative;

}

.topLvlItem > a{
	position: relative;
    top: 25px;
}

.subLvlNav {
	position: absolute; 
	left: -9999px; 
	z-index: 100;
	top: 100%; 
	width: 16em;
}
.parent.hover .subLvlNav {left: 0; }
.subLvlNav a {
	display: block;
	padding: 5px 10px;
	border-bottom: 1px solid #8d8d8d;
	background: #707070; 
	color : #ffffff;
}
.subLvlNav a:hover {background: #585858; }
.subLvlItem {
	position: relative;
	*position: static;
}
.subParent.hover .btmLvlNav {left: 100%; }
.btmLvlNav {
	position: absolute; 
	left: -9999px;
	top: 0;
	width: 16em;
}
.btmLvlNav a {
	border-bottom: 1px solid #9c9c9c;
	color: #222; 
	background: #cccccc;
}
.btmLvlNav a:hover {background: #dfdfdf; }

/* $ADMIN NAV
-------------------------------------------*/
.adminNav a {
	display: block; 
	padding: 6px 10px; 
	border-bottom: 1px solid #98992c; 
	font-size: 16px; 
	text-decoration: none; 
	background: #b5b634; 
}


/*-----------------------------------------*\
    $BANNER
\*-----------------------------------------*/

div#banner {
	overflow: hidden; 
	z-index: 50;
	/*margin-bottom:20px;*/
	position:relative;
	border-top: 10px solid  #b5b634;
	box-shadow: 0px 5px 9px 0px #9E9E9E;
	width: 100%;
	height: 350px;
	
}

div.banner-img{
	width: 100%;
	float: left;
}
img.banner-img{
	position: absolute;
    left: -374px;
}
.bannerLink {
	float: left; 
	/*position: relative; */
	z-index: 50;
	/*width: 33.3%;*/
	    width: 30.3%;
	background-color: #000000b8;
	padding:5px;
	margin-right: 10px;
	padding-bottom:15px;
}
.bannerLink img {
	display :block; 
	width: 100%;
}

.bannerLink a {
	text-decoration:none;
}
.bannerText {
	/*position: absolute; 
	bottom: 15px; 
	left: 10px;*/
}

#links
{
	position:absolute;
	bottom:20px;
	left:25px;
	width:100%;
}
.bannerTitle {
	margin-bottom: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 22px;
	line-height:1;
	color: #fff;
}
.bannerTitle em {
	display: block;
	font-size: 36px;
	font-style: normal;
}
#youTubeArea {
	display:none;
	margin-bottom: 1em;
}

/*-----------------------------------------*\
    $CONTENT
\*-----------------------------------------*/

#content ul, #content ol{
	padding-left: 25px;
}

#content {
	overflow: hidden; 
	margin-top: 20px;
}
#sidebar {
	float: left; 
	width: 22%; 
	margin-right: 3%;
}
#main {
	overflow: hidden; 
	float: right; 
	width: 75%; 
}

/*-----------------------------------------*\
    $BREADCRUMBS
\*-----------------------------------------*/

.breadCrumbs a {
	color: #5e5e5e; 
	text-decoration: none; 
}


/*-----------------------------------------*\
    $FILTER BOX
\*-----------------------------------------*/

.filter.widgetContent {
	padding: 10px 10px;
	background: #eaeaea;
}
.filterTitle {
	margin-bottom: 0; 
	padding: 4px 10px;
	font-size: 18px;
	color: #fff;
	background: #002a5c; 
}

.icon
{	
	vertical-align: middle;
}
 .mainIcon
 {
	font-size:8px;
 }
/*.subIcon
{
	float:right;
	margin-top: 5px;
    font-size: 12px;
}*/

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 4px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.subIcon{
	float:right;
    margin-top: 9px;
    font-size: 12px;

    width: 0;
    height: 0;
    margin-left: 4px;
    vertical-align: middle;
    border-left: 4px dashed;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

#pictureArea {
    clear: both;
}
/*-----------------------------------------*\
    $SIDEBAR
\*-----------------------------------------*/
/* marin aug 2012 modified css for adminWidgetContent */
.widget,.adminWidgetContent {margin-bottom:20px; }
.widgetContent {
	overflow: hidden;
	padding: 10px 10px 0px 10px;
	border: 1px solid #d8d8d8;
	background: #eaeaea;  
}
.widgetTitle {
	margin-bottom: 0; 
	padding:  5px 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 20px;
	color: #fff;
	background: #002a5c;
}
#sidebar .widgetTitle {background-color: #1154A8; }
.adminWidgetTitle {
	padding: 6px 10px;
	font-size: 16px;
	color:#fff; 
	background: #626262; 
}
#navSiteContent a, 
#navGroupServices a, 
#navGroupResources a {
	border-color: #b0b133;
	background: #cdce3b;
}
.sidebarLink {
	display: block;
	margin-bottom: 15px;
	margin-bottom: 5px;
	padding-left: 2px;
	/*float: right;*/
}

 .banner-container
 {
	margin-top: 30px;
 }

/*-----------------------------------------*\
    $HOME PAGE LISTINGS
\*-----------------------------------------*/

.listingHeader {
	overflow: hidden; 
	padding-bottom: 4px; 
	border-bottom: 2px solid #b5b634;
}
.listingTitle {
	float: left; 
	margin-bottom: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 24px;
	color: #002a5c; 
}
.listingButtons {
	float: right; 
	margin-top: 0;
	margin-bottom: 0;
	text-align: right; 
}
.listingButtons .btn {
	margin-right: 0; 
	margin-left: 10px; 
}
.listing {margin: 10px 0 20px 0;}
.listing a {color: #222;}
.listing em {
	display: block; 
	padding-bottom: 7px; 
}
.event {overflow: hidden; }
.event a {text-decoration: none; }
.event em {text-decoration: underline; }
.eventDate {
	display: block; 
	float: left; 
	min-width: 95px;
	margin-right:3px;
	padding: 2px 0;
	text-decoration: none; 
	font-weight: bold; 
	color: #002a5c;
}
.paginate {float: right; }
.paginate a {
	display: inline-block; 
	margin-right: 5px; 
	padding: 4px 6px; 
	text-decoration: none; 
	font-weight: bold; 
	background: #EAEAEA; 
}

.search
{
	z-index: 90;
}

/*-----------------------------------------*\
    $LISTING TABLES
\*-----------------------------------------*/

.innerListing {
	margin-top: 20px;
	list-style: none; 
}
.innerListing li {
	padding-bottom: 7px;
	margin-bottom: 7px; 
	border-bottom: 1px solid #e3e3e3;
	color: #222; 
}
.innerListing a {
	display: block; 
	padding-bottom: 5px; 
	font-weight: bold; 
	text-decoration: none; 
	color: #002a5c;
}
.listingNav {
	overflow: hidden;
	margin-bottom: 20px; 
}
.rowCount {float: left;}
.manageTable {
	width: 100%;
	margin-top: 20px;
}
.sortLink-a, .sortLink-d {
	position: absolute;
	left: -9999px;
}
.sort-d {
	padding-right: 20px;
	background: url("../images/downArrow.gif") no-repeat right;
}
.sort-a{
	padding-right: 20px;
	background: url("../images/upArrow.gif") no-repeat right;
}

.opTable .left {width: 50%; }
.paginate .current {background-color: #b5b634; }
.manageTable th {
	margin-bottom: 5px; 
	padding-bottom: 5px;
	border-bottom: 3px solid #b5b634; 
	text-align: left; 
	font-weight: bold;
	font-size: 16px;
}
.manageTable th[scope="row"] {
	margin: 0; 
	padding: 0; 
	border-bottom: 1px solid #CFCDCD;
	font-size: 14px;
}
.manageTable th a {text-decoration: none; }
.manageTable td {
	padding: 8px 8px 8px 0;
	border-bottom: 1px solid #cfcdcd; 
}
.manageTable td a {
	text-decoration: none; 
	color: #002a5c; 
}
.browseContent {
	overflow: hidden;
	margin-top: 20px; 
}
.browseContent ul {list-style: none; }

/*-----------------------------------------*\
    $DETAILS PAGES
\*-----------------------------------------*/

.details {
	float: left; 
	width: 65%; 
	margin-right: 5%;
}
.aside {
	float: left; 
	width: 30%; 
}
.aside h2 {
	margin-bottom: 10px; 
	padding-bottom: 5px; 
	border-bottom: 3px solid #b5b634; 
	font-size: 20px;
}
.aside .important {
	font-size: 14px;
	font-weight: bold; 
}
.infoDl dt {
	padding-bottom: 3px;
	font-weight: bold; 
	color: #222;
}
.infoDl dd {
	margin-bottom: 9px;
	color: #5e5e5e;
}
.dateTable {width: 100%; }
.dateTable td {
	padding: 2px 0;
	border-bottom: 1px solid #cfcdcd; 
	font-weight: bold; 
}
.detailsList dd {margin-bottom: 3px; }
.detailsList dt {
	margin-top: 7px;
	padding-top: 7px; 
	border-top: 1px solid #cfcdcd; 
}
.detailsList dt:first-child {
	margin-top: 0; 
	padding-top: none; 
	border-top: none; 
}
.detailHeading {
	padding-bottom: 4px;
	border-bottom: 3px solid #b5b634; 
}
.groupInfo {clear: both; }

/*-----------------------------------------*\
    $FORMS
\*-----------------------------------------*/

.sectionTitle {
	margin-bottom: 10px; 
	padding-bottom: 5px;
	padding-top: 10px;
	border-bottom: 3px solid #b5b634; 
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #222;
}
legend.sectionTitle {
	display: block;
	width: 100%;
}
.quiz {padding-left: 2em; }
.quiz li {margin-bottom: 1.5em; }
.quizAnswers {padding-top: 5px; }
.wrongAnswer, 
.rightAnswer {
	display: none; 
	margin-top: 5px;
	padding: 6px 10px;
}
.wrongAnswer {
	border: 1px solid #db5f62;
	background: #fdd5d6;
}
.rightAnswer {
	border: 1px solid #57a170;
	background: #ccefd8;
}
.blockLabel {
	display: block; 
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 14px;
	color: #444;
}
.field input, 
.field textarea, 
.field select {margin-bottom: 15px;}
.hint {
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1.4;
	color: #666;
}
.reqLabel {color: #8b2001;}
.constrained {width: 70%;}
.formNav {padding-top: 15px;}
.field {
	overflow: hidden; 
	padding: 8px;
}
.longInput input, 
.longInput textarea {width: 66%;}
.halfInput {
	float: left; 
	width: 36%; 
}
.halfInput input[type="text"] {width: 90%; }
.thirdInput {
	float: left;
	width: 33%;
}
.thirdInput input, 
.thirdInput textarea {width: 90%; }
.twoThirdInput {
	float: left; 
	width: 65%;
}
.twoThirdInput input {
	width: 40%;
	margin-right: 10px;
}
.longForm li:nth-child(even) {background: #f2f2f2; }
#errorBox {
	background: #fdd5d6;
	padding: 6px 10px;
	border: 1px solid #db5f62;
}

.errorBox {
	background: #fdd5d6;
	padding: 6px 10px;
	border: 1px solid #db5f62;
}
.errorBox:before {
	content: "✘";
}

.successBox {
	background: lightgreen;
	padding: 6px 10px;
	border: 1px solid green;
}
.successBox:before {
	content: "✔";
}

.btn-faq
{
	font-size:25px;
}
.sf_admin_multiple, 
.sf_admin_multiple-selected {width: 200px; }
.miniForm p {
	margin-bottom: 11px;
	font-size: 90%;
	font-style: italic;
}
.miniForm label {
	display: block; 
	margin-bottom: 5px;
}
.miniForm input[type="text"], 
.miniForm input[type="password"]  {
	width: 95%;
	margin-bottom: 8px;
	padding: 5px;
	border: 1px solid #d8d8d8; 
}
.miniForm input[type="submit"] {
	padding: 6px 10px;
	border: none; 
	background: #b5b634;
}
.calendar, 
.calendar table {border: none!important;}
.doubleListButtons {
	float: left;
	padding: 20px 10px 0 10px;
}

/*-----------------------------------------*\
    $FOOTER
\*-----------------------------------------*/
#footer {
	margin-top: 20px; 
	padding-top: 15px;
	border-top: 7px solid #626262; 
	text-align: center;
	font-size: 12px;
	clear:both;
}
#footer p {margin-bottom: 10px; }
#footer .nav li {
	float: none;
	display: inline;
	padding-right: 15px;
}

/*-----------------------------------------*\
    $DASHBOARD
\*-----------------------------------------*/

.dashBoard {margin-top: 15px; }
.countLink {
	position: relative;
	display: block;
	margin-bottom: 20px;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #626262;
	background-color: #e5e5e5;
}
.dashCount {
	display: inline-block;
	margin-right:5px;
	padding: 6px;
	font-weight: bold;
	font-size: 18px;
	color: #222;
	background-color: #b5b634;
}
.dashArrow {
	position: absolute;
	right: 10px;
	top: 17px;
}
.checklist {list-style: none;}


/*-----------------------------------------*\
    $OVERRIDES
\*-----------------------------------------*/

.widget .twtr-timeline, .widget .twtr-doc {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0; 
			border-radius: 0; 
}
.widget .twtr-bd {padding: 0; }
.twtr-tweets {border: 1px solid #D8D8D8; }

/*-----------------------------------------*\
    $MEDIA QUERIES
\*-----------------------------------------*/

@media only screen and (max-width: 1500px) {
	.topLvlItem a {
		font-size: 14px;
		font-weight: bold;
	}
}

@media only screen and (max-width: 1050px) {
	ul#mainNav {
		float:left;
	}
}

@media only screen and (max-width: 1200px) {
	/* Adjust font sizes in banner and slogan*/
	#id p {font-size: 18px;}
	.bannerText {
		background: rgba(0,0,0,0.5);
		padding: 5px;
	}
}

@media only screen and (max-width: 1040px) {
	/* Adjust widths of header elements */
	#id {width: 40%; }
	#utLogo {width: 60%;}
	#ulifeLogo {width: 30%;}	
	#tools {width: 60%;}	
	#id p {
		float: none; 
		clear: both; 
		padding-top: 0; 
	}
.widgetBanner img {width: 100%; }
	#ulifeLogo {width: 19%;}
	#utLogo {width: 33%;}
}

@media only screen and (max-width: 960px) {	
	.bannerText {
		position: static; 
		padding: 0 5px 0 0;
		background: none; 
	}
	.lastBanner {padding: 0; }
	.bannerLink a {text-decoration: none; }
	.bannerTitle {display: none; }
	.bannerText .btn {
		display: block;
		min-height: 2.5em;
		font-weight: bold; 
		color: #002a5c;
		background: #eaeaea; 
	}
}

@media only screen and (max-width: 800px) {
	.topLvlItem a {font-size: 16px;}
	/* Stack inner columns */
	.details, 
	.aside, 
	.thirdCol, 
	.halfCol {
		float: none; 
		width: 100%; 
	}
	.widgetContent {padding: 10px;}
	/* Stack input elements*/
	.halfInput, 
	.thirdInput, 
	.twoThirdInput, 
	.twoThirdInput input  {
		float: none;
		width: 90%;
	}	
	.longInput input, 
	.longInput textarea { width: 90%;}
	.connectedDel {
		display: inline-block; 
		margin-bottom: 10px; 
	}
}

@media only screen and (max-width: 720px) {
	/* Stack main columns */
	#sidebar, #main{
		float: none; 
		width: 100%; 
	}
	#sidebar {margin-top: 20px; }
	#header {margin-top: 0; border-bottom:0;}
	#id {
		float: none; 
		width: 70%; 
	}
	/* hide regular header links, show jump links to login and search*/
	.headerLinks {display: none; }
	.jumpLinks {
		display: block;
		clear: both;
		padding-top: 14px;
	}
	/*Show search bar in footer */
	#footSearchBox {
		display: block; 
		clear: both; 
		padding-top: 20px;
	}
	/* Hide search bar and slogan in header */
	#tools, 
	#id p {display: none; }
	#banner {margin-top: 10px; }
	.bannerTitle em {font-size: 20px; }
	/* Stack main navigation items */
	#mainNav li {float: none; padding-right:10px;}
	.topLvlItem {border-bottom: 1px solid #002149;}
	.topLvlItem .subLvlNav, 
	.subLvlItem .btmLvlNav {
		display: none;
		position: static;
		left: 0;
		width: 100%;
		margin-bottom: 0;
	}
	.topLvlItem.hover .subLvlNav, 
	.subLvlItem.hover .btmLvlNav {display: block;   }
	.subLvlNav
	{
		margin-top: 36px;
	}
	.subLvlNav li {border: none; }
	.subLvlNav a {border-bottom: 1px solid #808080;    z-index: 1;}
	#toggleMenu {
		display: block; 
		margin-top: 10px; 
		font-weight: bold; 
		font-size: 18px;
	}
	#mainNav {margin: 0; 
		float:none;
	}
	#content {margin-top: 10px;}
	.topLvlItem a {

		/*z-index: 1;*/

	}
	.topLvlItem>a {
		margin-left:10px;
	}
	ul#mainNav {
		float:none;
		clear:both;
		padding-left: 0px;
	}

	ul.nav > li
	{
		float:none;
		clear:both;
	}
	#search
	{
		display:none;
	}
	#searchtoggle
	{
		display:none;
	}

	.topLvlItem
	{
		padding:0px;
	}

	.search
	{
		display:none;
	}
}

@media only screen and (max-width:  540px) {
	#header{
		border-bottom:0;
	}
	#banner1 {
		float: none; 
		width: 100%; 
	}
	#banner2, 
	#banner3 {display: none; }
	#id {width: 100%;}
	.eventDate {
		float: none; 
		margin-bottom: 5px;
	}
	.listingTitle, 
	.listingButtons {
		float: none; 
		padding-bottom: 5px;
	}
	.listingButtons .btn {
		margin-right: 10px; 
		margin-left: 0;
	}
	.bannerLink {
		float: none; 
		width: 100%; 
	}
	.bannerLink img{
		display:none;
	}
	.bannerText {padding: 0; }
	.bannerLink .btn {
		min-height: 1em;
		margin-bottom: .6em;
		padding: 5px;
	}
}

@media only screen and (max-width: 481px) {
	.jumpLinks .btn {
		display: block;
		float: none;
		width: 100%;
		margin-bottom: 1px;
	}
}

@media only screen and (max-width: 1100px){
	.sidebarLink {
		display: block;
		float:none;
		clear:left;
		margin-top:5px;
	}
}
/* Marin Rusi Campus Administrator Module July 2012 Bug # 4 */
#campusAdmin{
	margin-bottom:10px;
	width:200px;
}
#adminEmail{
	margin-bottom:10px;
	width:600px;
}
.validationError {
	background-color: red;
	color: white;
}
.rolesCheckDiv {
	clear:both;
}
.rolesCheck {
	clear:both;
	float: left;
	margin-right: 10px;
}
.contractCheckbox {
	float: left;
}
.contractLabel {
	float: left;
	padding-left: 8px;
	width: 95%;
}
.indent20 {
	padding-left: 20px;
}
td.right {
	text-align: right;
}

div.maintenance_notice {
	background-color: #d00;
	color: #fff;
	width: 100%;
	padding: .5em;
}
div.maintenance_notice_title {
	font-weight: bold;
}