button
html, body, form, fieldset, .x-body {
	margin: 0;
	padding: 0;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%/120%;
}
 
body {
	min-width: 960px;
	background-color: white;
}

body, td, div, p, li {
	font-size: 10pt;
}

td, th {
	vertical-align: top;
}
/* Neutralise styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, .ui-widget-content {
	color: black;
 	margin: 0 0 0.6em 0;
	padding: 0;
	text-align: left;
}

/* Apply left margin: Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

.stripe_odd {
	background-color: white;
}
.stripe_even {
	background-color: #EDEDED;
}
.stripe_hover {
	background-color: lightblue;
}

.message_label {
	font-size: 12pt;
	font-weight: bold;
}

.message_label_login {
	font-size: 11pt;
	font-weight: bold;
	text-align: left
}


.message_message_loginForm {
	font-size: 10pt;
	font-weight: bold;
	text-align: left
}

.message_message_login {
	font-size: 10pt;
	text-align: left
}
.message_message_loginForm a:link, .message_message_loginForm a {
	font-size: 10pt;
	font-weight: normal;
	text-align: left
}

hr {
	height:1px;
	border: 0;
	background-color: #CDCDCD;
	margin: 10px 0;
}
.error {
	border:1px solid red;
	margin: 4px 0;
	padding: 4px;
	font-weight:bold;
	color: red;	
}

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea {
    font-size: 100%;
	font-family: inherit;
}

.jquery_ckeditor body {
	text-align: left;
	min-width:1px;
	padding:4px;
}
body.ckEditorInstance {
	min-width: 10px;
	text-align: left;
}

.formButtonsHolder {
	text-transform:uppercase;
}

img { border: 0; }

.bolder { font-weight: bold; }
.smaller { font-size: smaller; }
.larger { font-size: larger; }


.navContainer {float: left; width: 100%; height: 46px; background: top left repeat-x; margin: 0; z-index:1;}
.navContent {margin: 0 auto; width: 960px; padding: 0; border: 0; position: relative; text-align: left; z-index:99;}

.mainContainer {float: left; width: 100%; background-color: #FFFFFF; margin: 0 0 0px 0;}
.mainContent {margin: 0 auto; width: 960px; padding: 16px 0 0 0; border: 0; position: relative; text-align: left;}

/*-- GENERAL USEFUL CLASSES --*/
.clear, .divClear, .clear-space {clear:both;}
.clear-space {margin: 6px 0; height:6px;}

/*-- HEADER AREA --*/

/* HEADER PRIVACY POLICY */
.headerPrivacyPolicy {
	float:left;
	font-size: 9pt;
	font-weight: normal;
	padding: 19px 0 0 23px;
}

.topHeaderWrapper {
	border-bottom: 1px solid #CCCCCC;
}
.topHeader {
	background-color: white;
	padding: 2px 18px 2px 0;
	margin: 0 auto;
	width: 960px;
}
.topHeader div {
	font-size: 7pt;
	font-weight: bold;
}
.topHeaderPadded {
	padding-top: 2px;
}
.topHeader input#term_1 {
	font-size: 7pt;
	padding: 0;
	margin: 0;
	height: 10px;
}
.topHeader input#search_cms {
	height: 17px;
	font-size: 7pt;
	font-weight: bold;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px;
}

#top-header-social-media {
	float: left;
	margin-left: 26px;
}
#top-header-social-media img {
	width: 16px;
	float: left;
	margin-right: 2px;
}

/*-- HEADER MAIN AREA NAV --*/
.headerAreaNav {
	float: right; display: inline; width: 640px; height: 40px; margin: 4px 4px 0 0;
}
	.headerAreaNav ul {float: right; display: inline; list-style: none; margin: 0 0 0 0; padding: 0;}
	.headerAreaNav li {float: left; margin: 0;}
	.headerAreaNav li a {float: left; height: 40px;}
	.headerAreaNav li span {display: none;}

#areaNavEducators a, #areaNavEducatorsOn a { background: top left no-repeat; width: 115px; height: 46px; margin: 0 0 0 0; }
#areaNavProgrammeAdmins a, #areaNavProgrammeAdminsOn a {background: top left no-repeat; width: 225px; height: 46px; margin: 0 0 0 0;}
#areaNavCorporateCustomers a, #areaNavCorporateCustomersOn a { background: top left no-repeat; width: 184px; height: 46px; margin: 0 0 0 0; }
#areaNavStudents a, #areaNavStudentsOn a { background: top left no-repeat; width: 107px; height: 46px; margin: 0 0 0 0;}

	#areaNavEducators a:hover,
	#areaNavProgrammeAdmins a:hover,
	#areaNavCorporateCustomers a:hover,
	#areaNavStudents a:hover {
		background: top left no-repeat;
	}

.headerContainer {
	float: left; width: 100%; margin: 0;
}
.headerContent {
	margin: 0 auto; width: 960px; padding: 0; border: 0; position: relative; text-align: left;
}

#headerLogo {
	float: left;
	display: inline;
	width: 231px;
	height: 52px;
	margin: 0;
	padding:0 0 0 11px;
}
.headerAccount {
	float: right;
	display: inline;
	height: 52px;
	padding:0;
	margin: 0;
	color: #666666;
	width: 450px;
	background: center left no-repeat;
	font-size: 11pt;
}
.headerAccount div {
	font-size: 11pt;
	color: #666666;
}
	

	#headerAccount_loggedin_top {
		white-space:nowrap;
		margin: 3px 4px 0 0;
		padding:0;
		float:right;
		text-align: right;
	}

	#headerAccount_logout {
		white-space:nowrap;
		margin: 3px 0 0 0;
		padding:0;
		float:right;
	}

	#headerAccount_switch_org {
		float:right;
		border:1px solid #999999;
		padding: 1px 6px;
		margin: 0px 0 0 5px;
		font-size: 7pt;
		text-transform: uppercase;
	}

#headerBasket {
	float: right;
	white-space:nowrap;
	display: inline;
	width: 160px;
	margin: 0px 10px 0 0;
	padding: 4px 0 0 0;
	text-align: right;
	background: center left no-repeat;
	font-size: 11pt;
	color: #666666;
}

.view-basket-view-item { cursor:pointer }

.vat_indicator { font-size: 7pt; }


table.basket-view {
	width: 100%;
}
	table.basket-view th {
		font-size: 11pt;
		font-weight:bold;
		text-align:left;
		padding: 2px 2px 2px 0px;
	}
	table.basket-view td {
		padding:2px 2px 5px 0px;
		vertical-align: top;
	}
	table.basket-view .title {
	}
	table.basket-view .quantity {
		text-align:right;
		width:60px;
 	}
	table.basket-view .price {
		text-align:right;
		width:80px;
	}
	table.basket-view .tools {
		text-align:right;
	}

	.basket-edit-line, .basket-delete-line {
		float:left;
	}


table.basket-view-mini {
	width: 100%;
}
	table.basket-view-mini th {
		font-size: 8pt;
		font-weight:bold;
		text-align:left;
		padding: 1px 1px 1px 0px;
	}
	table.basket-view-mini td div {
		font-size: 10pt;
	}
	table.basket-view-mini td {
		font-size: 8pt;
		padding:1px 1px 2px 0px;
		vertical-align: top;
	}
	table.basket-view-mini .title {
	}

	table.basket-view-mini .product_special_tag {
		font-size: 8pt;
		font-variant: normal;
		padding:0; 
	}
	table.basket-view-mini .quantity {
		width:30px;
		text-align:right;
 	}
	table.basket-view-mini .price {
		text-align:right;
		width:50px;
	}
	table.basket-view-mini .tools {
		text-align:right;
	}

.calc_msg {
	padding-top: 4px;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
}

#basket_loading {
	width: 100%;
	text-align: center;
	height: 200px;
	padding-top:80px;
	margin-top: 80px;
}

#checkout-course-details-wrapper {
	margin-top:16px;
}

.checkout-course-left {
	float:left;
	width: 65%;
}
.checkout-course-right {
	float:right;
}

.course_title_new {
	display:none;
}
.course_title_new_close {
	float:left;
	width:30px;
	margin-left:8px;
	padding: 8px 0 0 4px;
	cursor: pointer; 
}

div.curved-box {
	background-color: #ffffff;
	font-size: 11pt;
	text-align: left;
	padding:8px;
	margin-bottom: 4px;

	border:1px solid rgba(0,0,0,0.5);

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.4);
	box-shadow:0 0 3px rgba(0,0,0,0.4);
}
	div.checkout-course-box .item_no, div.checkout-course-box .title {
		clear: both;
	}
	div.checkout-course-box .item_no {
		font-size:12pt;
		font-weight:bold;
	}
div.checkout-course-box title {
		font-weight:bold;
	}
	div.checkout-course-box .type, div.checkout-course-box .ref {
		float:left;
		margin-right: 5px;
	} 

.quote-line-portable, .quote-line-portable div {
	font-size: 8pt;
}
.quote-line-portable {
	clear:both;
	margin-bottom:4px;
}

.quote-line-error .err {
	font-weight:bold;
	padding:2px 4px;
}

.checkout-course-details-wrapper-sep {
	margin-top: 20px;
	border-top: 1px solid #CDCDCD;
	padding-top:10px;
}






#login-inline {
	 float:right;
	 margin-top: 10px;
	 font-size:8pt;
	 display: none;
}

#login-inline a { text-decoration: none}
#login-inline input { font-size: 8pt; width: 90px}
#login-inline div {float:left;padding-right:4px}

.navbar {float: left; display: inline; width: 760px; margin: 0; z-index:3;}
.navProductSearch {float: right; display: inline; width: 161px; height: 40px; margin: 0; z-index:4;}
.navProductSearch img {border: 0; z-index:5;}

.homeSearchTop {float: left; display: inline; width: 300px; height: 45px; margin: 0; padding: 0;}
.productSearchTop {float: left; display: inline; width: 300px; height: 20px; margin: 0; padding: 0;}

.homeSearchTable, .productSearchTable {margin: 0 0 0 10px; width: 280px;}
.homeSearchTable a:link, .productSearchTable a:link {text-decoration: none; color: #FFFFFF; background-color: transparent;}
.homeSearchTable a:visited, .productSearchTable a:visited {text-decoration: none; color: #FFFFFF; background-color: transparent;}
.homeSearchTable a:hover, .productSearchTable a:hover {text-decoration: underline; color: #FFFFFF; background-color: transparent;}

.homeProductSearchHolder {float: right; display: inline; width: 300px; height: 280px; margin: 0; }
.productSearchHolder {float:right; top:195; left:973; z-index:100; display: none; width: 300px; margin: 0 0 30px 0; z-index:6;}

.homeProductSearchHolder h2 {font-size: 20px; color: #FFFFFF; font-weight: bold; width: 260px; margin: 15px 0 15px 2px;}

.search_option label {
	color: white;
	font-weight: bold;
}
.search_option_label {
	float:left;
	padding-left: 2px;
}
.search_option_input {
	float:left;
}

.fieldError{
	font-size: 10pt;
	color: red;
	font-weight:bold;
	text-align:left;
	float:right;
	width: 200px;
	padding:8px 0 0 0;
	margin: 0 20px 0 0;
	clear:both;
}

.mailExistError{
	font-size: 10pt;
	color: red;
	font-weight:bold;
	text-align:left;
	width: 300px;
	clear:both;
}

/* FORMS */

/* Basics */
	textarea {
		width: 400px;
	}
	
	select, input {
		font-size: 10pt;
	}

	.checkbox {
		margin-top:4px;
	}

/* field wrapper */
	.fieldwrapper {
		margin:0;
		clear:both;
		min-height: 33px;
	}

	.homeSearchTable .fieldwrapper,
	.navProductSearch .fieldwrapper {
		margin: 0;
		clear: both;
	}

/* fieldLabel */
	.fieldlabel, .fieldlabel-w, .fieldlabel-t {
		float:left;
		clear:both;
		font-size: 10pt;
		color: black;
		font-weight:bold;
		text-align:left;
		padding: 6px 0 0 0;
		margin: 0 20px 0 0;
	}
	.fieldlabel  { width: 180px; }
	.fieldlabel-w { width: 1000px; }
	.fieldlabel-t { width: 80px; }

	.homeSearchTable .fieldlabel,
	.navProductSearch .fieldlabel {
		float:left;
		width: 120px;
		font-size: 11pt;
		color: white;
		font-weight:bold;
		margin: 0px;
		padding: 3px 0 0 0;
	}
	.homeSearchTable .fieldlabel {
		padding: 3px 0 0 0;
	}

/* fieldinput */
	.fieldinput, .fieldinput-w, .fieldinput-option {
		float:left;
		text-align:left;
		margin:0;
	}
	.fieldinput	    { width: 282px; }
	.fieldinput-w 	{ width: 100%;  }

	.fieldinput-readonly {
		padding-top:6px;
		padding-bottom:6px;
	}

	.fieldinput-option {
 		float:left;
 		padding-top:1px;
 		width:100%;
	}
	.fieldinput-option input {
		float:left;
	}

	.fieldinput-option-label {
		float:left;
		font-weight: normal;
		padding-left: 6px;
		width:80%; 
	}
	.fieldinput-option-box {
		float:left;
		width:20px;
	}
	.homeSearchTable .fieldinput,
	.navProductSearch .fieldinput {
		width: 160px;
	}
	.homeSearchTable .fieldinput-option,
	.navProductSearch .fieldinput-option {
	}

/* fieldinput Inners */
	.fieldvalue, .fieldinput .fieldvalue {
		padding: 6px 0 0 0px;
		float:left;
		width:330px;
	}
		
	/* formUtil.inputText */
		.inputText, .inputText-wide, .inputText-narrow, .inputText-tiny, .inputText-half {
			border: 2px solid #afb7ba;
			background-color: #FFFFFF;
			color: #333333;
			font-size: 10pt;
			padding: 4px;
		}
		
		.inputText-tiny {
			width: 40px; 
		}
		.inputText-half {
			width: 122px;
		}
		.inputText-narrow {
			width: 150px; 
		}
		.inputText {
			width: 280px;
		}
		.inputText-wide {
			width: 488px; 
		}
		
		.navProductSearch .inputText, .homeSearchTable .inputText {
			width: 148px;
		} 

		.editable_label {
			padding-top:4px;
			padding-bottom: 8px;
		}
		.editable_label_empty {
			padding:0px;
		}

/* */

	/* formUtil.inputSelect */
		.inputSelect, .inputSelect-narrow, .inputSelect-natural, .inputSelect-half {
			border: 2px solid #afb7ba;
			background-color: #FFFFFF; 
			font-size: 10pt; 
			color: #333333; 
			padding: 3px 3px 3px 1px;
		}
		.inputSelect-half {
			width: 134px;
		} 
		.inputSelect-narrow {
			width: 200px;
		}
		.inputSelect {
			width: 280px;
		}
		
		.homeSearchTable .inputSelect,
		.navProductSearch .inputSelect {
			width: 160px;
		} 
	/* */
	.inputTextArea {
		width: 436px;
	}

.tip-float {
	float:left;
	padding:0;
	margin: 0 0 0 10px;
}

.homeSearchTable div, .navProductSearch div { color: white; font-weight:bold }
	.addOrganisation {
		color: maroon;
		font-weight: bold;
	}

.fielddata {
		float:left;
		padding: 6px 0 7px 0;
		margin-left: 7px;
		text-align:left;
		width: 300px;
	}

.required-flag {
	float: left;
	width: 16px;
	height: 16px;
	margin-top: 2px;
}
	.req-label { float:left; font-weight:bold; }

	.req-flag, .req-not-validated-flag {
		float: left;
		margin-left:10px;
		width: 16px;
		height: 16px;
		background-position: 50% 100%;
		background-repeat: no-repeat;
	}

	.required-flag-label {
		float:left;
		margin-right: 5px;
		font-weight: bold;
	}
	.required-flag-comment {
		font-size: 9pt;
		font-weight:bold;
	}
	div.required-fields { color:white; background-color: #AD2842; font-size: 9pt; font-weight: bold; padding:8px; }

.advancedsearch {
	float: left;
	padding-top: 5px;
	padding-left: 4px;
}
.advancedsearch, .closeSearch {
	font-size: 9pt;
	font-weight: bold;
}
.advancedsearch a, .closeSearch a {
	font-weight:bold;
}
.closeSearch {
	float: right;
	padding: 4px 0 0 2px;
	text-align: right;
}
.search_button {
	float:right;
	margin-right: 2px;
	margin-bottom: 2px;
}

#search_go {
	cursor:pointer;
}


.rollover span.alt { display:none; }
.rollover img { border:none; }
:root .rollover img { display:block; }
.rollover, .rollover:visited {
    background-color:transparent; /* needed for Opera5/6 */
    background-repeat:no-repeat;
    background-position:0 0;
}

.menu_item { height:19px; margin: 0 50px 0 0; border:1px solid red; }

.rollover:hover, .rollover:focus, .rollover:active, .rollover.MMO, .rollover.MMO:visited {
    background-position:0 -19px;
}


/*-- CONTENT PAGE --*/
.contentPageImageStrip {float: left; display: inline; z-index: 0; width: 960px; margin: 0 0 10px 0;}
.contentPagePrintVersion { float:right; display: block; width: 400px; text-align:right; padding: 4px 0px; height:20px; }
.contentPageMainColumn, .contentPageWideColumn {float: left; display: inline; width: 620px; margin: 0 0 0 0; padding: 0 0 10px 0;}
	.contentPageMainColumn h1, .contentPageWideColumn h1 {font-size: 17pt; color: black; font-weight: bold; line-height: 1.2em; margin: 0 0 0.5em 0;} /* Main heading */
	.contentPageMainColumn h2, .contentPageWideColumn h2 {font-size: 14pt; color: black; font-weight: bold; line-height: 1.2em; margin: 0.7em 0 0.5em 0;} /* Main sub-heading */
	.contentPageMainColumn h3, .contentPageWideColumn h3 {font-size: 12pt; color: black; font-weight: bold; line-height: 1.2em; margin: 0.7em 0 0.1em 0;} /* Highlight heading */
	.contentPageMainColumn h4, .contentPageWideColumn h4 {font-size: 10pt; color: black; font-weight: bold; line-height: 1.2em; margin: 0.7em 0 0.1em 0;} /* Highlight heading */
	.contentPageMainColumn h5, .contentPageWideColumn h5 {font-size:  9pt; color: black; font-weight: bold; line-height: 1.2em; margin: 0.7em 0 0.1em 0;} /* Used for sub-headline */
	.contentPageMainColumn h6, .contentPageWideColumn h6 {font-size:  8pt; color: black; font-weight: bold; line-height: 1.2em; margin: 0.7em 0 0.1em 0;} /* Used for sub-headline */


/* NEED TO FIX THIS */
/*.contentPageMainColumn label, */
	p, div, .contentPageMainColumn li, .contentPageMainColumn blockquote, .contentPageMainColumn code {
		font-size: 10pt;
		color: black;
		font-weight: normal;
		line-height: 1.5em;
	}

	.contentPageMainColumn blockquote { font-style: italic; }
	.contentPageMainColumn form {padding: 0; margin: 10px 0 0 0;}
	.contentPageMainColumn label {
		font-weight: bold;
		display: inline;
		float: left;
		padding: 0;
		margin: 0 20px 0 0;
	}

/* RIGHT */
.contentPageRightColumn {float: right; display: inline; width: 300px; margin: 0 0 0px 0;}

.contentPageRightNav {
	float: left; display: inline; width: 300px; margin: 0 0 0 0; padding: 0 0 0 0; background: bottom left no-repeat #EBEDEE;
	border-radius: 5px;
}
	.contentPageRightNav h1 {
		float: left; display: inline; width: 280px; line-height: 18px; font-size: 16px; font-weight: bold; color: #FFFFFF; padding: 6px 10px 6px 10px; margin: 0 0 0 0;
		border-radius: 5px 5px 0 0;
	}

	.contentPageRightContent {float:left; display: inline; margin: 10px; }
	.contentPageRightNav p, .contentPageRightNav div, .contentPageRightNav td {
		font-size: 8pt;
		color:black;
	}
	.contentPageRightNav a {
		/*font-weight:normal;*/
	}
	.contentPageRightNav h2 {font-size: 10pt;  font-weight: bold; color: black; line-height: 1.2em; margin: 0.7em 0 0.5em 0;}

/* LISTS */
	.contentPageMainColumn li, .contentPageWideColumn { font-size: 10pt; }
	.contentPageRightNav li { font-size: 8pt; }

	.contentPageMainColumn ul, .contentPageRightNav ul, .contentPageWideColumn ul , .content_content ul {
		list-style: none;
		margin: 0.2em 0;
	}
	.contentPageMainColumn ol, .contentPageRightNav ol, .contentPageWideColumn ol {
		margin: 0.2em 0;
	}
	.contentPageMainColumn ul li, .contentPageRightNav ul li, .contentPageWideColumn ul li, .content_content ul li{
		position: relative;
		background: 0em 0.6em no-repeat;
		padding: 1px 0 2px 16px;
	}
	.contentPageMainColumn ol li, .contentPageRightNav ol li, .contentPageWideColumn ol li {
		position: relative;
		background: 0em 0.6em no-repeat;
		padding: 1px 0 2px 0px;
		margin: 0 0 0 30px;
	}

	.contentPageMainColumn ul li, .contentPageRightNav ul li, .contentPageWideColumn ul li, .content_content ul li {
		line-height: 1.4em;
		padding-top: 2px;
	}

	.contentPageMainColumn ol li, .contentPageRightNav ol li, .contentPageWideColumn ol li {
		line-height: 1.4em;
		padding-top: 3px;
		margin-left: 26px
	}

	.contentPageRightContent ul ul li {
		list-style: circle;
		background: none;
		padding-left: 0;
		margin-left: 25px;
	}
	

/*-- BUTTON STYLING --*/
.button {
	color: #FFFFFF;
    display: block;
    float: left;
    font-weight: bold;
	font-size: 14px;
    height: 26px;
    margin-right: 0px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
    cursor: pointer;
}

.button span {
    display: block;
    line-height: 16px;
    padding: 5px 0 5px 15px;
}
/*
.button:active {
    color: #FFFFFF;
    outline: none;
}

.button:active span {
    padding: 6px 0 4px 15px;
} 
*/

/*-- new button styling --*/
button, button.cssbutton, span.cssbutton, input[type="submit"].cssbutton, div.cssbutton, a.cssbutton, a.cssbutton:link, a.cssbutton:visited, li.cssbutton {
    line-height: 16px;
    padding: 5px 15px 5px 15px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px !important;;
    cursor: pointer;
    text-transform: uppercase;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	outline:0;
}

/*-- new button styling --*/
button.cssbutton-secondary, button.cssbutton.cssbutton-secondary, span.cssbutton.cssbutton-secondary, input[type="submit"].cssbutton.cssbutton-secondary, div.cssbutton.cssbutton-secondary, a.cssbutton.cssbutton-secondary, a.cssbutton.cssbutton-secondary:link, a.cssbutton.cssbutton-secondary:visited, li.cssbutton.cssbutton-secondary {
    color: #000000;
}

/*-- new button styling --*/
button.cssbutton-danger, button.cssbutton.cssbutton-danger, span.cssbutton.cssbutton-danger, input[type="submit"].cssbutton.cssbutton-danger, div.cssbutton.cssbutton-danger, a.cssbutton.cssbutton-danger, a.cssbutton.cssbutton-danger:link, a.cssbutton.cssbutton-danger:visited, li.cssbutton.cssbutton-danger {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d9534f;
}

button.cssbutton-danger:focus, button.cssbutton-danger:hover, a.cssbutton.cssbutton-danger:focus, a.cssbutton.cssbutton-danger:focus:link, a.cssbutton.cssbutton-danger:hover, a.cssbutton.cssbutton-danger:hover:link, div.cssbutton.cssbutton-danger:focus, div.cssbutton.cssbutton-danger:hover, input[type="submit"].cssbutton.cssbutton-danger:focus, input[type="submit"].cssbutton.cssbutton-danger:hover, li.cssbutton.cssbutton-danger:focus li.cssbutton.cssbutton-danger:hover, span.cssbutton.cssbutton-danger:focus, span.cssbutton.cssbutton-danger:hover {
    color: #ffffff;
    background-color: #c9302c;
    border-color: #c9302c;
}


/*-- HOME PAGE --*/
.homeContentSlider {float: left; display: inline; width: 620px; height: 280px; margin: 0; z-index:1; background-color:#ECECEC;}
.homeContentSlider img {border: 0;}

.homeMiddleRow {float: left; display: inline; width: 960px; margin: 22px 0 16px 0; padding: 0;}

.homeLatestNews, .homeUpcomingEvents, .homeMemberInfo {float: left; display: inline; width: 300px; margin: 0 20px 0 0;}

.homeMiddleRow h2 {float: left; display: inline; width: 300px; line-height: 32px; font-size: 13pt; font-weight: bold; color: #FFFFFF; text-indent: 10px; margin: 0;}
.homeMiddleRow h6 {font-size: 10pt; font-weight: bold; font-style: italic; line-height: 1.2em;}

.homeMiddleRow li a:link {text-decoration: none; color: #333333; background-color: transparent;}
.homeMiddleRow li a:visited {text-decoration: none; color: #333333; background-color: transparent;}
.homeMiddleRow li a:hover {text-decoration: none; background-color: transparent;}

.homeMiddleRow .middleBody {
	clear:both;
	padding: 8px 8px 0px 8px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #EBEDEE;

	border-radius: 0 0px 8px 8px;
	-webkit-border-radius:0 0px 8px 8px;
	-moz-border-radius:0 0px 8px 8px;
}

.homeMiddleRow .middleBody ul li {width: 100%}

/*-- HOME LATEST NEWS --*/
.homeLatestNews ul {float: left; display: inline; margin: 0; padding: 0; list-style: none;}
	.homeLatestNews li, .homeLatestNews em, .homeLatestNews i {font-size: 10pt; color: #666666;}
	.homeLatestNews a { font-weight: bold }
	.homeLatestNews li { clear:both; float: left; display: inline; position: relative; background-position: 0 0.5em; background-repeat: no-repeat; padding: 2px 0 6px 20px; margin:0;}

/*-- HOME MEMBER INFO --*/
.homeMemberInfo {margin: 0} /* need this to prevent padding on right */
	.homeMemberInfo ul {margin: 5px 0 5px -5px; font-size: 10pt; list-style: none; color: #666666;}
	.homeMemberInfo li {position: relative; background-position: 0 0.5em; background-repeat: no-repeat; padding: 4px 0 3px 20px; font-size: 10pt; color: #333333; font-weight: bold;}

/*-- HOME RECENT FEATURES --*/
.homeRecentFeatures {float: left; display: inline; width: 960px; margin: 0; padding: 0;}
.homeRecentFeatures h2 {font-size: 13pt; font-weight: bold; line-height: 32px; margin: 0;}

.systemMessages { clear:both; margin: 12px 0; width:960px; border: 1px solid #DEDEDE; }
.systemMessages div { width:900px; padding:8px; }

/* ITEMS */
.homeEventItem {
	float: left; 
	display: inline; 
	width: 280px; 
	padding: 0 0 20px 0;
}
	.homeEventItemDate {
		float: left;
		display: inline; 
		width: 50px; 
		height: 50px;
	}
	.homeEventItemDate a, .homeEventItemDate a:link, .homeEventItemDate a:visited:link {
		text-decoration: none;
	}
	.homeEventItemDate p a:hover {
		color:black;
	}
	.homeEventItemDate p {
		padding: 0;
		margin: 7px 0 0 0;
		font-size: 9pt; 
		font-weight: bold;
		text-align: center;
	}
	.homeEventItemDate em {
		font-size: 16pt;
		font-weight: bold;
		font-style: normal; 
	}

	.homeEventItemDetail {
		float: right; 
		display: inline; 
		width: 220px; 
		margin: 0; 
		line-height: 1.3em; 
		font-size: 10pt; 
		font-weight: bold;
		color: #666666;
	}
	.homeEventItemDetail em {
		font-size: 10pt;
		font-weight: normal;
		font-style: italic;
	}
	.homeEventItemDetail a:link {text-decoration: none; color: #333333; background-color: transparent;}
	.homeEventItemDetail a:visited {text-decoration: none; color: #333333; background-color: transparent;}
	.homeEventItemDetail a:hover {text-decoration: none; background-color: transparent;}
	
	.homeEventUpcoming { padding-left: 60px; font-style: italic; font-size: 10pt; font-weight: bold }


.homeFeatureItemLeft { float: left; margin: 0 20px 0 0; }
	.homeFeatureItemRight {float: right; margin: 0;}
	.homeFeatureItem { display: inline; width: 140px; font-size: 9pt }
	.homeFeatureItem div { clear:both; }
	.homeFeatureItem h3 { margin:0 }
	.homeFeatureItem img { margin: 4px 0 5px 0; }

		.homeRecentFeatures a:link 		{ text-decoration: none; font-weight:bold; color: black; background-color: transparent; }
		.homeRecentFeatures a:visited 	{ text-decoration: none; font-weight:bold; color: black; background-color: transparent; }
		.homeRecentFeatures a:hover 	{ text-decoration: none; font-weight:bold; background-color: transparent; }

	.homeFeatureItem div div div {
		padding-top: 8px;
	}



/* HOMEPAGE SLIDER */
.slideshowContainer { height: 280px; width: 620px; margin: auto; }
.slideshow { height: 235px; width: 620px; margin: auto; }
.slideshow img { padding: 0px; border: 0px solid #ccc; background-color: #eee; }

#nav { height: 45px; width: 395px; margin: 0 0 0 225px; background-color:#ECECEC; }
#nav a { 
	float : left;
	width : 35px;
	height : 27px;
	display : inline;
	font-size : 12px;
	color:#ECECEC;
	margin : 10px 5px 0 0;
	line-height : 27px;
	font-weight : bold;
	text-align : center;
	text-decoration : none;
	background-position : 0 0;
	background-repeat : no-repeat;
}
#nav a.activeSlide { background-position : 0 -27px; }
#nav a:focus { outline: none; }



.form-section-heading {
	FONT-SIZE: 14pt;
	FONT-WEIGHT: bold;
	color: #333333;
	line-height: 1.5;
	text-align: left;
	padding-top: 15px;
}

.form-button {
	display:none;
	color: #FFFFFF; 
	font-size: 14px; 
	font-weight: bold; 
	padding: 3px 10px 4px 10px; 
	margin: 0 0 0 160px;
	text-transform: uppercase;
	height : 26px
}
.form-button-group {
	float:left;
	width: 500px;
}
.form-button-group .formButtonsHolder {
	margin: 0 0 35px 8px;
}

label.validationError {
	color: red;
	vertical-align: top;
	width: 100%;
	font-size: smaller;
	margin:0;
	padding:0 0 0 .5em;
}

.help_button_box {
 	 float: right;
	 background-color:dodgerblue;
	 border:1px solid darkblue;
	 color:white;
	 text-align: right;
	 font-weight: bold;
	 padding: 2px;
	 font-size: 9pt;
}
.help_button_box a {
	color:white;
	text-decoration: none;
}

div.sys {
	clear:both;
	height: 20px;
	width: 100px;
}


.enforced-js {
	display:none;
}
div.enforced-nonjs {
	border:3px solid #AD2842; 
	font-size: 9pt;
	padding:5px;
	font-weight: bold;
}


.delete_confirm {
	display: none;
	float:left;
	height:130px;
	position: absolute;
	z-index: 20000;
	margin-left: 2px;
	font-size: 8pt;
	padding: 10px;
	font-weight: bold;
}
	
	
	
	
	.delete_confirm .title {
		background-repeat: no-repeat;
		font-size:x-large;
		height: 48px;
		float:left;
		padding: 6px 0 0 50px;
		font-weight: bold;
		color:white;
		font-size: 14pt;
	}
	.delete_confirm p {
		clear:both;
		padding:4px;
		font-size:10pt;
		color:white;
	}
	.delete_confirm .yes, .delete_confirm .no {
		margin: 0 5px;
		padding:3px;
		color:white;
	}
	.delete_confirm .yes a, .delete_confirm .no a {
		color:white;
	}

.highlight_string {
	font-weight:bold;
}

/* SEARCH */
.search_results_count {
	width: 600px;
	border-top: 1px solid lightgray;
	margin: 8px 0 4px 0;
	padding: 4px 0;
	font-weight: bold;
}
.search_toolbar {
	text-align: right;
	float: right;
}
	.search_page_tool {
		float: left;
		font-size: 8pt;
	}

/*
.search_result_each {
	margin-bottom: 20px;	
}
*/

	.search_result_count {
		font-size: 11pt;
		font-weight:bold;
		margin: 25px 0px 8px 0px;
		line-height:1em;
	}

	.search_counter {
		float:left;
		width: 15px;
		height: 15px;
		color: #FFFFFF;
		padding:2px;
		font-weight:bold;
		font-size: 8pt;
		text-align: center;
		margin: 2px 10px 0 0;
	}
	.search_result_wrapper {
		float:left;
		width: 910px;
		margin: 0px 0px 5px 0px;
		padding-bottom: 5px;
	}
	
	.search_result_criteria_block {
		width:48%;
		float:left;
	}
	.search_result_criteria {
		clear:both;
		margin: 0px 0px 0px 0px;
		font-size: 11pt;
		font-weight:bold;
		width: 600px;
		padding: 4px 0;
	}
	.search_criteria_change {
		margin: 4px 0px 4px 25px;
	}

	.search_controls_counter {
		float:left;
		font-size: 11pt;
		font-weight:bold;
	}
 	.search_controls {
 		float:right;
 		font-size: 10pt;
 		font-weight:bold;
 		margin: 0px;
 		line-height:1em;
 	}
 	.search_controls div {
 		color:gray;
 		float:right;
 		margin:0;
 		padding-right: 5px;
 	}
 
 	.search_orderby {
 		margin:4px 0px 0px 0px;
 	}
	.search_status_running, .search_status_complete, .search_status_error {
		font-size: 12pt;
		font-weight: bold;
		padding:4px 0px;
	}
	.search_status_error {
		color:red;
	}
	.search_status_complete, .search_status_error {
		display:none;
	}

	.product_favourite {
		font-weight:bold;
		font-size: 10pt;
		cursor: pointer;
	}

	#search_selection_list {
		display: none;
		padding: 8px;
		border: 1px solid lightgray;
		margin-top: 3px;
	}

	#favourite_list {
		border: 1px solid #EBEDEE;
		margin: 3px 0px;
	}

		#favourite_list_control {
			background-color: #EBEDEE;
			padding:4px;
		}

		#favourite_list_control div.title {
			float:left;
			font-size: 12pt;
			font-weight:bold;
			padding-left:12px;
		}
		#favourite_list_control div.img {
			float:right;
			margin-top:3px;
			padding-right:5px;
		}
		
	#favourite_list_inner {
		padding-top: 4px;
	}
	
	.favourite_not_loggedin, .favourite_no_favs {
		font-size: 10pt;
		font-weight:bold;
		padding:1px 15px 3px 15px;
	}
	.favourite_disabled {
		opacity:0.3;
	}
	.view_favourite_products {
		clear:both;
		padding:10px 0 0 27px;
		font-size:9pt;
	}
	
	.search_selection_list_inner_num, .favourite_list_inner_num {
		float:left;
		font-size: 8pt;
		clear:both;
		font-weight:bold;
		width: 8%;
		text-align:right;
		padding-right:4px;
	}
	.search_selection_list_inner_text,.favourite_list_inner_text {
		float:left;
		font-size: 8pt;
		width: 82%;
	}

	.product_favourite_add, .product_favourite_remove {
		/* position: absolute;*/
	}
	.product_full_trigger, .product_short_trigger {
		cursor: pointer;
		font-weight: bold;
		margin-top: 10px;
	}

	.product_title {
		font-weight: bold;
	}

	.product_winner {
		color: darkgoldenrod;
	}
		
	.product_topics {
		margin: 5px 0px;
		text-align: justify;
	}

	.product_authors {
		clear:both;
	}
	.product_publisher {
		clear:both;
		font-style: italic;
	}
	.product_metrics {
		margin: 0px 0;
	}
		.product_metrics p {
			margin: 0;
			padding:0;	
		}

	.product_tools {
		clear:both;
		margin-bottom: 32px;
	}
	/*
	.product_tools_inner {
		width: 138px;
		margin: 0 auto auto auto;
	}
	*/

	.product_tools_inner {
		width: 150px;
		margin: 0 auto auto auto;
		padding: 0 0 0 6px;
	}

	.product_share_wrapper {
		position: relative;
	}
	.product_share_control {
		height: 24px;
		width: 50px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.product_share_control_title {
		font-weight: bold;
		font-size: 8pt;
		padding-top: 4px;
		color: white;
	}
	.product_share_wrapper .addthis_toolbox {
		display: none;
		position: absolute;
		bottom: -18px;
		left: -27px;
		width: 150px;
	}
	.product_addthis {
		float:left;
	}
	.product_email_friend {
		padding-left: 2px;
	}

.product_titletypeandreference {
	padding-top: 2px;
}
	.product_typeandreference {
	}

	.product_free_collection, .product_award_winner, .product_translation_lang, .product_compact_case {
		float:left;
	}
	.product_award_winner, .product_free_collection, .product_translation_lang {
		margin-right: 6px;
	}
	.product_compact_case_label {
		float: left;
		font-weight: bold;
		color: #66ccff;
	}

	.product_special_tag {
		float:left;
		font-size: smaller;
		padding-top:2px;
		font-weight:bold;
		text-transform:uppercase;
	}
	
	.product_list_spacer {
		float:left;
		font-size: 8pt;
		padding: 0px 4px;
	}
	.product_list_halfspacer {
		float:left;
		font-size: 8pt;
		padding: 0px 2px;
	}

	.product_reference_number {
		float: left;
	}
	.product_tool {
		float:left;
		text-align:center;
		margin: 0 auto auto auto;
		height: 28px;
		cursor: pointer;
		margin: 0px 8px;
	}

	.product_abstract_wrapper {
		clear:both;
		margin: 5px 0px;
	}
		.product_abstract_trigger {
			font-weight: bold;
			cursor: pointer;
		}
	.product_abstract_wrapper div {
		text-align: justify;
	}

	.product_addbasket_outer {
	}
	.product_addbasket {
		font-weight: bold;
		margin: 0 auto auto auto;
		text-align:center;
		padding: 0px;
		width: 250px;	
	}
	
	
	.product_addbasket_baker {
		width: 100%;	
		padding: 0px;
	}
	
	.product_addbasket_text {
		width: 20%;	
		padding: 0px;
		font-weight:bold;
		float:left;
		text-align:right;
	}
	
	.product_addbasket_courseButton {
		padding: 0px;
		font-weight:bold;
		padding-left:5px;
		float:left
	}
	
	
	.product_mustlogin {
		float:left;
		margin: 4px 4px 4px 0px;
		padding:8px 4px 4px 4px;
		font-size: 8pt;
		font-weight:bold;
	}
	.product_related {
		clear:both;
		font-size: 10pt;
		font-weight:bold;
		margin-top: 16px;
	}
		.product_related li {
			font-size: 9pt;
		}

	.product_correctPrices {
		clear:both;
		margin: 5px 0px;
	}
	
	.product_settings {
		clear:both;
		margin: 5px 0px;
	}
/* END OF PRODUCT STYLING */


#adv_search_form {
	margin: 20px 0;
}
.adv_search_table {
	margin: 10px 0;
}
.adv_search_table td {
	padding:4px 4px 8px 4px;
}
.adv_search_operator {
	width: 150px;
	text-align:right;	
}

.adv_search_fieldlabel {
	width: 150px;
}
.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.tooltip_comment_left {
	float:left;
	padding:5px 5px 5px 0;
}
.tooltip_comment_right {
	float:left;
	padding:5px 0 5px 5px;
}

.headingText {
	FONT-FAMILY:Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	color:#990000;
	text-align: left;
	font-weight:bold;
	padding-bottom: 10px;
	
}

.product {
	width:100%;
	padding:0;
	margin:0 0 32px 0;
	border:0;
}

.product .product_left {
	clear: both;
	float: left;
	text-align: left;
	width: 593px;
}
.product_publication, .product_authors, .product_related, .product_typeandreference, .product_datasource {
	clear:both;
}

.product_datasource, .product_abstract {
	margin-top: 8px;
}
	
.product_prices {
	clear:both;
	font-weight:bold;
	padding-bottom: 4px;
	margin: 0 auto auto auto;
	text-align: center;
}

.product_price_message {
	clear:both;
	font-weight:bold;
	padding-bottom:4px;
	text-align:center;
	margin-top: 30px;
}
.product_trigger_label {
	font-weight:bold;
}

.product .product_right {
	float: right;
	text-align: left;
	width: 300px;
}

.product_display_mode_minibuy .product_left {
	width:400px;
}
.product_display_mode_minibuy .product_right {
	width:150px;
	padding-top: 4px;
}

.product_display_mode_minibuy .product_authors {
	width: 400px;
}
.product_display_mode_minibuy .product_authors .product_value {
	width: 390px;
}

.product .product_right_inner {
}

.product_label {
	float:left;
	clear:both;
	font-weight:bold;
	width: 90px;
}

.product_label_long {
	//width: 100px;
}

.product_value {
	float:left;
	padding-left: 10px;
	width: 450px
}

.product_value_short {
	float:left;
	padding-left: 10px;
	width: 300px
}

.product_publication_version_etc {
	float: left;
	width: 70%;
}
.product_publisher_logo {
	float: right;
	width: 125px;
}

a {
	cursor: pointer;	
}
.fake_pointer {
		cursor: pointer;
}
.comment {
	color:white:
}


div.curved-panel {
	background-color: #ffffff;
	font-size: 11pt;
	text-align: left;
	padding:8px;
	margin-bottom: 4px;

	border:1px solid rgba(0,0,0,0.5);

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.4);
	box-shadow:0 0 3px rgba(0,0,0,0.4);
}
	div.curved-panel .title {
		height: 30px;
		font-weight:bold;
		font-height: 14pt;
		background-color: red;
	}

div.editable_group {
	clear:both
}
div.editable_header {
	clear:both
}
div.editable_title {
	float:left;
}
div.editable_toolbar {
	float:right
}
div.editable_trigger_edit, div.editable_trigger_save, div.editable_trigger_cancel {
	float:left;
	margin-right:4px;
}

.editable_header {
	margin-top:10px;
}
.editable_title {
	font-size:12pt;
	font-weight:bold;
}
#invoice_details_wrapper {
	width:416px;
	float:left;
}
#delivery_details_wrapper {
	width:416px;
	float:right;
}


.ecch_verification_message {
	padding:2px 4px;
	font-size: 9pt;
	font-weight: bold;
	color:white;
	border:0;

	-webkit-border-radius:0px 0px 10px 10px;
	-moz-border-radius:0px 0px 10px 10px;
	border-radius: 0px 0px 10px 0px;
}


.env_banner_env {
	float:left;
	font-size:9pt;
	padding:2px;
	font-weight:bold;
}
.env_banner_tools {
	float:left;
	margin-left:10px;
}
.env_banner_tool {
	border:1px solid white;
	height: 16px;
	padding:0 2px;
	font-size:8pt;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	float:left;
	margin: 1px 2px 1px 0;
	color:white;
}
.env_banner_development {
	background-color: salmon;
}
.env_banner_test1www_thecasecentre_org, .env_banner_test1admin_thecasecentre_org {
	background-color: #E0B0FF;
}
.env_banner_test2www_thecasecentre_org, .env_banner_test2admin_thecasecentre_org {
	background-color: #9F00C5;
}
.env_banner_devwww_thecasecentre_org, .env_banner_devadmin_thecasecentre_org  {
	background-color: hotpink;
}
.env_banner_live {
	background-color: lightgreen;
	color:white;
}

.env_banner_development .env_banner_env,
.env_banner_development a:link, .env_banner_development a:visited,
.env_banner_test .env_banner_env,
{
		color: white;
}

.env_banner_live a:link, .env_banner_live a:visited {
		color: black;
}

.course_packet {
	background-color: #ffffff;
	font-size: 11pt;
	text-align: left;
	margin-bottom: 16px;
	width: 960px;
	border:1px solid rgba(235,237,238,0.9); /*EBEDEE*/
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;

	/*-webkit-box-shadow:3px 3px 3px rgba(160,160,160,0.8);
	-moz-box-shadow:3px 3px 3px rgba(160,160,160,0.8);
	box-shadow:3px 3px 3px rgba(160,160,160,0.8);*/
}
	.course_packet .course_packet_title_ro,  .course_packet_title_rw {
		border: 1px solid rgba(235,237,238,0.9); /*EBEDEE*/
		-webkit-border-radius: 15px 15px 0 0;
		-moz-border-border-radius: 15px 15px 0 0;
		border-radius: 15px 15px 0 0;

		margin:0;
		background-color: #EBEDEE;
		font-size: 12pt;
		font-weight: bold;
	}

	.course_packet .course_packet_title_ro {
		padding: 4px 8px;
	}

	.course_packet .course_packet_title_rw {
		padding: 4px 8px;
	}

	.course_packet H3 {
		margin:0;
	}

	.course_packet_materials {
		/*
		float:left;
		width: 584px;
		padding: 16px 0px 16px 10px;
		margin-right: 16px;
		*/
		float: left;
		width: 490px;
		padding: 8px;
	}
		.course_packet_items {
			float:left;
			font-size: 10pt;
		}

	.course_packet_details {
		/*float: right;
		width: 300px;
		padding:16px 16px 16px 0px;
		*/
		float: right;
		width: 400px;
		padding: 8px;
	}

		.course_packet_form {
			width:100%;
			float:right;
			margin: 0;
		}
			.course_packet_dates_rw, .course_packet_dates_ro {
				margin-top: 8px;
			}

	.course_tutor_wrapper {
		clear:both;
	}
		.course_tutor_ro, .course_tutor_organisation_ro {
			/* hidden by default*/
			/*display:none;*/
		}
		.course_tutor_ro_arrow, .course_tutor_organisation_ro_arrow {
			float:left;
			padding:4px 4px 0 0;
			width: 20px;
		}
		.course_tutor_ro_value, .course_tutor_organisation_ro_value {
			float:left;
			width:90%;
		}
		.course_tutor_remove, .course_tutor_organisation_remove {
			 float:left;
			 padding-top: 6px;
			 margin-left:6px;
			 width:16px;
		}
		.course_tutor_additional, .course_tutor_organisation_additional {
			margin-top: 4px;
		}

	.ajax_course_tutor_ro_cross { float:left; padding: 4px 0 0 4px; }

	.course_tutor_new { border-style:solid; border-color: lightgray; border-width: 0px 0px 1px 0px;padding:4px 0;margin:2px 0;}
	.course_packet_form_ro {
		float:right;
		margin: 0;
	}

	.course_button_wrapper {
		clear:both;
		width:100%;
		float:right;
		margin-top: 16px;
	}
		.course_message {
			font-weight: bold;
			font-size: 10pt;
			float: left;
		}
		.course_update_button {
			float:right;
		}
	
		.course_edit_button {
			float:right;
		}

	.course_footer_wrapper {
		clear:both;
		width:906px;
		padding: 8px 16px;
		text-align: center;
		border-top: 1px solid #DEDEDE;
	}

	.course_sidenote div {
		font-size:9pt;
	}
		.course_sidenote_title {
				font-weight:bold;
			}
		.course_sidenote_body {
			color: #444444;
		}


.quote-line-row-wrapper {
	width:100%;
}
.quote-line-row {
	margin: 2px 0 2px 0;
	padding: 0;
	clear:both;
}
	.quote-line-row-quantity {
		 float:left;
		 text-align: left;
		 width:38px;
	}
	.quote-line-row-product {
		float:left;
		width: 100%;
	}
	

	
table.rounded {
	border:1px solid #EBEDEE; /*#EBEDEE*/
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

td table.rounded {
	width:98%;
	margin-bottom: 10px;
}
table.rounded td {
	padding: 4px;
}

table .rounded-title {
	padding: 4px 0px 4px 4px;
	background-color: #EBEDEE;/*#EBEDEE;*/
	font-weight:bold;

	border-width: 1px 1px 0px 1px; 
	border-style: solid;
	border-color: #EBEDEE; /*#EBEDEE;*/

	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px 10px 0 0;
}

table .rounded-title img {
	float:right;
	margin-right: 8px;
}

.matrix_follow_on_success {
	background-color: #1D8857;
	color:white;
}
.matrix_follow_on_failure {
	background-color: #CD0207;
	color:white;
}

.center_outer {
	float:left;
	left:50%;
	position: relative;
}
.center_inner {
	float:left;
	left:-50%;
	position: relative;
}

.rotate_clock {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-o-transform: rotate(90deg);
}
.rotate_anticlock {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-o-transform: rotate(-90deg);
}

/*Courses styles*/
#courseProductsContainer {
	padding-top: 30px;
	min-width: 960px;
}

#AddformContainer {
	min-width: 500px;
}

.courseProductTitle, .courseProductTitleCB {
	float:left;
	width:120px;
	font-weight:bold;
}

.courseProductTitleNarrow {
	float:left;
	width:100x;
	font-weight:bold;
}

.courseProductTitleWide {
	float:left;
	width:180px;
	font-weight:bold;
}


.courseProductTitleCB{
	margin:-10 0 0 0;
}

.courseProductTitlePrice{
	float:left;
	width:80px;
	font-weight:bold; 
}

.courseProductText{
	float:left;
	width:120px; 
}

.courseProductText1{
	float:left;width:100px;
	padding-bottom: 10px; 
}

.courseProductButtonActive, .courseProductButtonDelete{
	width:20px;
	padding-bottom: 10px; 
	float:left
}

.courseProductWideTextList{
	float:left;
	width:200px;
	padding-bottom:5px;
}


.courseProductDecoration{
	text-decoration:underline;
	cursor: pointer	
}

.courseProductWideText{
	float:left;
	width:260px;
	padding-bottom:5px;
}


.courseProductWideTitle{
	float:left;
	width:200px;
	font-weight:bold; 
}


.courseProductWideTitleList{
	float:left;width:200px;
	font-weight:bold;
}

.courseProductWideTitle{
	width:260px;
	font-weight:bold;
}

.studentTitle{
	width:350px;
}

.courseProductImage{
	float:left;
	width:70px;
	cursor:pointer;
}

.courseTitleReference{
	width:350px;
	padding-right:10px
}

.courseTitleReferenceWide{
	width:400px;
	padding-right:10px;
	
}

.courseNotes{
	width:260px;
}

.courseNotesTitle{
	width:270px;
	padding-left:30px;
}


.requiredPurchase{
	width:150px;
}

.courseProductImageHeader{
	float:left;
	width:70px;
	cursor:auto;
	font-weight:bold;
}

.courseProductImageLeft{
	float:left;
	width:60px;
	cursor:pointer;
	margin-left:50px;
	border:solid thin red
}

.priceTitle{
	margin-left:623px; 
	float:left;
}

.priceDisplay{
	float:left; 
	color:red;
	font-weight: bold; 
} 

.totalPriceCurrency{
	float:left; 
	padding-left:80px;
	padding-bottom:15px;  
	font-weight: bold;
} 

.mandatoryPriceCurrency{
	float:left; 
	padding-left:15px; 
	color:red;
	font-weight: bold; 
} 

.mandatoryPriceTitle{
	margin-left:623px; 
	float:left;
}

.mandatoryPriceDisplay{
	float:left; 
	color:red;
	font-weight: bold; 
}

.explanatoryText{
	width:960px;
}

.send-student-mail{
	margin-left:12px; 
	margin-bottom:8px;
    cursor: pointer; 
}

.studentTitleWidth{
	width:350px;
}

.studentInstructorWidth{
	width:205px;
	padding-left:10px
}

.bakerWidth{
	border: solid thin orange;
	width:165px
}

.checkBoxWidth{
	border:solid thin blue;
	width:30px;
	float:left;
	padding-left:30px

}

.product_reveal_hidden {
	display: none;
}

#my-account-message {
	margin: 4px 0px;
	font-weight: bold;
}
#my-account-message a {
	color:white;
}
div.rounded {
	border: 1px solid #E0E0E0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px 10px 10px 10px;
	padding: 5px 10px;
}


/*
Messages styles
*/
.messagecontaineractive{
	border:thin blue solid;
	border-radius:10px;
	padding:10px;
	min-height:50px;
	margin-top:5px;
	margin-bottom:5px;
	box-shadow: 5px 5px 5px #888888;
}

.messageheader{
	cursor:pointer;
}

.messageheaderactive{
	font-weight:bold;
	border-bottom:thin blue solid;
	padding-bottom:10px;
	background-color: white !important;
}

.messageheaderhover{
	background-color: lightblue;
}

.messagedisplay{
	padding-top:10px
}

.messagetoggle{
	float:right;
}

##unreadmessages {
	padding-bottom:20px
}



/*
Message Widget styles
*/
.messagecontainerwidget{
	/*
	border:thin blue solid;
	border-radius:10px;
	padding:10px;
	min-height:50px;
	margin-top:5px;
	margin-bottom:5px;
	box-shadow: 5px 5px 5px ##888888;
	background-color:#ffffff;
	width:250px;
	cursor:pointer;
	*/
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:thin #999999 solid;
}

.messagecontainerwidgetactive{
	background-color:#eeeeee;
}

.messageheaderwidget, .messageheaderwidget a{
	font-weight:bold;
	cursor:pointer;
	/*
	border-bottom:thin blue solid;
	padding-bottom:10px
	*/
}

.messagedatewidget, .messagedatewidget a{
	/*padding-top:10px*/
}

.messageswidgetview, .messageswidgetview a{
	font-weight:bold;	
}

.contentPageRightFooter{
	font-weight:bold;
	padding:0 10px 10px 10px;
}


.messagecontainer {
    padding:5px 5px 5px 5px;
}

.messagecontainer:nth-child(odd) {
    background: #ebedee;
}


.messageheader .message_subject {
	font-weight:normal;
}

.messageheader .message_subject.notread{
	font-weight:bold;
}

.messagesNav{
	text-align:center;
}

.messageheader .message_status.read, .messageheader .message_status.notread{
	width:10px;
	height:10px;
	margin:5px 5px 5px 0;
	padding:0;
	
}
	
.messageheader .message_status.notread{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.messageheader .message_status.read{
	background-color:transparent;
}

.messageheader .message_subject{
	max-width:80%;
}

.messagedisplay {
    padding:5px 5px 5px 15px;
}

 



/*comments styles*/
.commentsarea{}
.commentsarea .title{
	font-weight:bold; 
	font-size:1.5em;
}
.commentsContainer{}
.commentContainer {
	text-align:left; 
	/* border:thin black solid; border-radius:10px; */
	/*
	border-left:1px solid #efefef; 
	border-top:1px solid #efefef; 
	*/ 
	padding:10px; 
	margin-bottom:10px; 
	background-color:white; 
	/*box-shadow: 3px 3px 3px #ababab;*/
}
.commentContaineradmin {
	text-align:left; 
	border:thin black solid; border-radius:10px;
	border-left:1px solid #efefef; 
	border-top:1px solid #efefef; 
	padding:10px; 
	margin-bottom:10px; 
	background-color:white; 
	box-shadow: 3px 3px 3px #ababab;
}
.commentsNav{
	text-align:center;
}
.commentdetails{
	margin-left:100px;
}
.commentimage{
	float:left; width:100px;
}
.commentheader{
	font-weight:bold;
}
.reportcomment{
	margin-top:10px; cursor:pointer;
	}
.likecommentcontainer{
	margin-top:10px; 	
}	
.likecomment, .unlikecomment{
	cursor:pointer;
	}
.likecommentinactive , .unlikecommentinactive{
	cursor:default;
	}
	
.commentsform{
	padding:10px; margin:10px; 
	border:thin black solid; 
	text-align:center;
	border-radius:10px; 
	padding-bottom:50px; 
	background-color:white;
	box-shadow: 5px 5px 3px #ababab;
}

/*report styles*/
.reportchart {
	text-align:left; 
	border-left:1px solid #efefef; 
	border-top:1px solid #efefef;  
	padding:10px; margin-bottom:10px; 
	background-color:white; 
	box-shadow: 3px 3px 3px #ababab;
}						
.editreport{
	text-align:right;
}
.rejectreport, .rejectreport:visited, .rejectreport:link, a.rejectreport, a.rejectreport:visited, a.rejectreport:link{
	color:red;
	text-decoration:none;
}
.upholdreport, .upholdreport:visited, .upholdreport:link, a.upholdreport, a.upholdreport:visited, a.upholdreport:link{
	color:green;
	text-decoration:none;
}

.link, .link:visited, .link:link, a.link, a.link:visited, a.link:link{
	color:blue;
}


/*  
this is a fix to the jquery ui modal box to a) ensure that the overlay fills the whole screen
and b) to make it the same color as the facebox overlays that we have historically used 
*/	
.ui-widget-overlay
{
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	opacity:0.55%;
	background:black;
}

/*  This is moved to it's own file as it was getting overwritten unless called last
the likefacebox class is to get the jquery UI modal box (which is actually far better looking) 
to look like the facebox modal box for continuity  

.likeFacebox {
	background:red; !important
	border-color:green; !important
}
.likeFacebox .ui-widget-header {
	background:blue; !important
	border-color:orange; !important
}
.likeFacebox .ui-dialog-content {
	background:pink; !important
	border-color:yellow; !important
}
.likeFacebox .ui-widget-content {
	background:purple; !important
	border-color:cadetblue; !important
}
.likeFacebox .ui-dialog-titlebar {
	display:none;
}
*/

/*containers*/
.genericContainer {
	text-align:left; 
	border-left:1px solid #efefef; 
	border-top:1px solid #efefef;  
	padding:10px; margin-bottom:10px; 
	background-color:white; 
	box-shadow: 3px 3px 3px #ababab;
}	



/* 
pagination styles for the pagination navigation at top of paginated result sets
used by the form utility resultsPagination method
*/
.paginationnavcontainer{
	text-align:center;
	width:100%;
	border-top:thin cccccc solid;
	border-bottom:thin cccccc solid;
}

.paginationnavcontainer a {											
	text-decoration:none !important;
	color:rgb(0, 96, 169);									
}							
					
.paginationnavactive{
	font-size:1.2em; 
	font-weight:bold;
}

.paginationdisplaycount{
	text-align:center;
	width:100%;
	border-top:thin cccccc solid;
}

/*
some standard message divs
*/
.errormessage {       
	border-width:thin;
	border-style:solid;
	border-color:red;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5px 5px 5px 35px;
	background: url(/includes/icons/24x24/remove.png);/*https://devadmin.thecasecentre.org/includes/icons/24x24/cross.png*/
	background-repeat:no-repeat;
	background-position:5px 5px;
	background-color:FFCCCC;
	min-height:30px;
	font-size:14px;
	margin:5px 0px 5px 0px;
}

.warningmessage {
	border-width:thin;
	border-style:solid;
	border-color:orange;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5px 5px 5px 35px;
	background: url(/includes/icons/24x24/warning.png);/*https://devadmin.thecasecentre.org/includes/icons/24x24/warning.png*/
	background-repeat:no-repeat;
	background-position:5px 5px;
	background-color:FFFFCC;
	min-height:30px;
	font-size:14px;
	margin:5px 0px 5px 0px;
}

.infomessage {
	border-width:thin;
	border-style:solid;
	border-color:blue;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5px 5px 5px 35px;
	background: url(/includes/icons/24x24/info.png);/*https://devadmin.thecasecentre.org/includes/icons/24x24/info.png*/
	background-repeat:no-repeat;
	background-position:5px 5px;
	background-color:D6EBFF;
	min-height:30px;
	font-size:14px;
	margin:5px 0px 5px 0px;
}

.successmessage {
	border-width:thin;
	border-style:solid;
	border-color:green;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5px 5px 5px 35px;
	background: url(/includes/icons/24x24/tick.png);/*https://devadmin.thecasecentre.org/includes/icons/24x24/tick.png*/
	background-repeat:no-repeat;
	background-position:5px 5px;
	background-color:#E1FFC3;
	min-height:30px;
	font-size:14px;
	margin:5px 0px 5px 0px;
}

.failuremessage {
	border-width:thin;
	border-style:solid;
	border-color:red;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5px 5px 5px 35px;
	background: url(/includes/icons/24x24/cross.png);/*https://devadmin.thecasecentre.org/includes/icons/24x24/cross.png*/
	background-repeat:no-repeat;
	background-position:5px 5px;
	background-color:FFCCCC;
	min-height:30px;
	font-size:14px;
	margin:5px 0px 5px 0px;
}

/*
Highcharts.js charts
styles here are so that the highcharts styles can be mimmicked
for example if you want to turn off the highcharts title and put it into your own title bar
*/
.graphtitlebar, .graphtitlebar div {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #274b6d;
}

.reporttoggle i{
	border:thin 274b6d solid;
	color:#274b6d;
	padding:3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer; 
}

/*
used for title bars in generic containers etc
*/
.titlebar, .titlebar div {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #274b6d;
}

/*
git styles for source control
*/
.gitdisplaybar {
	width:100%;
	margin:0px;
	padding:1px 1px 1px 1px;
}

.gitstatuscontainer {
	/*
	border-width:thin;
	border-style:solid;
	border-color:black;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:2px 5px 2px 5px;
	margin:5px auto 5px auto;
	width:95%;
	background-color:#ffffff;
	text-align:left;
	*/
	color:#ffffff;
	border:thin white solid;
	padding:2px;
	float:right;
}

.branch {
	padding:2px 2px 2px 5px;
	vertical-align: middle;
}

.branch_current {
	font-weight:bold !important;
}

.branch_stripe_odd {
	background-color: white !important;
}
.branch_stripe_even{
	background-color: #EDEDED !important;
}




/* clearfix solution alows divs to be wrapped in a group */
.group:before,
.group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1; /* IE6&7 */
}

.overlay {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 10000;
}
.overlay img {
	height: 50%;
	margin: -25% 45% 0 45%;
}


.dashboard-button, a:link.dashboard-button, a:visited.dashboard-button, a:hover.dashboard-button {
	width:100px;
    padding: 5px 5px 5px 5px;
	margin: 0 0 0 0;
	text-decoration: none;
	text-align: center;
	/*color: #7f8c8d;*/
	color: #ffffff;
	cursor: pointer;
	background: #49617a;
	border-top: none;
	border-right: none;
	/*border-bottom: 10px solid #34495e;*/
	border-left: none;
    border-radius: 10;
	box-shadow: 5px 5px 3px #cccccc;
	text-decoration:none;
}

.dashboard-button-secondary{
	background: #497962 !important;
 }
 
.dashboard-button.active, a:link.dashboard-button.active, a:visited.dashboard-button.active, a:hover.dashboard-button.active
,.dashboard-button.hover, a:link.dashboard-button.hover, a:visited.dashboard-button.hover, a:hover.dashboard-button.hover 
,.dashboard-button-secondary.active, a:link.dashboard-button-secondary.active, a:visited.dashboard-button.active, a:hover.dashboard-button-secondary.active
,.dashboard-button-secondary.hover, a:link.dashboard-button-secondary.hover, a:visited.dashboard-button.hover, a:hover.dashboard-button-secondary.hover 

{
	border-top: none;
	border-right: none;
	border-left: none;
	background: #7a4955 !important;
	text-decoration:none;
	box-shadow: 2px 1px 1px #cccccc;
    -ms-transform: translate(2px,2px);  /* IE 9 */
    -webkit-transform: translate(2px,2px);  /* Chrome, Safari, Opera */
    transform: translate(2px,2px); 
}

.dashboard-button.hover, a:link.dashboard-button.hover, a:visited.dashboard-button.hover, a:hover.dashboard-button.hover{
	/*color:#cccccc;*/
	background: #869DB6;
}

.dashboard-button-group-navigation {
	background: #ffffff;
    padding: 0 0 0 0;
	margin: 0 0 0 0;

}

.dashboard-button-group-navigation a {
	margin: 0 0 0 0;
	text-decoration:none;
	color: #ffffff;
	background: #2c3e50;
}

.dashboard-button-group-navigation ul {
    padding: 0 0 0 0;
	margin: 0 0 0 0;
    list-style: none !important;
}

.dashboard-button-group-navigation ul li {
    display: inline-block !important;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
    /*zoom: 1;*/
    border-radius: 10;
    background:none !important;
}

.dashboard-button-group-navigation li .dashboard-button {
    float: left !important;
    margin-left:-0px !important;
}

.dashboard-button-group-navigation > .dashboard-button:not(:first-child):not(:last-child),
.dashboard-button-group-navigation li:not(:first-child):not(:last-child) .dashboard-button {
    border-radius: 10;
}

.dashboard-button-group-navigation > .dashboard-button:first-child,
.dashboard-button-group-navigation li:first-child .dashboard-button {
    margin-left: 0;
}

.dashboard-button-group-navigation > .dashboard-button:last-child,
.dashboard-button-group-navigation li:last-child > .dashboard-button {
    margin-right:0;

}

#homepage-footer {
	background-color: #EBEDEE;
	border-top: 1px solid #ABABAB;
	clear: both;
}

#homepage-footer-inner {
	width: 960px;
	margin: 0 auto;
}

#homepage-footer-mission {
	font-size: 8pt;
	padding: 12px 12px;
	text-align: center;
}

.homepage-footer-middle {
	float: left;
	font-size: 8pt;
	width: 330px;
	text-align: center;
}
.homepage-footer-middle img {
	width: 16px;
	vertical-align: middle;
}

#homepage-footer-bottom {
	clear: both;
	font-size: 8pt;
	text-align: center;
	padding: 12px;
}


#static-footer {
	background-color: #EBEDEE;
	border-top: 1px solid #ABABAB;
	clear: both;
	margin-top: 10px;
}
#static-footer-inner {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}
#static-footer-inner > h3 {
	font-size: 14pt;
	font-weight: bold;
	color: #333333;
	margin: 0;
}
#static-footer-inner table {
	width: 100%;
}
#static-footer-inner h4 {
	font-size: 11pt;
	font-weight: bold;
	color: #333333;
	padding: 0;
	margin: 8px 0 0 0;
}
#static-footer-inner ul {
	list-style: none;
	margin:0;
}
#static-footer-inner ul > li {
	margin: 0;
	padding: 0;
	font-size: 9pt;
}
#static-footer-inner ul > li > a {
	color: #333333;
}

#static-footer-inner ul > li > a:hover {
	text-decoration: none;
}

/* these are pulled from bootstrap, so if we ever install bootstrap, these can be removed from here */
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}


.bg-bold-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.bg-bold-success {
  color: #fff;
  background-color: #5cb85c;
}
.bg-bold-info {
  color: #fff;
  background-color: #5bc0de;
}
.bg-bold-warning {
  color: #fff;
  background-color: #f0ad4e;
}
.bg-bold-danger {
  color: #fff;
  background-color: #d9534f;
}
.product_undergraduate_licence_subscription {
	background-color: darkgreen;
	color: white;
	font-weight: bold;
	font-size: 9px;
	padding: 4px 3px 3px 3px;
	width: 160px;
	text-transform: uppercase;
	text-align: center;
	-webkit-border-radius:8px 0 8px 0;
	-moz-border-radius:8px 0 8px 0;
	border-radius:8px 0 8px 0;
}
.product_undergraduate_licence_subscription_basket_wrapper {
	padding-left: 77px;
	padding-bottom: 4px;
	width:150px;
}

.uctl_oneline {
	padding-bottom: 4px;
	padding-top: 2px;
}