/******************************************************************
Body Styles
******************************************************************/
body
{
	background-color:#FFF9C3;
	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
{
	/*height: 0px;*/
	margin: 0px;
	padding: 0px;
}

A:Hover
{
	text-decoration: underline;
}

.pageXMargin
{
	width:25px;
}

.pageRightMagin
{
	width:140px;
}

/******************************************************************
Body Styles
******************************************************************/
.backgroundLightColour
{
	background-color: #FFF9C3;
}

.backgroundDarkColour
{
	background-color: #FE400;
}

.backgroundBody
{
	background-color: #FFF9C3;
}

.backgroundGreyMedium
{
	background-color: #FFF280;
}

.backgroundGreyTopMenu
{
	background-color: #989691;
}

/******************************************************************
left menu Style
******************************************************************/
.leftMenuArea
{
	/*background-color:#FFB310;*/
	font-family:arial;
	width:160px;	
	margin: 0px;
	padding: 0px;
	text-align:left;
	vertical-align:top;
}

.leftMenuItemArea
{
	font-family:arial;
	width:160px;
	height:36px;
	text-align:left;
	vertical-align:middle;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	padding-left:5px;
}

.leftMenuItemArea a
{
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding-left:5px;
	color:#000000;
	text-decoration:none;
}

.leftMenuItemArea a:hover
{
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding-left:5px;
	color:#00000;
	text-decoration:none;
}

.leftMenuYMargin
{
	height:60px;
	
}

/*.leftMenuSelectedItemArea
{
	width:176px;
	height:45px;
	margin: 0px;
	padding: 0px;
	text-align:left;
	vertical-align:top;
	background-color:#BACCE3;
}

.leftMenuIdents
{
	width:45px;
	height:45px;
	border:0px;
}

.leftMenuXMargin
{
	width:5px;
}



.leftMenuLinkArea
{
	width:126px;
}

.leftMenuArea a
{
	font-family:arial;
	font-size:12px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform:capitalize;
	text-decoration: none;
	color:#27277F;
	cursor:pointer;
}

.leftMenuArea a:hover
{
	font-family:arial;
	font-size:12px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform:capitalize;
	text-decoration: none;
	color:#27277F;
	cursor:pointer;
}

.leftMenuArea .subItem
{
	font-family:arial;
	font-size:12px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform:capitalize;
	text-decoration: none;
	color:#27277F;
	cursor:pointer;
}

.leftMenuArea .subItem:hover
{
	font-family:arial;
	font-size:12px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform:capitalize;
	text-decoration: none;
	color:#065C99;
	cursor:pointer;
}

.leftMenuLinkArea .subItemSelected
{
	font-family:arial;
	font-size:12px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform:capitalize;
	text-decoration: none;
	color:#065C99;
	cursor:pointer;
}
.leftMenuLinkArea .subItemSelected:hover
{
	font-family:arial;
	font-size:12px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform:capitalize;
	text-decoration: none;
	color:#065C99;
	cursor:pointer;
}
*/
.leftMenuLine
{
	width:160px;
	height:2px;
	background-color:#FFE400;
}
.leftMenuLinkArea ul
{
	margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 16px;
	position:relative;
}
.leftMenuLinkArea ul li
{
	margin-top: 0px;
	margin-left: 0px;
    margin-bottom: 5px;
	list-style-image:url(../../media/images/buttons/bullet.gif);
	position:relative;
}

.leftMenuQuote
{
	background-color:#FFF9C3;
	color:#000000;
	text-align:left;
	vertical-align:top;
	font-family:arial;
	font-size:12px;
	line-height: normal;
	font-weight: normal;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:6px;
}

.leftMenuQuoteName
{
	background-color:#FFF9C3;
	color:#000000;
	text-align:left;
	vertical-align:top;
	font-family:arial;
	font-size:12px;
	line-height: normal;
	font-weight: bold;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:6px;
}

/******************************************************************
page content Style
******************************************************************/
.pageTotalContentArea
{
	margin: 0px;
	padding: 0px;
	text-align:left;
	vertical-align:top;
}

.pageContentTitleArea
{
	margin: 0px;
	padding: 0px;
	text-align:left;
	vertical-align: middle;
	line-height:38px;
	font-family:arial;
	font-size:32px;
	font-weight:normal;
	color:#003399;
}

.pageContentYMargin
{
	height:25px;
}

.zonesMenuArea 
{
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	color:#003399;
	text-decoration:none;
}

.zonesMenuArea a
{
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	color:#003399;
	text-decoration:none;
}

.zonesMenuArea a:hover
{
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	color:#003399;
	text-decoration:none;
}


.contentLink
{
	font-family:arial;
	font-size:10px;
	vertical-align:top;
	text-align:left;
	line-height:14px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#27277F;
}

.contentLink:hover
{
	font-family:arial;
	font-size:10px;
	vertical-align:top;
	text-align:left;
	line-height:14px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#27277F;
}

.contentBigLink
{
	font-family:arial;
	font-size:18px;
	height: 28px;
	vertical-align:middle;
	text-align:left;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#FFB310;
}

.contentBigLink:hover
{
	font-family:arial;
	font-size:18px;
	height: 28px;
	vertical-align:middle;
	text-align:left;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#FFB310;
}
/******************************************************************
resource listing Styles
******************************************************************/
.listingTitle
{
	font-family:arial;
	font-size:11px;
	vertical-align:top;
	text-align:left;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#00000;
}

.listingYMargin
{
	height:5px;
}

.listingYInnerMargin
{
	height:5px;
	background-color:#FFF5A0;
}

.listingLine
{
	background-color:#FFE400;
	height:1px;
}

.listingHilite
{
	background-color:#FFF5A0;
	width:775px;
}

.listingHiliteAreaTitle
{
	vertical-align:top;
	text-align:left;
	font-weight:bold;
	width: 22%;
}

.listingHiliteAreaLearnLogTitle
{
	font-family:arial;
	font-size:10px;
	vertical-align:top;
	text-align:left;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#27277F;
	width: 70%;
}

.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:#003399;
}

.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:#003399;
}

.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:#003399;
}

.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:#003399;
}

.listingBigYMargin
{
	height:15px;
}



/******************************************************************
online Link Styles
******************************************************************/
.onlineLinkText
{
	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:#666666;
}

.onlineLinkText 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:#666666;
}

.onlineLinkText 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:#666666;
}

/******************************************************************
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: 20px;
}

.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: #FFE400;
	border-right-color: #FFE400;
	border-bottom-color: #FFE400;
	border-left-color: #FFE400;
	background-color:#FFF9C3;
	width: 295px;
	height: 20px;
}

.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: #FFE400;
	border-right-color: #FFE400;
	border-bottom-color: #FFE400;
	border-left-color: #FFE400;
	background-color:#FFF9C3;
	width: 150px;
	height: 20px;
}

.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: #FFE400;
	border-right-color: #FFE400;
	border-bottom-color: #FFE400;
	border-left-color: #FFE400;
	background-color:#FFF9C3;
	height: 20px;
}

.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: #FFE400;
	border-right-color: #FFE400;
	border-bottom-color: #FFE400;
	border-left-color: #FFE400;
	background-color:#FFF9C3;
	height: 20px;
}

.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: #FFE400;
	border-right-color: #FFE400;
	border-bottom-color: #FFE400;
	border-left-color: #FFE400;
	background-color:#FFF9C3;
	width: 30px;
	height: 20px;
}

.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: #FFE400;
	border-right-color: #FFE400;
	border-bottom-color: #FFE400;
	border-left-color: #FFE400;
	background-color:#FFF9C3;
	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: #FFE400;
	border-right-color: #FFE400;
	border-bottom-color: #FFE400;
	border-left-color: #FFE400;
	background-color:#FFF9C3;
	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: #FFE400;
	border-right-color: #FFE400;
	border-bottom-color: #FFE400;
	border-left-color: #FFE400;
	background-color:#FFF9C3;
	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: #FFE400;
	border-right-color: #FFE400;
	border-bottom-color: #FFE400;
	border-left-color: #FFE400;
	background-color:#FFF9C3;
	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: #FFE400;
	border-right-color: #FFE400;
	border-bottom-color: #FFE400;
	border-left-color: #FFE400;
	background-color:#FFF9C3;
	width: 90%;
}

/*************************************************************************
Paging Styles
*************************************************************************/
.pageHdr
{
	/*background-color:#BACCE3;*/
	font-family:arial;
	font-weight:bold;
	font-size:10px;
	color:#000000;
	width:auto;
	height:18px;
}

.pageHdr A
{
	/*background-color:#BACCE3;*/
	font-family:arial;
	font-weight:bold;
	font-size:10px;
	color:#000000;
	width:auto;
	height:18px;
	text-decoration:none;
}

.pageHdr A:hover
{
	/*background-color:#BACCE3;*/
	font-family:arial;
	font-weight:bold;
	font-size:10px;
	color:#000000;
	width:auto;
	height:18px;
	text-decoration:underline;
}

.pageSelect
{
	font-family:arial;
	font-size:10px;
	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: #065C99;
	border-right-color: #065C99;
	border-bottom-color: #065C99;
	border-left-color: #065C99;
	background-color:#EEEEEE;
	width: 50px;
	height: 20px;
}
/******************************************************************
other Styles
******************************************************************/

.searchBox
{
	font-family:arial;
	font-size:12px;
	text-align:left;
	line-height:17px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	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: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 174px;
	height: 20px;
}

.talentTitle
{
	margin: 0px;
	padding-top: 12px;
	padding-left: 12px;
	padding-bottom: 10px;
	text-align:left;
	vertical-align: middle;
	line-height:38px;
	font-family:arial;
	font-size:36px;
	font-weight:normal;
	color:#000000;
}

.talentName
{
	font-family: arial;
	font-size: 18px;
	line-height: 22px;
	color: #FFFFFF;
	padding-left: 12px;
	padding-bottom: 12px;
	padding-right: 12px;
}

.talentLink
{
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 36px;
	color: #666666;
	padding-left: 24px;
	padding-right: 24px;
}

.talentLink A
{
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 36px;
	color: #666666;
	text-decoration: none;
}

.talentLink A:Hover
{
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 36px;
	color: #666666;
	text-decoration: none;
}

.talentLine
{
	line-height: normal;
	background-image: url(../../media/images/icons/general/dash.gif);
	height: 2px;
}

.featuredResource
{
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: normal;
}

.featuredResource A
{
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	line-height: normal;
	text-decoration: underline;
}

.featuredResource A:Hover
{
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	line-height: normal;
	text-decoration: underline;
}

.errorText
{
	color: #CC0033;
}

.NotesHeaderBar
{	
	background-color:#FFE400;	
	text-align:left;
	text-indent:25px;	
	vertical-align:top;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	color:#003399;	
	height:105px;
	width:100%;
	padding-left:20px;
}

.zonesLink
{
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 36px;
	color: #003399;
	padding-left: 24px;
	padding-right: 24px;
	text-decoration: none;
}

.zonesLink A
{
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 36px;
	color: #003399;
	text-decoration: none;
}

.zonesLink A:Hover
{
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 36px;
	color: #003399;
	text-decoration: none;
}
