/******************************************************************
Body Styles
******************************************************************/
body
{
	background-color:#E6E6E6;
	font-family:arial;
	font-size:12px;
	vertical-align:top;	
	text-align:left;
	line-height:17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#000000;
	width:100%;
	margin: 0px;
	padding: 0px;
	scrollbar-3dlight-color:#DCE5F1;
	scrollbar-arrow-color:#DCE5F1;
	scrollbar-base-color:#BACCE3;
	scrollbar-highlight-color:#DCE5F1;
	scrollbar-shadow-color:#DCE5F1;
}

form
{
	margin: 0px;
	padding: 0px;
}

A:Hover
{
	text-decoration: underline;
}

.pageXMargin
{
	width:25px;
}

.pageRightMagin
{
	width:140px;
}

/******************************************************************
login Styles
******************************************************************/
.backgroundLightColour
{
	background-color: #001931;
}

.borderColours
{
	border-color: #006457;
	border-style:double;
}

.login 
{
	background: url(../../../media/images/buttons/login.gif) no-repeat right;
	display:block;
	color: #FFFFFF;
	font-family:arial;
	font-size:16px;
	height:53px;
	padding: 0px 0px 0px 10px;
}

.login a
{
	background: url(../../../media/images/buttons/login.gif) no-repeat right;
	display:block;
	color: #FFFFFF;
	text-decoration:none;
}

.login a:hover
{
	display:block;
}

/******************************************************************
left menu Style
******************************************************************/
.leftMenuArea
{
	font-family:arial;
	width:160px;	
	margin: 0px;
	padding: 0px;
	text-align:left;
	vertical-align:top;
}

.leftMenuItemArea
{
	font-family:arial;
	text-align:left;
	vertical-align:middle;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	background-color:#0D334B;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:7px;
	padding-right:15px;
}

.leftMenuItemArea a
{
	background: url(../../../media/images/leftMenu/arrow.gif) no-repeat right;
	background-position: 50% 50%; 
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}

.leftMenuItemArea a:hover
{
	color:#A6C9BE;
	text-decoration:none;
	background: url(../../../media/images/leftMenu/arrow_HL.gif) no-repeat right;
	background-position: 50% 50%; 
}

.leftMenuYMargin
{
	height:60px;
	
}

.leftMenuSelectedItemArea
{
	font-family:arial;
	text-align:left;
	vertical-align:middle;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	background-color:#006457;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:7px;
	padding-right:15px;

}

.leftMenuSelectedItemArea a
{
	background: url(../../../media/images/leftMenu/arrow_HL.gif) no-repeat right;
	background-position: 50% 50%; 
	display:block;
	color:#A6C9BE;
	text-decoration:none;
}

.leftMenuSelectedItemArea a:hover
{
	color:#FFFFFF;
	text-decoration:none;
	background: url(../../../media/images/leftMenu/arrow.gif) no-repeat right;
	background-position: 50% 50%; 
}


.leftMenuLine
{
	width:160px;
	height:2px;
	background-color:#ffffff;
}



/******************************************************************
page content Style
******************************************************************/
.pageTotalContentArea
{
	margin: 0px;
	padding: 0px;
	text-align:left;
	vertical-align:top;
	width:100%;
}

.pageContentTitleArea
{
	margin: 0px;
	padding: 9px;
	padding-left:20px;
	text-align:left;
	vertical-align: middle;
	line-height:35px;
	font-family:arial;
	font-size:20px;
	font-weight:normal;
	color:#ffffff;
	background-color:#006457;
}

.pageContentYMargin
{
	height:25px;
}

.pageContentTextArea
{
	padding-left:20px;
	font-family:arial;
	font-size:11px;
}


/******************************************************************
resource listing Styles
******************************************************************/
.listingTitle
{
	font-family:arial;
	font-size:15px;
	vertical-align:top;
	text-align:left;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#001931;
}

.listingYMargin
{
	height:5px;
}

.listingYInnerMargin
{
}

.listingLine
{
	background-color:#001931;
	height:1px;
}

.listingHilite
{
	background-color:#E6E6E6;
	width:775px;
}

.listingHiliteLoginText
{
	color:#FFFFFF;
	padding-left:10px;
	vertical-align:top;
	text-align:left;
	font-weight:bold;
	width: 22%;
}

.listingHiliteAreaTitle
{
	color:#000000;
	padding-left:10px;
	vertical-align:top;
	text-align:left;
	font-weight:bold;
	width: 22%;
}

.listingWelcomeHiliteLoginText
{
	color:#ffffff;
	padding-left:10px;
	vertical-align:top;
	text-align:left;
	font-weight:bold;
	width: 22%;
}
.listingHiliteAreaTitleLogin
{
	color:#0D334B;
	padding-left:10px;
	vertical-align:top;
	text-align:left;
	font-weight:bold;
	width: 22%;
}

.pageImagePadding
{
	padding-right:20px;
	/*text-align:right;*/
}

.mediaIcon
{
	width:27px;
	height:20px;
}

.listingLinkAreaText
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:right;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#006457;
}

.listingLinkAreaTextSelected
{
	font-family:arial;
	font-size:10px;
	vertical-align:top;
	text-align:right;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#006457;
}

.listingLinkAreaText A
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#006457;
}

.listingLinkAreaText A:Hover
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	color:#006457;
}


.listingLinkAreaTextDefault
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:right;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#FFFFFF;
}

.listingLinkAreaTextDefault A
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#FFFFFF;
}

.listingLinkAreaTextDefault A:Hover
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	color:#006457;
}
.listingLinkAreaTextDoc
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#006457;
}

.listingLinkAreaTextDoc A
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#006457;
}

.listingLinkAreaTextDoc A:Hover
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	color:#006457;
}

.listingBigYMargin
{
	height:15px;
}

/******************************************************************
form Styles
******************************************************************/
.inputYMargin
{
	height:3px;
}

.textInputNoHilite
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#000000;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFE400;
	border-right-color: #FFE400;
	border-bottom-color: #FFE400;
	border-left-color: #FFE400;
	background-color:#FFFFFF;
	width: 295px;
	height: 26px;
}

.textInputHilite
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#000000;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ACACAC;
	border-right-color: #ACACAC;
	border-bottom-color: #ACACAC;
	border-left-color: #ACACAC;
	width: 295px;
	height: 26px;
}

.textInputHiliteSmall
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	line-height:17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#000000;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ACACAC;
	border-right-color: #ACACAC;
	border-bottom-color: #ACACAC;
	border-left-color: #ACACAC;
	background-color:#FFFFFF;
	width: 160px;
	height: 24px;
}

.textInputHiliteSmallLogin
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	line-height:17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#000000;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0D334B;
	border-right-color: #0D334B;
	border-bottom-color: #0D334B;
	border-left-color: #0D334B;
	background-color:#FFFFFF;
	width: 160px;
	height: 24px;
}

.textWelcomeInputHiliteSmallLogin
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	line-height:17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #001931;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:  #0D334B;
	border-right-color: #0D334B;
	border-bottom-color: #0D334B;
	border-left-color: #0D334B;
	background-color:#FFFFFF;
	width: 160px;
	height: 24px;
}

.textInputHiliteNoWidth
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	line-height:17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#000000;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ACACAC;
	border-right-color: #ACACAC;
	border-bottom-color: #ACACAC;
	border-left-color: #ACACAC;
	background-color:#FFFFFF;
	height: 24px;
}

.textInputHiliteNumber
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:center;
	line-height:17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#000000;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ACACAC;
	border-right-color: #ACACAC;
	border-bottom-color: #ACACAC;
	border-left-color: #ACACAC;
	background-color:#FFFFFF;
	height: 24px;
}

.textInputHiliteTiny
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	line-height:17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#000000;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ACACAC;
	border-right-color: #ACACAC;
	border-bottom-color: #ACACAC;
	border-left-color: #ACACAC;
	background-color:#FFFFFF;
	width: 30px;
	height: 24px;
}

.textInputHiliteMulti
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	line-height:17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#000000;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ACACAC;
	border-right-color: #ACACAC;
	border-bottom-color: #ACACAC;
	border-left-color: #FFE400;
	background-color:#FFFFFF;
	width: 75%;
}

.textInputHiliteMultiLink a
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:center;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#666666;
}

.textInputHiliteMultiLink a:hover
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:center;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	color:#666666;
}

.textAreaHilite
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	line-height:17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#000000;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ACACAC;
	border-right-color: #ACACAC;
	border-bottom-color: #ACACAC;
	border-left-color: #ACACAC;
	background-color:#FFFFFF;
	width: 100%;
	height:100px;
}

.textAreaHiliteEvaluation
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	line-height:17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#000000;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ACACAC;
	border-right-color: #ACACAC;
	border-bottom-color: #ACACAC;
	border-left-color: #ACACAC;
	background-color:#FFFFFF;
	width: 450px;
	height:60px;
}

.textAreaHiliteBig
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	line-height:17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#000000;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ACACAC;
	border-right-color: #ACACAC;
	border-bottom-color: #ACACAC;
	border-left-color: #ACACAC;
	background-color:#FFFFFF;
	width: 100%;
	height:150px;
}

.textAreaHiliteForums
{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	line-height:17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#000000;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ACACAC;
	border-right-color: #ACACAC;
	border-bottom-color: #ACACAC;
	border-left-color: #ACACAC;
	background-color:#FFFFFF;
	width: 90%;
}

/******************************************************************
Module Styles
******************************************************************/
.modTableHolder
{
	border-right: 2px solid transparent;

}
.moduleList 
{
	background: url(../../media/images/modules/ModulesArrow.gif);
	background-color: #0D334B;
	display:block;
	font-family:arial;
	font-size:11px;
	color: #FFFFFF;
	width:85px;
	height:55px;
}

.moduleList a
{
	background: url(../../media/images/modules/ModulesArrow.gif);
	background-color: #0D334B;
	display:block;
	color: #FFFFFF;
	text-decoration:none;
	width:85px;
	height:55px;	
	padding: 0px 0px 0px 3px;
}

.moduleList a:hover
{
	background: url(../../media/images/modules/ModulesArrow.gif);
	background-color: #006457;
	display:block;
}

/******************************************************************
Tutor Support Styles
******************************************************************/

.tutorSupport 
{
	background: url(../../../media/images/general/tutorBlank.gif);
	display:block;
	font-family:arial;
	font-weight:bold;
	font-size:12px;
	color: #001931;
	width:105px;
	height:55px;
}

.tutorSupport a
{
	background: url(../../../media/images/general/tutorArrow.gif);
	display:block;
	color: #001931;
	text-decoration:none;
	width:105px;
	height:55px;	
	padding: 6px 0px 0px 0px;
}

.tutorSupport a:hover
{
	background: url(../../../media/images/general/tutorArrow_HL.gif);
	color: #006457;
	display:block;
}

/******************************************************************
Arrow Button Styles
******************************************************************/

.buttonArrow_forward 
{
	background: url(../../../media/images/buttons/buttonArrow_forward.gif) no-repeat right;
	display:block;
	font-family:arial;
	font-size:10px;
}

.buttonArrow_forward a
{
	background: url(../../../media/images/buttons/buttonArrow_forward.gif) no-repeat right;
	display:block;
	background-color: #006457;
	border: 1px solid #0D334B;	
	color: #FFFFFF;
	text-decoration:none;
	height:13px;
	padding: 0px 10px 5px 5px;
}

.buttonArrow_forward a:hover
{
	background-color: #0D334B;
	border-color: #000000;
	display:block;
}

.buttonWelcomeArrow_forward 
{
	background: url(../../../media/images/buttons/buttonArrow_forward.gif) no-repeat right;
	display:block;
	font-family:arial;
	font-size:10px;
	background-color: #001931;
}

.buttonWelcomeArrow_forward a
{
	background: url(../../../media/images/buttons/buttonArrow_forward.gif) no-repeat right;
	display:block;
	background-color: #001931;
	border: 1px solid #0D334B;	
	color: #FFFFFF;
	text-decoration:none;
	height:13px;
	padding: 0px 10px 5px 5px;
}

.buttonWelcomeArrow_forward a:hover
{
	background-color: #006457;
	border-color: #000000;
	display:block;
}

/******************************************************************
other Styles
******************************************************************/

.errorText
{
	color: #CC0033;
}

.leftMenuFiller
{
	background-color:#0D334B;
}

.leftMenuFillerSelected
{
	background-color:#006457;
	width: 10px;
}
.loginErrorText
{
	color: #ffffff;
	padding-left:10px;
	
}

.pageFullHeight
{
	height: 100%;
	vertical-align: top;
	text-align: left;
	background-color:#F2F2F2;
}

.pageContent
{
	width: 770px;
	vertical-align: top;
	text-align: center;
	background-color: #FFFFFF;
}

.pageBackground
{
	background-color: #CCCCCC;
	width: 50%;
}

.pageBackground2
{
	background-color: #E2E7EA;
	width: 50%;
}



