/* CSS Document for Cass Business School */

/* reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}q:before,q:after{content:''}abbr,acronym{border:0}
/* end reset */

/* CJ's Style Defaults */

.clearer {clear: both;}
.clearleft {clear: left}
.mandatory { color:#FF0000; }
.clearright{clear: right;}
.getright {float:right;}
.getleft {float:left;}
.centa {text-align: center;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.bolden {font-weight: bold;}
.nobg {background:url(../images/shim.gif) bottom repeat-x;}
.invisi {display: none;}
.padleft {padding-left: 15px; color: #666666;}

html {
	height:101%;
}
body {
	background:#fff url(../images/bg.gif) repeat-x;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	
}

/*----------------------------------
		CONTENT AREAS
----------------------------------*/


#subhead {
	margin: 10px 0 0 25px;
	background:  url(../images/dashes.gif) 0 100% repeat-x;
	width:750px;
}
#wrapper {
	width:750px;
	margin:25px 0 0 25px;
	
}
#content {
	float:left;
	font-size:85%;
	min-height:200px;
	_height:200px;
	margin:18px 0 0;
	padding:0 0 18px 50px;
	width:495px;
}
	#home #content {
		float:none;
		width:750px;
	}
#content-inner {
	margin:10px 20px 0 13px;
	text-align:justify;
}
#sidebar {
	background:url(../images/sidebar-head.gif) 0 0 no-repeat;
	float: left;
	font-size:85%;
	margin:18px 0 0 15px;
	padding-top:134px;
	padding-bottom: 20px;
	width:185px;
}
#favourites 
{
	width: 185px;
	overflow: auto;
	min-height:260px;
	_height:260px;
}

#favourites-active 
{
	background-color: #a78fc3;
}

#sidebar-inner {
	background:#9a80bf url(../images/sidebar-bg.jpg) 0 0 repeat-x;
	clear:right;
	color:#ffffff;
	display:block;
	min-height:460px;
	_height:460px;
	margin:0;padding:0;
}
#footer {
	margin-left: 25px;
	background:url(../images/dashes.gif) 0 0 repeat-x;	
	clear:both;
	color:#333333;
	font-size:85%;
	padding:20px 0 10px 54px;
	_padding-top:10px;
	width:693px;
}

#subfoot {
	margin-left: 25px;
	background:url(../images/dashes.gif) 0 0 repeat-x;	
	clear:both;
	color: #333333;
	font-size:110%;
	padding:10px 0 10px 54px;
	_padding-top:10px;
	width:693px;
}

#subfoot span {color: #ec8623;}

span.highlight {color: #ec8623;}

#branding {
	height:78px;
	width:740px;
}

/*----------------------------------
	NAVIGATION & FOOTER STYLES
----------------------------------*/
#header 
{
	border: 1 solid red;
}
#header ul, #footer ul, ul#breadcrumb {
	display:inline;
	list-style:none;
}
#header li, #footer li, #breadcrumb li {
	display:inline;
}
#header li, #footer li {
	border-right:1px solid #333333;
	padding:0 5px;
}
#header ul li.last, #footer ul li.last {
	border-right:none;
	padding-right:0;
}
#header ul li.first, #footer ul li.first {
	padding-left:0;
}
#header .nav-main {
	float:right;
	font-family:Helvetica, Arial, sans-serif;
	font-size:95%;
	padding:0 3px 12px 0;
}
#header .nav-main a {
	color:#333333;
	text-decoration: none;
}
#header .nav-main a.on {
	color:#592266;
}
#header .nav-login {
	font-family:Helvetica, Arial, sans-serif;
	font-size:95%;
}
#header p.nav-login {
	padding:2px 0 0;
}
#header .nav-login li {
	border-right:1px solid #592266;
	padding:0 3px;
}
#header .nav-login a, #header .nav-login span {
	color:#592266;
	text-decoration:underline;
}
#header .nav-login span {
	text-decoration:none;
}

/* Breadcrumb Styles */
#breadcrumb {
	float:right;
	font-family:Helvetica, Arial, sans-serif;
	font-size:85%;
	padding-top:50px;
}
#header ul#breadcrumb li {
	border:none;
	padding:0;
}
#breadcrumb li a {
	background:url(../images/breadcrumb-dash.gif) 100% 40% no-repeat;
	color:#592266;
	padding-right:12px;
	text-decoration:underline;
}

/* Supplementary Nav Styles */
.nav-container {
	background:#f8f6fb url(../images/dashes.gif) 0 100% repeat-x;
	color:#592266;
	padding:0 0 13px ;
}
.nav-container ul {
	background:url(../images/dashes.gif) 100% 0 repeat-x;
	padding:13px 0 0 13px;
}
.nav-container li {
	border-right:1px solid #592266;
	padding:0 5px;
	display: inline;
}
.nav-container li.last {
	border-right:none;
}
.nav-container li a {
	color:#592266;
	_padding-left:2px;
	text-decoration:underline;
}

ul#nav-supp {
	margin:10px 0 0;
	padding:0;
}
ul#nav-supp li {
	border:none;
	padding:0;
}
#nav-supp li a {
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:0 !important;
	overflow:hidden;
	margin-bottom:45px;
	padding:280px 0 0 ;
}
#nav-supp #search a {background-image:url(../images/search.gif); width:227px;}
#nav-supp #information a {background-image:url(../images/information.gif); width:237px;}
#nav-supp #contact a {background-image:url(../images/contact.gif); width:228px;}

/* Footer styles */
#footer a {
	color:#333333;
}
#footer a:hover {
	color:#592266; text-decoration: none;
}
#footer .copyright {
	display:block;
	margin-top:10px;
}
#footer .copyright li {
	border-right:none;
}
#footer .copyright li.first, #footer .copyright li.link {
	padding-left:0;
}
#footer .link {
	padding-right:0;
}
#footer .link a {
	border-left:1px solid #333333;
	padding-left:7px;
}

.leftbord {border-left:1px solid #333333;}

/*----------------------------------
		CONTENT STYLES
----------------------------------*/

h1, h2, h3, h4 {
	color:#592266;
	font-family:Helvetica, Arial Narrow, Arial, sans-serif;
	font-size:140%;
	font-weight:normal;
}

h1 {font-size:210%;}

h4 {margin-top: 10px;}

textarea { 	font-family:Arial, Helvetica, sans-serif; }

#content h2 {
	background-color:#592266;
	color:#ffffff;
	display:block;
	font-size:210%;
	margin:18px 0 0;
	padding:8px 0 6px 13px;
	width:97%;
}

#sidebar h2 {
	color:#ffffff;
	font-size:180%;
	padding-top:20px;
}

#content h4 {
	color: #333333;
	font-size:150%;
	font-weight:normal;
	padding-bottom: 10px;
}

#content h5 {
	color: #592266;
	font-size:180%;
	font-weight:normal;
	padding-bottom: 10px;
}
.searchHeading 
{
	color: #592266;
	font-size:130%;
	font-weight:bold;
	margin-top: 5px;
}

#content-inner p {
	padding:10px 0;
}
a {
	color:#797979;
	text-decoration:underline;
}
a:hover {
	text-decoration:underline;
}
img {
	border:none;
}
.left {
	float:left;
}
.clear {
	clear:both;
	font-size:1px;
	line-height:1px;
}
.hr {
	background:url(../images/dashes.gif) 100% 0 repeat-x;
	clear:both;
	display:block;
	font-size:3px;
	line-height:3px;
	width:100%;
}
.highlight {
	color:#592266;
}
.emphasis {
	font-family:Helvetica, Arial Narrow, Arial, sans-serif;
	font-size:110%;
	padding:18px 0 18px 55px;
}
.emphasis span {
	color:#592266;
}

.alert { padding: 15px 0 0 15px;}

.link-blue { color: #592266; text-decoration: underline;}

ul {
	list-style:none;
}
ul li {
	display:inline;
	list-style:none;
}
#content-inner ul {
	padding:4px 0 15px;
}
.quote {
	padding:5px 0;
}
.candidate-img {
	border:4px solid #eeeeee;
	float:right;
	margin:10px 0 5px 13px;	
}

/* Sidebar Styles */
#sidebar h2, #sidebar p, #sidebar a {
	color:#ffffff;
	margin:0 10px 0 17px;
}
#sidebar p {
	padding:3px 0 12px 0;
}
#sidebar p span {
	color:#000;
}
#sidebar .promo p {
	font-weight:bold;
	padding:0 0 3px 0;
}

#sidebar .promo p a {
	font-weight:bold;
	margin:0px!important;
	text-decoration:none;
	
}
#sidebar p a {
	display:block;
	margin: 10px 0 5px;
	text-decoration:underline;
}
#sidebar .hr {
	background-image:url(../images/sidebar-dash.gif);
}
#sidebar .promo {
	background:url(../images/sidebar-dash.gif) 0 0 repeat-x;
	padding:10px 0;
}

#sidebar .emphasis {
	font-size:150%;
}

.adminSuccessMsg
{
	background-color: #DDFACB;
	color: Green;
	font-weight: bold;
	display: block;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.adminErrorMsg
{
	background-color: #FFCCCC;
	color: Red;
	font-weight: bold;
	display: block;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}


.pdfAdmin, .docAdmin {
	background-position:0 15%;
	background-repeat: no-repeat;
	font-weight:bold;
	padding: 10px 0 30px 40px;
	margin: 10px;
	display: inline;
	width: 200px;
}

.pdf, .doc {
	background-position:0 15%;
	background-repeat: no-repeat;
	display:block;
	font-weight:bold;
	padding:5px 0 10px 40px;
}
.pdf, .pdfAdmin {
background-image:url(../images/icon-pdf.gif);
}
.doc, .docAdmin {
background-image:url(../images/icon-doc.gif);
}
#sidebar h2.padd {
	padding-top:40px;
}
#sidebar .alt-1 {
	background-color:#825c8f;
}
#sidebar .alt-2 {
	background-color:#9c80b1;
}
#sidebar .alt-3 {
	background-color:#a78fc3;
}
.remove {
	float:right;
	font-size:80%;
	margin:0;padding:2.2em 0 0;
	text-decoration:underline;
}

/* Form Styles */
#register {
	display:block;
	margin:0;
	width:99%;
}

#register fieldset {
	padding:20px 15px 0;
}	
form fieldset {
	margin:0;padding:0;
}
form legend {
	display:none;
}
form ol {
	margin: 0; padding: 0;
}
form li {
	display:block;
	list-style: none;
	margin:0;padding:1px 0;
}
form em {
	clear:both;
	color:#592266;
	display:block;
	font-style:italic;
	margin-left:147px;
}
form em a{
	color:#592266;
	text-decoration: underline;
}

#register label {
	display:block;
	float:left;
	padding-top:5px;
	text-align:right;
	width:130px;
	color: #333333;
}
#register input, #register textarea {
	font-size:85%;
	padding:3px;
	margin:0 0 0 15px;
	width:240px;
	border: 2px solid #f1eef7;
}

#register input[type='checkbox'] { margin: 0 15px 0 80px; width: 15px; }

#register select {
	font-size:85%;
	padding:3px;
	margin:0 0 0 15px;
	width:240px;
	border: 2px solid #f1eef7;
}
#register .highlight {
	color: #592266 !important;
}
#register .highlight input {
	background-color:#f1eef7;
	border: 2px solid #eae6f3;
}
#register .btn {
	clear:both;
	display:block;
}
#register .btn input {
	float:right;
	height:23px;
	margin:15px 100px 25px 0;
	width:94px;
}
#register .btn img {
	float:right;
	height:23px;
	margin:15px 100px 25px 0;
	width:94px;
}
#register .check label {
	float:left;
	margin-right:60px;
	_margin-right:40px;
	margin-left: 10px;
	text-align:left;
	width:200px;
}
#register .check input {
	float:left;
	margin:5px 0 0 145px;
	width:20px;
}

#register .sml {width: 40px;}

#search {width: 330px; float: left;}

#search input {
	color:#592266;
	background: url(../images/search_bg.gif) no-repeat;
	font-family:helvetica, "Arial Narrow", Arial, sans-serif;
	font-size:170%;
	font-weight:normal;
	border-top: 1px solid #cfcece; 
	border-left: 1px solid #cfcece; 
	border-bottom: 1px solid #f7f7f7; 
	border-right: 1px solid #f7f7f7; 
	display:block;
	margin:10px 0 5px;
	padding:10px;
	width:95%;
}
#searchOptions 
{
	width: 120px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}

#searchOptions a 
{
	font-size: 100%;
	display: block;
	margin-top: 5px;
	color:#592266;
	text-decoration: none;
	font-weight: bold;	
}

.filter label, .filter select {
	float:none;
	margin-left:17px;
}
.filter select {
	font-size:85%;
	margin:2px 0 3px 17px;
	width:160px;
}
.hideLabel {
	display:none;
}
.padd {
	display:block;
	padding-top:20px;
}
.sml {
	width:50px;
}

/* table styles */
table {
	border-collapse:collapse;
	font-size:100%;
	margin:15px 0 0; 
	width:490px;
}
th, td {
	padding:12px 20px;
}
thead th {
	background-color:#592266;
	color:#ffffff;
	font-weight:bold;
}
tbody tr {
	background:url(../images/dashes.gif) 0 100% repeat-x;
}
tbody tr.even {
	background-color:#f8f6fb;
}
tbody th, tbody th a {
	color:#592266;
	text-decoration:none;
}
tbody th a:hover {
	text-decoration:underline;
}

/*Supplementary Links */
.bluelink {color: #592266; text-decoration: underline; }
.bluelink:hover { text-decoration: none;}
.bluelink thead th {}
.bluetable tbody tr {background-image:url(../images/dots.gif); background-repeat:repeat-x; background-position: 0 100%;}
.bluetable {background:#592266 url(../images/sidebar-bg.jpg) 100% 0 repeat-x;}
.bluetable td, .bluetable th {color: #FFF;}
.bluetable th a {color: #000000;}
.bluetable td a {color: #ebebeb;}

