body {
    font: normal 14px/1.4em Arial, Helvetica, sans-serif;
    color: #1c1c1c; 
	background: #f8f8f8;
	margin: 0;
	padding: 0;
}
a, .ui-widget-content a {
	color: #0072ce !important;
	text-decoration: none !important;
}
a:hover, .ui-widget-content a:hover {
	text-decoration: underline !important;
}
.ui-tabs .ui-tabs-panel {
	padding: 1em 1.2em !important;
}
.ui-tabs .ui-tabs-nav li a {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 80%;
    line-height: 1.4em;
}
.ui-tabs-nav a {
	color: #444 !important;
}
:focus {  /* Prevent dotted outline remaining in Firefox */
	outline:none;
}
::-moz-focus-inner {  /* Prevent dotted outline remaining in Firefox */
	border:0;
}
input:focus::-webkit-input-placeholder {  /* Disappear placeholder text on focus in Chrome */
    color: transparent !important;
}
img {
	border: 0 none;
}
hr {
	border: 0;
	height: 1px;
	color: #a59e96;
	border-bottom: 2px solid #a59e96;
}
em {
	font-style: normal;
	color: #777;
}
.printOnly {
	display: none;
}
.noBreak {
	white-space: nowrap;
}
.smallerText {
	font-size: 90%;
	color: #999;
}

/* PAGE TEMPLATE LAYOUT */

div.fixedWidthLanding {
	background-color: #fff;
    box-shadow: 0 0 6px #ddd;
    margin: 0 auto;
	text-align: left;
	width: 100%;
	max-width: 1200px;
	min-height: 100%;
}
div.fixedWidth {
    background-color: #fff;
    box-shadow: 0 0 6px #ddd;
    margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
	text-align: left;
	width: 100%;
	max-width: 1200px;
	min-height: 100%;
}
div.headerHome {
	position: relative;
	background: #fff;
	height: 165px;
	padding-top: 12px;
}
div.header {
	position: relative;
	background: #fff;
	height: auto;
	padding-top: 10px;
	margin-bottom: 1em;
}

.loggedInOptionsBox {
	background: #9faab2;
    color: #fff;
    font-size: 100%;
    margin: 0;
    padding: 5px;
	border-radius: 0;
	border: 0;
	box-shadow: none;
}
.loggedInOptionsMenu {
	list-style-type: none;
	
}
.loggedInOptionsMenu .firstItem {
	display: none;
}
.loggedInOptionsMenu > li > a {
    color: #fff !important;
}
.loggedInOptionsMenu > li > a:hover {
    text-decoration: none;
}
.loggedInOptionsMenu .open .dropdown-menu .dropdown-header, .loggedInOptionsMenu .open .dropdown-menu > li > a, .loggedInOptionsMenu .open .dropdown-menu > li > a:hover {
    background: #dfdfdf !important;
    border-radius: 4px;
    padding: 8px 15px 8px 25px;
}

.loggedInOptionsBox .userIconHeader {
	font-size: 110%;
	margin-top: 5px;
	margin-left: 8px;
}
.loggedInOptionsBox .userIconHeader a {
	color: #fff !important;
	text-decoration: none !important;
}
.loggedInOptionsNavbarIcon {
	display: inline-block; 
	height: 32px; 
	width: 32px; 
	font-size: 120%; 
	padding: 5px 8px; 
	border-radius: 15px; 
	box-shadow: 1px 1px 1px #777; 
	margin-right: 4px;
}
.loggedInOptionsNavbarIcon.glyphicon-user {
	background: #0072ce; 
}

div.mainContentBox {
	background: #fff;
	margin: 0;
	padding: 4px 22px 14px;
	line-height: 1.5em;
}
div.mainContentBoxHome {
	background: #fff;
	padding: 0;
	/* background-image: url(/images/home_humber_01_fade.jpg);
	background-repeat: no-repeat;
	background-size: cover; */
}
/*
.mainContentBoxHome::before {
    box-shadow: 0 3px 4px #000;
    width: 100%;
    height: 1px;
    content: "";
    display: block;
    margin-top: -1px;
}
*/

div.mainContentBoxInner {
	padding: 10px 20px;
}
div.footerBox {
	background: #9faab2;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1.4em 2em;
}
p.standardPageFooter {
	line-height: 1.4em;
	font-size: 95%;
	color: #ddd;
	padding: 0;
    margin: 0;
}
p.standardPageFooter a {
	color: #ddd !important;
}
p.standardPageFooter a em {
	color: #ddd !important;
	font-style: italic;
}
p.standardPageFooter a:hover {
	color: #eee !important;
	text-decoration: none !important;
}
div.mainFullWidthColumn {
	font-size: 95%;
}
div.homeLeftColumn {
	width: 100%;
	font-size: 120%;
}
div.homeLeftColumn2 {
	float: left;
	width: 420px;
}
div.mainLeftColumn {
	float: left; 
	width: 600px;
}
div.subRightColumn { 
	width: 100%;
	font-size: 110%;
	margin: 0;
}
div.subRightColumn p {
	font-weight: 600; 
	color: #fff; 
}
div.subRightColumn input[type=text], div.subRightColumn input[type=email], div.subRightColumn input[type=password] {
	padding: 0.5em 0.4em;
    margin: 6px 0;
	border: 1px solid #ccc;
	background: #f8f8f8;
	font-size: 110%;
}
div.homeLeftColumn table, div.subRightColumn table { 
	font-size: 90%;
}
div.mainFullWidthColumn table { 
	font-size: 100%;
}
div.subRightColumn2 {
	float: right; 
	width: 420px;
	padding-left: 26px;
	border-left: 1px solid #ddd;
}
div.subRightColumnNarrow { 
	float: right; 
	width: 127px;
	padding-left: 26px;
	border-left: 1px solid #ddd;	
}
div.subRightColumn p, div.subRightColumnNarrow p { 
	font-size: 90%;
	line-height: 1.4em;
}

.tabsNavbarContainer {
	border: 0; 
	background: none; 
	box-shadow: none; 
	margin: 1.2em 15px 0;
}
.tabsNavbarContainer .container-fluid {
	padding: 0;
}
.tabsNavbarContainer .navbar-toggle {
    margin-right: 0;
	background-color: #b2b2b2;
}
#tabsNavbar {
	padding: 0;
}
.tabsNavbarContainer .userIconHeader a {
	display: inline-block;
	border-radius: 4px;
	padding: 10px 15px;
	background: #005eb8;
	color: #fff !important;
}
.tabsNavbarContainer .active {
	display: none;
}
.narrowViewOnly {
	display: block;
}
.wideViewOnly {
	display: none;
}


/*Headings
==========*/

h1#topBarHeading {
	background: url(/images/logo_hny.png) center top no-repeat;
    background-size: contain;
	/* height: 50px; */
    height: 64px;
    margin: 0;
    width: 100%;
	font-size: 1px;
    text-indent: -4000px;
}
h2 {
	/* font-family: 'Frutiger LT W01_45 Ligh1475730'; */
    font-weight: 300;
	font-family: "Hind", Arial, Helvetica, sans-serif;
	color: #005eb8;
	border-bottom: 1px solid #999; 
	margin: 8px 0 12px 0;
	font-size: 180%;
    padding-bottom: 0.5em;
	letter-spacing: -0.01em;
}

img#programmeLogo {
	border: 0; 
	float: left;
	height: 60px; 
	width: auto;
	margin: 14px 0 0 30px;
}

h2#topBarSubheading {
	border-bottom: 0;
	font-size: 1px;
	text-indent: -4000px;
	padding: 0;
	margin-top: 0;
	height: 88px;
	width: 100%;
	background-image: url(/images/logo_wy.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
}
h2#topBarSubheading a {
	padding: 11px 0 0 114px;
    display: block;
	height: 80px;
}
h2#topBarSubheading a:hover {
	text-decoration: none !important;
}
div.subRightColumn h2 {
	/* color: #fff;
	text-shadow: 1px 1px 1px #333; */
}
h3 {
	font-size: 130%;
    font-weight: 400;
	color: #333;
	margin: 3px 0 10px 0;
	padding-bottom: 9px;
	border-bottom: 1px solid #a59e96; 
}
h4 {
	font-weight: normal; 
	font-size: 115%; 
	margin: 1em 0; 
	color: #666;
}

p.iconKey {
	/* float: right;  */
	display: inline-block;
	background: #e9e9e9; 
	margin-top: 20px; 
	padding: 3px 10px 3px 3px; 
	border: 1px solid #999; 
	font-size: 90%;
}
p.iconKey img {
	vertical-align: baseline;
}

table.standardTable, div.mainFullWidthColumn table.standardTable, .standardTableContainer {
	background: #fff;
	font-size: 100%;
	width: 100%;
}
.standardTableRow {
	background: #f8f8f8;
	margin-bottom: 2px;
}
.summaryContainerHeader {
	background: #eee;
	color: #333;
	font-weight: bold;
	padding: 6px 14px 10px;
	font-size: 120%;
	text-align: left;
	vertical-align: top;
	line-height: 1.3em;
	border-radius: 6px;
	margin-bottom: 8px;
}
table.standardTable th, .standardTableTh {
	background: none;
	color: #333;
	font-weight: normal;
	padding: 6px 14px 6px 8px;
	text-align: left;
	vertical-align: top;
	line-height: 1.6em;
	border-top: 1px solid #ddd !important;
}
table.standardTable th.clearBg, .standardTableTh.clearBg {
	background: none;
}
table.standardTable td, .standardTableTd {
	background: none;
	margin: 0;
	padding: 6px 14px 6px 8px;
	vertical-align: top;
	line-height: 1.6em;
	border-top: 1px solid #ddd !important;
}
table.standardTable td.clearBg, .standardTableTd.clearBg {
	background: none;
}
table.standardTable td.highlight1, .standardTableTd.highlight1 {
	background: #666;
	color: #fff;
	font-weight: bold;
}
table.standardTable th.majorHighlight, .standardTableTh.majorHighlight {
	background: #ec278a;
	color: #fff;
}
fieldset {
	border: 0 none;
	margin: 0;
	padding: 0;
}
label {
    margin-left: 6px;
	margin-bottom: 0;
	font-weight: inherit;
}
input, select, textarea {
	border: 1px solid #ccc;
    border-radius: 4px;
    color: #444;
    /* font-size: 90% !important; */
    padding: 0.4em;
}
input.coreProfileField[type=text], textarea.coreProfileField, input.dynamicProfileField[type=text], textarea.dynamicProfileField {
	font-size: 105%;
	color: #444;
}
input[type="file"] {
    font-size: 100%;
	box-sizing: content-box;
	width: 90%;
	padding: 0.7em 0.7em 0.8em;
	background: #e4e4e4;
}
.paging input {
	height: 2em;
	padding: 0 0.5em;
}
.checkbox label, .radio label {
	font-weight: 300;
}
.inlineFormControl {
	display: inline-block;
	width: auto;
}
.standardTable input, .standardTable select, .standardTable textarea, standardTableContainer input, .standardTableContainer select, .standardTableContainer textarea {
	/* border-radius: 2px; */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100% !important;
    padding: 0.2em;
	line-height: 1.4em;
}
#loginForm input[type=text], #loginForm input[type=password], #loginForm input[type=email] {
	width: 95%;
	border-radius: 0;
}
#loginForm input[type=submit], #loginForm input[type=button] {
	width: 95%;
	border-radius: 4px;
}
#loginForm input[type=text], #loginForm input[type=password], #loginForm input[type=email] {
	font-size: 95% !important;
	color: #222;
}
.passwordFieldContainer {
	margin-bottom: 6px;
}

span.dateIcon {
	background:#8cbd2f url(/images/date_icon.gif) 0 0 no-repeat;
	width:51px;
	height:58px;
	display:block;
	float:left;
	margin:0 0.7em 0 0.7em;
}
span.month {
	color:#fff;
	font:bold 120%/1.5em Arial, Helvetica, sans-serif;
	width:51px;;
	display:block;
	float:left;
	margin:0 0 0 0;
	text-align:center;
}
table.standardTable tr td span.month {
	color:#fff;
	font:bold 120%/1.8em Arial, Helvetica, sans-serif;
	width:51px;;
	display:block;
	float:left;
	margin:0 0 0 0;
	text-align:center;
}
table.standardTable tr td span.dateIcon {
	background:#8cbd2f url(/images/date_icon.gif) 0 0 no-repeat;
	width:51px;
	height:58px;
	display:block;
	float:left;
	margin:0 1em 0 0;
}
span.day {
	color: #666;
	font:bold 150%/1.4em Arial, Helvetica, sans-serif;
	width:51px;;
	display:block;
	float:left;
	margin:0 0 0 0;
	text-align:center;
}
span.year {
	color:#fff;
	font:bold 90%/1em Arial, Helvetica, sans-serif;
	width:51px;;
	display:block;
	float:left;
	margin:0 0 0 0;
	text-align:center;
	clear:both;
}
span.startDate {
	display:block;
	font-weight:bold;
}


p.successHighlight {
	border: 1px solid #64b35a;
	background-color: #eefeec;
	background-color: rgba(100, 179, 90, 0.1);
	background-image: url(/images/icon_success.png);
	background-position: 7px 7px;
	background-repeat: no-repeat;
	padding: 9px 10px 11px 42px;
	color: #3a8331;
	font-size: 80%;
	font-weight: 600;
    font-style: italic;
	line-height: 1.4em;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #bbb;
}
p.warningHighlight {
	font-family: Arial,Helvetica,sans-serif;
	border: 1px solid #ea9a00;
	background-color: #f9e8c8; /* Fallback */
	background-color: rgba(209, 137, 2, 0.1);
	background-image: url(/images/icon_warning.png);
	background-position: 6px 5px;
	background-repeat: no-repeat;
	min-height: 24px;
	padding: 9px 10px 11px 42px;
	color: #dd9002;
	font-size: 80%;
	font-weight: 600;
    font-style: italic;
	line-height: 1.4em;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #bbb;
}
p.errorHighlight {
	border: 1px solid #ec278a;
	background-color: #f7e1df; /* Fallback */
	background-color: rgba(220, 0, 0, 0.1);
	background-image: url(/images/icon_error.png);
	background-position: 6px 5px;
	background-repeat: no-repeat;
	min-height: 24px;
	padding: 9px 10px 11px 42px;
	color: #c00;
	font-size: 80%;
	font-weight: 600;
    font-style: italic;
	line-height: 1.4em;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #bbb;	
}
.formFieldErrorHighlight {
	border-color: #ec278a; 
	background: #f5dfdf;
}
table.standardTable p.successHighlight, table.standardTable p.warningHighlight, table.standardTable p.errorHighlight {
	font-size: 100%;
}
p.successHighlight span, p.warningHighlight span, p.errorHighlight span {
	vertical-align: middle;
}
span.successHighlight {
	display: inline-block;
	border: 1px solid #64b35a;
	background: #eefeec;
	padding: 4px 12px 5px 4px;
	margin: 0 0 5px 0;
	color: #3a8331;
	font-size: 90%;
	line-height: 1.3em;
	border-radius: 3px;
}
span.errorHighlight {
	display: inline-block;
	border: 1px solid #ec278a;
	background: #ffc;
	padding: 4px 12px 5px 4px;
	margin: 0 0 5px 0;
	color: #f00;
	font-size: 90%;
	line-height: 1.3em;
	border-radius: 3px;
}
.warningHighlight a {
	color: #af0000 !important;
}
.alert-success, .alert-warning, .alert-danger {
	color: #444;
}
.alert-success {
	background-image: linear-gradient(to bottom,#dff0d8 0,#f2fbef 100%);
}
span.alert {
	display: inline-block;
	margin-bottom: 0.5rem;
}
td span.errorHighlight {
	font-size: 100%;
}
.bodyTextCaption {
	font-size: 90%;
	line-height: 1.4em;
	color: #666;
}
p.bodyTextCaption {
    margin: 1.3rem 0 1.8rem;
}
div.sideBoxHeader { 
	margin-top: 18px; 
	background: #ec2a8b url(/images/side_box_header_top_edge.gif) top right no-repeat; 
	font-size: 110%;
	height: 2.4em;
	padding: 0;
	overflow: none;
}
div.sideBoxHeader h3 {
	color: #fff; 
	background: transparent url(/images/course_box_tl.gif) top left no-repeat; 
	font-size: 110%; 
	line-height: 2.1em; 
	text-align: center; 
	padding: 0 12px 0 12px;
}

div.sideBox {
	margin: 0; 
	padding: 0; 
	border-left: 2px solid #ec2a8b; 
	border-right: 2px solid #ec2a8b; 
	background: #fff url(/images/side_box_corner_tr.gif) top right no-repeat;
}
div.sideBoxInner {
	margin: 0; 
	padding: 8px; 
	background: transparent url(/images/side_box_corner_tl.gif) top left no-repeat;
}

div.sideBoxFooter {
	margin: 0 0 20px 0; 
	background: #ec2a8b url(/images/side_box_bottom_right.gif) top right no-repeat; 
	height: 7px; 
	line-height: 1px;
}
div.sideBoxFooterInner {
	margin: 0; 
	background: transparent url(/images/side_box_bottom_left.gif) top left no-repeat; 
	height: 7px; 
	line-height: 1px;
}

.highlight {
	color: #f00;
}
.bgHighlight {
	background: #fae6b6;
}

/* Logged in popup styles */

#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:500%;
	width:100%;
	top:0;
	left:0;
	background:#666;
	border:1px solid #cecece;
	z-index:1;
}
#popupContact{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:280px;
	width:408px;
	background:#fff;
	border:2px solid #cecece;
	z-index:2;
	padding:12px;
	font-size:13px;
	text-align: left;
}
#popupContact h1{
	color: #00addd;
	font-size: 130%;
	line-height: 1.1em;
	height: 1.1em;
	overflow: hidden;
	font-weight: normal;
	padding-bottom:2px;
	margin: 8px 0 10px 0;
	text-align: left;
}
#popupContactClose{
	font-size: 90%;
	line-height: 1.3em;
	right:6px;
	top:4px;
	position:absolute;
	color:#6fa5fd;
	display:block;
	cursor: pointer;
}

#popupNoteContent {
	font-size: 85%;
	height: 166px;
	overflow: auto;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0 0 9px 0;
	padding: 5px 0 5px 0;
}
.popupNoteFooter {
	font-size: 80%;
	line-height: 14px;
	color: #999;
}

/* End logged in popup styles */

div.highlightBox {
	border: 1px solid #ec2a8b;
	background: #fadeec;
	padding: 8px;
	margin: 10px 0 10px 0;
}

/* Autocomplete */

div.ac_results {
	font-size: 85%;
}


ul.mlsStyledList {
	list-style-type: none;
	border: 1px solid #ec278a;
	padding: 1px;
	margin: 1em 0 1em 0;
}
ul.mlsStyledList li {
	padding: 4px; 
	background: #e2e2e2;
}
.separator {
	color: #999;
}

/* Tabs */

li.tab a {
	display: block;
}
li.tab.alert a {
	padding-left: 5px !important;
}
.tabAlertIcon {
	display: inline-block;
	float: left;
	width: 12px;
	height: 12px;
	margin: 3px 5px 0 -3px;
	background: url(/images/icon_tab_alert.png) top left no-repeat;
}
p.loggedInInfo {
	font-size: 90%;
	line-height: 1.3em;
}
.loggedInName {
	font-weight: bold;
}

div.clearingDiv {
	height: 1px; 
	line-height: 1px; 
	clear: both;
}

div#tabs {
	font-family: inherit;
	font-size: 100%;
}

input.datepicker {
	width: 8em !important;
}
.sessionDetailsElementContainer input, .sessionDetailsElementContainer select {
	display: inline-block !important;
	width: auto !important;
}
.sessionDetailsElementContainer input.newSessionDateField {
	width: 8em !important;
}
ul.mnMeetingsList, ul.mnDocumentsList, .mnNotesList {
	list-style-type: none; 
	margin: 0; 
	padding: 0;
}
ul.mnMeetingsList li, ul.mnDocumentsList li, .mnNotesList li {
	margin: 0; 
	padding-left: 20px; 
	padding-top: 0.3rem; 
	padding-bottom: 0.4rem; 
	background: url(/images/icon_meeting_date.gif) left 0.9rem no-repeat; 
}
li.noIcon {
	background: none !important;
	padding-left: 0 !important;
}
ul.mnMeetingsList li.past {
	color: #666;
}
ul.mnNotesList li {
	background-image: url(/images/doc_icon_note_small.gif);
	background-position: left 0.5rem;
	background-repeat: no-repeat;
}
ul.mnDocumentsList li.pdf, ul.mnNotesList li.pdf, span.pdf {
	background-image: url(/images/doc_icon_pdf_small.gif);
	background-position: left 0.5rem;
	background-repeat: no-repeat;
}
ul.mnDocumentsList li.word, ul.mnDocumentsList li.doc, ul.mnDocumentsList li.docx, ul.mnDocumentsList li.dot, ul.mnDocumentsList li.dotx, span.doc, span.docx, span.dot, span.dotx {
	background-image: url(/images/doc_icon_word_small.gif);
	background-position: left 0.5rem;
	background-repeat: no-repeat;
}
ul.mnDocumentsList li.ppt, ul.mnDocumentsList li.pptx, ul.mnDocumentsList li.pps, ul.mnDocumentsList li.ppsx, span.ppt, span.pptx, span.pps, span.ppsx {
	background-image: url(/images/doc_icon_ppt_small.gif);
	background-position: left 0.5rem;
	background-repeat: no-repeat;
}
ul.mnDocumentsList li.xls, ul.mnDocumentsList li.xlsx, span.xls, span.xlsx {
	background-image: url(/images/doc_icon_xls_small.gif);
	background-position: left 0.5rem;
	background-repeat: no-repeat;
}
ul.mnDocumentsList li.webLink, span.webLink {
	background-image: url(/images/doc_icon_web_link.gif);
	background-position: left 0.5rem;
	background-repeat: no-repeat;
}
span.resourceItem {
	display: inline-block;
	min-height: 16px;
	padding-left: 20px;
}

ul.newSessionDatesList {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newSessionDatesList li, ul.sessionsList li {
	margin: 3px 0 9px 0;
    padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
}
ul.newSessionDatesList li.lastItem, ul.sessionsList li.lastItem {
	margin: 3px 0 3px 0;
	padding-bottom: 2px;
	border-bottom: 0;
}
.sessionDetailsContainer {
	line-height: 2.3em;
}
.sessionDetailsLine {
	margin: 0.5em 0;
}
.sessionDetailsElementContainer {
	display: inline-block;
	margin-right: 2em;
}

.inputSpace { 
	margin: 4px 0 4px 0;
}

.highlight {
	color: #f00;
}

.profileIndentText {
	/* float: right; 
	width: 575px;  */
	float: left;
	line-height: 1.8em;
}

span.externalFlag {
	display: inline-block;
	width: 15px;
	background: url(/images/icon_crb_external.png) left center no-repeat;
}
span.alertFlag {
	display: block;
	float: left;
	width: 15px;
	background: url(/images/icon_alert.gif) left center no-repeat;
	cursor: pointer;
	margin-right: 3px;
	font-size: 1px;
	text-indent: -4000px;
}

table.invisibleTable {
	border: 0;
	border-collapse: collapse;
}
table.invisibleTable th {
	margin: 0;
	padding: 0;
	font-size: 90%;
}
table.invisibleTable td {
	margin: 0;
	padding: 0;
	font-size: 90%;
}

div.accentBox {
    background: #f0f0f0 url(/images/profile_summary_gradient.gif) top left repeat-x;
    border: 1px solid #87796e;
    margin: 3px 0 3px 0;
    padding: 8px;
	font-size: 100%;
}
span.statusIconTick {
	display: inline-block;
	height: 16px;
	width: 16px;
	background: url(/images/status_icon_tick.png) top left no-repeat;
	margin-right: 6px;
}
span.statusIconCross {
	display: inline-block;
	height: 16px;
	width: 16px;
	background: url(/images/status_icon_cross.png) top left no-repeat;
	margin-right: 6px;
}
span.statusIconPending {
	display: inline-block;
	height: 16px;
	width: 16px;
	background: url(/images/status_icon_pending.png) top left no-repeat;
	margin-right: 6px;
}
p.statusUserType {
	font-size: 130%;
	line-height: 1em;
	margin: 6px 0 0 0;
}
p.statusAction {
	display: inline-block;
	padding-left: 23px;
	line-height: 1.2em;
	margin: 0 0 6px 0;
}

div.horizontal_scroller {
	position: relative;
	height: 24px;
	display: block;
	overflow: hidden;
	background: #d8d8d8;
	padding: 5px 14px 4px 14px;
}
div.scrollingtext{
	position: absolute;
	white-space: nowrap;
	font-size: 120%;
	font-weight: normal;
	color: #333;
}

.pdfTableLink, .csvTableLink {
	display: inline-block; 
	background: #005eb8 url(/images/button_bg_pdf.png) 4px center no-repeat;
	border-radius: 4px;
	border: 0;
	margin-top: 3px; 
	padding: 4px 11px 4px 26px;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
    line-height: 1.7em;
	color: #fff !important;
	text-decoration: none !important;
	transition: color 0.1s ease-out,
              	background-color 0.1s ease-out,
              	border-color 0.1s ease-out;
}
.csvTableLink {
	background: #005eb8 url(/images/doc_icon_xls_small.gif) 6px center no-repeat;
}
.pdfTableLink:hover, .csvTableLink:hover {
	background-color: #0072ce;
  	color: #fff !important;
	text-decoration: none !important;
  	transition: color 0.2s ease-in,
              	background-color 0.2s ease-in,
              	border-color 0.2s ease-in;
}

.standardTable a.pdfTableLink {
	font-size: 100%;
}

#popupDialogue {
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	font-size: 90%;
}
.ui-dialog .ui-dialog-content {
    padding: 0.3em 0.9em;
}
.ui-dialog-title {
	font-size: 120%;
}

.counterpartDetailsTr {
	display: none;
}

.profileDetailsContainer {
	float: left; 
	font-size: 90%;
}
.profileDetailsContainer ul {
	margin: 0.5em 2em 0.7em 0; 
	padding: 0 0 0 1.2em;
}
.criteriaMetExpandContainer {
	background: #e2e2e2; 
	color: #444;
	font-size: 95%;
	margin: 3px 0 14px; 
	padding: 6px 10px; 
	border-radius: 6px;
	border: 1px solid #fff; 
	box-shadow: 2px 2px 2px #999;
}
.thSubText {
	font-size: 95%;
	font-weight: normal;
	font-style: italic;
}
div.profileImage {
	height: 82px;
	width: 82px;
	border: 1px #ccc solid;
	background: #fff url(/images/profile_photo_missing.gif) top left no-repeat;
	display: block;
	float: left;
	margin: 0 14px 0 0;
} 

a.pdfLink {
	display: inline-block;
	background: url(/images/doc_icon_pdf_small.gif) top left no-repeat;
	padding-left: 20px;
	line-height: 16px;
}
.resourceCategoryToggle {
	display: inline-block;
	margin: 0 6px 0 0;
	padding: 0 0 0 25px;
	cursor: pointer;
	vertical-align: middle;
	font-size: 90%;
}
.resourceCategoryShow {
	background: url(/images/icon_btn_down_blue.png) left 1px no-repeat;
}

.resourceCategoryHide {
	background: url(/images/icon_btn_up_blue.png) left 1px no-repeat;
}
.resourceContainer ul.mnDocumentsList li {
    margin: 0 1.5rem;
}
#dialogueRecordCPD, #dialogueRecordSupervision, #dialogueRecordLearning {
	font-size: 120%;
}

/* Messaging module */

.messageEnvelope {
	margin: 4px 0;
	border: 1px solid #ccc;
	padding: 10px 8px 8px;
	border-radius: 6px;
	box-shadow: 2px 2px 2px #ddd;
}
.messageHeader {
	border: 0;
	margin: 0;
	padding: 0;
}
.messageSubject {
	background: #eee;
	color: #333;
	font-weight: bold;
	padding: 6px 14px 10px;
	font-size: 110%;
	text-align: left;
	vertical-align: top;
	line-height: 1.3em;
	border-radius: 6px;
	margin: 0;
}
.messageSubjectNew {
	background: #eee;
	color: #333;
	font-weight: bold;
	padding: 0.7em 14px 0.8em;
	font-size: 120%;
	text-align: left;
	vertical-align: top;
	line-height: 1.3em;
	border-radius: 6px;
	margin: 0;
}
.messageMetadata {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #444;
	background: #f2f2f2;
	margin: 0.3em 0;
	padding: 0.8em 14px;
	border-radius: 6px;
}
.messageBody, .messageReply {
	margin: 10px 0 10px 0;
	border-left: 3px solid #d8d8d8;
	border-right: 3px solid #d8d8d8;
	background: #f8f8f8;
	padding: 1em;
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
}
.passwordChangeFieldAssessment {
	display: block;
	margin-top: 0.4rem;
	margin-left: 0.5em;
    padding: 0.2rem 1rem !important;
}
.passwordChangeFieldAssessment.score3 {
	background: #25a225;
	color: #fff;
	box-shadow: 1px 1px 1px #999;
}
.passwordChangeFieldAssessment.score2 {
	background: #e8ac38;
	color: #333;
	box-shadow: 1px 1px 1px #999;
}
.passwordChangeFieldAssessment.score1 {
	background: #e93838;
	color: #fff;
	box-shadow: 1px 1px 1px #999;
}
a.actionBtn {
	display: block;
	background: #d56700 url(/images/crb_button_highlight_alert_bg.gif) left -2px no-repeat;
	color: #fff !important;
	padding: 0.55em 8px 0.6em 30px;
	margin: 0 0 7px 0;
	line-height: 1.3em;
	border: 1px solid #fff;
	box-shadow: 3px 3px 3px #d8d8d8;
}

.reviewOptionsArea {
	background: #fafafa;
	padding: 6px 8px 7px;
	margin: 6px 0 8px 0;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.reviewOptionsArea.highlightArea {
	background: #f8dec6;
}
.reviewExpandableArea {
	display: none;
	background: #fafafa;
	padding: 8px;
	margin: 3px 0 10px 0;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 95%;
	line-height: 1.5em;
}

.expandableAreaHideLink {
	display: none;
}

.cnTooltip, .cnTooltipTriggerDate {
	display: inline-block;
	border-bottom: 1px dashed #666;
	cursor: help;
	line-height: 1.2em;
}

.expandableSummary.noResults {
	font-style: italic;
	color: #999;
}

a.homeCoachBtn, a.homeCoacheeBtn, a.homeMentorBtn, a.homeMenteeBtn {
	font-size: 1px;
	text-indent :-3000px;
	float: left;
	display: inline;
	margin: 0;
}
a.homeCoacheeBtn {
	margin-left: 12px;
}
a.homeMenteeBtn {
	margin-left: 12px;
}
a.homeCoachBtn:hover, a.homeCoacheeBtn:hover, a.homeMentorBtn:hover, a.homeMenteeBtn:hover {
	background-position: top right;
}

#new_password_container {
	display: block; 
	margin: 1px 0 0 24px;
}

.tpButton {
	background: #005eb8;
	margin: 14px 0 28px 0; 
	padding: 0;
	border-radius: 10px;
	border: 1px solid #fff;
	box-shadow: 0 0 3px #999;
}
.tpButton a {
	display: block; 
	color: #fff !important;
	text-decoration: none; 
	margin: 0; 
	padding: 14px 19px 19px 19px;
	line-height: 1.4em;
}
.tpButton a:hover {
	text-decoration: none;
}

.relationshipAdditionalInfoBlock {
	display: block; 
	margin: 5px 0 0 24px;
}

.inlineTermsBox {
	background: #fff;
	padding: 1em 1.3em;
	font-size: 85%;
	line-height: 1.7em;
	border: 1px solid #ccc;
	border-radius: 4px;
	height: 180px;
	overflow-y: scroll;
}
.inlineTermsBox p {
	margin: 3px 0 7px;
}


div.profileSummaryContainer {
	margin-top: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
div.profileSummary {
    font-family: Arial, Helvetica, sans-serif;
	background: #f0f0f0 url(/images/profile_summary_gradient.gif) top left repeat-x;
    border: 1px solid #999;
    margin: 3px;
    padding: 8px 8px 12px;
	font-size: 90%;
    line-height: 1.6em;
}
.messagingSection div.profileSummary {
	font-size: 100%;
}
.systemSettingContainer {
    border-bottom: 4px solid #ccc;
    margin: 3px 0 1em;
    padding: 0 0 1em;
	font-size: 100%;
    line-height: 1.6em;
}
div.profileSummary input, div.profileSummary select, div.profileSummary textarea, div.systemSettingContainer input, div.systemSettingContainer select, div.systemSettingContainer textarea {
	font-size: 100% !important;
}
div.systemSettingContainer table.standardTable, div.profileSummaryContainer table.standardTable {
    font-size: 100%;
}
div.profileImage {
	height: 82px;
	width: 82px;
	border: 1px #ccc solid;
	background: #fff url(/images/profile_photo_missing.gif) top left no-repeat;
	display: block;
	float: left;
	margin: 0 14px 0 0;
} 
div.profileName {
	font-size: 140%;
	font-weight: normal;
	margin-top: 3px;
	padding-bottom: 0.2em;
} 
div.profileLeftColumn {
	/* width: 40%; */
	float: left;
	width: auto;
	line-height: 1.8em;
}
div.profileRightColumn {
	/* float: right;
	width: 47%;
	line-height: 28px; */
	float: left;
	width: 100%;
	line-height: 2.5rem;
	border-top: 1px solid #ccc;
	margin-top: 1rem;
	padding-top: 0.7rem;
}
div.profileRightColumn img {
	vertical-align: middle;
}
.profileRightColItem {
	min-height: 28px;
}

.programmeSelectionForm {
	display: inline-block; 
	float: none;
	color: #444;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 80%;
}
.programmeSelectionForm span {
	font-size: 120%;
}
.programmeSelectionFormOverview {
	color: #444;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 110%;
	margin: 0.4em 0 1.6em;
}
.programmeSelectionFormOverview select {
	font-size: 90%;
}
.evaluationSectionContainer {
	background: #fafafa; 
	border: 1px solid #bbb; 
	box-shadow: 2px 2px 2px #ccc; 
	margin: 8px 0 18px; 
	padding: 10px 16px 24px;
}

span.slider {
	display: inline-block; 
	width: 300px; 
	font-size: 130%;
	margin: 9px 0 0 12px;
	float: left;
}
span.responseTitle {
	display: inline-block;
	float: left;
	margin: 6px 0 0 16px;
	border: 1px solid #ccc;
	background: #f8f8f8;
	width: 220px;
	text-align: center;
}

ul.programmesList {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
ul.programmesList li {
	border: 1px solid #ccc; 
	background: #f2f2f2;
	color: #222;
	margin: 14px 1px 8px;
	padding: 5px; 
	line-height: 2.1em;
}
.thSubtext {
	color: #444;
	font-style: italic;
	font-weight: normal;
	font-size: 100%;
}

.btnHomeStyle {
	display: block;
    color: #fff !important;
    /* font-family: "Frutiger LT W01_55 Roma1475738", Arial, Helvetica, sans-serif; */
    font-weight: 400;
	font-family: "Hind", Arial, Helvetica, sans-serif;
    font-size: 140%;
    height: auto;
    line-height: 1.8em;
	margin: 24px 0 0;
	padding: 0.3em 0 0.45em;
    text-align: center;
    text-decoration: none;
	width: 99%;
	background-color: #005eb8;
	border-radius: 5px;
  	transition: background-color 0.1s ease-out;
}
.loginArea .btnHomeStyle, .homepageGreeting .btnHomeStyle {
	font-size: 120%;
	border: 0;
}
.btnHomeStyle:hover, .btnHomeStyle:focus, .btnHomeStyle:active {
	background-color: #0072ce;
	color: #fff !important;
	text-decoration: none !important;
  	transition: background-color 0.1s ease-in;
}

.homepageGreeting {
	width: 100%; 
	font-size: 110%;
    line-height: 1.5em;
	margin-top: 0.8em;
	text-align: center;
}
.homepageGreeting p {
	margin: 0 0 1em;
}
.homepageGreeting ul {
	padding-left: 1em;
}
.homepageGreeting ul li {
	margin-bottom: 0.5em;
}

.loginArea {
	background-color: #e9e9e9;
	border: 3px solid #fff;
	padding: 0.8em;
	margin: 30px 0;
}
div.horizontal_scroller {
	margin-bottom: 24px;
    width: 95%;
    border-radius: 6px;
    padding: 6px 14px 10px;
    font-size: 90%;
    border: 1px solid #fff;
    box-shadow: 0 2px 2px #555;
}


.newSessionGcalNotifications {
	display: block; 
	border: 1px solid #fff;
    border-radius: 6px;
    box-shadow: 2px 2px 2px #bbb;
	padding: 2px 10px 8px;
	margin: 5px 0 9px; 
	font-size: 90%; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #444;
}
.newSessionGcalNotifications.supplier {
	background: #ffe5c9; 
}
.newSessionGcalNotifications.client {
	background: #fef1cb; 
}
.newSessionGcalNotifications ul {
	list-style-type: disc; 
	margin: 0 0 0 16px;
	padding: 0;
}
.newSessionGcalNotifications ul li {
	border-bottom: 0; 
	margin: 0 0 4px;
	padding: 0; 
	line-height: 1.2em;
}
#tabContentArea {
	border: 1px solid #ddd;
	padding: 12px;
	margin-top: 4px;
	min-width: 310px;
}
.dashboardContainer {
	min-width: 266px;
	font-size: 100%;
	background: #f8f8f8;
	padding: 6px 14px 6px 8px;
	margin: 4px 0 8px;
	font-family: Arial, Helvetica, sans-serif;
}
.dashboardButtonContainer {
	width: 100%;
	text-align: center;
}
a.dashboardButton {
	display: inline-block;
	font-size: 100%; 
	line-height: 2em;
	width: 220px;
}
ul.dashboardList {
	list-style-type: none; 
	margin: 0; 
	padding: 0;
}
ul.dashboardList li {
	vertical-align: middle;
	border-bottom: 1px solid #ababab;
	margin: 6px 0 9px 0;
	padding: 0.3em 0 1.2em;
}
ul.dashboardList li img {
	vertical-align: middle;
}
ul.dashboardList li span.infoStat {
	display: inline-block;
    line-height: 1.4em;
    margin: 6px 0 0 3px;
}
ul.dashboardList li span.infoStat a {
	color: #444 !important;
}
h3.dashboardH3 {
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    color: #333;
	font-size: 140%;
    font-weight: normal;
    margin-top: 0.2em;
	letter-spacing: -0.02em;
}
.dashboardBar {
	float: left;
	height: 20px;
	background: #d1cfcf url(/images/dashboard_bar_grey_bg.gif) bottom left repeat-x; 
	border: 1px solid #b3b3b3; 
	margin: 0 24px 0 0; 
	padding: 0;
}
.wideFloatRight .dashboardBar {
	margin: 1px 16px 0 0;
}
.dashboardBarSmall {
	height: 16px;
	background-position: -1px 0;
	margin: 6px 10px 0 0;
}
.dashboardBarInner {
	height: 18px; 
	border: 0; 
	margin: 0; 
	padding: 0;
}
.dashboardBarInnerSmall {
	height: 16px;
}
.dashboardBarInnerGreen {
	background: #76af12 url(/images/dashboard_bar_green_bg.gif) bottom left repeat-x;
}
.dashboardBarInnerOrange {
	background: #c87f08 url(/images/dashboard_bar_orange_bg.gif) bottom left repeat-x;
}
.dashboardBarInnerRed {
	background: #b93030 url(/images/dashboard_bar_red_bg.gif) bottom left repeat-x;
}

.dashboardFooterNote {
	display: inline-block;
    margin: 10px 0;
	font-size: 95%;
	color: #888;
	font-style: italic;
}

table.cmsTable {
	border-top: 1px solid #ec2a8b;
	border-left: 1px solid #ec2a8b;
	border-right: 2px solid #ec2a8b;
	border-bottom: 2px solid #ec2a8b;
	font-size: 80%;
}
table.cmsTable th {
	background: #e4e4e4;
	text-align: left;
	padding: 2px 4px 2px 4px;
}
table.cmsTable td {
	background: #e4e4e4;
	padding: 2px 4px 2px 4px;
}
input, select, textarea {
	font-size: 110%;
	color: #333;
}
select:disabled {
	color: #999;
	background: #ccc;
}
.errorHighlight {
	color: #f00;
	font-weight: bold;
}
td p.errorHighlight {
	color: #f00;
	font-weight: bold;
	margin: 2px 0 2px 0;
}
.subDescription {
	color: #999;
}
h2.topNavHeader {
	font-weight: bold;
	font-size: 100%;
	margin: 0 0 6px 0;
}
h3 {
	font-size: 120%;
	font-weight: bold;
	color: #666;
	margin: 0.8em 0 0.8em 0;
}
ul#topNav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 900px;
}
ul#topNav li {
	display: inline;
	font-size: 80%;
	padding-left: 0;
	padding-right: 3px;
	border-right: 1px solid #999;
	margin-right: 6px;
}
ul#topNav li.lastItem {
	padding-right: 0;
	border-right: 0;
	margin-right: 0;
}
p#loginStatus {
	width: 100%;
	margin: 0 0 4px 0;
	padding: 0 2px 3px 0;
	font-size: 80%;
	border-bottom: 1px solid #999;
}
ul#jmenu {
	margin: 2px 0 0 0;
	padding: 0;
	font-size: 80%;
	float: right;
}
div.accentBox {
	background:#f9cde3; 
	padding:4px 12px 4px 5px; 
	border-color:#ec278a; 
	border-style: solid; 
	border-width: 1px 2px 2px 1px;
}
ul.workshopList {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 3px;
}
ul.workshopList li {
	padding: 3px 0 4px 0;
	border-bottom: 1px solid #fff;
	margin-bottom: 2px;
}
span.handle, span.handle2, span.handle3 {
	display: inline-block;
	width:16px;
	height:17px; 
	background: url(/admin/images/button_drag.gif) 0 1px no-repeat;
	cursor:move;
	margin-right: 1px;
}

div.reportIntroContainer {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	line-height: 1.5em;
}
div.reportIntroContainer input, div.reportIntroContainer select, div.reportIntroContainer textarea {
	font-size: 100% !important;
}

div.reportingIntroBox {
    background: #f0f0f0 url(/images/profile_summary_gradient.gif) top left repeat-x;
    border: 1px solid #999;
    margin: 3px;
    padding: 8px;
	font-size: 100%;
	line-height: 2em;
}
h3.reportIntroTitle {
	background: url(/images/icon_report.gif) top left no-repeat;
	padding: 2px 0 10px 28px;
}
.reportContainer {
	/*  font-family: Arial, Helvetica, sans-serif; */
}

.downloadOptions {
	/* float: right; */
	font-size: 100%; 
	margin: 0.5em 0;
}



/* Download popups */

.downloadPopup  {
	font-size: 105% !important;
	border-radius: 8px !important;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}
.ui-dialog-titlebar {
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	font-size: 90%;
    font-weight: 300 !important;
    padding: 0.8em 1em !important;
	background: #005eb8 !important;
	color: #fff !important;
	border-radius: 4px !important;
}
.ui-dialog-content {
	text-align: left !important;
	height: 130px !important;
	color: #444 !important;
    font-size: 100%;
    line-height: 1.5em;
	margin-top: 1em;
}

.profileListFilterContainer {
	font-size: 100%;
	background: #f0f0f0;
	padding: 7px;
	border-bottom: 1px solid #999;
	margin: 0;
}
.profileListFilterContainer div {
	margin: 2px 0 3px 0;
}
.profileListFilterContainer input, .profileListFilterContainer select, .profileListFilterContainer textarea {
    font-size: 100% !important;
    padding: 0.3em;
}

h3.prePaging {
	margin-bottom: 0;
}
form.paging {
	margin: 0;
	padding: 0;
}
p.paging {
	font-size: 90%;
	background: #e8e8e8;
	padding: 5px;
	border-bottom: 1px solid #999;
	margin: 0 0 8px 0;
}
span.pagingLeftArrow {
	display: inline-block;
	background: url(/images/paging_icon_left.gif) top center no-repeat;
	width: 6px;
	text-size: 1px;
	line-height: 12px;
	text-indent: -3000px;
}
span.pagingRightArrow {
	display: inline-block;
	background: url(/images/paging_icon_right.gif) top center no-repeat;
	width: 6px;
	text-size: 1px;
	line-height: 12px;
	text-indent: -3000px;
}

span.resourceCategoryHeadingLinks {
	display: block;
	float: right;
	font-size: 90%;
}
span.resourceCategoryHeadingLinks a {
	color: #333 !important;
	text-underline: none;
}
span.resourceCategoryHeadingLinks a:hover {
	color: #333 !important;
}

.newRelUserDetailsPopup {
	background: #ddd; 
	margin: 8px 0 0 0; 
	font-size: 90%; 
	padding: 10px;
	display: none;
}

.dsuSupplierCheckboxes, .dsuClientCheckboxes {
	margin-left: 12px;
}

li.adminTopTab a {
	display: inline-block;
}
li.adminTopTab a:focus {
	outline: none;
}

.adminUserListStat, .adminUserListStatClient {
	display: inline-block; 
	float: right; 
	width: 240px; 
	overflow: hidden;
}
.adminUserListStatClient {
	width: 210px; 
}

.profileIconGreenMultiple {
	display: inline-block;
	background: url(/images/icon_user_green_multiple.png) left 5px no-repeat;
	padding-left: 28px;
	margin-right: 8px;
}
.profileIconGreenSingle {
	display: inline-block;
	background: url(/images/icon_user_green_single.png) left 5px no-repeat;
	padding-left: 25px;
	margin-right: 8px;
}
.profileIconRedMultiple {
	display: inline-block;
	background: url(/images/icon_user_red_multiple.png) left 5px no-repeat;
	padding-left: 28px;
	margin-right: 8px;
}
.profileIconRedSingle {
	display: inline-block;
	background: url(/images/icon_user_red_single.png) left 5px no-repeat;
	padding-left: 25px;
	margin-right: 8px;
}
.profileIconOrangeMultiple {
	display: inline-block;
	background: url(/images/icon_user_orange_multiple.png) left 5px no-repeat;
	padding-left: 28px;
	margin-right: 8px;
}
.profileIconOrangeSingle {
	display: inline-block;
	background: url(/images/icon_user_orange_single.png) left 5px no-repeat;
	padding-left: 25px;
	margin-right: 8px;
}
.profileIconGreySingle {
	display: inline-block;
	background: url(/images/icon_user_grey_single.png) left 5px no-repeat;
	padding-left: 25px;
	margin-right: 8px;
}

.mce-widget button {
	padding: 2px 10px !important;
}

.messageContentReviewContainer {
	border-top: 1px solid #aaa; 
	border-bottom: 1px solid #aaa; 
	background: #fcfcfc; 
	margin: 10px 0; 
	padding: 0 9px;
}

h4.messageReviewSubheading {
	margin: 10px 0 6px 0;
}
h4.messageReviewSubheading2 {
	margin: 3px 0 2px 0;
}

#relationshipQuickSearchClientValid {
	display: inline-block;
	width: 21px;
	height: 18px;
	background: url(/images/icon_user_green_single.png) top left no-repeat;
}
#relationshipQuickSearchClientInvalid {
	display: inline-block;
	width: 21px;
	height: 18px;
	background: url(/images/icon_user_grey_single.png) top left no-repeat;
}

.autoCompleteBoxEmptyPrompt {
	font-style: italic;
	color: #aaa;
}
.shortlistItemContainer {
	border: 1px solid #ccc; 
	background: #fafafa; 
	padding: 10px 12px; 
	margin: 2px 0;
}
input.relationshipQuickSearch {
	width: 400px;
}
.ajaxLoadingSpace {
	padding: 40px 0 40px 0;
	text-align: center;
}

.reportEvaluationFilterSubhead {
	background: #e9e9e9; 
	font-size: 130%; 
	padding: 8px;
}

.shortlistScore {
	float: right;
}
.shortlistScore img {
	vertical-align: middle;
}

/*         */
/* Buttons */
/*         */

.actionButton, .passiveButton, input.tabFormSubmit, input.tabFormSubmitNarrow, a.wideButton, a.medButton {
	display: inline-block;
	margin: 4px 0 14px;
	padding: 0.6rem 3rem 0.7rem; 
	border-radius: 5px;
	cursor: pointer;
	font-weight: 400;
	font-size: 110% !important;
	text-decoration: none;
	color: #fff !important;
	text-align: center;
	line-height: 1.6em;
	transition: background-color 0.3s ease-out;
}
.passiveButton.btnHomeStyle {
	font-size: 130% !important;
	border: 3px solid #fff;
}
.actionButton, input.tabFormSubmit, input.tabFormSubmitNarrow {
	background: #41b6e6;
	color: #fff !important;
}
.actionButton:hover, input.tabFormSubmit:hover, input.tabFormSubmitNarrow:hover {
	background-color: #00a9ce;
  	transition: background-color 0.1s ease-in;
	text-decoration: none !important;
}
.passiveButton, a.wideButton, a.medButton {
	background: #005eb8;
}
.passiveButton:hover, a.wideButton:hover, a.medButton:hover {
	background-color: #0072ce;
  	transition: background-color 0.1s ease-in;
	text-decoration: none !important;
}
.passiveButtonPdf {
	background-image: url(/images/button_bg_pdf.png);
	background-repeat: no-repeat;
	background-position: 8px;
	padding-left: 3.5rem;
	padding-right: 2rem;
}
/*
input.tabFormSubmit, input.tabFormSubmitNarrow, a.wideButton, a.medButton {
	display: inline-block;
	background-image: url(/images/button_gradient.png);
	background-repeat: repeat-x;
	background-position: left top;
    background-color: #005eb8;
	border: 1px solid #fff;
	border-radius: 0;
    box-shadow: 0 2px 2px #777;
	cursor: pointer;
	height: auto;
	width: 97px;
	margin: 7px 0 0;
	padding: 0.4em 12px 0.55em;
	text-decoration: none;
	color: #fff !important;
	font-weight: 600;
	font-size: 95% !important;
	text-align: center;
	line-height: 1.3em;
	transition: color 0.1s ease-out,
              	background-color 0.1s ease-out,
              	border-color 0.1s ease-out;
}
*/
.leftButton {
	display: block;
	float: left;
}
.rightButton {
	display: block;
	float: right;
}
.tabButtonContainer {
	margin: 6px 0;
}
table.standardTable a.next-tab, input.tabFormSubmit, table.standardTable input.tabFormSubmitNarrow, table.standardTable a.wideButton, table.standardTable a.medButton {
	font-size: 100% !important;
	padding: 0.55em 12px 0.6em;
}

.next-tab:hover {
	background-color: #0072ce;
  	color: #fff !important;
	text-decoration: none !important;
  	transition: color 0.1s ease-in,
              	background-color 0.1s ease-in,
              	border-color 0.1s ease-in;
}
.medButton {
	width: 166px;
	font-weight: normal;
}
.medButtonAlt {	
	background: #d56700 url(/images/button_gradient.png) top left repeat-x;
	color: #fff !important;
}
.medButtonPdf {
	background: #005eb8 url(/images/button_bg_pdf.png) 3px 5px no-repeat; 
	width: 150px;
	padding-left: 28px;
}
input.tabFormSubmit, a.wideButton {
	width: 221px;
	font-family: inherit;
}
input.tabFormSubmit:hover, a.wideButton:hover {
	background-color: #0072ce;
  	color: #fff !important;
	text-decoration: none !important;
  	transition: color 0.1s ease-in,
              	background-color 0.1s ease-in,
              	border-color 0.1s ease-in;
}

a.homeLoginBtn {
	width: 291px;
	height: 246px;
	font-size: 1px;
	text-indent :-3000px;
	float: left;
	background: url(/images/home_button_login_coach_coachee.jpg) 0 0 no-repeat;
	display: inline;
	margin: 0;
}
a.homeLoginBtn:hover {
	background-position: top right;
}



/*                 */
/* Dataset builder */
/*                 */

.datasetBuilder, .programmeManager {
	border: 1px solid #bbb;
	box-shadow: 2px 2px 2px #e8e8e8;
	padding: 22px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
}
.datasetBuilder table.standardTable, .programmeManager table.standardTable {
	font-size: 100% !important;
}

.datasetBuilder .form_item_container, .programmeManager .form_item_container {
	line-height: 1.5em;
	margin: 0 0 7px 0;
}

.datasetBuilder .question_description {
	display: inline-block; 
	font-style: italic; 
	margin-left: 23px;
}

.datasetBuilder input, textarea {
	font-size: 100%; 
	padding: 4px;
}

.datasetBuilder ul.questionList, ul.programmesList, ul.questionSetList {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
.datasetBuilder ul.questionList li, ul.programmesList li {
	border: 1px solid #ccc; 
	background: #f2f2f2;
	color: #222;
	margin: 1px; 
	padding: 5px; 
	line-height: 2.1em;
}
ul.programmesList li {
	padding: 5px 5px 10px;
	line-height: 1.8em;
}
ul.programmesList li.activeStatus_2 {
	color: #999 !important;
}
ul.programmesList li.activeStatus_0 {
	background: #e8f4d4;
}
ul.questionSetList li {
	border: 1px solid #ccc; 
	background: #ccc;
	color: #222;
	margin: 1px 0 10px; 
	padding: 5px; 
	line-height: 2.1em;
}
ul.questionSetList li.optionAdd {
	background: #fff;
}
.datasetBuilder ul.questionList li.questionCore {
	background: #e4e4e4;
}
.datasetBuilder span.questionListIcon {
	display: inline-block;
	float: left;
	width: 23px;
	height: 23px;
	text-indent: -2000px;
	font-size: 1px;
	margin-right: 6px;
}
.datasetBuilder .profileCoreFieldIdentifier {
	display: inline-block;
	float: right;
	border: 1px solid #ccc; 
	background: #eee; 
	font-size: 90%; 
	text-transform: uppercase; 
	line-height: 1em; 
	padding: 6px; 
}
.datasetBuilder span.questionListIconRight {
	float: right;
}
.datasetBuilder span.moduleExpandButton {
	background: url(/images/dataset_mgmt_icons/icon_move_down.png) center left no-repeat;
	margin-right: 9px;
}
.datasetBuilder span.moduleHideButton {
	background: url(/images/dataset_mgmt_icons/icon_move_up.png) center left no-repeat;
	margin-right: 9px;
}
.datasetBuilder span.questionTypeTextOnly {
	background: url(/images/dataset_mgmt_icons/icon_text_only.png) center left no-repeat;
}
.datasetBuilder span.questionTypeTextBox {
	background: url(/images/dataset_mgmt_icons/icon_text_box.png) center left no-repeat;
}
.datasetBuilder span.questionTypeTextarea {
	background: url(/images/dataset_mgmt_icons/icon_textarea.png) center left no-repeat;
}
.datasetBuilder span.questionTypeDropdown {
	background: url(/images/dataset_mgmt_icons/icon_dropdown.png) center left no-repeat;
}
.datasetBuilder span.questionTypeRadio {
	background: url(/images/dataset_mgmt_icons/icon_radio.png) center left no-repeat;
}
.datasetBuilder span.questionTypeCheckboxes {
	background: url(/images/dataset_mgmt_icons/icon_checkboxes.png) center left no-repeat;
}
.datasetBuilder span.questionTypeSlider {
	background: url(/images/dataset_mgmt_icons/icon_slider.png) center left no-repeat;
}		
.datasetBuilder li.optionAdd a {
	background: url(/images/dataset_mgmt_icons/icon_add_up.png) center left no-repeat !important;
	padding: 10px 0 10px 61px !important
}
.datasetBuilder li.optionAdd a:hover {
	background: url(/images/dataset_mgmt_icons/icon_add_over.png) center left no-repeat !important;
}
.datasetBuilder span.btnContract a {
	background: url(/images/dataset_mgmt_icons/icon_move_up.png) center left no-repeat;
}
.datasetBuilder span.btnContract a:hover {
	background: url(/images/dataset_mgmt_icons/icon_move_up.png) center right no-repeat;
}
.datasetBuilder span.btnExpand a {
	background: url(/images/dataset_mgmt_icons/icon_move_down.png) center left no-repeat;
}
.datasetBuilder span.btnExpand a:hover {
	background: url(/images/dataset_mgmt_icons/icon_move_down.png) center right no-repeat;
}
.datasetBuilder span.handle, .datasetBuilder span.handle2, .datasetBuilder span.handle3 {
	background: url(/images/dataset_mgmt_icons/icon_reorder.png) center left no-repeat;
	cursor: move;
	margin-right: 9px;
}
.datasetBuilder span.questionListIcon a {
	display: block;
	width: 23px;
	height: 23px;
}
.datasetBuilder span.questionActionDelete {
	background: url(/images/dataset_mgmt_icons/icon_delete.png) center left no-repeat;
}
.datasetBuilder span.questionActionEdit {
	background: url(/images/dataset_mgmt_icons/icon_edit.png) center left no-repeat;
}
.datasetBuilder span.questionActionUnlock {
	background: url(/images/dataset_mgmt_icons/icon_lock.png) center left no-repeat;
}
.datasetBuilder span.questionActionInfo {
	background: url(/images/dataset_mgmt_icons/icon_info.png) center left no-repeat;
}
.datasetBuilder span.questionActionInactive {
	background: url(/images/dataset_mgmt_icons/icon_inactive.png) center left no-repeat;
}
.datasetBuilder span.questionListIcon:hover {
	background-position: center right;
}
.datasetBuilder span.indent {
	display: inline-block;
	margin-left: 43px;
}

.datasetBuilder .answerOptionsContainer {
	margin: 0 72px 0 62px;
	font-size: 95%;
}
.datasetBuilder ul.answerOptionsList {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.datasetBuilder ul.answerOptionsList li {
	background: #fbfbfb;
}

.profileFieldAssignCheckbox {
	float: left; 
	margin: 6px 14px 0 10px;
}

.questionLiOptions {
	margin-left: 58px;
	font-size: 90%;
}
.questionLiOptionContainer {
	margin-right: 10px;
}

.programmeSummary {
	background: #ffa; 
	padding: 8px 10px; 
	border-radius: 4px; 
	box-shadow: 2px 2px 2px #aaa; 
	font-size: 100%;
}
ul.programmesList li.activeStatus_2 {
	color: #999 !important;
}
ul.programmesList li.activeStatus_0 {
	background: #f8f8d7;
}
.primaryUser {
	display: inline-block;
	width: 19px;
	height: 22px;
	margin-right: 4px;
	margin-top: -3px;
    vertical-align: middle;
	background: url(/images/icon_central.png) left 2px no-repeat;
}
.mainFullWidthColumn.userGuideContent li {
	margin-bottom: 6px;
}
h3.showHeading, h3.hideHeading {
	line-height: 1.5em;
}
h3.showHeading a {
	display: block;
	padding-left: 26px;
	background: url(../images/icon_show_large.png) left 2px no-repeat;
}
h3.hideHeading a {
	display: block;
	padding-left: 26px;
	background: url(../images/icon_hide_large.png) left 2px no-repeat;
}

.additionalSearchFieldOptions {
	background: #e1e2df;
	padding: 10px 12px 12px;
	border-radius: 5px;
}
.additionalSearchOptionContainer {
	line-height: 1.3em; 
	margin: 0 0 0.3em;
}
.additionalSearchOptionContainer label {
	margin-left: 1.5em; 
	position: relative;
}
.additionalSearchOptionContainer label input[type=checkbox] {
	position: absolute; 
	margin: 0.2em 0 0 -1.2em;
}
span.searchSlider {
	display: inline-block; 
	width: 100px; 
	font-size: 120%;
	margin: 6px 12px 0 12px;
	border: 1px solid #a8a8a8;
}
span.searchSliderLabel {
	display: block;
	margin: 3px 0 10px;
	padding: 0.3em 1em;
	border-radius: 4px;
	border: 1px solid #fff;
}
.profileMatchFlags {
	margin-top: 4px;
}
.searchResultItem {
	font-size: 90%;
}
.searchResultFlag {
	display: inline-block;
	background: #e97c17;
	color: #fff !important;	
	margin-right: 0.5em;
	padding: 0.08em 0.8em;
	font-size: 70%;
	text-transform: uppercase;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #aaa;
}
.searchResultFlag_idealMatch {
		
}
.searchResultFlag_liveRelationship {
	background: #999;
}
.searchResultFlag_outstandingRequest {
	background: #999;
}
.searchResultFlag_fullCapacity {
	background: #999;
}
.searchInfoBox {
	display: none;
	font-size: 70%;
	font-weight: normal;
	line-height: 1.4em;
	margin-top: 4px;
	padding: 0.4em 0.7em 0.6em;
	background: #ddd;
	border-radius: 4px;
	box-shadow: 1px 1px 2px #bbb;
}
.searchInfoBox_idealMatch {
	background: #fff;
}
.searchInfoBox_liveRelationship {
	background: #ddd;
}
.searchInfoBox_outstandingRequest {
	background: #ddd;
}
.searchInfoBox_fullCapacity {
	background: #ddd;
}


/* Supplier level styles */

.supplierLevelIndicator {
	padding-left: 100px; 
	padding-bottom: 10px;
	background-position: top left;
	background-repeat: no-repeat; 
	border-bottom: 1px solid #ccc; 
	margin-bottom: 18px;
	min-height: 100px;
}
.supplierLevelTitle {
	font-size: 140%; 
	padding-top: 8px;
}
.supplierNextLevelIntro {
	background: #f3fede; 
	padding: 10px 18px 10px 10px; 
	display: inline-block; 
	box-shadow: 2px 2px 2px #ddd;
}
.supplierNextLevelRequirements {
	display: none;
}
.supplierNextLevelRequirements ul {
	padding-left: 16px;
}
.supplierNextLevelRequirements ul li {
	padding-left: 4px;
}


/* Diary view styles */

.row.diaryItem {
	padding: 0.8em 1.2em 0.9em 2.6em !important;
	margin-bottom: 1rem !important;
}
.row.diaryItem.confirmed {
	background: #f4f4f4 url(_dev/images/icon_user_green_single.png) 12px 16px no-repeat;
}
.row.diaryItem.pending {
	background: #f4f4f4 url(_dev/images/icon_user_red_single.png) 12px 16px no-repeat;
}
.row.diaryItem.cancelled {
	background: #f4f4f4 url(_dev/images/icon_user_grey_single.png) 12px 16px no-repeat;
}
.diaryDetail {
	font-size: 90%;
	color: #777;
}

.adminHomeButton {
    /* font-family: "Frutiger LT W01_55 Roma1475738", Arial, Helvetica, sans-serif; */
	font-family: "Hind", Arial, Helvetica, sans-serif;
	font-size: 130% !important; 
	width: 100%; 
	margin-right: 14px; 
	line-height: 1.2em; 
	padding-top: 1rem; 
	padding-bottom: 1.2rem;
}
.adminHomeSearchResults {
	margin: 0 0 2.5rem;
}
.adminHomeSearchResults .profileSummary {
	border: 1px solid #bbb;
	padding: 9px 8px;
	font-size: 80%;
	line-height: 1.4em;
	border-radius: 4px;
}
.adminHomeSubRightColumn .loginArea {
	background: #ddd;
	border-radius: 6px;
}
.adminHomeSubRightColumn h2 {
	font-size: 120% !important;
	text-shadow: none !important;
	color: #444 !important;
}
.adminHomeSearchPagingBar {
	background: #888; 
	color: #fff; 
	text-align: center;
	padding: 0.3em 0.8em 0.4em;
	font-size: 90%;
}
.adminHomeSearchPagingPrev {
	display: block;
	cursor: pointer;
	float: left;
	color: #fff !important;
}
.adminHomeSearchPagingNext {
	display: block;
	cursor: pointer;
	float: right;
	color: #fff !important;
}
.adminListItemContainer {
	background: #f4f5f2; 
	padding: 0.6em 0.7em 0.5em; 
	border: 1px solid #ccc; 
	border-radius: 4px; 
	margin: 3px 0 5px;
}
.largerText {
	font-size: 120%;
}
.lineHeightNarrow {
	line-height: 1.5em;
}
/*
.vsmallIconLinkPdf {  // now uses class="resourceItem pdf" instead
	display: inline-block;
	background: url(/images/icon_vsmall_pdf.png) left 4px no-repeat;
	padding: 0 0 0 17px;
}
*/
.actionOptionContainer {
	padding: 0.6em 1em 0.7em;
	border-radius: 5px;
	border: 1px solid #ccc;
	margin: 3px 0;
	background: #fdfdfd;
}
.cohortBadge {
	display: inline-block;
	margin: 3px 0.8em 2px 0;
	padding: 0.1em 0.7em 0.3em;
	background: #00a9ce;
	color: #fff;
	border-radius: 3px;
}
.cohortBadgeSearchResult {
	display: block;
	margin: 0.8em 0 auto;
	padding: 0.4em 1em 0.6em 0.8em;
	font-size: 110%;
}
.cohortBadgeAdminShortlist {
	display: block;
	margin: 0.3em 0 0.4em;
	padding: 0.3em 1em 0.4em 0.8em;
	font-size: 100%;
}
.cohortHistoryContainer {
	display: block;
	background: #e2e2e2;
	padding: 0.3em 0.8em;
	margin: 0.5em 0;
}
ul.cohortHistoryList {
	margin: 0;
	padding: 0 0 0 1em;
}
ul.cohortHistoryList li {
	margin: 0.3em 0;
}


/* jQuery overrides */

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: inherit !important;
}
.ui-widget-header {
    background: #005eb8;
}
.ui-datepicker {
	line-height: 1.2em;
	font-size: 90% !important;
	box-shadow: 0 0 8px #777;
}
.ui-datepicker .ui-datepicker-title select {
	padding-bottom: 2px;
    padding-top: 2px;
	font-weight: normal;
}
.ui-datepicker .ui-datepicker-prev {
	top: 4px;
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	top: 4px;
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
	border: none;
	background: none;
	top: 4px;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
}
.ui-datepicker .ui-widget-header .ui-icon {
    background-image: url(/js/jquery-ui-1.11.4.custom/images/ui-icons_ffffff_256x240.png);
}
.ui-datepicker-calendar th {
	font-weight: normal;
}
.ui-datepicker td.gcalMatchThis a {
	background: #ffe5c9 url(/images/cal_bg_highlight02.gif) 50% 50% no-repeat;
}
.ui-datepicker td.gcalMatchCpart a {
	background: #fef1cb url(/images/cal_bg_highlight01.gif) 50% 50% no-repeat;
}
.ui-datepicker td.gcalMatchBoth a {
	background: #fef1cb url(/images/cal_bg_highlight03.gif) 50% 50% no-repeat;
}
img.ui-datepicker-trigger {
	vertical-align: -2px;
	margin-left: 3px;
}
ul.ui-autocomplete li {
	font-size: 90%;
	padding: 0.4rem 1rem !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: #005eb8;
	border: 1px solid #005eb8;
	color: #fff !important;
}


/* TinyMCE overrides */

i.mce-ico {
    font-size: 13px;
}
div.mce-panel {
	background: #fff;
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif !important;
}
.mce-container, div.mce-widget {
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif !important;
}
.mce-window-head {
	background: #005eb8 !important;
}
.mce-title {
	color: #fff !important;
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif !important;
}
.mce-primary {
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif !important;
	color: #fff !important;
	background-repeat: repeat-x !important;
	background-position: left top !important;
    background-color: #005eb8 !important;
	transition: color 0.1s ease-out,
              	background-color 0.1s ease-out,
              	border-color 0.1s ease-out !important;
}
.mce-primary:hover {
	background-color: #0072ce !important;
  	color: #fff !important;
	text-decoration: none !important;
  	transition: color 0.1s ease-in,
              	background-color 0.1s ease-in,
              	border-color 0.1s ease-in !important;
}
.mce-primary button, div.mce-btn button {
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif !important;
}
.mce-btn button {
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif !important;
}


/* Clearfix */

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/* End clearfix */


/* Bootstrap overrides */

ul.dropdown-menu {
	background: none;
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}
ul.dropdown-menu li {
	border: 1px solid #fff;
	box-shadow: 3px 3px 2px #aaa;
	border-radius: 6px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.nav-pills > li {
    margin: 2px 1px;
	background: #f4f4f4;
    border-radius: 4px;
	border: 1px solid #ccc;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #768692;
    color: #fff !important;
}
.tab_content_wide .container {
	padding: 0;
	width: 100%;
}
.tab_content_wide .row {
	/* font-size: 95%;  */
	padding: 0; 
	margin-left: 0;
	margin-right: 0;
	/* margin-bottom: 10px; */
}
.tab_content_wide .summaryContainer .row, .searchResultsContainer {
	width: 100%;
}
/* .summaryContainer .row, .searchResultsContainer .row  { */
.summaryContainer .row, .searchResultItem  {
	box-shadow: 2px 2px 2px #ccc; 
	padding: 0.8em 0 1.2em; 
	background: #f4f4f4; 
	border-radius: 6px;
	margin-bottom: 18px
}
.searchResultItem {
	padding: 0.7em 1.2em 1em;
}
.alert {
	padding: 8px 12px 10px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
    color: #777 !important;
}


@media only screen and (min-width: 481px) {
	
	#tabContentArea {
		padding: 12px 20px;
	}
	.homepageGreeting {
		text-align: left;
	}
	
}


@media only screen and (min-width: 768px) {  /* Bootstrap grid threshold */
	
	h1#topBarHeading {
		float: right;
		width: 360px;
		height: 72px;
		margin-right: 26px;
		margin-top: 4px;
	}
	h2#topBarSubheading {
		float: left;
		width: 320px;
		text-align: left;
		max-width: 65%;
		margin: 0 0 0 26px;
		background-position: left top;
	}
	div.headerHome, div.header {
		height: 100px;
	}
	.homepageGreeting {
		float: left; 
		width: 55%; 
		line-height: 1.4em; 
		margin-bottom: 2em;
	}
	div.adminHomeSubLeftColumn {
		float: left; 
		width: 55%;
	}
	div.subRightColumn { 
		float: right; 
		width: 40%;
		border-left: 1px solid #ddd;
		margin: 0 4px 55px 0;
		padding-left: 26px;
	}
	div.homeLeftColumn {
		float: left;
		width: 63%;
	}
	div.subRightColumn.subTpColumn { 
		width: 30%;
	}
	#loggedInOptionsNavbar {
		padding: 0;
	}
	.loggedInOptionsMenu {
		float: right;
	}
	.loggedInOptionsMenu .firstItem, .tabsNavbarContainer .active {
		display: inline-block;
	}
	.loggedInOptionsMenu .firstItem a {
		padding-top: 8px;
	}
	.tabsNavbarContainer {
		margin-left: 0;
		margin-right: 0;
	}
	.tabsNavbarContainer .userIconHeader {
		display: none;
	}
	.narrowViewOnly {
		display: none;
	}
	.wideViewOnly {
		display: block;
	}
	.cpListButtonContainer {
		margin-left: 100px;
	}
	input.coreProfileField[type=text], textarea.coreProfileField, input.dynamicProfileField[type=text], textarea.dynamicProfileField {
		width: 28em;
	}
	.registrationsList .row {
		margin-left: -4px;
		margin-right: -4px;
	}
	.registrationsList .registrationsItem {
		padding-left: 4px;
		padding-right: 4px;
	}
	.registrationsItem .alert {
		height: 6.3em;
	}
	.standardTableTh {
		/* background: #e4e4e4; */
	}
	.tabButtonContainer {
		margin-left: 43%;
	}
	.tabButtonContainer.fullWidth {
		margin-left: 0;
	}
	.dashboardButtonContainer {
		text-align: left;
	}
	.dashboardButton {
		margin-left: 270px;
	}
	.searchResultItemLeft {
		margin-right: 10px;
	}
	.searchResultItemRight {
		margin-left: 10px;
	}
	.wideFloatLeft {
		float: left;
	}
	.profileSummaryContainer .wideFloatLeft.withPadding {
		padding-bottom: 0.4em;
	}
	.wideFloatRight {
		float: right; 
		padding-top: 0.3em;
	}
	.wideAlignRight {
		text-align: right;
	}
	.wideHalfWidth {
		width: 40%;
	}
	.wideHalfWidthTight {
		width: 47%;
	}
	/*
	div.profileLeftColumn {
		float: left;
		width: auto;
		line-height: 1.8em;
	}
	div.profileRightColumn {
		float: left;
		width: 100%;
		line-height: 2.5rem;
		border-top: 1px solid #ccc;
		margin-top: 1rem;
		padding-top: 0.7rem;
		font-size: 120% !important;
	}
	*/
	.programmeSelectionForm {
		float: right;
	}
	
}


@media only screen and (min-width: 860px) {
	
	div.mainContentBoxInner {
		padding: 20px 32px;
	}
	.homepageGreeting {
		font-size: 120%; 
	}
	div.profileLeftColumn {
    	width: 40%;
	}
	div.profileRightColumn {
		width: 47%;
		border-top: 0;
		margin-top: 0;
	}
	
}


@media only screen and (min-width: 992px) {  /* Bootstrap grid threshold */
	
	.tabButtonContainer {
		margin-left: 378px;
	}
	.tabButtonContainer.fullWidth {
		margin-left: 0;
	}
	
}


@media only screen and (max-width : 1023px) {
	
	div.mainContentBoxHome {
		font-size: 95%;
	}
	div.homeLeftColumn * {
		line-height: 1.35em;
	}
	div.homeLeftColumn h2, div.subRightColumn h2 {
		/* font-size: 150%; */
	}
	div.subRightColumn h3 {
		font-size: 130%;
		padding-bottom: 10px;
	}
	a.homeCoachBtn, a.homeCoacheeBtn, a.homeMentorBtn, a.homeMenteeBtn {
		width: 248px;
		height: 184px;
		background: url(/images/home_button_register_coach_small.jpg) 0 0 no-repeat;
	}
	a.homeCoacheeBtn {
		background: url(/images/home_button_register_coachee_small.jpg) 0 0 no-repeat;
	}
	a.homeMentorBtn {
		background: url(/images/home_button_register_mentor_small.jpg) 0 0 no-repeat;
	}
	a.homeMenteeBtn {
		background: url(/images/home_button_register_mentee_small.jpg) 0 0 no-repeat;
	}
}

@media only screen and (min-width : 1024px) {
	
	h1#topBarHeading {
		width: 360px;
		height: 72px;
		margin-top: 4px;
	}
	h2#topBarSubheading {
		
	}
	#homeImageholder {
		height: 275px;
	}
	div.homeLeftColumn * {
		line-height: 1.5em;
	}
	div.homeLeftColumn h2, div.subRightColumn h2 {
		font-size: 140%;
		padding-bottom: 12px;
	}
	div.subRightColumn h3 {
		font-size: 140%;
	}
	a.homeCoachBtn, a.homeCoacheeBtn, a.homeMentorBtn, a.homeMenteeBtn {
		width: 291px;
		height: 246px;
		background: url(/images/home_button_register_coach.jpg) 0 0 no-repeat;
	}
	a.homeCoacheeBtn {
		background: url(/images/home_button_register_coachee.jpg) 0 0 no-repeat;
	}
	a.homeMentorBtn {
		background: url(/images/home_button_register_mentor.jpg) 0 0 no-repeat;
	}
	a.homeMenteeBtn {
		background: url(/images/home_button_register_mentee.jpg) 0 0 no-repeat;
		margin-left: 12px;
	}
	
}



/* CSS for high-resolution devices */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	
	
	/* Define retina image styles here to override any standard image styles above */
	
	
}


			