/* CSS */
html body{
	text-align:center; margin-left:auto; margin-right:auto; background:#666 url(../images/2.jpg) repeat top left}
h1, h2, h3, h4, h5, h6{
	padding:0; margin:0}
img{
	border:none}
select, SELECT{
	font:normal 11px arial, sans-serif; color:#000}

.asterisk{color:#FF0000; font-weight:bold}
	
a{text-decoration:none; color:#000}
a:link{text-decoration:none; color:#3E6BA9}
a:visited{text-decoration:none; color:#666}
a:active{text-decoration:underline; color:#3E6BA9}
a:hover{text-decoration:none; color:#3E6BA9}

a.MenuLink{
	padding-bottom:1px; margin-right:20px; color:#FFF; text-decoration:none; border-bottom:0px solid #FFF}
a.MenuLink:link{
	padding-bottom:1px; margin-right:20px; color:#FFF; text-decoration:none; border-bottom:0px solid #FFF}
a.MenuLink:visited{
	padding-bottom:1px; margin-right:20px; color:#FFF; text-decoration:none; border-bottom:0px solid #FFF}
a.MenuLink:active{
	padding-bottom:1px; margin-right:20px; color:#FFF; text-decoration:none; border-bottom:2px solid #FFF}
a.MenuLink:hover{
	padding-bottom:1px; margin-right:20px; color:#FFF; text-decoration:none; border-bottom:2px solid #FFF}
	
a.ChildItems{
	font:bold 11px arial, sans-serif; color:#FFF; padding:5px 0px 2px 9px; text-decoration:none; width:100%}
a.ChildItems:link{
	font:bold 11px arial, sans-serif; color:#FFF; text-decoration:none}
a.ChildItems:visited{
	font:bold 11px arial, sans-serif; color:#FFF; text-decoration:none}
a.ChildItems:active{
	font:bold 11px arial, sans-serif; color:#FFF; text-decoration:none}
a.ChildItems:hover{
	font:bold 11px arial, sans-serif; color:#FFF; text-decoration:none; background-color:#A6CCF6}
	
a.forgotten{
	font:normal 9px arial, sans-serif; color:#FFF; text-decoration:none}
a.forgotten:link{
	font:normal 9px arial, sans-serif; color:#FFF; text-decoration:none}
a.forgotten:visited{
	font:normal 9px arial, sans-serif; color:#FFF; text-decoration:none}
a.forgotten:active{
	font:normal 9px arial, sans-serif; color:#FFF; text-decoration:none}
a.forgotten:hover{
	font:normal 9px arial, sans-serif; color:#FFF; text-decoration:underline}

#RightContent a{text-decoration:none; color:#FFF}
#RightContent a:link{text-decoration:none; color:#FFF}
#RightContent a:visited{text-decoration:none; color:#FFF}
#RightContent a:active{text-decoration:none; color:#FFF}
#RightContent a:hover{text-decoration:none; color:#FFF}

#Copyright a{text-decoration:none; color:#FFF}
#Copyright a:link{text-decoration:none; color:#FFF}
#Copyright a:visited{text-decoration:none; color:#FFF}
#Copyright a:active{text-decoration:none; color:#FFF}
#Copyright a:hover{text-decoration:none; color:#FFF}

#ContentShell{
	background:#ECEDEF url(../images/3.jpg) repeat-y top left; width:779px; margin-left:auto; margin-right:auto; margin-top:10px; padding:0px;
	text-align:left}
#Header{
	width:100%; height:100px; background:#999 url(../images/header001.jpg) no-repeat top left}

#Menu{
	width:100%; height:28px; border-bottom:1px solid #000; background:#000 url(../images/menu-bg001.gif) no-repeat top left}

#LeftContent{
	padding:0px 0px 0px 0px; float:left; width:128px}
#ChildMenuLoginContainer{
	padding:0}

#CenterContent{
	background: url(../images/4.jpg) no-repeat top right; float:left; padding:0px; width:525px}

#RightContent{
	padding:0px; float:left; width:124px; color:#FFF}
#RightPadding{
	padding:0px 0px 0px 0px}

#Copyright{
	clear:both; background-color:#000; text-align:center; width:100%; height:15px; font:normal 10px Arial, sans-serif; color:#FFF}
#Time{
	width:128px; height:45px; margin-left:1px; background-color:#FFF}
#PageTitle{
	width:80%; margin-left:0px; background-color:#FFF; height:45px}
#ContentArea{
	padding:0px 5px 10px 5px}

h1{
	padding:12px 0px 1px 10px; font:bold 20px arial,sans-serif; color:#3E6BA9}
h2{
	padding:5px 0px 1px 5px; font:bold 18px arial,sans-serif; color:#3E6BA9}
h3{
	padding:5px 0px 1px 5px; font:bold 16px arial,sans-serif; color:#3E6BA9}
h4{
	padding:3px 0px 1px 3px; font:bold 14px arial,sans-serif; color:#3E6BA9}
h5{
	padding:2px 0px 1px 2px; font:bold 14px arial,sans-serif; color:#3E6BA9}
h6{
	padding:1px 0px 1px 1px; font:bold 14px arial,sans-serif; color:#3E6BA9}

.TopMenuLinks{
	float:left; padding:7px 0px 7px 20px; font:bold 11px arial, sans-serif}

.Text{
	font:normal 12px Arial, sans-serif}
.Time{
	padding:17px 0px 0px 18px; font:normal 9px arial, sans-serif; color:#3E6BA9}
.Login, .Shop{
	font:bold 10px arial, sans-serif; color:#FFF; padding:0px 0px 10px 0px; text-align:center}
.LoginText{
	padding:0px 0px 0px 2px; font:normal 11px arial, sans-serif; color:#FFF}
.LoginInput{
	width:61px; border:1px solid #3E6BA9; height:17px; font:normal 11px arial, sans-serif; color:#000}
.LoginButton{
	width:30px; height:17px; border-top:1px solid #5FA2FE; border-left:1px solid #5FA2FE; border-bottom:1px solid #3E6BA9; 
	border-right:1px solid #3E6BA9; font:normal 9px arial, sans-serif; color:#FFF; background:url(../images/login-bg.gif) no-repeat top left}
.RememberMe{
	font:normal 9px arial, sans-serif; color:#FFF; text-align:right}
.Salutation{font:normal 11px arial, sans-serif; color:#FFF}
.Greeting{font:bold 11px arial, sans-serif; color:#FFF; padding:0px 0px 10px 0px}
.LoginNotice{font:normal 10px arial, sans-serif; color:#FFF}
	
/* Products */
#ShoppingEmptyTable{
	width:98%; border:0; padding:4px; }
#ProductsTable{
	border:1px solid #666; width:98%; padding:0; margin:0}
#ProductsHeader{
	background-color:#CCC}
#BasketAdd{
	border-left:1px solid #666; background-color:#5FA2FE; text-align:center}
.HeaderBG{
	padding:5px 0px 5px 5px; background-color:#999; font:bold 12px arial, sans-serif; color:#FFF; border-bottom:1px solid #666; 
	border-top:1px solid #666}
.SubCat{
	padding:8px 0px 5px 5px; background-color:#CCC; font:bold 11px arial, sans-serif; color:#666; border-top:1px solid #DDD}
.EvenRowColor{
	background-color:#FFF}
.OddRowColor{
	background-color:#A6CCF6}
.DataTextSize{
	font:normal 11px arial, sans-serif; color:#000}
.DataTextSizeBold{
	font:bold 11px arial, sans-serif; color:#000}
.ListingPrice{
	font:bold 11px arial, sans-serif; color:#FF0000}
	
	
/* Form Styles and Layouts */
.StuckMsg{width:100%; height:20px; font:bold 10px arial, sans-serif; color:#000; text-align:center}

.Instruct{font:bold 11px arial, sans-serif; color:#000}

.formText{
	font:bold 11px arial, sans-serif; color:#999}
.formData{
	font:normal 11px arial, sans-serif; color:#000; border:1px solid #3E6BA9}
	
.BookingsTable{
	 width:100%; border:1px solid #000; padding:0; margin-top:20px}
.l_Header{
	font:bold 12px arial, sans-serif; color:#666; text-align:center; padding:3px 0px 3px 0px; background-color:#A6CCF6; 
	border-bottom:1px solid #666}
.l_Date, .l_CourseName, .l_Location, .l_Status{
	font:normal 11px arial, sans-serif; color:#000; padding:5px 0px 5px 5px; background-color:#DDD; border-top:1px solid #FFF; 
	border-bottom:1px solid #666}
.l_Status{text-align:center}
.Tip{font:normal 9px arial, sans-serif; font-style:italic; color:#FF3300}
#FormHeaders{background-color:#548BD7}
.FormHeadersText{font:bold 14px arial, sans-serif; color:#FFF; padding:5px 0px 3px 3px}

/* Job Styles and Layouts */
#JobAdList{
	font:normal 10px arial, sans-serif; color:#000}
.j_Header{
	font:bold 12px arial, sans-serif; color:#666; padding:3px 0px 3px 2px; background-color:#A6CCF6; 
	border-bottom:1px solid #666}
.J_JobTitle, .j_Salary, .j_Location, .j_Reference{
	font:bold 11px arial, sans-serif; color:#000; padding:5px 0px 5px 5px; background-color:#DDD; border-top:1px solid #FFF; 
	border-bottom:1px solid #CCC}
.J_Status{text-align:center}
.j_Description{font:normal 11px arial, sans-serif; color:#000; padding:5px 0px 5px 18px; background-color:#DDD; border-bottom:1px solid #666}

#ApplyingJobTable{margin-top:10px; width:100%; padding:0; border:1px solid #000}
.JobTableCell{background-color:#DDD; font:bold 12px arial, sans-serif; text-align:center; padding:5px 5px 5px 5px; border-top:1px solid #FFF;
border-bottom:#CCC; color:#000}
.JobTableDescription{background-color:#DDD; border-top:1px solid #666; text-align:left; padding:3px 3px 3px 5px; font:normal 11px arial, sans-serif;
color:#000}

#AppliedTable{border:0; padding:0; margin:0; width:100%;}
/* Job Ads List */
.jad_Header{
	font:bold 11px arial, sans-serif; color:#666; padding:3px 0px 3px 2px; background-color:#A6CCF6; 
	border-bottom:1px solid #666}
.jad_JobTitle, .jad_Salary, .jad_Location, .jad_Reference{
	font:bold 10px arial, sans-serif; color:#000; padding:5px 0px 5px 3px; background-color:#DDD; border-top:1px solid #FFF; 
	border-bottom:1px solid #CCC}
.jad_Status{text-align:center}
.jad_Description{font:normal 10px arial, sans-serif; color:#000; padding:5px 0px 5px 3px; background-color:#DDD; border-bottom:1px solid #666}

.TextInput{
	border:1px solid #3E6BA9; font:normal 11px arial,sans-serif; color:#000}
.GenericButton{
	border-top:1px solid #5FA2FE; border-left:1px solid #5FA2FE; border-bottom:1px solid #3E6BA9; border-right:1px solid #3E6BA9;
	font:bold 10px arial, sans-serif; color:#FFF; background-color:#548BD7}
/* User Control Panels */
#UCPWelcome{
	width:100%; background-color:#5C94DF; padding:2px 0px 2px 2px; margin:3px 0px 3px 0px; font:bold 12px arial, sans-serif; color:#FFF}
#UCPMemberOutline{
	margin-top:36px; width:512px; height:80px; background:url(../images/memberUCPbg.gif) top left no-repeat; padding:26px 0px 0px 7px}
#UCPJobsOutline{
	margin-top:36px; width:512px; height:131px; background:url(../images/jobsUCPbg.gif) top left no-repeat; padding:26px 0px 0px 7px}
#UCPShopOutline{
	margin-top:26px; width:512px; height:131px; background:url(../images/shopUCPbg.gif) top left no-repeat; padding:26px 0px 0px 7px}
#UCPTrainingOutline{
	margin-top:26px; width:512px; height:131px; background:url(../images/trainingUCPbg.gif) top left no-repeat; padding:26px 0px 0px 7px}
.UCPItembg{
	width:500px; height:41px; background:url(../images/UCPbarbg.gif) top left no-repeat; margin-bottom:4px}
.ButtonName{
	font:bold 12px arial, sans-serif; color:#000; float:left; margin:12px 20px 0px 6px}
.ButtonHint{
	font:bold 9px arial, sans-serif; color:#000; float:left; margin:15px 20px 0px 6px}
.Button{
	float:right; padding:9px 12px 0px 0px}
	
/* Voucher System Styles */

#VoucherOutletList{
	margin-top:20px; width:98%; border: 1px solid #000; font-size:12px}
.ListOutlets{
	background-color:#548BD7; font:bold 14px arial, sans-serif; color:#FFF; padding:5px 0px 3px 3px}
#CustomerVouchersTable{
	width:98%; border:1px solid #000; padding:0; margin:0;}
#CustomerVouchersTable td{
	background-color:#DDD; border-top:1px solid #FFF; border-bottom:1px solid #666; padding:3px 2px 3px 2px; font:bold 11px arial, sans-serif;
	color:#000}
#CustomerVouchersTable td.Description{
	font:normal 11px arial, sans-serif}
#CustomerVouchersTable img{cursor:pointer}
	
/* Training Courses */
#CourseHeading{font:bold 13px arial, sans-serif; color:#000; padding-bottom:10px}
#LocationHeading{font:bold 13px arial, sans-serif; color:#000; padding-bottom:10px}
.CourseText{font:normal 11px arial, sans-serif; color:#000}

/* Manage Updates */

#ManageTable{
	width:100%; padding:0; border:1px solid #000}
.ManageText{font:bold 11px  arial, sans-serif; color:#999; border-bottom:1px solid #000}
.ManageTitles{
	font:bold 11px arial, sans-serif; color:#666; padding-left:4px; border-bottom:1px solid #000}