﻿HTML, TABLE {font-size: 100%; } /* IE fix */

body 
{
	margin: 0px;
	padding: 0px;
	min-width: 800px;
	max-width: 1145px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
}

h1
{
	font-size: 150%;
}

.h1a
{
    font-size: 140%;
    font-weight: normal;
    color: #404958;
}

h2
{
	padding-top: 5px;
	font-size: 130%;
	color: #018591;
}

h3
{
	font-size: 120%;
	padding-top: 0px;
}

h4
{
	font-size: 100%;
	color: #018591;
	margin-bottom: -10px;
}

h5
{
	font-size: 100%;
}

h6
{
    font-size: 85%;
    text-transform: uppercase;
    color: #018591;
}

fieldset
{
    border: 1px solid gray;
}

fieldset input, fieldset select
{
	margin-left: 5px;
}

legend 
{
	color: #018591;
}

blockquote
{
    background-color: #EFEFEF;
    padding: 5px;
    margin-right: 325px;
    padding-left: 0px;
    padding-right: 15px;
}

.blockquoteMaxWidth
{
	background-color: #EFEFEF;
    padding: 5px;
    margin-right: 0px;
}

tt 
{
    font-size: 100%;
}

a:link 
{
    color: #018591;
}

a:visited, 
a:hover, 
a:active 
{
    color: #414858;
}

acronym
{
	border-bottom: none;
}

dd
{
    margin-left: 0px;
    padding-bottom: 15px;
}

dt
{   
    font-weight: bold;
    padding-bottom: 5px;
}

.pic
{
    padding: 3px;
    margin: 2px;
    border: 1px solid #CDCFCC;
    float: right;
}

.picLeft
{
    padding: 3px;
    margin: 2px;
    border: 1px solid #CDCFCC;
    float: left;
}

.piccaption
{
	float: right;
	font-size: 80%;
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #018591;
}

.right
{
	float: right;
}

.left
{
	float: left;
}

TABLE.defaultTable 
{
    margin-top: 20px;
    font-size: 90%;
    margin-bottom: 20px;
    background-color: #9d9da1;
}

TABLE.defaultTable TD 
{
    padding: 3px;
    background-color: #FFF;
}

TABLE.defaultTable TD input.btn 
{
    font-size: 100%;
}

TABLE.defaultTable TH 
{
    background-color: #018591;
    color: #FFF;
    padding: 3px;
    font-weight: bold;
}

TABLE.defaultTable TH A:link,
TABLE.defaultTable TH A:visited,
TABLE.defaultTable TH A:hover,
TABLE.defaultTable TH A:active 
{
    color: #FFF;
}

code 
{
    font-size: 130%;
}

select, 
input, 
textarea 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
}

hr 
{
    width: 60%;
    color: #B7C9CB;
    background-color: #B7C9CB;
    height: 1px;
    border: 0;
    margin-left: 0;
    text-align: left;
}

ul, dl 
{
    list-style-type: square;
}

.smalltext 
{
    font-size: 80%;
}

.eventsDiv img
{
    float: left;
    padding: 3px;
    margin: 2px;
    border: 1px solid #CDCFCC;
}

.contentPlaceHolderSpan img 
{
    margin: 5px;
}

.contentPlaceHolderSpan li
{
    padding-bottom: 4px;
}

.contentPlaceHolderSpan li li
{
	padding-top: 4px;
	list-style-type: circle;
}

.contentPlaceHolderSpan
{
    padding-bottom: 20px;
}

#container 
{
	background-color: #FFF;
}

#logo 
{
	height: 65px;
	border-bottom: 1px solid #FFF;
}

#header 
{
	height: 131px;
	border-bottom: 1px solid #FFF;
}

#leftimage 
{
	width: 239px;
	height: 131px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	float: left;
}

#topbar 
{
	background-color: #b7c9cb;
	height: 65px;
	border-bottom: 1px solid #FFF;
	z-index: -100;
	white-space: nowrap;
}

#topbar span 
{
	position: absolute;
	left: 216px;
	top: 73px;
	color: #FFF;
	font-size: 27pt;
	font-weight: 700;
	letter-spacing:-0.05em;
}

#smallstrip 
{
	background: transparent url(/images/topdivtrans.gif) no-repeat top left;
	width: 162px;
	height: 131px;
	float: right;
	border-bottom: 1px solid #FFF;
}

#smallstrip input 
{
	width: 127px;
	margin-top: 8px;
	margin-left: 2px;
	border: 1px solid #C0C0C0;
	height: 18px;
	font-size: 75%;
	margin-right: 30px;
}

#smallstrip .mglass 
{
 	height: 30px;
	width: 27px;
	border: 0px;
	position: relative;
	left: 128px;
	top: -33px;
	z-index: 1;
}

.nomargin 
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.topmenu 
{
	padding: 0px;
	border: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-top: -35px;
	font-size: 0.75em;
	font-weight: bold;
	color: #FFF;
	line-height: 1.5em;
}

.topmenu li 
{
	list-style-type: none;
	margin-left: 98px;
}

.topmenu a:link,
.topmenu a:visited
{
    color: #FFF;
    text-decoration: none;
}

.topmenu a:hover,
.topmenu a:active
{
    color: #b7c9cb;
    text-decoration: none;
}

#breadcrumb a:link, 
#breadcrumb a:visited,
#breadcrumb a:hover, 
#breadcrumb a:active
{
    color: #414858;
    text-decoration: none;
}

#breadcrumb a:hover
{
    text-decoration: underline;
}

/* Horizontal Navigation START */

.navigation 
{
	background-color: #018591;
	border-top: 1px solid #414858;
	color: #FFF;
	padding-bottom: 2px;
	border-bottom: 2px solid white;
}

#footer .navigation 
{
	border: 0px;
	border-top: 2px solid white;
}

.menu 
{
	text-align: right;
	margin: 0px;
	padding-right: 5px;
	font-size: 95%;
	white-space: nowrap;
}

.menu li 
{
	display: inline;
	list-style-type: none;
	border-left: 1px solid #FFF;
	padding-right: 10px;
	padding-left: 8px;
	padding-bottom: 2px;
	margin-right: -5px;
}

#footer .menu li 
{
	padding-bottom: 3px;
}

.menu a:link,
.menu a:visited
{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.menu a:hover,
.menu a:active 
{
	color: #b7c9cb;
	text-decoration: none;
}

.menuon 
{
	background-color: #B7C9CB;
	border-bottom: 3px solid #B7C9CB;
}

#footer .menuon 
{
	border-bottom: 0px;
	border-top: 3px solid #B7C9CB;
}

.menuon a:link,
.menuon a:visited,
.menuon a:hover,
.menuon a:active 
{
	color: #414858;
}

/* Horizontal Navigation END */

#footertext 
{
	font-size: 70%;
	text-align: right;
	color: #8f928e;
	padding: 2px;
	padding-top: 4px;
}

#breadcrumb 
{
	background-color: #b7c9cb;
	padding-top: 2px;
	color: #414858;
	text-align: right;
	padding-right: 5px;
	font-size: 80%;
	padding-bottom: 3px;
	padding-left: 250px;
}

#bottombar 
{
	background-color: #B7C9CB;
	height: 7px;
}

.blacklinebottom 
{
	width: 100%;
	border-top: 1px solid black;
	position: relative;
	bottom: 0px;
}

/* Left Menu START */

#lmbox 
{
	float: left;
	padding-top: 0px;
	position: relative;
	margin-top: -21px;
	border-top: 21px solid #FFF;
}

#leftmenuone 
{
	width: 237px;
	float: left;
	clear: left;
	background-color: #FFF;
}

.leftmenu 
{
	list-style-type: none;
	list-style-image: url('/images/spacer.gif');
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

.leftmenu li a:link, 
.leftmenu a:visited 
{
	text-decoration: none;
	display: block;
	width: 228px;
	padding: 4px 0px;
	background-color: #FFF;
	color: #565960;
	font-size: 90%;
	font-weight: bold;
	padding-left: 10px;
}

.leftmenu li 
{
	border-bottom: 1px solid #018591;
	border-right: 1px solid #FFF;
}

.leftmenu li a:hover 
{
	background-color: #B7C9CB;
	color: #565960;
}

/* Left Menu END */

/* Style for bodies START */
img.personoverlay, 
.frontrunner, 
.wheelchair
{
	position: absolute;
	bottom: 5px;
	z-index: 1;
	vertical-align: bottom;
}

img.personoverlay
{
    margin-left: -180px;
}

.frontrunner
{
    margin-left: -200px;
}

.wheelchair
{
    margin-left: -230px;
}

/* Style for bodies END */

#rightinnertext 
{
	position: absolute;
	left: 260px;
	right: 10px;
	min-height: 570px;
	height: auto !important;
	height: 570px;
	font-size: 80%;
	min-width: 525px;
	max-width: 885px;
	padding-bottom: 110px;
	color: #414858;
}

#footer 
{
    position: absolute;
    bottom: 5px;
    left: 0px;
    right: 0px;
    font-size: 125%;
    margin-left: -300px;
}

/****** HOME PAGE SPECIFIC STUFF ******/

/* THREE COL LAYOUT CSS */

/* For fluid grids */

/* to preserve source-order independence for Gecko */
.essex-b { position: relative; }
.essex-b { position: static; } /* for IE < 7 */

#essex-main .essex-b 
{
	position: static;
}

#essex-main 
{
	background-color: #FFF;
	width: 100%;
}

#essex-main .essex-b 
{
	float: none;
	width: auto;
}

.essex-gb .essex-u 
{
	background-color: #FFF;
	float: left;
	margin-left: 1%;
	margin-left: 0.895%;
	width: 32.3%;
}

.essex-gb div.first 
{
	background-color: #FFF;
	margin-left: 0px;
}

.essex-gb div.second 
{
	background-color: #FFF;
}

.essex-gb div.third 
{
	background-color: #FFF;
	margin-right: 0px;
	float: right;
}

div.third p 
{
	font-size: 80%;
	margin-top: 0;
}

#bd:after, .essex-gb:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#bd, .essex-gb 
{
	zoom: 1; /* Triggers hasLayout in IE */
}

/* HOME PAGE ELEMENTS */

#keyback 
{
	background-image: url('/images/keylinksback.gif');
	background-repeat: repeat-x;
	margin-top: 8px;
}

#keylinksdiv 
{
	background-image: url('/images/keylinks.gif');
	background-repeat: no-repeat;
	padding-left: 52px;
	padding-top: 14px;
	padding-bottom: 16px;
	padding-right: 0px;
}

#seasonaldiv 
{
	height: 135px;
	border: 1px solid #9197A6;
	overflow: hidden;
	width: 99.5%;
}

.promodiv 
{
	height: 135px;
	border: 1px solid #9197A6;
	overflow: hidden;
	width: 99.5%;
	margin-top: 10px;
}

#prospectusdiv 
{
	background-image: url('/images/proslines.gif');
	background-repeat: repeat-x;
	padding: 0px;
	float: right;
	border: 4px solid #FFF;
	width: 97%;
	text-align: right;
}

#cfback 
{
	background-image: url('/images/cfback.gif');
	background-repeat: repeat-x;
	margin-top: 16px;
	padding-top: 0px;
}

#coursefinddiv 
{
	background-color: #B7C9CB;
	width: 100%;
	color: #FFF;
	font-weight: 700;
	font-size: 1.1em;
	margin-top: -15px;
	padding-bottom: 10px;
}

#coursefinddiv a:link,
#coursefinddiv a:visited,
#coursefinddiv a:hover,
#coursefinddiv a:active
{
    color: #FFF;
    text-decoration: none;
}

#coursefinddiv a:hover,
#coursefinddiv a:active
{
    text-decoration: underline;
}

#cfheadingdiv 
{
	font-size: 1.4em;
	font-weight: normal;
	color: #FFF;
	position: relative;
	left: 35px;
	bottom: 30px;
	letter-spacing:-0.04em;
}

#cfheadingdiv a:link,
#cfheadingdiv a:visited,
#cfheadingdiv a:hover,
#cfheadingdiv a:active
{
	color: #FFF;
	text-decoration: none;
}

#cfheadingdiv a:hover,
#cfheadingdiv a:active
{
    text-decoration: underline;
}

ul.cfbullets 
{
	font-size: 0.85em;
	line-height:1.5em;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
}

#questiondiv 
{
	width: 45px;
}

img.qmoverlay {
	position: relative;
	left: -19px;
	top: 7px;
	z-index: 0;
	vertical-align: top;
}

/* Home Page Boxes START */

div.pros1 
{
	background-color: #FFF;
	border: 1px solid #CCCCCC;
	padding: 4px;
}

div.pros2 
{
	background-color: #F7F7F7;
	border: 6px solid #FFF;
	padding-left: 12px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #018591;
	font-weight: bold;
	line-height: 1.5;
}

div.pros2 a:link,
div.pros2 a:visited,
div.pros2 a:hover,
div.pros2 a:active 
{
	color: #018591;
	font-weight: bold;
	line-height: 1.4;
	text-decoration: none;
}

div.pros2 a:hover,
div.pros2 a:active
{
    text-decoration: underline;
}

div.pros3 
{
	background-color: #FFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 4px;
	color: #018591;
}

div.pros4 
{
	background-color: #F7F7F7;
	border: 6px solid #FFF;
	padding: 12px;
}

div.pros4 form 
{
	border: 0;
	padding: 0;
	margin: 0;
}

.asksmalltxt 
{
	font-size: 0.85em;
}

div.pros5 
{
	background-color: #FFF;
	height: 88px;
	padding-top: 16px;
	padding-bottom: 16px;
}

div.pros6 
{
	border: 1px solid #CCCCCC;
	height: 88px;
}

div.pros7 
{
	background-color: #FFF;
	border: 1px solid #CCCCCC;
	padding: 4px;
}

div.pros8 
{
	background-color: #FFF;
	padding: 4px;
	border: 1px solid #CCCCCC;
}

div.pros9 
{
	background-color: #FFF;
	height: 16px;
}

div.pros10 
{
	background-color: #FFF;
	height: 8px;
}

/* Home Page Boxes END */

.smallformtxt 
{
	font-size: 0.9em;
}

h1.homeheading
{
	font-size: 1.4em;
	font-weight: 700;
	color: #414858;
	margin-top: 4px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left:0px;
	margin-right:0px;
	letter-spacing: -0.1em;
	text-decoration: none;
}

h1.homeheading a:link,
h1.homeheading a:visited
{
    text-decoration: none;
    color: #414858;
}

h1.homeheading a:hover,
h1.homeheading a:active
{
    text-decoration: underline;
}

h1.homeheadingsmall 
{
	font-size: 1.1em;
	font-weight: bold;
	color: #414858;
	margin: 0px;
	letter-spacing: -1px;
    margin-bottom: 0px;
	padding-bottom: 0px;
}

h1.homeheadingsmall a:link,
h1.homeheadingsmall a:visited
{
    text-decoration: none;
    color: #414858;
}

h1.homeheadingsmall a:hover,
h1.homeheadingsmall a:active
{
    text-decoration: underline;
}

h3.homeheading 
{
	font-size: 0.85em;
	font-weight: 700;
	color:#01868F;
	margin-top: 16px;
	margin-bottom: -4px;
}

hr.homeline 
{
	color: #CDCFCC;
	background-color: #CDCFCC;
	height: 1px;
	border: 0px none;
}

.reviewedtxt 
{
	text-align: right;
	color: #008889;
	font-weight: 100;
	font-size: 0.6em;
	margin-bottom: 10px;
}

.socialIcons
{
	text-align: right;
	margin: 0px;
	padding: 0px;
	border: 0px;
	margin-bottom: -10px;
}

.cftext 
{
	margin:0px;
	font-size:0.85em;
	padding-left: 20px;
	line-height:1.5em;
}

.divSeasonalInner
{
    height: 135px;
    vertical-align: bottom;
    font-size: 130%;
    font-weight: bold;
    text-decoration: none;   
    padding-top: 95px;
}

.divTrans
{
    background-image: url('/images/trans.png');
    background-repeat: repeat-x;
    height: 40px;
    padding-left: 3px;
	color: #414858;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 115%;
}

.divSeasonalInner span
{
    font-size: 80%;
    padding-top: 3px;
}

#seasonaldiv a
{
    text-decoration: none;
    color: #24262b;
}

/****** INNER PAGE SPECIFIC STUFF ******/

/* RIGHT HAND FLOAT PANEL */

#rightpanel 
{
	width: 33%;
	min-width: 240px;
	max-width: 250px;
	float: right;
	background: #B7C9CB;
	position: relative;
	margin-top: 16px;
	margin-bottom: 16px;
	font-size: 115%;
	margin-left: 30px;
}

#rightpaneltop 
{
	background-image: url('/images/cfback.gif');
	background-repeat: repeat-x;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 16px;
}

#rightpanelmain 
{
	color: #000;
}

#rightpanelmain p 
{
	margin-top: 0px;
	margin-bottom: 1em;
}

#rightpanelmain hr 
{
	color: #FFF;
	background-color: #FFF;
	height: 1px;
	border: 0px none;
	width: 100%;
}

#rightpanelmain ol li 
{
	margin-bottom: 10px;
}

#rightpanelmain ul li 
{
	margin-bottom: 0px;
	list-style-type: square;
}

.rightpaneltext 
{
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	font-size: 80%;
	color: #414858;
}

.rightpaneltext a:link,
.rightpaneltext a:visited,
.rightpaneltext a:hover,
.rightpaneltext a:active 
{
	color: #414858;
	text-decoration: none;
	font-weight: bold;
}

.rightpaneltext a:hover,
.rightpaneltext a:active 
{
	text-decoration: underline;
}

.rightpaneltext p
{
    padding: 0px;
    margin-bottom: -10px;
    border: 0px;
}

#rightpanelpros 
{
	text-align: right;
	margin-top: -2px;
	padding-bottom: 4px;
	width: 100%;
	background: url('/images/rp_proslines.gif') repeat-x;
}

#rightpanelbtm 
{
	background-color: #414858;
	height: 16px;
	border-top: 1px solid #FFF;
}

#login 
{
	color: #414858;
	font-weight: bold;
	font-size: 120%;
}

#loginbox ul 
{
	display: inline;
	margin-left: -10px;
}

#loginbox ul li 
{
	display: inline;
	background: url('/images/loginbullet.gif') no-repeat;
	padding-left: 10px;
}

#boxesdiv 
{
	width: 45px;
}

h3.loginheading 
{
	font-size: 1.3em;
	font-weight: bold;
	color: #414858;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom: 6px;
	letter-spacing: -0.04em;
}

a:link.loginlink, 
a:visited.loginlink 
{
	color: #018591;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
	margin-left:20px;
}
a:hover.loginlink, 
a:active.loginlink 
{
	text-decoration: underline;
}

img.boxoverlay 
{
	position: relative;
	left: -19px;
	top: 7px;
	z-index: 0;
	vertical-align: top;
}

#rpheadingdiv 
{
	font-size: 1.2em;
	letter-spacing: -0.04em;
	color: #FFF;
	position: absolute;
	left: 30px;
	top: 14px;
	width: 90%;
	z-index: 30;
	visibility: visible;
	display: block;
	font-weight: normal;
}

.rptext 
{
	padding-left: 20px;
}

div.prosalign 
{
	text-align: center;
}

#keyform {
	/*set to force all keylink characters to appear on home page- SS*/
	width: 33%;
}

/*used to hide accessibilty form labels from non-screen readers*/
.hidden
{
	position: absolute;
	left: -0px;
	top: -500px;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

.hiddenLi li
{
	list-style-type: none;
}

#keylinksform 
{
	margin-left: -15px;
	margin-right: -15px;
	background-color: #404958;
	text-align: left;
	height: 22px;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-right: 7px;
	padding-left: 8px;
}

/* CSS for /admin/rhp.aspx START */
.TblRhpAdmin
{
    border: 0px;
}

.TblRhpAdmin td 
{
    vertical-align: top;
    border: 0px;
}

.TblRhpAdmin select, 
textarea 
{
    width: 90%;
}

.tbWebAddress 
{
    width: 80%;
    margin-right: 5px;
}
/* CSS for /admin/rhp.aspx END */

/* Button Styling START */

input.btn
{
   color: #414858; /* Navy */
   font-family: verdana,helvetica,sans-serif;
   font-size: 0.9em;
   font-weight: 400;
   background-color: #FFF; /* White */
   background-image: url('/images/buttongradient.gif'); /* Set background as .gif for non-IE browsers */
   border: 1px solid;
   border-top-color: #018591; /* Teal */
   border-left-color: #018591;  /* Teal */
   border-right-color: #414858; /* Navy */
   border-bottom-color: #414858; /* Navy */
}

/* Hover effect for buttons - NOTE non-CSS enabled browsers will use Javascipt buttons instead */
input.btnhov
{
   color: #3CB5C1; /* Turquoise */
   border-top-color: #3CB5C1; /* Turquoise */
   border-left-color: #3CB5C1; /* Turquoise */
   border-right-color: #018591; /* Teal */
   border-bottom-color: #018591; /* Teal */
}

/* Button Styling END */

TABLE.plainTable
{
    width: 700px;
    background-color: #FFF;
}

TABLE.plainTable TD
{
    vertical-align: top;
    border: 0px;
}

TABLE.plainTable input[type='text']
{
    width: 70%;
    height: 16px;
}

TABLE.plainTable input[type='file']
{
    width: 71%;
    height: 22px;
}

 TABLE.plainTable select, 
 TABLE.plainTable textarea
 {
    width: 99%;
 }

 TABLE.plainTable .btn
 {
    height: auto;
    width: auto;
 }

.pager TD, .pager TABLE
{
    background-color: #FFF;
    font-size: 100%;
    padding: 2px;
    margin: 0;
}

.errorMsg
{
    color: Red;
    font-size: 100%;
    font-weight: bold;
}

.saved
{
    color: Green;
    font-size: 100%;
    font-weight: bold;
}

#ctl00_ContentPlaceHolder1_lblMetaDescription,
#ctl00_ContentPlaceHolder1_lblMetaKeywords
{
    display: none;
}

/* Events feed styling START */

.eventsDiv ul
{
    font-size: 80%;
    margin: 0;
    padding-left: 15px;
}

.eventsDiv span
{
    font-size: 80%;
}
.eventsDiv a:link,
.eventsDiv a:visited
{
    text-decoration: none;
    color: #414858;
}

.eventsDiv a:hover,
.eventsDiv a:active
{
    text-decoration: underline;
    color: #018591;
}

/* Events feed styling END */

.adminTable TD, .adminTable TH
{
    padding: 2px 10px;
    vertical-align: top;
}

/* CSS below for corporate A-Z pages */
.a2zlink 
{
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}

/* Staff form styling START */

.staffForm dt
{
	width: 300px;
	float: left;
	padding: 5px;
}

.staffForm dd
{
	margin: 0px;
	padding: 5px;
}

.staffForm textarea, 
.staffForm select, 
.staffForm input[type="text"]
{
	width: 60%;
}

/* Staff form styling END */

/* CourseFinder styling STARTS */

dl.accordion,
dl.accordion_multiple,
dl.accordion_noshrink
{
    margin-top: 20px;
    margin-bottom: 20px;
}

dl.accordion dt,
dl.accordion_multiple dt,
dl.accordion_noshrink dt
{
    display:block;
    background-color: #018591;
    color: #FFF;
	border-top: solid 1px #017581;
	border-left: solid 1px #017581;
	border-right: solid 1px #017581;
    padding-left:0.5em;
    cursor:pointer
}

dl.accordion dt:hover,
dl.accordion_multiple dt:hover,
dl.accordion_noshrink dt:hover
{
	background: #018591;
}

dl.accordion dd,
dl.accordion_multiple dd,
dl.accordion_noshrink dd
{
    margin-left:0px;
	border: solid 1px #017581;
    padding-left:0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

dl.accordion_multiple dd
{
    margin-left: 0px;
	border: solid 1px #017581;
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

dl.accordion dd
{
    margin-left: 0px;
    border: solid 1px #017581;
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

@media screen
{
    dl.accordion dd.hidden,
    dl.accordion_multiple dd.hidden,
    dl.accordion_noshrink dd.hidden
    {
        display: none;
    }
    
    dl.accordion dt.hidden,
    dl.accordion_multiple dt.hidden,
    dl.accordion_noshrink dt.hidden
    {
        background-color: #013091;
    }
}

@media print
{
    dl.accordion dd.hidden,
    dl.accordion_multiple dd.hidden,
    dl.accordion_noshrink dd.hidden
    {
        display: block;
    }
}

/* CourseFinder styling ENDS */

dd.left 
{
    margin-left: 0px;
}

/* Tabbed panels styling START */

.tabOn
{
    padding: 5px 10px;
    border: 1px solid #018591;
    border-bottom: 1px solid #FFF;
    margin: 3px;
}

.tabOff
{
    background-color: #B5CBCE;
    padding: 5px 10px;
    border: 1px solid #018591;
    margin: 3px;
}

.infoPanel
{
    border: 1px solid #018591;
    margin-right: 270px;
    padding: 10px 25px 25px 25px;
    margin-top: -5px;
}

.tabs
{
	margin: 0px 270px 10px 0px;
	white-space: nowrap;
}

.fullWidthTabs
{
	margin: 0px 10px 10px 0px;
	white-space: nowrap;
}

.fullWidthInfoPanel
{
    border: 1px solid #018591;
    padding: 10px 25px 25px 25px;
    margin-top: -5px;
}

/* Tabbed panels styling END */

.EventsFeed
{
    font-size: 110%;
}

.EventsFeed h3
{
    font-size: 100%;
}

.EventsFeed img
{
    margin-right: 4px;
}

#divAlumniNewsAndEvents li a:link,
#divAlumniNewsAndEvents li a:visited,
#divAlumniNewsAndEvents li a:hover,
#divAlumniNewsAndEvents li a:active
{
    font-size: 110%;
}

#divAlumniNewsAndEvents p a:link,
#divAlumniNewsAndEvents p a:visited,
#divAlumniNewsAndEvents p a:hover,
#divAlumniNewsAndEvents p a:active
{
    font-size: 85%;
}

#divAlumniNewsAndEvents h3.homeheading
{
    font-size: 110%;
}

#divAlumniNewsAndEvents li
{
    padding-bottom: 0px;
}

#divAlumniNewsAndEvents img
{
    margin: 0px;
    margin-right: 5px;
}

/* Good Practice START */

.ratingStar 
{
    width: 18px;
    height: 16px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar 
{
    background-image: url('/goodpractice/images/FilledStar.png');
}

.emptyRatingStar 
{
    background-image: url('/goodpractice/images/EmptyStar.png');
}

.savedRatingStar 
{
    background-image: url('/goodpractice/images/SavedStar.png');
}

/* Good Practice ENDS */

/* Open Days (full width form fields) */
.fullWidth 
{
    width: 99%;
}

/* Alumni Net Community START */

.alumniRegisterImg
{
    background: #FFF url('/images/library_night.png') no-repeat bottom left;
    height: 116px;
    margin-top: 10px;
    padding-bottom: 3px;
}

.alumniRegisterImg a:link,
.alumniRegisterImg a:visited,
.alumniRegisterImg a:hover,
.alumniRegisterImg a:active
{
    font-size: 240%;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

.alumniRegisterImg a:hover,
.alumniRegisterImg a:active
{
    text-decoration: underline;
}

.alumniRegisterImg p
{
    padding-left: 3px;
    padding-top: 80px;
}

/* Alumni Net Community ENDS */

IMG.updatedStar
{
    padding: 0px;
    margin: 0px;
    border: 0px;
    margin-left: 3px;
    margin-bottom: -5px;
}

.pros2 ul /* Used on home page for featured links */
{
     padding-left: 0px;
     padding-top: 0px;
     margin-top: 0px;
}

.pros2 ul ul
{
     font-size: 85%;
     list-style-type: none;
     padding-left: 15px;
}

.pros2 li
{
    color: #414858;
}

.pros2 li
{
    padding-bottom: 10px;
}

.pros2 ul ul li
{
    padding-bottom: 0px;
}

.openDayDate
{
    list-style-type: none;
    padding-left: 20px;
    margin-top: -10px;
}

.openDayDate a:link,
.openDayDate a:visited,
.openDayDate a:hover,
.openDayDate a:active
{
    font-size: 85%; 
}

/* Auto Complete Search Styling START */
.autocomplete_completionListElement
{
    margin: 0px !important;
    background-color: inherit;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    font-size: smaller;
    overflow: auto;
    text-align: left;
    list-style-type: inherit;
    padding-left: 1px;
}

.autocomplete_highlightedListItem
{
    background-color: #018591;
    color: white;
    padding: 1px;
    cursor: hand; /* Only works for IE */
}

.autocomplete_listItem
{
    background-color: window;
    color: windowtext;
    padding: 1px;
}
/* Auto Complete Search Styling END */

/* Promotion Form Styling START */
.PromoForm 
{
    width: 60%;
}

.PromoForm input[type="text"]
{
    width: 98%;
}
/* Promotion Form Styling END */

/* Exam Results START */

.erImage
{
    float: left;
    padding: 5px 5px 0px 0px;
}

img
{
    border: 0px;
}

.accordionHeader img
{
    background-image: url('../results/secure/images/plus.gif');
}

.accordionHeaderSelected img
{
    background-image: url('../results/secure/images/minus.gif');
}

/* Exam Results END */

/* OCS styling START */

.ocsAccordionHeader img
{
    background-image: url('/images/closed.gif');
}

.ocsAccordionHeaderSelected img
{
    background-image: url('/images/open.gif');
}

.deadlineDue, .deadlineDue a
{
    color: Red;
    font-weight: bold;
}

.deadlinePassed, .deadlinePassed a
{
    color: Gray;
}

.ocsDefaultButton div
{
    border: 1px solid #b7c9cb;
    margin: 15px 275px 15px 0px;
    padding: 15px;
    background: url(/images/default_button_dtol.gif) repeat-x top;
}

.ocsDefaultButton div:hover
{
    background: url(/images/default_button_ltod.gif) repeat-x bottom;
}

.ocsDefaultButton h2
{
    padding: 0px;
    margin: 0px;
    font-size: 150%;
}

.ocsDefaultButton
{
    text-decoration: none;
}

.ocsDefaultButton p
{
    font-style: italic;
    color: Gray;
    margin: 0px;
    padding: 0px;
}

.ocsSubmissionTabs
{
    list-style-type: none;
    float: left;
    padding: 0px;
    margin-top: 15px;  
    width: 87px;
}

.ocsSubmissionTabs .tabOn
{
    border: 1px solid #018591;
    background-color: #e2eeef;
    border-right: 0px;
    padding: 7px 10px;
    margin: 0px;
}

.ocsSubmissionTabs li
{
    padding: 8px 10px 8px 11px;
    border-right: 0px;
}

.ocsSubmissionInfoPanel
{
    min-height: 150px;
    background-color: #e2eeef;
    margin-left: 86px;
    padding: 0px 15px;
    margin-top: 15px;
    border: 1px solid #018591;
}

.ocsSubmissionInfoPanel h2
{
    margin-top: 7px;
}

.ocsModuleHeader
{
    /*font-weight: bold;*/
    margin: 0px;
    padding: 6px 0px 5px 0px;
}

.ocsModuleHeader a
{
    text-decoration: none;
}

.ocsFeedbackFilesIcon
{
    padding: 3px;
    margin: 0px;
    float: left;
}

.ocsFeedbackFilesLinkButton
{
    float: left;
    margin-top: 8px;
    padding: 3px;
}

.ocsFeedbackFilesLinkButtonSmall
{
    float: left;
    padding: 3px;
}

.ocsFeedbackFilesDelete
{
    padding: 3px;
    margin: 0px;
    margin-top: 2px;
    margin-bottom: 3px;
}

.ocsLateSubmission
{
    padding: 0px;
    margin: 0px;
}

.ocsDeadlineApproaching
{
	margin-top: -8px; 
	padding-top: 0px;
}

.ocsDeadlineApproaching img
{
	margin: 0px; 
	margin-right: 5px; 
	margin-bottom: -2px;
}

.ocsHelpIcon
{
	float: right;
}

.ocsHelpIcon img
{
	padding: 0px;
	margin: 0px;
	margin-right: 5px;
	float: left;
}

.ocsSearchIcon img
{
	float: left;
	padding: 0px;
	margin: 0px;
	margin-right: 5px;
}

/* OCS styling END */

.noTableBorders, .noTableBorders table, .noTableBorders th, .noTableBorders td
{
	border-width: 0px;
	border-color: #FFF;
}

.defaultForm input[type="text"], textarea
{
    width: 98%;
}

.defaultForm input[type="text"]
{
	margin-left: 0px;
	padding-left: 0px;
}

.dlDefault dd
{
    margin: 0px;
    font-weight: normal;
}

.dlDefault dt
{
    float: left;
    margin-top: 4px;
    padding-right: 10px;
    font-weight: normal;
}

.aToolTip {
	border:2px solid #018591;
	background:#E2EEEF;
	color:#414858;
	margin:0;
	padding:6px 12px;
}

.aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
	font-size: 80%;
}

a.aToolTipCloseBtn {
	display:block;
	height:18px;
	width:18px;
	background:url(../images/closeBtn.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	top:-15px;
	right:-15px;
	margin:2px;
	padding:4px;
}

.horizontalList li
{
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	padding-right: 5px;
}

address
{
	font-style: normal;
}

#ie6Warning
{
  border: 2px dotted Red;
  margin-bottom: 10px;
  padding: 5px;
}
