/*
Copyright 2011
Author: Simon Garrett
Company: Aispire Consulting Ltd.
*/


body { 
	font-family:"Trebuchet MS",arial,sans-serif; font-size:10pt;
	background-color:#3399cc; color:#444; 
	background-repeat: repeat; 
	/* background-image loaded via JS to speed up HTML load time */
}
	
input[type=text], input[type=password], textarea { 
	width:180px;
	background-color:#fcfcfa;
	border:1px solid #ddc; 
	border-top:1px solid #bbb; 
	border-bottom:1px solid #f4f4f0; margin-right:20px;
}
textarea {
	width:99%;
}

.selected-tab { background-color: #f58b1f !important; color:#fff !important; }
	.selected-tab a { background-color: #f58b1f !important; color:#fff !important; }
		.selected-tab a span { background-color: #f58b1f !important; color:#fff !important; }
	.ui-state-default a:hover { background-color: #ffd094 !important; color: #f58b1f !important; }
		.ui-state-default a:hover span { background-color: #ffd094 !important; color: #f58b1f !important; }
		
.ui-dialog-titlebar {
	background:#f58b1f !important; color:white !important;
} 
span.ui-icon-closethick { color:#fff !important; }
/*ui-widget-header ui-corner-all ui-helper-clearfix*/

	
	
		
.error { color:#c00; font-weight: bold; }
.errsOnThisPage { color:#c00; font-weight: bold; font-size:18px; border:1px solid red; padding:5px }
.button {
	margin:5px; 
	padding:5px 10px; 
	border:1px solid #d4d4d4; 
	border-top: 1px solid #eee; 
	border-bottom: 1px solid #aaa; 
	text-align:center; 
	background-color: #ccc; 
	color:#fff;
	cursor: pointer;
}
.corners5px {
	border-top-left-radius: 5px 5px; 
	border-top-right-radius: 5px 5px; 
	border-bottom-left-radius: 5px 5px; 
	border-bottom-right-radius: 5px 5px;
}
.button:hover { 
	background-color: #aaa; 
	border:1px solid #bbb; 
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #888; 
}
input.submitButton {
	background-color: #f58b1f !important; 
	color: #fff !important;
}
input.submitButton:hover {
	background-color: #ffd094 !important; 
	color: #f58b1f !important; 
}
input.deleteButton {
	background-color: #a02 !important; 
	color: #fff !important;
}
input.deleteButton:hover {
	background-color: #ff8888 !important; 
	color: #c02 !important; 
}


th { text-align: left; }


/* textarea { width:100%; border:1px solid #bbb; border-top:2px solid #aaa; border-bottom:1px solid #ddd; } */
	
/* tags */
a {color:#47a; text-decoration:none;}
h1 { color:#f58b1f; font-family:"Trebuchet MS",arial,sans-serif; font-size:16pt;}
h1.calendarName { 
	clear:both; margin:0; padding:0; padding-top:40px; 	
	color:#f58b1f; font-family:"Trebuchet MS",arial,sans-serif; font-size:16pt;
}
h3.lessonHeader   { margin:0; margin-top:5px; margin-left:20px; padding:0; text-decoration:underline; cursor:pointer; color:#f58b1f; }
h4 { color:#665; border-top:1px dotted #f58b1f; padding-top:10px; padding-bottom:5px; margin-top:40px; font-size:13px; }
h5 { font-size:12pt; margin:0; padding:0; padding-top:10px; padding-bottom:3px; color:#332; }
h6 { 
	color:#f58b1f; font-family:"Trebuchet MS",arial,sans-serif; font-size:10.5pt;
	margin:0; padding:0; margin-top:0; margin-bottom:10px; text-transform:uppercase; 
}
h7 { margin-top:40px; color:#2ca3cd; font-weight:bold; font-size:20px; }
	h7.contactHeader  { clear:both; margin-top:5px; margin-left:20px; text-decoration:underline; color:#f58b1f; font-size:16px;}
/*
display:block; font-weight:bold; margin-top:5px; font-size:20pt; color:#2ca3cd;
*/
p { margin-bottom:1em; line-height:1.3; }
p.pHeading { color:#2b547e; font-weight:bold; cursor:pointer;} 
strong { color:#777; }
em { color:#777; font-style:normal; font-weight:bold;}
img { border:none; }
img.justifyright { float:right; padding-left:20px; padding-bottom:20px; }
li.liHeading { color:#2b547e; }
ol li { margin-bottom:1em; }
ul li { margin-bottom:1em; }
li strong { color:#776; }

form, form label, form input { font-size:13px; }

dt { clear:both; width:160px; margin:0; padding:0; line-height:20px; float:left; border-top:1px solid #ddc; }
dd {             width:500px; margin:0; padding:0; line-height:20px; float:left; border-top:1px solid #ddc; }
legend { font-weight:bold; }
#fs1 { width:200px; margin-right:40px; float:left; }

div.faqWrapper strong { color:#2b547e; }

table {font-size: 13px;}
table tr td { padding: 3px; }
		
/* elements */
#page { position:relative; top:70px; width:960px; margin:0 auto; background-color:#fff; 
		border-top:1px solid #eef; border-left:1px solid #789; border-right:1px solid #789; border-bottom:1px solid #456; }

	#logo { position:absolute; top:-60px; width:960px; height:160px; }
		#logo-head {position:absolute; top:5px; left:0;}
		*html #logo-head { width:100px; height:100px; } 
		#logo-text {position:absolute; top:74px; left:100px;}
		#logo-tagline {position:absolute; top:117px; left:195px;}


	#aboveHeader { position:relative; top:-55px; width:960px; margin:0 auto; z-index:10; }
		#loginDetails { position:relative; width:80px; float:right; margin-left:10px; font-size:11px; }
			#loginButton { position:relative; top:-3px; float:right; height:33px; }
			#loginDetails a { color:#eee; }
			#loginDetails a:hover { border:red 1px solid; color:#eee; }

		div#shareButtons {position:relative; margin-right:10px; float:right; }

		div#callUsOnSkype {position:relative; width:90px; float:right; margin-right:10px; }
			div#callUsOnSkype img { border: none; width:87px; height:33px; }

		div#socialMedia { position:relative; width:80px; float:right; }
			div#socialMedia img { float:left; padding-left:5px; }	
				#socialMediaFacebook { position:relative; }
				#socialMediaTwitter  { position:relative; left:-3px; }
				
		#shareButtonDiv { position:relative; float:right; margin-right:0; color:#444; }
			#hiddenShareOptions { 
				display:none; position:absolute; right:0; top:31px; width:110px; z-index:300; 
				line-height:2.0; color:#444; font-family:sans-serif; padding:20px; border:1px solid #ccb; 
			}
				#closeLink { color:#800; font-weight:normal; cursor:pointer; }
				#hiddenShareOptions a:hover { text-decoration:underline; color:#444; }
			div.socialMediaIconWrapper { clear:both; float:left; width:30px; }
			img.socialMediaIcons { height:15px; position:relative; top:5px;}
		
			
	#menu { position:absolute; top:103px; left:-20px; width:170px; z-index:1000;
			font-size:11pt; padding:20px 20px 80px 10px;
			background-color:#999; color:#fff; text-transform:uppercase; border:3px solid #fff; 
		}
		#menu a { text-decoration:none; color:#fff; }
		#menu a:hover { text-decoration:underline; }
		#menu img { margin-left:20px; }
			#menu>ul { list-style-type:none; margin:0; margin-left:10px; margin-bottom:13px; padding:0; }
				#menu>ul>li { font-size:10pt; width:170px; padding-bottom:8px; margin-bottom:8px; border-bottom:1px dotted #fff; }
				#menu>ul>li>a { color:#fff; }
					#menu>ul>li>ul { list-style-type:square; margin:0; margin-left:15px; padding:0; }
						#menu>ul>li>ul>li { font-size:8pt; margin:0; padding:0; margin-top:2px; padding-top:2px;  }
						#menu>ul>li>ul>li>a { color:#fff; }
		#menu ul li.highlightMenu { border:none; }
		#menu ul li.highlightMenu a { color:#2378ac; }
/*
		#writeUsANoteLI { position:relative; width:100%; }
		#writeUsANoteLI a { position:relative; width:100%; }
		#userNoteToLPTForm { display:none; position:absolute; top:-140px; left:180px; background-color:#fff; }
			#userNoteToLPTButton { background-color:#3a3; color:#fff; border:1px #999; font-size:10pt;}
			a#cancelUserNoteToLPT { color:#622; }
			.error { color:red; }
			label { display:block; margin-left:5px; text-transform:capitalize; font-size:7pt; } 
*/

	#contents { position:relative; float:left; width:515px; color:#777; margin-top:10px; margin-left:210px;  }
	#contents a { color:#47a; }
	#contentsOfferings {position:relative; float:left; width:705px; color:#777; margin-top:0; margin-left:210px; }
	#tutorContents {position:relative; float:left; width:705px; color:#777; margin-top:0; margin-left:210px; }
		#tutorContents p { padding-bottom:10px; border-bottom:1px dotted #ff7711; margin-bottom:10px; }
	#postLoginContents { position:relative; float:left; color:#777; 
						margin-top:0; margin-left:210px;width:700px; }
		
		/* HOME PAGE */
		img.slideshowImage { position:absolute; top:8px; opacity:0.0; }
		div#mapWrapper { position:absolute; top:8px; }

		#contentsWrapper { margin-top:322px; }
			#contents p { font-size:14px;}
			#contents p.underline { padding-bottom:0.5em; border-bottom:1px dotted #f58b1f; margin-bottom:0.5em; font-size:0pt;}

		/* LOGIN PAGE */			
		#loginSection { margin-bottom:90px; }
			a#forgetPassword { text-decoration:underline; color:#aaa; }
		
		/* OFFERINGS */
		div#tableOfOfferings { position:relative; margin-top:8px; }
		#offeringsTableDiv table {border-collapse:collapse;}
			#offeringsTable { border:1px solid #aaa; width:99%; }
			#offeringsTable a {color:#2b547e; }
			#offeringsTable th { color:#2b547e; padding:3px;}
			#offeringsTable td {border:1px solid #aaa; text-align:center; padding:3px;}
			#offeringsTable tr.groupingRow td { background-color:#ff9341; text-align:left; color:#fff; border-top:1px solid #987;border-bottom:2px solid #fc8;} 
			#offeringsTable tr td.courseName { text-align:left; }
			
		/* TUTOR SUMMARY PAGE */
		div#allTutorsLinkToOfferingsTable {
			margin-bottom:10px;
		}
		div.tutorNamePhotoOfferingBlock {
			margin-bottom:20px; margin-right:15px; padding-bottom:10px;
			width:110px; height:155px; float:left;
			border:1px solid #ddc; border-bottom:1px solid #bba; background-color:#f9faf8;
		}
			div.tutorNamePhotoOfferingBlock img {
				margin-top:5px;
				padding-left: 5px;
				width:100px;
				font-size:8pt; font-weight:normal;
			}
			span.tutorName {display:block; margin:0; padding:0; padding-left:5px; padding-right:5px; padding-top:5px; 
							font-size:8pt; font-weight:normal; text-align:center;} 
		
		/* TUTOR PAGES */
		#tutorPageElements { font-weight:bold; margin-top:8px; }
			#tutorPoloroid { float:right; width:300px; background-color:#fafaf8; margin-top:15px; margin-left:20px; padding:5px; padding-bottom:30px; border:#ddc 1px solid; border-bottom:#bba 1px solid; }
				#tutor_picture { width:300px;  }
				#poloroidCaption { display:block; margin:30px 0 0 0; padding:0; width:300px; text-align:center; font-family:monospace; font-weight:normal; font-size:12pt;}

			#bio { font-weight:normal; float:left; width:350px;}			
			#tutor_degree { clear:both; font-weight:normal; margin-bottom:5px; margin-left:20px; }
			#tutor_offerings { font-weight:normal; }
			#tutor_scores { font-weight:normal; }
			
			#site_video {margin-top:10px;} /* the tutor's video on the tutor page */
			
		/* ADVISING */
		#nudgeDown { margin-top:8px; }
		
		/* CALENDAR */
		#iframeContainer {
			width:700px;
			margin:0 auto;
			margin-top:8px; margin-bottom:80px;
		}
		
		/* POST LOGIN */
		div#postLogin_top {}
			div#postLogin_top {position:relative; width:645px; height:80px; border:1px solid #eee; padding:10px; padding-bottom:40px; }
				#playButton { display:block; position:relative; top:-5px; opacity:0.1; }
			
		#postLogin_bottom div.fileListWrapper {
			float:left; width:198px; height:350px; border:1px solid #eee; margin-top:3px; margin-right:3px; padding:10px; padding-bottom:40px;
		}
		.pl_listbox { width:200px; height:300px; list-style-type:none; margin:0; padding:0; }
			.pl_listbox li { 
				width:180px; margin:2px; padding:5px; border:1px solid #eee; border-bottom:1px solid #ccb;
				background-color:#f9f8f7; 
			}
			li.pl_li { cursor:pointer; }
		div.postLogin_info { display:none; }

/*
		#video { display:none; clear:both; margin-top:10px; margin-bottom:10px; width:640px; }
		#audio { display:none; clear:both; margin-top:10px; margin-bottom:10px; width:640px; }
		div.media div { font-size:1pt; margin:0; padding:0; text-align:center; color:#001; background-color:#000; }
*/

		
	#contentRHS {
		float:right; 
		width:180px;
		margin-right:25px; margin-top:16px; 
		text-align:left; font-family:"Goudy Old Style",georgia,times,serif; font-size:10pt; font-style:italic; color:#0072bd;
	}
		* html #contentRHS img { width:150px; height:50px; } /* IE6 */
		#contentRHS p { padding-bottom:1em; margin-bottom:1em; }
		#contentRHS a { color:#0072bd; text-decoration:underline;}
			#contentRHS h5 { margin:0; padding:0; margin-bottom:5px; }
			
			#news { margin-top:0; font-size:13px; font-style:normal; font-family:Trebuchet;}
				#news div.newsItem { display:block; margin-top:15px; padding-bottom:15px; border-bottom:1px dotted #ff7711; font-style:italic; }
		
			#recommendations { margin-top:15px; font-size:17px; font-style:normal; border-bottom:1px dotted #ff7711; }
				#recommendations p.rText { margin:0; padding:0; border:none; font-style:italic; }
				#recommendations p.rName { margin:0; padding:0; text-align:right; padding-bottom:10px; font-style:italic; }
			
			#certifications { margin-top:15px; font-style:normal; }
				#certifications span { display:block; margin-bottom:2px; margin-left:0; font-size:10.5pt; font-style:italic; }

	#footer { clear:both; width:960px; text-align:center; margin-top:20px; margin-bottom:40px; 
				font-family:"Goudy Old Style",georgia,times,serif; font-size:10pt; font-style:italic; color:#aaa; }
		#footer a { width:960px; text-align:center; border-bottom:1px dotted #aaa;
					font-family:"Goudy Old Style",georgia,times,serif; font-size:10pt; font-style:italic; color:#aaa; }

#belowFooter { position:relative; top:70px; width:960px; color:#147; text-align:center; font-size:7pt; margin:0 auto; padding-top:20px; padding-bottom:20px; }
	#belowFooter a { color:#147; text-decoration:underline; }
	
	
	/* SUCCESS PAGE */
	img.successImg { width:450px; height:350px }				
		#contentRHS a.specialSkypeButton { 
			text-decoration: none; font-family:verdana, "Trebuchet MS",arial,sans-serif; font-size:11pt; color:#f58b1f;
		}
		div.specialSkypeButton { display:block; background-color:#f58b1f; color:#fff; padding:5px; 
			text-decoration: none; }
	img.graphKey { margin-bottom:10px; }
	
	


	/* ADMIN PAGE */
	#adminContentWrapper { width:960px; }
	
	#adminLoginForm { margin: 80px auto; width:252px; border:2px dotted #f58b1f; }
		span.loginFormHolder { display:block; width:250px; margin:10px 0; }
			#adminLoginForm label { display:block; width:100px; height:20px; line-height:20px; margin:0 15px; padding:0; float:left; text-align:right; }
			#adminLoginForm input { display:block; width:100px; height:20px; margin:0 15px; padding:0; border:1px solid #887; }
		span.submitButtonHolder {}
		span.submitButtonHolder {}
	
	
	#tab-container { margin:60px; }

	#adminSearchContents {
		margin:0; margin-top:40px; padding:0;
	}
		#adminSearchBox {
			height:20px; width:400px;
		}
		span.contactTitle { 
			clear:both; display: block; width:440px; font-weight:bold; border-top:1px dotted #ccb; 
			padding-top:3px; margin-top:3px; padding-bottom:3px;
		}
		span.adminSearchResultMultielement { float:right; display:block; clear:both; width:800px; padding-bottom:3px;}
		
		
		table.adminSearchResultsTable {
			width:99%; border:1px solid #ddc; text-align:left; border-collapse:collapse;
		}
			table.adminSearchResultsTable tr {
				
			}
				table.adminSearchResultsTable td, table.adminSearchResultsTable th {
				 	border:1px solid #ddc; padding:3px; color:#651;
				}
				table.adminSearchResultsTable td {
					color:#1c93bd;
				}
		div.lessonWrapper { display:none; margin-bottom:20px;  m}

	#adminContents { position:relative; float:left; color:#777; width:840px; margin-left:0; margin-top:40px; line-height:1.5; }
		#adminStudentListSubmit { padding:10px; }

/* -- There's a lot of stuff here that is no longer used -- refactor -- */
	
	#wtwContents { position:relative; float:left; color:#777; width:840px; margin-left:0; margin-top:40px; }
		#adminWTWSubmit { padding:10px; }
	#lptSocialLinks { width:300px; float:right; padding-top:30px; line-height:2.5; font-color:#888;}
	
	#registrationForm { margin-top:40px; padding:10px; border:1px solid #ddd;}

	#spinner { 
		display:block; position:absolute; top:0; left:0; z-index:1000000; display:none; background-color:#fff; opacity:0.8; 
		height:99%; width:99%; 
	}
		#spinner img { position:relative; left:50%; top:60%; margin-left:-30px; margin-top:-30px; } 
		#spinnerText { position:relative; top:69%; width:99%; text-align:center; }
		
	span.highlight { background-color:yellow; }
	
	span.clickSlideDown { text-decoration:underline; cursor:pointer; }
	.hiddenRows { display:none; border:1px solid #ddc; padding-left:10px; }
	
	#gotoGoogle1 { color:#888; margin-top:40px; }
		#gotoGoogle1 a { margin-left:20px; font-size:15px; color:#2ca3cd; text-decoration: underline; font-weight: bold; }

	span.wtwTitle { margin-left:20px; font-size:15px; color:#2ca3cd; }
	span.wtwOuterName { color:#665; font-size: 15px; }
	span.wtwTitle, span.wtwOuterName, span.wtwInnerName, span.wtwSingleDate { 
		display:block; 
		font-weight:bold; line-height:2.0; text-decoration:underline; cursor:pointer; 
	}
	span.wtwInnerName { 
		position:relative; margin-top:10px; margin-left:10px;
		font-weight:bold; line-height:1.3; font-size:20px; text-decoration:none; color:#333; 
	}
		span.wtwInnerName textarea { position:absolute; left:240px; top:-5px; width:420px; height:30px; }
		input.studentNotesFalseButton { 
			position:absolute; 
			left:670px; 
			top:-1px; 
			background-color:#89a; 
			color:#fff; padding:2px; border:1px solid #888; border-top:1px solid #eee; border-bottom:1px solid #555; } 
	span.wtwSingleDate { margin-left:80px; font-weight:normal; line-height:1.3; text-decoration:none;}
	div.wtwOuterBlock, div.wtwInnerBlock { display:none; border:1px solid #ddc; margin-left:20px; padding:10px; padding-top:0; }
	
	div.contactWrapper { display:none; margin-top:10px; margin-bottom:20px; }
	
	/* CALENDAR */
	
	#calContents { position:relative; left:-7px; width:90%; border:1px solid #ddc; overflow:scroll; }
	span.dayColHeader { 
		display:block; float:left; width:195px; padding:2px; 
		text-align:center; border:1px solid #ddc; margin-right:2px; color:#fff; background-color:#888;
	}
	div.calEntry { display:block; border:1px solid #aaa; width:100px; z-index:3; color:#fff; font-size:11px; padding:2px; opacity:0.8;}
	span.calStartTime { display:block; font-size:9px; color:#eee; }
	span.calEndTime { display:none; font-size:8px; color:#eee; }
	span.calName { font-size:8px; color:#ddd; }
	
	
	
	/* STUDENT RESOURCES */
	
	#loggedInHeader {
		padding:0 40px; padding-top:40px; padding-left:60px; 
	}

/*
	
	#slider {
		width: 840px;
		margin: 0 auto; margin-top:10px; 
		position: relative; left:-8px;
	}
	
	.scroll {
		height: 420px;
		width: 840px;
		overflow: auto;
		position: relative;
		clear: left;
		background-color: #fff;
	}
	
	.scrollContainer div.panel {
		padding: 10px;
		height: 360px;
		width: 814px;
		border:3px solid #e0eef7;
		background-color:#fff;
	}
	
	#shade {
		background-color: #EDEDEC;
		height: 50px;
	}
	
	ul.navigation {
		list-style: none;
		margin: 0;
		padding: 0;
		padding-bottom: 9px;
	}
	
	ul.navigation li {
		display: inline;
		margin-right: 10px;
	}
	
	ul.navigation a {
		padding: 10px;
		color: #000;
		text-decoration: none;
	}
	
	ul.navigation a:hover {
		background-color: #f4f9ff;
	}
	
	ul.navigation a.selected {
		background-color: #e0eef7;
	}
	
	ul.navigation a:focus {
		outline: none;
	}
	
	.scrollButtons {
		position: absolute;
		top: 150px;
		cursor: pointer;
	}
	
	.scrollButtons.left {
		left: -20px;
	}
	
	.scrollButtons.right {
		right: -20px;
	}
	
	.hide {
		display: none;
	}
*/
	img.spinner {
		top: 3px;
		position: relative;
		height: 15px;
		display: none;
	}
	table.userDetailsUpdateTable {
		position:relative; left:3px; 
		margin-top:10px; 
		padding:5px;
		border-top:1px dotted #ddd; 
		border-collapse:collapse; 
	}
		table.userDetailsUpdateTable tr {
			padding:5px; border:none;
		}
		table.userDetailsUpdateTable tr td {
			padding:5px; border:none;
		}
		
	iframe { float:right; }
	
	

/* STUDENT WORKSPACE */

#workspace {
	margin-top:100px;
	position:relative; text-align:center;
}
	#student_background {
			position:relative; width:840px; margin:0 auto;
	}

	.widget { 
		display:none; position:fixed; width:99%; height:100%; 
		background-color:#fff; border:10px solid #f58b1f;
		font-family:Tahoma, verdana, sans-serif;
	}
		.widget iframe { background-color:#fff; width:99%; height:99%; }

	#computer2 { position:absolute; top:85px; left:80px; }	
	#computerWindow { position:absolute; top:140px; left:140px; cursor: pointer;  }
		#computerText { position:absolute; z-index:30; top:120px; left:115px; width:250px; font-size:16px; text-align:left; color:#18739d; }
			#mediaTitle { font-size:20px; margin-bottom:20px; font-weight:bold; }
			#computerText ul { list-style-type:circle; margin:0; padding:0; margin-left:15px; }
			#computerText li { margin:0; padding:0; margin-left:10px; margin-top:10px; margin-bottom:30px; }
		
		#mediaWrapper { position:fixed; top:0; left:0; z-index: 10000000000; padding:20px; width:800px; height: 640px;}	
			#mediaWindow { margin:0; padding:0; height:600px; border: 1px solid #ddd; }

		#video { display:block; width:540px; height:360px; };
		#audio { display:block; width:750px; height:26px; }
		
		#exitMediaWindow {
			color:#800; 
			font-family: "Arial", arial, helvetica, sans-serif;
			font-weight: bold;
			font-size:24px;
			text-align: right;
			padding:4px;
		}

			div.mediaInformation {         width:19%; height:95%; overflow:scroll; overflow-x: hidden; margin:0; padding:0; }
				div.mediaInfoBox {         width:115px; height:100px; padding-top:0; border:1px solid #e0eef7; padding:5px; font-size:10px; }
			ul.listUL { 
				margin:0; padding:0; 
				list-style-type:none; list-style-position:inside; 
			}
				#workspace li { cursor:pointer; } /* All LIs in the workspace */
				.mediaListing { /* NB: class audioListLI and the like are only used as tags for JS, not for styling */
					margin:0; padding:0; margin-bottom:6px; padding:3px; width:120px; 
					border:1px solid #ddd; border-top:1px solid #eee; border-bottom:1px solid #ccc; 
					background-color:#fafafa; font-size:11px; 
				}


	#calculator { position:absolute; top:373px; left:400px; width:120px; padding-top:10px; cursor: pointer; }
	#calculatorWrapper { 
		background-color:#444; padding-top:10px; 
		border:1px solid #111; border-top:1px solid #888; border-bottom:1px solid #000; 
	}
		/* left-over from some old code; still needed */
		#calcWrapper { width:170px float:left; } 
		
	#calendar2 { position:absolute; top:40px; left:480px; width:120px; cursor: pointer; }
	#calendarMonth { 
		position:absolute; top:60px; left:479px; width:120px; text-align:center; 
		font-size:18px; font-weight:bold; color:#fff; cursor: pointer; 
	}
	#calendarDay { 
		position:absolute; top:79px; left:478px; width:120px; text-align:center; 
		font-size:72px; font-weight:bold; color:#f7931e; cursor: pointer; 
	}
	#calendarWrapper { background-color:#f58b1f; border:10px solid #f58b1f; }
		#nextLessonsText { display:block; margin-left:10px; font-size:18px; }
	#dictionary { position:absolute; top:397px; left:500px; width:180px; cursor: pointer; }

	#notice2 { position:absolute; top:85px; left:650px; width:250px; }
		#notesText { position:absolute; top:135px; left:670px; width:200px; font-size:15px; text-align:left; }
			#notesText ul { list-style-type:none; margin:0; padding:0; }
			#notesText li { margin:0; padding:0; margin-bottom:15px; cursor: default;}
		#targetScoreTable, #homeworkTable, #nextLessonTable {
			border:5px solid #f58b1f; width:370px; margin:0; background-color:#f58b1f; font-size:14px; font-family:georgia; color:#444;
		}
			#targetScoreTable tr, #homeworkTable tr, #nextLessonTable tr { }
				#targetScoreTable th, #homeworkTable th, #nextLessonTable th { color:#fff; line-height: 1.5; }
				#homeworkTable th,  #nextLessonTable th { font-size:20px; }
				#targetScoreTable td, #homeworkTable td, #nextLessonTable td { 
					border:1px solid #f58b1f; border-top-color:#741; border-bottom-color:#a72; 
					padding:1px; background-color:#443; color:#fff; padding-left:20px;
				}
			#targetScoreTable td.vlubHeader {
				padding:10px; padding-top:15px; background-color:#f58b1f; border:none; font-weight:bold;
			}
		#studentFB      { position:absolute; top:275px; left:355px; height:25px; opacity:0.8; }
		#studentTwitter { position:absolute; top:275px; left:380px; height:25px; opacity:0.8;  }

table.dropdownListing {margin-top:30px; margin-left:10px; padding-left:10; }

.userDetailsUpdateTable td {vertical-align:top; padding:5px; border:1px solid red; } 
#adminUpdateFormChoice { clear:both; width:840px; }
	.fcButton { 
		display:block; float:left;  text-align:center; 
		margin:5px; width:170px; padding:5px; 
		border:1px solid #ddd; border-top: 1px solid #eee; border-bottom: 1px solid #bbb; background-color: #f58b1f; color:#fff;
	}
	#fcFormMainDetails { width:375px; padding-right:30px; } 
		#fcFormMainDetailsTable { width:100%; }
			#fcFormMainDetails td { width:24%; }
				#fcFormMainDetails td input { width:100%;}
			
	#checkboxesFieldset { width:370px; border:none; }
		#checkboxesFieldset label { clear:both; display:block; width:250px; height:15px;}	
		#checkboxesFieldset input { float:right; display:block; width:20px;  height:15px;}

	.courseListingText { font-size: 10px; }
	
	form.adminForm table { font-size:12px; }
	
	.smallBlue { font-size:10px; padding:3px; width:120px; background-color:#3090c2}
	input[type=text].narrowBox { width:50px; }
	input[type=text].fairlyNarrowBox { width:90px; }
	.dangerRed { background-color:#c32; }
	.inputNote { font-size:10px; font-style:italic; }
	.disabledInput { border:none !important; background-color:#c9f8fd !important; }
	.disabledInput2 { border:none !important; background-color:#fff !important; }
	.fullwidth { width:580px; height:100px; }
	.fullWidthTable { width:99%; }
	table.sortable { font-size:13px; }
	table.sortable th { text-align:left; background-color:#f58b1f; color:#fff; }
	.header { padding:3px; }
	.even { background-color:#b5e5ea; padding:3px; }
	.odd { background-color:#ecfcfc; padding:3px; }
	.backgroundHighlight { background-color:#fce0e0; }
	.alignRight { clear:both; float:right; }
	.smallCaps { text-transform:uppercase; }
	.lessonStudentName { font-size:15px; font-weight:bold; color:#f58b1f; }
	.invisibleFieldsetStyling { border:none; background-color:#fff; }
	
	.crossLinkAddButton { width:80px; background-color:#888; color:#fff; font-size:10px; border:1px solid #555;}
	
	.visibleRow { cursor: pointer; }
	.hiddenRow { display:none; background-color:#fafafa; color:#555; font-size:87%;  cursor: pointer;}

	.retaughtButton { background-color:#888; color:#fff; padding:1px 3px; width:60px; text-align:center; font-size:10px;cursor:pointer;}
	.taughtUndoButton { background-color:#aaa; color:#fff; padding:1px 3px; width:55px; text-align:center; font-size:10px; cursor:pointer;} 

	.show-hide { 
		display:block; background-color:#888; color:#fff; padding:3px; width:75px; text-align:center; font-size:10px; 
		margin-bottom:10px; margin-top:10px; cursor:pointer;
	}
	.showHideable { display:none; }
	
	tr.divider { padding-bottom:10px; border-bottom:1px dotted #888; margin-bottom:10px; }
	
	fieldset { background-color:#c9f8fd; }	
	fieldset fieldset { border: 1px dotted #888; background-color:#c9f8fd; }
	.popupFieldset {
/* 		background-color: #f8f8f5; */
	}

	.adminSignupFormContainer { clear:both; }
	.amf { clear:both; display:none; }
		.amfHeader { clear:both; display:block; font-weight:bold; padding:20px; }
		.dropdownListing { margin-bottom:20px; margin-left:20px; }
		
	.invalidField { border:2px solid red !important; }
	
	.twoThirdWidth { width:66%; }
	.oneQuarterWidth { width:25%; }
	
	
	
	fieldset {
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
		
	#lessonCountdownFieldset { 
		position:absolute; top:139px; right:20px; 
		background-color:#f58b1f;
		color:#fff; 
	}
		
	#bestTimesInnerTable td { padding:0 20px; }

	#lessonChooser {
		width:100%;
		height:20px;
	}
		.lessonChooserElement { float:left; background-color:yellow; margin-right:2px; width:20px; height:20px; } 
		.filledInLesson { background-color:green; }
		.notFilledInLesson { background-color:red; }
		
/* TUTOR LESSON REPORT FORM */
		
#topicsReviewedDiv {
	min-height: 100px;
	width: 530px; 
	background-color: #fff;
}

#studentLessonChooser { 
	display:none; 
	clear:both;
	width:100%;
}

#lessonCountdownFieldset td {
	color:#fff;
}


#tutorTabs-targetScoresAndTestsPopup {
	display: none;
	width:850px;
	position: fixed;
	top:25px;
	left:50%;
	margin-left: -425px;
	background-color:#fff;
	border:5px solid #f58b1f;
	z-index: 30000000;
	padding:4px;
}
	#testsTakenAndMiniTestTakenHeader {
		padding:5px;
	}
		#testsTakenAndMiniTestTakenHeader span.ui-dialog-titlebar-close {
			display:block;
			float:right;
			cursor: pointer;
		}
		#testsTakenAndMiniTestTakenHeader span.ui-dialog-titlebar-close:hover {
			background-color: #ffd094;
		}

#testResultsManagerTrigger {
	text-decoration: underline;
	color:#555;
	cursor: pointer;
}
.targetScoreDeleteButton {
	color:red;
	text-decoration: underline;
	cursor: pointer;
}
		
/* TUTOR CALENDAR */
#cal-controls-rhs {
}

#cal-controls-lhs {
}
.labelType4 { position:relative; top:3px; display:block; float:left; width:63px; font-weight:bold; }

#cal-popup {
	width:750px;
	position:fixed;
	left:50%;
	top:50%;
	display:none;
	margin-left:-330px;
	margin-top:-160px;
	padding:10px;
	border:10px solid #f58b1f;
	background-color: #fff;
	z-index:100;
}
	.popupLabel { font-weight: bold; }
	.smallLabel { font-size: 10px; font-weight: normal; font-style:italic; }
/* 	.smg-dialog-titlebar { background-color:#f58b1f !important;} */
	
#cal-container {
	clear:both;
	position:relative;
	left:-21px;
	top:30px; 
	/* some settings have to be set by JS */
}
	.cal-full-day-block { 
		position:absolute; z-index:1; 
		overflow:hidden;
		margin:0;
		padding:2px; 
		background-color:#fafafa; color:#ccc; 
		border:1px solid #ddd; border-bottom:1px solid #ccc; border-top:1px solid #e4e4e4;
		font-size:12px;
		/* other values added via PHP inline */
	}
		.cal-day-header { 
			background-color:#f58b1f; color:#fff; margin:0; padding:2px 2px; text-align:center; 
			cursor: pointer;
		}
		.cal-appt {
			color:#fff; margin:0; padding:2px 2px; text-align:left; margin-top:1px; font-size:9px; 
			cursor: pointer;
		}
		.falsePaddingBorder { position:absolute; right:0; width:2px; height:100%; background-color:#fff;}
	
	
		
		
/* LESSON POPUP */

.lessonRow {
	cursor: pointer;
}
	div[name=formattedTopics] {
		border:1px #ddc solid;
		border-top:1px #bbb solid;
		border-bottom:1px #f4f4f0 solid;
		background-color:#fcfcfa;
	}
		div[name=formattedTopics] > div {
			cursor: crosshair;
		}
#lesson-popup {
	display:none;
}
	div.quitLessonTopicEditPopup {
		cursor: pointer;
	}
	div.quitLessonTopicEditPopup:hover {
		background-color: #f58b1f;
		color:white;
	}
	
#topicsToolPopup {
	display: none;
	width:400px !important;
	position: absolute;
	left:400px !important;
	top:0;
	background-color:#fff;
	border:5px solid #f58b1f;
	z-index: 30000000;
	padding:4px;
}
	#topicsToolHeader {
		padding:5px;
	}
		#topicsToolHeader span.ui-dialog-titlebar-close {
			display:block;
			float:right;
			cursor: pointer;
		}
		#topicsToolHeader span.ui-dialog-titlebar-close:hover {
			background-color: #ffd094;
		}

/*
#topicsToolPopup {
	display:none;
	width:500px;
	position:absolute;
	left:0;
	top:0;
	border:3px #888 solid;
	z-index: 100000000000;
	background-color: #fff;
	border
}
*/
	#topicsToolPopup ul {
		margin-left:0;
		padding-left:0;
	}
		#topicsToolPopup li {
			list-style-type: none;
		}

#lessonTopicsTaughtClickDetector {
/*
	border:3px red solid;
	background: red;
*/
	cursor: pointer;

}

.lessonRowTopicDetails {
	cursor: pointer;
}

		
/* 	.temp444 { color: blue; } */
		
/* SEARCH RESULTS */
.searchResultHeader {
	font-weight:bold;
	font-size:13px;
	margin-top:24px;
	margin-bottom:5px;
	border:1px solid #ccc;
	background-color: #eee;
	width:33%;
	padding:5px;
	cursor: pointer;
}
.searchResultTable {
	width:50%;
	border:1px solid #ddd;
	display:none;
}
	.searchResultTableRow {
		border-top:1px solid #ddd;
	}
		.searchResultTableTD {
			padding:2px 10px; font-size:11px; border:1px solid #e4e4e4; border-bottom:1px solid #ddd; border-top:1px solid #fafafa;  background-color:#eee;
		}
		.searchResultsSeparator {
			 background-color:#fff; 
		}
			
			
/* STUDENT COMPUTER WORLD AND TABS */

/* style the file type 'buttons' shown in the table on the first student tab */
.resource-type-pdf {
	border:1px solid #aaa;
	background-color: #800;
	color: #fff;
	padding:3px;
	margin:0 2px;
	cursor: pointer;
}
.resource-type-mp4 {
	border:1px solid #aaa;
	background-color: #008;
	color: #fff;
	padding:3px;
	margin:0 2px;
	cursor: pointer;
}
.resource-type-flv {
	border:1px solid #aaa;
	background-color: #08f;
	color: #fff;
	padding:3px;
	margin:0 2px;
	cursor: pointer;
}
.resource-type-mp3 {
	border:1px solid #aaa;
	background-color: #aa0;
	color: #fff;
	padding:3px;
	margin:0 2px;
	cursor: pointer;
}

#ipad     { position:absolute; z-index:10000; top:380px; left:680px; width:180px; }
#iPadButton { display:none; position:absolute; top:547px; left:455px; z-index: 90000; width:50px; cursor:pointer;}
#iPadTabs { position:absolute; z-index:10001; top:60px; left:75px; width:808px; display:none; }

/* CALENDAR */
#iframeContainerStudentPage {
	margin:0; 
}


/* WORKING */
#backgroundWash { position:fixed; left:0; top:0; width:100%; height:100%; opacity:0.5; background-color:#fff; z-index:1000000000; }
#spinner2 { position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-10px; width:20px; }


/* STUDENT NOTES BUTTON */
#studentNotes {
	position:absolute;
	top:65px;
	left:235px;
	width:30px;
}
#studentNotes2 {
	position:absolute;
	top:55px;
	left:45px;
	width:30px;
}
#studentNotes.tutorLessonNotes {
	top:55px;
	left:55px;
}




/* hide hourly rate */
#lessonHourlyRate  { display:none; } 



/* Manager controller - SWITCH USER */

#changeUserTypeAndUserName {
	background-color:#bcd;padding:5px; opacity:0.9;
}
	#userTypeAndViewForm {
		float:left;
		margin:0; padding:0;
	}
	#userNameChooser {
		float:right;
		margin:0; padding:0;
	}
	
	
	

#resourceItemInspector {
	float:left;
	width:335px;
	margin-left: 40px;
}
	#resourceItemInspector ul {
		margin:0; 
		padding:0;
	}
	#resourceItemInspector li {
		list-style-type: none;
		margin-left:15px;
	}
#resourceItemViewer {
	float:left;
	width:400px;
}

	
#courseItemInspector {
	float:left;
	width:335px;
	margin-left:40px;
}
#courseItemViewer {
	float:left;
	width:400px;
}



#courseElements {
	margin:0;
	padding:0;
	margin-top:10px;
}

	#courseElements li {
		background-color:#fff;
		list-style-type: none;
	}
	.courseElemImg {
		display:inline;
		padding-right:4px;
		position: relative;
		top:1px;
		left;0;
	}
	.liText {
		position:relative;
		top:0;
		left:0;
	}
	
	#curriculaBox {
	}
		#courseElements {
			margin:0; padding:0;
		}
			#courseElements ul {
				margin:0;
				margin-left: 10px;
				padding:0;
			}
			.curriculumItem {
				padding:5px;
				margin:2px 0;
				margin-right:5px;
				font-size: 12px;
				cursor: pointer;
			}
			#courseElements li.level-1 { 
				background-color:#c5f4f9;
			}
			#courseElements li.level-2 { 
				background-color:#b0dfe6;
			}
			
		#resourceElements, #resourceElementsThatMatchSearchTags {
			margin:0; padding:0;
		}
			#resourceElements ul, #resourceElementsThatMatchSearchTags ul {
				margin:0;
				margin-left: 10px;
				padding:0;
			}
			#resourceElements li, #resourceElementsThatMatchSearchTags li {
				padding:5px;
				margin:2px 0;
				margin-right:5px;
				font-size: 12px;
				list-style-type: none;
				background-color:#c5f4f9;
				cursor: pointer;
			}
	
	.highlightedElement {
		background-color: #f58b1f !important;
	}
	.chosenElement {
		border: 2px solid #f58b1f !important;	
	}
	
	.itemActive0 {
		opacity: 0.5 !important;
	}
	
	
	#uploadDiv {
		padding: 40px;
		font-size: 16px;
	}
	
	#resourcesCoursesTable tbody td, #attachedResourcesTable tbody td {
		background-color: #fff;
	}
	
	.deletionTD {
		width:16px;
		border:1px solid #a00;
		font-weight: bold;
		text-align: center;
	}
	#resourcesCoursesTable tbody td.deletionTD,
	#attachedResourcesTable tbody td.deletionTD { background-color: #fdd; color: #a00; }
	
	.notepadDetail {
		font-size:11px;
		font-style:italic;
	}
	
	
	/*-- LESSONS TAB in TUTOR area --*/
	
	.studentHeader {
		background-color:#fff;
		color:#432;
		color:#333 !important;
/* 		text-shadow: -1px -1px 2px #047; */
	}
	tr.studentHeader:nth-child(even) {background: #ecfcfc; color:#333 !important; }
	tr.studentHeader:nth-child(odd) {background: #b5e5ea; color:#333 !important; }
	.studentCourseDetails {
		display: none;
	}
	.studentSpacer {
		display: none;
	}
	
	#lesson-container-wrapper {
		overflow-x: scroll;
	}
		#lesson-container tr:nth-child(even) { background: #ecfcfc; color:#333 !important; }
		#lesson-container tr:nth-child(odd) { background: #b5e5ea; color:#333 !important; }
		
		#lesson-container th { padding: 4px; min-width: 90px; }
		#lesson-container td { padding: 4px; }
	
	
/* -- SUCCESS NOTIFICATION -- */

#success {
	padding:20px;
}