﻿body,div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { 
	margin:0px;
	padding:0px;
}
body 
{
	background-color:White;
	font-family:Arial;
	font-size:13px;
	background-repeat:repeat-x;
	color:#333;
}
.colour
{
	width:15px;
	height:15px;
	float:right;
	margin-left:3px;
	cursor:pointer;
	border:solid 1px #333;
}
fieldset,img { 
	border:0px;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0px;}
p 
{
	margin-top:10px;
	margin-bottom:10px;
}
li {
	margin-top:8px;
	margin-bottom:8px;
}
input, select, textarea {font-family:Arial;font-size:13px;}
a 
{
	text-decoration:none;
	cursor:pointer;
}
a:hover
{
	text-decoration:underline;
}
#header
{
	width:990px;
	margin:auto;
	padding-top:20px;
	position:relative;
	height:60px;
	z-index:100;
}
#LoginBar
{
	position:absolute;
	right:0px;
	text-align:right;
	z-index:10000;
}
#LoginBar2
{
	position:absolute;
	top:5px;
	right:0px;
	text-align:right;
}
#bodycontent
{
	width:990px;
	margin:auto;
	padding-top:20px;
	position:relative;	
	min-height:100%;
	height:auto !important;
	height:100%;
}
#LoginBar a 
{
	font-weight:bold;
}

#footer
{
	padding-top:10px;
	width:990px;
	clear:both;
	margin:auto;
}

.FooterRow
{
	margin-top:5px;
	margin-bottom:5px;
}
.FooterRow a 
{
	color:#999;
	font-weight:normal;
}
.FooterRow a:hover
{
	color:#666;
}
.FooterSpaced a
{
	margin-right:20px;
}
.MiniImage
{
	margin:7px;
	float:left;
}
.MiniImage a img 
{
	border:none;
	width:60px;
	height:60px;
}
#NavBar
{
	position:absolute;
	top:145px;
	padding-bottom:8px;
	width:990px;
}
#NavBar a 
{
	font-size:17px;
	color:#444;
	padding-right:20px;
	font-weight:normal;
}
#NavBar a:hover
{
	background-color:inherit;
	text-decoration:underline;
}
.FormPrompt
{
	width:130px;
	float:left;
	font-size:12px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:10px;
	color:#36454C;	
}
.FormElement
{
	margin-left:140px;
	font-size:12px;
	padding:2px;
	clear:right;
}
.FieldExample
{
	font-size:11px;
	padding:2px;
}
.StandardForm, .WideForm
{
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
.WideForm
{
	width:800px;
}
.FC /*Form Container*/
{
	background-color:#eeeeee;
	border-bottom:solid 1px #D6D6D6;
	margin-bottom:2px;
	padding-bottom:5px;
	clear:both;
}

.FormLinks 
{
	 padding-bottom:3px;padding-top:3px;text-align:right;position:absolute;right:0px;top:4px;z-index:10;
	 width:300px;
}

.FormLinks a, .FormLink
{
	color:#fff;
	padding:3px;
	height:19px;
	margin-right:5px;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	background-image:url(/img/butback.gif);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.FormLinks a:hover
{
	text-decoration:none;
	background-position:0px -25px;
}
.Header
{
	font-size:20px;padding-bottom:6px;border-bottom:solid 1px #eee;margin-bottom:8px;padding-top:5px;clear:both;
}
input[type="text"]
{
	width:250px;
	padding:3px;
}
select
{
	width:250px;
	padding:3px;
}
#txtSearch
{
	width:220px;
	position:relative;
}
.SearchResults
{
	font-size:12px;
	display:none;
	visibility:hidden;
	position:absolute;
	top:3px;
	width:220px;
	padding:4px;
	background-color:#fff;
	border:solid 1px #ddd;
	z-index:1000;
}
.SearchResults a
{
	font-size:12px;
}


.Panel
{
	width:463px;border-left:solid 1px #c1c1c1; padding:10px;border-right:solid 1px #c1c1c1;background-color:#fff;background-image:url(/img/form_back_small.jpg);background-position:bottom;background-repeat:no-repeat;
	min-height:100%;
	height:auto !important;
	height:100%;
}

#E
{
	display:none;
	visibility:hidden;
	padding:5px;
	border:solid 1px #333;
	background-image:url(/img/pling.png);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#fff;
	margin-top:5px;
}
#EM
{
	margin-right:30px;
	font-size:15px;
}

.TabBar
{
	height:27px;
	clear:both;
	position:relative;
	z-index:2;
}
.TabLink
{
	display:block;
	padding-left:10px;
	padding-right:10px;
	float:left;
	border:solid 1px #ddd;
	position:relative;
	top:1px;
	margin-right:3px;
	text-align:center;
	background-color:#eee;
	height:20px;
	padding-top:5px;
	color:#333;
	z-index:3;
}
.TabLink:hover 
{
	background-color:#FFFF99;
}
.TabSelected 
{
	border-bottom:none;
	background-color:#fff;
	top:1px;
	height:21px;
	font-weight:bold;
}
.TabSelected:hover
{
	background-color:#fff;
}
.Tab 
{
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
	background-color:#fff;
	border:solid 1px #ddd;
	padding:5px;
	z-index:1;
}
#ColumnRight
{
	margin-left:15px;
	margin-top:27px;
}
.RightPanel
{
	padding:5px;
	background-color:#fff;
	margin-bottom:15px;
	border:solid 1px #ddd;
}
#map 
{
	width:367px;
	height:240px;
}
#learntool
{
	background-color:#D3EDFF;
	padding:5px;
	clear:both;
}
.note
{
	font-style:italic;
}
#SubjectList div
{
	display:block;
	float:left;
	width:165px;
	padding:5px;
	background-color:#eee;
	border:solid 1px #ddd;
	margin:2px;
}
.spancontrol 
{
	cursor:pointer;
	float:right;
	color:#333;
	display:block;
}

.Profile
{
	min-height:100%;
	height:auto !important;
	height:100%;
	background-color:#fff;
	padding:3px;
	float:left;
	width:280px;
	clear:none;
	margin-bottom:5px;
}
#pnlNearby .Profile
{
	width:355px;
}
.Profile:hover, .BRT:hover, .BRC:hover
{
	background-color:#eee;
}
.Profile img 
{
	float:left;
}
.Profile div
{
	margin-left:100px;
}
.SearchRating
{
	font-size:15px;
	float:right;
	margin-left:0px;
}
.Profile a
{
	display:block;
	margin-top:3px;
}
.ProfileLink
{
	font-size:15px;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:3px;
}
.ProfileSubjectList
{
	margin-top:3px;
	margin-bottom:5px;
}
.ProgressBar
{
	height:24px;
	padding:2px;
	background-color:#ddd;
	width:250px;
	margin-top:4px;
}
.ProgressBar div
{
	background-image:url(/img/pb.gif);
	height:14px;
	color:#fff;
	padding:4px;
}
.ProgressBar .Incomplete
{
	background-position:0px 44px;
}
.ProgressBar .Danger
{
	background-position:0px 22px;
}
.Subheader
{
	font-size:15px;
	margin-top:3px;margin-bottom:5px;
}
textarea 
{
	width:400px;
	height:250px;
	padding:5px;
}
.AboutPanel
{
	padding:5px;
	margin-top:15px;
	margin-bottom:5px;
	background-color:#f3f3f3;
	border:solid 1px #ccc;
	width:350px;
	min-height:150px;
	height:auto !important;
}
.ProfilePanel
{
	margin-top:5px;
	margin-bottom:5px;
}
#DetailPanel
{
	width:360px;
}
#tblMessages
{
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
}
#tblMessages tr td
{
	padding-bottom:3px;
	padding-top:3px;
}
.notread td
{
	background-color:#eee;
}
.notread td a
{
	font-weight:bold;
}
#MessagePane
{
	margin-top:5px;
}
.toolright
{
	display:block;
	float:right;
	background-color:#fff;
	color:#333;
	font-weight:bold;
	border:solid 1px #ddd;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
}
.MessageHeader
{
	padding-bottom:10px;
	border-bottom:solid 1px #ddd;
	margin-bottom:5px;
	position:relative;
}
.MessageSubject
{
	font-size:15px;
	padding-bottom:10px;
	padding-top:10px;
	font-weight:bold;
}
#MessageControls
{
	background-position:top;
	min-height:100%;
	height:auto !important;
	height:100%;
	padding:5px;
}
.Pager
{
	font-weight:bold;
}
.Pager a
{
	font-size:11px;
}
#Summary div
{
	padding-top:3px;
	padding-bottom:3px;
}
.TutorProfile
{
	padding:3px;
	position:relative;
	width:550px;
	min-height:130px;
	height:auto !important;
}
.TutorProfile:hover
{

}

.TutorProfile div
{
	padding:8px;
}
.SubjectList
{
	background-color:#eee;
	padding:5px;
	border-left:solid 8px blue;
	font-size:20px;
	margin-bottom:5px;
}
.subpan
{
	font-size:11px;
}
.BookingOptions
{
	border:none;
	width:100%;
}
.BookingOptions td 
{
	padding:3px;
}



/*Availability*/
#workhours 
{
	width:460px;
	margin:auto;
	position:relative;
}
#timeranger
{
cursor:pointer;
padding:0px;
margin:0px;
border-bottom:solid 4px #fff;
width:100%;
}
.dayrow th 
{
	border-bottom:solid 3px #fff;
	padding-top:10px;
	padding-bottom:10px;
	color:#fff;
	font-weight:normal;
	background-color:#469E45;
	
}
.monthrow 
{
	height:22px;
}
.monthrow td
{
	background-color:#eee;
	
}

.monthrow th
{
	font-weight:bold;
	text-transform:capitalize;
	color:#fff;
	background-color:#333;
	background-position:left;
	background-repeat:no-repeat;
	text-align:center;
	padding-left:8px;
}
.timerow 
{
	background-color:#eee;
}
.timerow td
{
	border:solid 1px #fff;
}
.timerow th
{
	border:solid 1px #fff;
	background-color:#fff;
	text-align:right;
	padding-right:10px;
	color:#000;
	font-weight:normal;
	width:70px;
	padding-top:3px;
	padding-bottom:3px;
}
.trbusy 
{
	background-color:#ff0000;
}
.trquiet
{
	background-color:#BAD761;
}
.unavailable
{
	background-color:#ddd;
}
.chl
{
	background-color:#ff9800;
}
.select
{
	background-color:#ff9800;
}
#AvailabilityHolder
{
	display:none;
	visibility:hidden;
	position:absolute;
	padding:3px;
	background-color:#fff;
	border:solid 1px #ddd;
	z-index:20;
	width:550px;
}
/*End Availability*/
#profile 
{
	height:150px;
}
.BRC, .BRT
{
	background-image:url(/img/bookback.gif);
	background-repeat:repeat-x;
	height:50px;
	margin-bottom:5px;
	padding:3px;
	margin-top:5px;
	overflow:auto;
}
.BRC:hover, .BRT:hover
{
	background-position:0px -56px;
}
.BookingTypeHeader
{
	margin-top:10px;
	margin-bottom:10px;
	font-size:16px;
	margin-left:5px;
}
.NeedsComplete
{
	background-position:0px -168px;
}
.NeedsAccept
{
	background-position:0px -112px;
}
.CatLink
{
	display:block;
	font-size:16px;
	color:#333;
	text-decoration:underline;
	padding:3px;
}
.SubjectLink
{
	float:left;
	padding:2px;
	display:block;
	width:150px;
}
#TeacherList
{
	margin-top:20px;
	margin-bottom:20px;
	text-align:left;
}
.MiniSelect
{
	width:60px;
}
.STATUS1 
{
	color:Orange;
}
.STATUS2
{
	color:Green;
}
.feedback
{
	padding:6px;
}
.ProAccount, .ProAccount:hover
{
	background-color:#FFFFC6;
}

#LinkLearn 
{
	height:17px;
	padding:3px;
	color:#fff;
	font-size:15px;
}
#LinkTeach
{
	height:17px;
	padding:3px;
	color:#fff;
	font-size:15px;
}
#LinkGift 
{
	background-image:url(/img/gift2.jpg);
	background-repeat:no-repeat;
	width:61px;
	height:17px;
	padding-left:34px;
	padding-right:5px;
	padding-bottom:3px;
	padding-top:3px;
	color:#fff;
	font-size:15px;
}
#LinkGift:hover 
{
	
}

.LR:hover, .SearchListSelected
{
	background-color:#efefef;
}
.LR a
{
	display:block;
	padding:2px;
}
.LR a b
{
	color:Blue;
}
.BookButton
{
	display:block;
	float:right;
	background-color:#FF4304;
	border-color:#ff0000;
	padding:8px;
	color:#fff;
	width:100px;
	text-align:center;
}

.creditslink
{
	text-decoration:underline;
	cursor:pointer;
}

hr 
{
	border:dashed #333; border-width:1px 0 0 0; height:0px;line-height:0px;font-size:0px;margin:0px;padding:0px;margin-top:1px;margin-bottom:1px;
}
#DHTMLPOP
{
	padding:3px;
	z-index:1000;
	border:solid 1px #ccc;
	position:absolute;
	width:300px;
	height:150px;
	display:none;
	background-color:#fff;
	visibility:hidden;
}
.subpan
{
	background-color:#eee;
}
.CreditsSummary
{
	padding:5px;
	margin:3px;
	border:solid 1px #ff0000;
	background-color:#FFE1E1;
}
.black_overlay{
   display: none;
   position: absolute;
   top: 0%;
   left: 0%;
   width: 100%;
   height: 100%;
   *height: 700px;
   background-color: black;
   z-index:1001;
   -moz-opacity: 0.8;
   opacity:.80;
   filter: alpha(opacity=80);
}
.white_content {
   display: none;
   position: absolute;
   top: 25%;
   left: 25%;
   width: 50%;
   height: auto;
   padding: 16px;
   border: 16px solid orange;
   background-color: white;
   z-index:1002;
   overflow: auto;
}
.SubList
{
	clear:both;
	margin:5px;
	background-color:#f3f3f3;
	padding:5px;
	border:solid 1px #ccc;
	min-height:100%;
	height:auto !important;
	height:100%;
	overflow: auto;
}
.tags
{
	min-height:100%;
	height:auto !important;
	height:100%;
	padding:5px;
	line-height: 1.5em;
}
.tags span 
{
	display:block;
	float:left;
	margin:2px;
	background-color:#eee;
	border:solid 1px #ccc;
	padding:2px;
}

.GuideLinks 
{
	background-image:url(/img/gb.jpg);
	background-repeat:repeat-x;
	padding:20px;
	margin:0px;
	line-height: 1.5em;
	text-align:center;
}

.GuideLinks a 
{
	padding:3px;
}

.Friend
{
	margin:2px;
	padding:2px;	
}
.Unconfirmed
{
	background-color:#FFD2D2;
}
.Question {font-size:18px;padding:5px;}
.Answer {padding:5px;margin-left:20px;}
#SRCOLS
{
	clear:both;
	min-height:100%;
	height:auto !important;
	height:100%;
}
#SRCOLLEFT
{
	width:50%;
	min-height:100%;
	height:auto !important;
	height:100%;
	float:left;
}
#SRCOLRIGHT
{
	width:50%;
	min-height:100%;
	height:auto !important;
	height:100%;
	float:right;
}
#nm 
{
	position:absolute;
	left:-42px;
	top:26px;
}
.VideoLink
{
	width:240px;
	height:72px;
	padding:5px;
	float:left;
}
.VideoLink img
{
	border:0px;
	width:72px;
	height:72px;
	float:left;
}
.VideoLink a
{
	float:left;
	margin-top:20px;
}
.FBLinks a
{
	color:#fff;
	background-image:url(/img/fbbutback.gif);
	text-decoration:none;
	margin-right:8px;
	padding:3px;
	padding-left:5px;padding-right:5px;
	border:solid 1px #000;
	background-color:#222;
	text-align:right;
	
}
.FBLinks a:hover
{
	text-decoration:underline;
}
.FBLinks 
{
	padding-bottom:4px;
}

a[target *='_test'] 
{
	padding-right:20px;
	background: transparent url(/img/external.png) no-repeat center right;
}

#Notice
{
	background-color:#FFFFC6;
	padding:8px;
	margin-bottom:8px;
	border:solid 1px #ccc;
	position:relative;
}

#Notice_Closer
{
	position:absolute;
	right:-1px;
	top:-1px;
	font-size:14px;
	cursor:pointer;
	padding:3px;
	border:solid 1px #ccc;
	background-color:#eee;
}
#Notice_Closer:hover
{
	background-color:#fff;
}
.ticks li 
{
	list-style-image: url(/img/tick.gif);
}

#MainMenuTitle
{
	font-weight:bold;
	text-align:center;
	padding:2px;
	padding-right:10px;
	width:60px;
	float:right;
	color:#fff;
	background-color:#FF9900;
	color:#fff;
	z-index:100;
}
#MainMenu
{
	position:absolute;
	right:0px;
	top:-2px;
	cursor:pointer;	
	z-index:10000;
}
#MainMenuOptions
{
	position:absolute;
	right:0px;
	width:176px;
	visibility:hidden;
	display:none;
	background-color:#fff;
	padding:5px;
	margin-top:20px;
	padding-left:34px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	border:solid 1px #666;
	z-index:9000;
}
.MenuTeacher
{
	background-image:url(/img/iconbarTeacher.gif);
}
.MenuClient
{
	background-image:url(/img/iconbarClient.gif);
}
#MainMenuOptions span 
{
	display:block;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:3px;
	text-align:left;
	background-color:#fff;
}
#MainMenuOptions span:hover
{
	background-color:#ddd;
}
.Arrows 
{
	background-image:url(/img/arrows.png);
	background-position:55px 4px;
	background-repeat:no-repeat;
}
.ArrowsOver 
{
	background-position:55px -19px;
}
.BookingsFrom
{
	font-weight:bold;
	font-size:15px;
	float:right;
	clear:right;
	white-space:nowrap;
	text-align:right;
}

.ContactLink
{
	padding:3px;
	background-image:url(/img/enquiry-back.jpg);
	text-align:center;
	font-weight:bold;
	color:#fff;	
	width:300px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.ContactLink a
{
	font-weight:bold;
	color:#fff;	
}

.VoucherLink
{
	padding:3px;
	background-image:url(/img/voucher-back.jpg);
	text-align:center;
	font-weight:bold;
	color:#fff;	
	width:200px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.VoucherLink a
{
	font-weight:bold;
	color:#fff;	
}
::-moz-selection{
	background:#74A433;
	color:#fff;
}

::selection {
	background:#74A433;
	color:#fff;
}
