﻿/* ------------------------------------------------------------------------------- */
/* HTML element styles */
/* ------------------------------------------------------------------------------- */
body					{ margin: 0px; font-family: Arial,Helvetica,sans-serif; }

a:link					{ color: #26659D; text-decoration: none }
a:hover					{ color: #DCD1B9; text-decoration: none }
a:visited				{ color: #26659D; text-decoration: none }
a:active				{ color: #26659D; text-decoration: none }

/* ------------------------------------------------------------------------------- */
/* WebForm elements */
/* ------------------------------------------------------------------------------- */
.gui         			{ font-family: Arial,Helvetica,sans-serif; font-size: 8pt; }
textarea				{ font-family: Arial,Helvetica,sans-serif; font-size: 8pt; }
select					{ font-family: Arial,Helvetica,sans-serif; font-size: 8pt; }
input					{ font-family: Arial,Helvetica,sans-serif; font-size: 8pt; }
.guiLabels   			{ font-size: 8pt; }
.HighlightedButton 		{ background-color: red; color: white; font-weight: bold; }

/* ------------------------------------------------------------------------------- */
/* Custom styles for menus and body text... */
/* ------------------------------------------------------------------------------- */
.footer					{ font-size: 7pt; padding: 5px; }

.sideBar				{ font-size: 8pt; padding: 5px; }
.sideBarBorder			{ font-size: 8pt; padding: 5px; border-top: 1px solid #808080; border-bottom: 1px solid #808080; }

.mainPanel				{ font-size: 9pt; padding: 5px; }
.mainPanelBorder		{ font-size: 9pt; padding: 5px; border-top: 1px solid #808080; border-bottom: 1px solid #808080; }

.calendarRow			{ font-size: 8pt; padding: 5px; border-bottom: 1px solid #26659D; }

.menuNorm				{ font-size: 8pt; }
.menuOver				{ font-size: 8pt; background: #3399CC; }
.menuOn					{ font-size: 8pt; background: #0066CC; }
.menuOn a				{ color: Black; }
.sideMenuOver			{ font-size: 8pt; background: #548370; padding: 5px; }

.popTag					{ background: #FFFFCC; border: 1px solid #C0C0C0; opacity: 0.85; -moz-opacity: 0.85; filter: alpha(opacity=85); }

.errMsg 				{ color: #ff0000; }
.yellowtext 			{ color: yellow; }
.whitetext 				{ color: white; }
.leftNavBold 			{ color: #ffffff; font-weight: bold; }
.blacktext				{ color: #000000; }
.greentext 				{ color: #548370; }
.bluetext 				{ color: #26659D; }
.greytext				{ color: #808080; }

.size16font				{ font-size: 16px; }	
.size15font				{ font-size: 15px; }
.size14font 			{ font-size: 14px; }
.size13font				{ font-size: 13px; }
.size12font				{ font-size: 12px; }
.size8font				{ font-size: 8pt; }
.size7font				{ font-size: 7pt; }

.lightBlueColour 		{ color: #26659D; }

.procLogHeader 			{ background-color: #32416A; font-weight: bold; color: #ffffff; vertical-align: top; }
.nonBreaking 			{ white-space: nowrap; }
.alertText_Red 			{ color: #FF0000; font-weight: bold; }

.EPL_ItemSignedOff 		{ background-color: #eeffee; }
.EPL_ItemOutstanding 	{ background-color: #ffffcc; }
.EPL_ItemNormal 		{ background-color: white; }

.bold 					{ font-weight: bold; }
.underline 				{ text-decoration: underline; }
.center 				{ text-align: center; }
.right 					{ text-align: right; }
.top 					{ vertical-align: top; }
.noMargin 				{ margin: 0; }
.noMarginTop 			{ margin-top: 0; }
.noMarginBottom 		{ margin-bottom: 0; }
.noPadding				{ padding: 0; }
.noBorder 				{ border: 0; }
.hidden, .displayNone  { display:none; }
.finalised 				{ color: #548370; }
.leftNavBold			{ color: #FFFFFF; font-weight: bold; }

.width90px				{ width: 90px; }
.width100px				{ width: 100px; }
.width150px				{ width: 150px; }
.width200px				{ width: 200px; }

.submitbutton {
	font-weight: bold;
	color: #ffffff;
	background-color: #ff0000;
}

.regSemesterFeedbackHeader {
	font-size: 7pt;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	width: 20%;
	background-color: #f2eee6;	
}

.bordertopbottomdashed {
	border-top: 1px dashed #C0C0C0;
	border-bottom: 1px dashed #C0C0C0;
}

.addressBookHeader {
	border-bottom: 1px solid #808080;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#26659D', endColorStr='#3CA0F8', gradientType='0');
	background-color: #26659D;
	color: #ffffff;
	font-weight: bold;
	font-size: 9pt;
	padding: 5px;
}

.borderTopBottomDarkGrey {
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	vertical-align: top;
}

.borderTopBottomLightGrey {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	vertical-align: top;
}

.sideBarBorder {
	font-size: 8pt;
	padding: 5px;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}

.mainPanelBorder {
	font-size: 9pt;
	padding: 5px;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}

.borderLeft 	{ border-left: 1px solid #32416A; }
.borderRight 	{ border-right: 1px solid #32416A; }
.borderBottom 	{ border-bottom: 1px solid #32416A; }

.borderLeftRightBottom {
	border-left: 1px solid #32416A;
	border-right: 1px solid #32416A;
	border-bottom: 1px solid #32416A;	
}

/* ------------------------------------------------------------------------------- */
/* Admin login page */
/* ------------------------------------------------------------------------------- */
legend 			{ font-size: 14px; font-weight: bold; }
fieldset 		{ border: 1px solid #32416A; padding: 4px; }
.ulmarginleft	{ margin-left: 15px; }
.menuHilite		{ border: 1px solid #D5E4E6; background-color: #EFF8F9; }
.menuNormal		{ border: 1px solid #F4F4F4; }
.menuMapList	{ border-left: 1px solid Silver; border-right: 1px solid Silver; }

.menuMapHeader {
	border: 1px solid #26659D;
	background-color: #26659D;
	color: White;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#26659D', endColorStr='#3CA0F8', gradientType='0');
}

/* ------------------------------------------------------------------------------- */
/* Default page */
/* ------------------------------------------------------------------------------- */
.inputbutton {
	width: 130px;
	height:24px;
	background-color: #add3cf;
	color: #000000;
	font-weight: bold;
	border: 1px solid #26659D;
	cursor: hand;
}
.subinputbutton {
	width: 130px;
	height:24px;
	background-color: #cde9e6;
	color: #000000;
	font-weight: bold;
	border: 1px solid #26659D;
	cursor: hand;
}

/* ------------------------------------------------------------------------------- */
/* Registrar portfolio page */
/* ------------------------------------------------------------------------------- */
.regportfolioheader {
	background-color: #26659D;
	color: #ffffff;
	font-weight: bold;
	vertical-align: top;
	font-size: 8pt;
	padding: 5px;
}

.deepBlueHeaderRow {
	font-size: 8pt;
	padding: 5px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#32416a, endColorStr=#26659d, gradientType=0);
	vertical-align: top;
	color: #ffffff;
	background-color: #32416A;
	font-weight: bold;
}

.bordertopbottom {
	border-top: 1px solid #26659D;
	border-bottom: 1px solid #26659D;
}
.PortfolioHeader {
	
}
.PortfolioTermHeader td	{
	border: 1px solid #26659D; border-right:0px;
	background-image: url('../images/bg_WinVista_BlueGrad.gif');
	background-repeat: repeat-x;
	background-position-y: center;
}

.bordertopinductiondetails { border-top: 1px solid #26659D; }
.borderbottominductiondetails { border-bottom: 1px solid #26659D; }
.dottedgreybottomborder { border-bottom: 1px dotted #ccc; }

.creamtext 	{ color: #F2EEE6; }
.bluetext 	{ color: #26659D; }

.jammediafootertextgrey {
	font-size: 8pt;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

.jammediafootertextblack {
	font-size: 8pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

.jammediafootertextred {
	font-size: 8pt;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------------------------- */
/* Tabbed Panel controls */
/* ------------------------------------------------------------------------------- */
.panelControls {
	font-size:9pt;
	font-weight:bold;
	width:100%;
	margin-left:0px;
	margin-bottom:10px;
	/*border-bottom:1px solid gray;*/
	border-collapse:collapse;
}
.panelControls a:link, a:visited, a:active {
	color:black;
}
.panelControls a:hover {
	color:#32416a;
}
.panelControls td {
	padding:5px;
	width:125px;
	text-align:center;
	border-bottom:1px solid gray;
}
.panelControls .head .foot {
	width:20px; padding:0px;
}
.panelControls .head {
	width:10px;
}
.panelControls .spacer {
	width:3px; padding:0px;
}
.panelControls .panelOff {
	background-position: bottom;
	border: 1px solid silver;
	/*border-radius:5px 5px 0px 0px;*/
	background-color: #f5f6f5;
	border-bottom: 1px solid gray;
	background-image: url('/images/bg_PanelCtrl.gif');
	background-repeat: repeat-x;
}
.panelControls .panelOn {
	border:1px solid gray;
	/*border-radius:5px 5px 0px 0px;*/
	border-top:2px solid #3366ee;
	background-color:white;
	border-bottom:none;
}

/* ------------------------------------------------------------------------------- */
/* Background colours */
/* ------------------------------------------------------------------------------- */
.lightGreenBackground 	{ background-color: #f2fcfb; }
.lightBrownBackground 	{ background-color: #f8f3dc; }
.lightBlueBackground 	{ background-color: #dfedfb; }
.brownBackground 		{ background-color: #dcd1b9; }
.whiteBackground 		{ background-color: #ffffff; }
.creamBackground 		{ background-color: #f2eee6; }
.yellowBackground 		{ background-color: #ffffcc; }
.salmonBackground		{ background-color: #ffaaaa; }
.redBackground			{ background-color: #ff0000; }
.bannerGreenBackground	{ background-color: #a5c5b8; }
.blueBackground 		{ background-color: #26659D; }
.greyblueBackground		{ background-color: #D5E4E6; }
.darkblueBackground 	{ background-color: #32416A; }
.lightRedBackground 	{ background-color: #fadcdc; }

/* MDS RIDE Identifier styles... */
/* ------------------------------------------------------------------------------- */

.MDS_Mandatory {
	background:#ffebeb url('/images/bg_MDSMandatory.gif') repeat scroll left top;	
}
.MDS_Optional {
	background-color:#ffcc99;
}

/* accreditation */
.90days {
	background-color:#ffffcc;
}
.60days {
	background-color:#ffff00;
}
.30days {
	background-color:#ff9900;
}
.0days {
	background-color:#ff0000;
}
.0days a:link {
	color:white;
}

