/* CSS Document */

/* set page background to white and text to very dark gray
 * html is included because this is the root element for
 * pages served as application/xhtml+xml */
* {
padding:0px;
margin:0px;}

body {
background: #fff;
margin-left: auto;
margin-right: auto;
text-align:center;
width:800px;
padding: 0;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:8pt;
height: 100%;}

  /*-----------------------------------------
 >>>>>>>>	 		COMMON			>>>>>>>>
 ------------------------------------------*/
h1 {
text-align:left;
font-weight:bold;
font-size:8pt;
padding:12px;
margin:0px;}

h2 {
text-align:left;
font-weight:bold;
font-size:8pt;
padding:12px;
margin:0px;
color:#82a3f8;}

h3 {
text-align:left;
font-weight:bold;
font-size:8pt;
padding:6px 12px;
margin:0px;}

h4 {
text-align:center;
font-weight:bold;
font-size:9pt;
padding:8px;
color:#49d;}

h5 {
text-align:left;
font-weight:bold;
font-size:8pt;
padding:12px;
margin:0px;}

h6 {
text-decoration:none;
font-size:10pt;
font-weight:bold;
color: #012e98;
background:url('../images/rightsidebarheader.gif') no-repeat;
text-align:center;
padding:6px;
width:164px;
height:30px;}

p {
}

img {
border:none;}

.floatLeft {
float:left;}
.floatRight {
float:right;}

#maincontent {
margin:0 10px;
width:790px;}

	#maincontent .floatLeft {
	text-align:left;
	width:585px;}

	#maincontent .floatRight {
	padding:5px;
	width:170px;}

.imgFloatLeft {
float:left;}
.imgFloatRight {
float:right;}

.button, .currentpagebutton {
width:170px;
height:47px;
text-align:center;
vertical-align:middle;
padding:5px 6px 6px 0;}

.button {
background:url(../images/buttonbg1.gif) no-repeat;}

	.button a{
	text-decoration:none;
	font-size:8pt;
	font-weight:bold;
	color: #012e98;}

	.button a:hover {
	color:#fff;}

.currentpagebutton {
background:url(../images/buttonbg2.gif) no-repeat;}

	.currentpagebutton a{
	text-decoration:none;
	font-size:8pt;
	font-weight:bold;
	color:#fff;}

.center {
text-align:center;}

#searchButton {
background:none;
border:none;
width:119px;
height:26px;
cursor:hand;
float:right;
margin-right:20px;}

#errorBox {
background-color:#f9dad7;
padding:8px;
margin:5px 0px;}

#completedBox {
background-color:#cde2fe;
padding:8px;
margin:5px 0px;}
 /*-----------------------------------------
 >>>>>>>>	 		HEADER			>>>>>>>>
 ------------------------------------------*/
#wrapper {
width: 800px;
height:100%;
margin-left: auto;
margin-right:auto;
text-align: left;
background:url(../images/background.jpg) no-repeat;
padding:0px 24px;}

#titlebar {
background:url(../images/headerbg.gif) no-repeat;
width:800px;
height:140px;
padding:10px;
clear:both;}

	#titlebar .center {
	width:350px;
	float:left;	}

	.errorbox {
	background:#88BBEE none repeat scroll 0% 50%;
	height:40px;
	margin:0 auto;
	padding:6px;
	width:836px;
	text-align:right;
	font-size:10pt;
	v-align:bottom;}

	.center #banner {
	margin:5px 4px 4px 15px;}

#langbar {
margin:0 0 15px 80px;
width:230px;
padding: 0px;
height: 15px;}

#languages{
clear:both;}

.lan1, .lan2, .lan3, .lan4, .lan5, .lan6, .lan7, .lan8 {
background:transparent url("../images/languages.gif") no-repeat;
width:26px;
float:left;
overflow:hidden;
cursor:pointer;}

.lan1 {background-position:0px 0px;}
.lan2 {background-position:-26px 0px;}
.lan3 {background-position:-52px 0px;}
.lan4 {background-position:-78px 0px;}
.lan5 {background-position:-104px 0px;}
.lan6 {background-position:-130px 0px;}
.lan7 {background-position:-156px 0px;}
.lan8 {background-position:-182px 0px;}

#nav {
margin:0;
width:345px;}

	#nav ul {
	  margin-left: 5px;
	  padding: 0;
	  list-style: none;
	  text-align:left;
	  font:Verdana, Arial, Helvetica, sans-serif;}
	/* float each list element inline */
	#nav li {
	  display: inline;}
	/* style the links in the nav list */
	#nav a {
	  display: inline;
	  margin: 0;
	  padding: 0 7px;
	  text-decoration: none;
	  font-size:9pt;
	  font-weight:bold;}
		#nav a:link, #nav a:visited {
		  color: rgb(204, 190, 0);}
		#nav a:hover, #nav a:active {
	  color:#999;}
	/* special style for link to identify current page */
	#thispage a:link, #thispage a:visited,
	#thispage a:hover, #thispage a:active {
	  color: rgb(0, 106, 177);}

#computerimage {
float:left;
margin-top:70px;}

#loginbox {
float:left;
clear:right;
width:170px;
font-size:7pt;
padding:5px;
border:1px solid rgb(140, 203, 221);
background:url(../images/loginboxbg.gif) repeat-x;}

	#loginbox #email, #loginbox #pw  {
	margin:0 20px 2px 0px;
	width:90px;
	height:19px;
	border:1px solid rgb(177, 203, 221);
	background:url(../images/loginboxtextbox.gif);
	float:right;}

	#loginbox label {
	margin:2px 0;
	float:left;}

	#loginbox .floatLeft {
	margin-top:5px;
	width:110px;}

	#loginbox #submit {
	border:none;
	margin:4px 10px 0 4px;
	height:17px;
	width:40px;
	background:#fff;
	float:right;}

	#titlebar p {
	text-align:right;
	padding-right:15px}

		#titlebar p a{
		padding-left:15px;
		font-size:7pt;
		color:rgb(0, 70, 241)}

img.banner {
	padding-left:15px;}


/* ---- MEM HEADER ---- */
	#memcomputerimage {
	margin-top:5px;
	float:left;}

	#memrightheader {
	float:right;
	clear:right;
	width:150px;
	font-size:7pt;
	padding:5px;}

		#memrightheader a {
		text-decoration:none;
	  	font-size:9pt;
	 	font-weight:bold;
	 	color: rgb(0, 106, 177);
	 	margin-left:10px;}

/*-----------------------------------------
 >>>>>>>>	 		FOOTER			>>>>>>>>
 ------------------------------------------*/

#sitefooter {
text-align:center;
font-size:7pt;}

	#sitefooter p {
	color:rgb(156, 200, 228);}

	#sitefooter a {
	color:rgb(0, 106, 177);
	text-decoration:none;
	padding:0 5px;}

/*-----------------------------------------
 >>>>>>>>	 		INDEX			>>>>>>>>
 ------------------------------------------*/
#index .floatLeft {
width:585px;
height:400px;
padding:10px 0 0 10px;}

#index .floatRight {
width:150px;
height:370px;
margin-right:25px;
padding-top:10px;}

	#index .floatLeft #info{
	width:277px;
	float:left;
	margin-left:10px;}

		#index .floatLeft #info ul {
		list-style:none;
		padding:2px 0 4px 0;}

			#index .floatLeft #info ul li{
			padding:2px 0 4px 0;}

	#index .floatLeft #search{
	width:295px;
	height:200px;
	float:left;
	clear:right;
	background:url(../images/block.gif) no-repeat;
	font-size:8pt;}

	#index .floatLeft form {
	margin-left:15px;}

	#index .floatLeft #search p {
	padding:1px 12px;}

	#index .floatLeft #search .selectlanguage {
	width:165px;
	border:none;}

	#index .floatRight #featured {
	padding:4px;}

		#index .floatRight #featured .rating{
		float:right;
		clear:right;
		width:60px;
		text-align:right;}

		#index .floatRight #featured .name {
		float:left;
		font-weight:bold;}

		#index .floatRight #featured .divider{
		width:140px;
		padding-top:6px;
		padding-bottom:6px;
		background:url(../images/dots.gif) no-repeat;}
		
#alerts {
background:#AACCEE none repeat scroll 0% 0%;
font-size:16px;
height:100%;
margin:10px 30px;
padding:10px;}

/*-----------------------------------------
 >>>>>>>>	 		SIGNUP			>>>>>>>>
 ------------------------------------------*/
	#signup .floatRight {
	background:url(../images/signupbg.gif) no-repeat;
	width:182px;
	height:338px;
	padding:0 6px;}

		#signup .floatRight h6 {
		margin-left:2px;}

	#signup .floatLeft {
	width:480px;}

		#signup .floatRight ul {
	list-style-type:disc;
	padding:0pt 15px;
	list-style:inside;}

		#signup .floatRight h3 {
		text-align:left;
		font-weight:bold;
		font-size:8pt;
		padding:5px;
		margin:0px;}

	#block1, #block2, #block3, #block4, #block5, #block6, #block7, #block8, #block9 {
	display:block;
	margin-bottom:15px;
	width:400px;}

	#block1, #block2, #block3, #block4, #block5, #block6, #block7, #block8 {
	border:4px solid #82a3fd}

	#block1 {
	background:#b7ccf8;
	height:310px;}

		#block1 .element {
		margin-bottom:15px;}

	#block2 {
	background:#a7c1f8;
	height:130px;}

	#block3 {
	background:#9cb7f8;
	height:320px;}

	#block4 {
	background:#92aef0;
	height:100px;}

	#block5 {
	background:#82a3f8;
	height:180px;}

	#block6 {
	background:#82a3f8;
	height:320px;}

	#block7 {
	background:#82a3f8;
	height:150px;}

	#block8 {
	background:#82a3f8;
	height:110px;}

	#block9 {
	height:50px;}

.element {
width:220px;
padding:10px;
height:25px;
float:left;
display:block;
text-align:left;}

.element input:focus {
background:#f4f995;}

	.element .title {
	font-weight:bold;}

	.element .input {
	float:left;}

	.element .inputsection {
	float:left;
	padding-right:10px;}

		#city, #email, #pw, #verifypw, #captcha, #skype, #country, #hearAboutBaC, #nativeLanguage {
		width:170px;}

	.element .minidescription {
	clear:both;
	display:block;
	font-size:8pt;
	line-height:12px;
	margin:0pt;
	padding-top:3px;}

	.description {
	width:180px;
	font-size:7pt;
	background:#fff;
	float:right;
	text-align:left;
	padding:6px;
	margin:-35px 6px 4px 0;}

	#month, #day {
	width:30px;}
	#year {
	width:45px;}

	#block6 #submit {
	float:left;
	padding:15px;}

	#block6 #reset {
	float:right;
	padding:4px;}

/*-----------------------------------------
 >>>>>>>>	 		RESOURCES		>>>>>>>>
 ------------------------------------------*/
	#resources p {
	padding:10px;
	float:left;
	width:420px;}
	
	#resources h1 {
	font-size:10pt;}
		
	#resources h2 {
	font-size:9pt;}
	
	#resources ul {
	line-height:18px;
	list-style-position:inside;
	margin-left:35px;
	width:230px;
	list-style-type:circle;}

#lessonstable {
margin:15px 0;}

	#lessonstable td {
	height:30px;
	border:1px 0 1px 0 solid #fff;
	background:#e2ebf5;
	vertical-align:middle;
	padding:2px;
	overflow:hidden;}

	#lessonstable .nobg {
	background:#fff;}
	
	#resources .floatLeft {
	width:585px;}
	
	#resources .bigLink {
	font-size:12pt;
	margin-bottom:30px;
	margin-left:250px;}
	
	

/*-----------------------------------------
 >>>>>>>>	 	PUB TUTOR INFO		>>>>>>>>
 ------------------------------------------*/
#pubtutorsinfo .floatLeft {
width:400px;
margin-left:30px;}

	#pubtutorsinfo .floatRight2 {
	float:right;
	width:160px;
	margin-left:10px;}

	#pubtutorsinfo .floatRight2 img {
	border:2px solid #e2ebf5;
	margin-bottom:10px;}


/*-----------------------------------------
 >>>>>>>>	 	CALENDAR			>>>>>>>>
 ------------------------------------------*/
 #calendarFloat {
 float:left;
 width:600px;}

 .eventsTable{
width:600px;
border:0;
margin-top:15px;
text-align:center;
clear:both;}

	.eventsTable td {
	height:20px;
	valign:middle;
	align:center;
	inline-height:20px;}

.weekday0, .weekday1, .weekday2, .weekday3, .weekday4, .weekday5, .weekday6 {
background:url(../images/weekdays.gif) no-repeat;
font-size:8pt;
width:80px;
color:#fff;}

.weekday0 {
background-position:0 0;
color:#000;}
.weekday1 {
background-position:-74px 0pt;}
.weekday2 {
background-position:-147px 0pt;}
.weekday3 {
background-position:-221px 0pt;}
.weekday4 {
background-position:-294px 0pt;}
.weekday5 {
background-position:-369px 0pt;}
.weekday6 {
background-position:-443px 0pt;}

.todayHour {
background-color: #75aed3;
text-align:center;
width:88px;}

.topleft {
color:#fff;
background:#1c3146;
text-align:center;}

.BgcolorDull2 {
width:88px;}

.available, .available:hover{
background : #FFEA07;
cursor:hand;
height:20px;
overflow: hidden;
text-decoration:none;}

.booked, .booked:hover{
background : #4DD9FC;
cursor:hand;
height:20px;
overflow: hidden;
text-decoration:none;}

.bookedBySomeoneElse {
height:20px;
overflow: hidden;
text-decoration:none;
background : #F15768;}

.unset, .unset:hover {
background : #EAEAFF;
cursor:hand;
height:20px;
overflow: hidden;
text-decoration:none;}

#book, #book:hover {
width:330px;
float:left;
display:none;
text-align:left;
position:absolute;}

#pastTimeSlot {
text-align:center;}

#availabilityCalendar {
margin:0 20px;}

	#availabilityCalendar .key {
	float:right;
	width:125px;
	margin-top:75px;}

	#availabilityCalendar .info {
	width:67.5%;
	float:left;}

#mainTable {
clear:both;}

#calendarNav {
height:40px;
clear:both;}

#prev, #next {
width:110px;
height:35px;
float:left;}

#week {
float:left;
width:325px;
font-size:12pt;
vertical-align:top;
}

#availabilityCalendarInfo ul, #searchInfo ul {
margin-left:0px;
margin-bottom:50px;}

#availabilityCalendarInfo li, #searchInfo li{
list-style:none;
padding: 6px;
line-height:10px;}

#bookingForm {
text-align:left;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px}

#waitingResponse {
overflow:hidden;
position:absolute;
background:#FFFFFF none repeat scroll 0%;
margin-top:30px;}

.BgcolorNormal {
background : #EAEAFF;}

 /*----------------------------------
  >>>>>> 		LIGHTBOX 	>>>>>>>>>
  -----------------------------------*/

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;}

div#mb_center {
background-color: #FFF;}

div#mb_contents {
width: 400px;
height: 400px;
border: 10px solid #DDD;
overflow: hidden;
background-color: #FFF;
visibility: hidden;
text-align:left;}

.mb_loading {
background: #DDD url(../images/loading.gif) no-repeat center center;}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;}

		#mb_error em {
		font-size: 0.8em;}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #DDD;
border-top-style: none;}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../images/closelabel.gif) no-repeat center;
margin: 5px 0;}

div#mb_caption {
margin-right: 71px;}

/*-----------------------------------------
 >>>>>>>>	 PUB/MEM TUTOR PROFILE	>>>>>>>>
 ------------------------------------------*/
#pubTutorProfile {
float:left;
width:600px;
padding-left:20px;}

	#pubTutorProfile .imgFloatRightBorder {
	border:3px solid #e2ebf5;
	float:right;}

	.thinFloatLeft {
	width:585px;
	float:left;}

	#pubTutorProfile p {
	margin:8px;
	width:400px;}

	#pubTutorProfile .lessonDetails {
	float:left;
	width:280px;
	margin:0 0 10px 10px;}

		#pubTutorProfile .lessonDetails h3{
		margin-left:0;
		padding-left:0;}

.rating {
float:right;
width:64px;
margin:-18px 18px 0pt 0pt;}

#index .floatRight .rating {
margin:0;}

/*-----------------------------------------
 >>>>>>>>	 	BIG LOGIN			>>>>>>>>
 ------------------------------------------*/
#logininfo {
float:left;
width:300px;
padding-left:10px;
font-size:10pt;}

#loginboxbig #loginbox {
margin-left:10px;
padding-left:15px;
border:none;
height:135px;
width:290px;
font-size:9pt;
background:url(../images/loginbgbig.gif) no-repeat;}

	#loginboxbig #loginbox #email,  #loginboxbig #loginbox #pw  {
	margin:0 45px 2px 0;
	width:165px;
	height:20px;
	background:url(../images/logintextboxbig.gif);}

	#loginboxbig #loginbox #submit {
	background:#78B4DA none repeat scroll 0%;
	border:none;
	height:29px;
	margin:4px 40px 0 0;
	width:103px;}

	#loginboxbig #loginbox .floatLeft {
	width:130px}

/*-----------------------------------------
 >>>>>>>>	 	PAYMENT				>>>>>>>>
 ------------------------------------------*/
#paymentInformation {
width:600px;
padding-left:20px;}

	#paymentInformation td {
	padding:5px;}

	#paymentInformation p {
	margin-bottom: 10px;}

	#paymentInformation hr {
	margin:5px 0;}

#paypalImg {
margin:30px 0 0 280px;}

/*-----------------------------------------
 >>>>>>>>	 	MEM HOME			>>>>>>>>
 ------------------------------------------*/
#welcome {
text-align:left;
width:600px;
background:url('../images/memwelcome.gif') no-repeat;
height:220px;
clear:both;}

	#welcome .center {
	width:320px;
	padding-top:10px;}

.greeting1, .greeting2, .greeting3 {
color:#232176;
padding:3px;
}

.greeting1 {
font-size:15pt;}
.greeting2 {
font-size:11pt;}
.greeting3 {
font-size:9pt;}

#memFloatRightBg {
background:url('../images/memsidebar.gif') no-repeat;
width:176px;
height:385px;
padding-top:45px;}

	#memFloatRightBg p, #memFloatRightBg ul {
	width:125px;
	margin-left:30px;
	padding:0;}

	#memFloatRightBg ul {
	margin-bottom:75px;}

	#memFloatRightBg li {
	margin-bottom:10px;}

/*-----------------------------------------
 >>>>>>>>	 MEM STUDENT / TUTOR	>>>>>>>>
 ------------------------------------------*/
#mybookingscenter {
margin:-4px 0 0 2px;
padding:0;
background:url('../images/mybookings2.gif') repeat-y;
width:587px;
text-align:center;}

#newsbox {
background:url('../images/rightsidebar3.gif') no-repeat;
width:175px;
height:398px;}

	#newsbox p {
	margin:15px 10px;
	line-height:22px;}

	#newsbox a img {
	text-decoration:none;}

	#newsbox h6 {
	margin-left:5px;
	padding:0;}

#bookingsTable {
margin-left:10px;}

	#bookingsTable td {
	height:30px;
	border:1px 0 1px 0 solid #fff;
	background-color:#e2ebf5;
	vertical-align:middle;
	padding:2px;
	overflow:hidden;}


/*-----------------------------------------
 >>>>>>>>	 	MEM LESSONS			>>>>>>>>
 ------------------------------------------*/
#lessonSearch {
padding:15px;}

	#lessonSearch label {
	font-weight:bold;
	display:block;}

	#lessonSearch select, #lessonSearch #keywords {
	width:135px;
	margin-bottom:5px;}

.thlessons1, .thlessons2, .thlessons3, .thlessons4, .thlessons5, .thlessons6, .thlessons7 {
background:url('../images/thlessons.gif') no-repeat;)
height:20px;
color:#fff;
text-align:center;}

	.thlessons th a {
	color:#fff;}

.thlessons1 {
width:65px;}

.thlessons2 {
width:90px;
background-position:-110px 0;}

.thlessons3 {
width:75px;
background-position:-180px 0;}

.thlessons4 {
width:65px;
background-position:-250px 0;}

.thlessons5 {
width:75px;
background-position:-310px 0;}

.thlessons6 {
width:70px;
background-position:-360px 0;}

.thlessons7 {
width:70px;
background-position:-470px 0;}

/*-----------------------------------------
 >>>>>>>>	 	MEM TUTOR SEARCH	>>>>>>>>
 ------------------------------------------*/

#searchtable td {
height:30px;
border:1px 0 1px 0 solid #fff;
background:#e2ebf5;
vertical-align:middle;
padding:2px;
overflow:hidden;}

.odd {
background:#fff;
font-size:8pt;}

.even {
background:#e2ebf5;
font-size:8pt;}

.floatRight #newsbox #booking select{
width:135px;
margin:9px 0 9px 10px;}

#booking a {
margin:0 0 5px 10px;}

/*-----------------------------------------
 >>>>>>>>	 	MEM PROFILE			>>>>>>>>
 ------------------------------------------*/
#memprofile {
width:500px;}

	#memprofile input, #memprofile select, #memprofile textarea {
	margin:0 80px 0 0;
	width:300px;
	border:#86c 1px solid;
	float:right;}

	#memprofile textarea {
	height:100px}

	#memprofile .element {
	width:500px;
	padding:5px;
	height:100%;
	float:left;
	display:block;
	text-align:left;}

	#memprofile label {
	float:left;}

	#memprofile .radio {
	float:none;
	margin:0;
	width:15px;
	border:none;}

	#memprofile .radiobuttons {
	margin:0 80px 0 0;
	width:300px;
	float:right;}

	#memprofile .req {
	color:#991;}

.profileinfo {
float:left;
margin:5px 0pt 0pt 119px;
font-size:8pt;}

#photoupload {
margin-top:15px;
clear:both;}

/*-----------------------------------------
 >>>>>>>>	 	EVALUATION			>>>>>>>>
 ------------------------------------------*/
.dispTable{
	border: 1px solid #c1c1c1;
	border-collapse:collapse;
	margin:0;
	padding:0;
	width:auto;
	font-size:12px;
}
.dispTitle{
	text-align: centre;
	border: 1px solid grey;
	border-top: 1px solid #000;
	background:#F2F2F2;
}

.dispTitleTD{
	text-align: centre;
	border: 1px solid #b0bec7;
	border-top: 1px solid #fff;
	padding: 1px 2px 1px 2px;
	background-image:url(../images/title_bck_shade_1.gif);
	color:#3366CC;
}


/*-----------------------------------------
 >>>>>>>>	 	COMMENTS			>>>>>>>>
 ------------------------------------------*/
.commentWrapper {
background-color:#EEFFFF;
margin:15px;
}

.commentWrapper2 {
background-color:#ff;
margin:15px;
}

 .comment {
width: 600px;
padding:10px;
font-size:14px;
color:#3399FF;
}

.commentHeader {
height:25px;
width:100%;
}

	.commentHeader .floatLeft {
	}

	.commentHeader .floatRight {
	}

.commentBody {
width:100%;
}

.commentFooter {
height:30px;
}

	.commentFooter .floatLeft {
	}

	.commentFooter .floatRight {
	}


#editComment textarea, #postComment textarea {
width:340px;
height:100px;
margin-left:20px;}

#submitEdit, #submitPost {
background:#EEFFFF;
width:50px;
height:25px;
margin-left:314px;
margin-top:3px;
border:2px solid #000;}