.clear 
{
    clear:both; 
    overflow:hidden;
    margin-top:-1px;
    height:1px;
}

#teachers { position:absolute; top:85px; left:22px; width:155px; }
#teachers a { font:Normal 16px Verdana; background:#FFF380; color:black; }
#teachers a:hover { text-decoration:underline; background-color:yellow; color:Black; }
img 
{
	border:0;
}

.bg 
{
	background-color:black;
	filter:alpha(opacity=60);
	opacity:0.60;    
}

.logo 
{
	width:150px;    
    margin:5px 0 0 8px;
}

.footer 
{
	width:99%;
	height:15px;
	text-align:center;
	border-top:Solid 1px #ccc;
	font:Normal 10px Arial;
}


.headerLoginText { float:right; margin:5px; height:30px; text-align:right;}
    
.headerLoginText a { font-size:13px; color:black; }


/* Google Search Box */
.searchBox 
{
    text-align:center;
    width:100%;    
    margin:21px 0 3px 0;    
	height:45px;	       
}

/* Sub Navigation */

.subNav 
{
	width:800px;
	margin:5px auto 0 auto;
	text-align:center;
	font:Normal 13px Verdana;
	color:#3F3F3F;
}

.hrSeperator 
{
	background:url('/images/hr.jpg') no-repeat top left; 
	height:3px; 
	margin:4px auto 0 auto; 
	width:790px;
}

/* Homepage tags box */
.tagsBox 
{
	margin:5px auto 0 auto;
	padding:5px;
	width:650px;	
	text-align:left;
	font-size:10px;	
}

.tagsBox A{    text-decoration:none; margin:0px 5px 0px 5px; font-family:Trebuchet MS, Arial, Verdana; text-transform:lowercase; line-height:1.2em;} 
.tagsBox A:hover{    color:#00cc00;    text-decoration:underline;} 
.tagsBox .weight7{    color: #ff9900;    font-size: 2.2em;    font-weight:bolder;}
.tagsBox .weight6{    color: #009eff;    font-size: 2.0em;    font-weight:bolder;}
.tagsBox .weight5{    color: #009eff;    font-size: 1.7em;    font-weight:bolder;}
.tagsBox .weight4{    color: #4169e1;    font-size: 1.4em;    font-weight:bolder;}
.tagsBox .weight3{    color: #4188cf;    font-size: 1.3em;}
.tagsBox .weight2{    color: #83bcd8;    font-size: 1.1em;}
.tagsBox .weight1{    color: #83bcd8;    font-size: 0.9em;}

/* Main Content Box */

.mainContent 
{
    margin:0px 0 0 0;
    padding-left:3px;
    overflow-x:hidden;
}

/* Confirmation Label on Master */

.confirmHolder {margin:-45px auto 0 auto; text-align:center;}
.confirmLabel { margin:0px; font-weight:bold; padding:5px 10px 5px 10px; line-height:2em; font:Bold 11px Arial;}



.bubble
{
	margin:0 auto 0 auto;
	color:#999999;
}

.bubble .l{
float:left;
width:8px;
height:30px; 
background: url(../images/bubble/l.gif) no-repeat;
padding-top:5px
}

.bubble .content{
float:left;
height:30px; 
background: url(../images/bubble/bg.gif) repeat-x;
padding-top:8px
}

.bubble .r{
float:left;
width:8px;
height:30px; 
background: url(../images/bubble/r.gif) no-repeat;
padding-top:5px
}

.bubble .close
{
float:left;
width:18px;
height:17px; 
padding-top:6px;
text-align:left;
}

/* Tizmos */

.controlbtn
{
    cursor:pointer;
    margin:3px 0 0 0;
}

.thumb
{
    margin:0px 0 0 0;
    text-align:center;
}

.thumb img 
{
	margin:0;
	padding:0;
	cursor:pointer;	
}

.handle { cursor:move; width:95%;}

.divTitle 
{
	float:left; overflow:hidden; width:225px; text-align:left; height:18px;
}

.emptyPlaceMarker
{    
	z-index: 2;
    border:dashed 1px red;
    padding:0px;
    display:block;
	background-color: Transparent;
	float:left;
}

/* Settings Modal Popup */

.modalSettings 
{
    background:white;
}


/* Intro Modal Popup with login stuff */

.modalIntro 
{
 /*   background:white url(../images/intromodal/introtile.png) repeat-x bottom left; */
	background:white;
    padding:20px; 
    width:630px; 
    height:440px; 
    border:solid 3px #ccc;
    
}

.leftHolder
{
	background:#c2eaf5;
	padding:10px;	
    width:280px;
    float:left;
	
}

.left 
{
    margin:0;
    background:white;
    padding:10px;
    height:380px;
}

.rightHolder 
{
   width:330px;
   height:180px;
   float:right;
   background:#c2eaf5;
}

.right 
{
   text-align:center;
   height:206px;
}

.introText 
{
	display:block;
	margin:20px 0 0 0;
	font:Normal 26px Verdana, Arial;
	color:#AFb1AF;	
}

.infoText 
{
  margin-top: 5px;
  font: "lucida grande",tahoma,verdana,arial,sans-serif; 
  color: #777;
  line-height: 16px;
  font-size: 11px;  
}

.infoText img
{
 float:none;
 margin-right:8px;
}

.buttonBlock 
{
	width:85%;
	height:20px;
	background:white;
	padding:8px 15px 8px 15px;
	margin-top:18px;
	z-index:-1;
}

.buttonBlock input, .modalIntro .buttonBlock .imgbtn
{
	float:right;
}

#modalIntro p 
{
	float:left;
}


.loader 
{
    position:absolute; 
    right:10px; 
    top:15px; 
    font:Bold 16px Calibri, Arial; 
    color:#CC3333;
    width:100px;
    padding:7px 0 5px 0;
}

.pageLoader {
    position:absolute; 
    font:Bold 16px Calibri, Arial; 
    color:#CC3333;
    width:100px;
    padding:7px 0 5px 0;
    margin-left:-30px;    
}
.registerTable 
{
  width:260px;
  margin:14px 0 0 -10px;
}

.registerTable td
{
     font:Bold 11px Arial;
}

.registerTable td .input
{
    width:105px;
}

.loginTable 
{
    width:260px;
    margin:14px 0 0 0;
}

.loginTable td 
{
    font:Bold 11px Arial;
}


/* About Page */


.aboutWrapper 
{
	float:left;
	width:99%;
}

.aboutBox 
{
	margin-right:350px;
	padding-left:10px;
}

.aboutBox h2
{
	margin:20px 0 3px 0;
}

.aboutBox p 
{
	margin:10px 10px 10px 0px;
}

.contactBox 
{
	float:left;
	margin-left:-350px;	
	margin-top:50px;
	width:300px;
	border:solid 1px #ccc;
	padding:10px;
	background:#f5f5f5;
}


/* Tell a Friend Page */

.contactImporterWrapper 
{
	width:600px;
	margin:0 auto 0 auto;
	text-align:left;
	padding:10px;
}

	/* Contact Importer */
	
.contactImporterBox 
{	
	width:100%;
	border:solid 1px #ccc;
	text-align:center;
	padding:10px;
	margin:25px 0 0 0;	
}

.contactImporterBox table 
{
	font-weight:bold;
}

.importerList 
{
	line-height:3em;
	font:Normal 14px Verdana, Arial;
}

	/* Email Form */
	
.emailFriendsBox 
{
	width:95%;
	text-align:left;
	padding:8px;
}

.emailForm
{
    width:100%;
    line-height:2.5em;
    font:Normal 12px Calibri, Arial;
}

.emailForm td h3
{
    font:bold 12px Verdana;
    margin:17px 0 5px 0;
}



.tphText 
{
	margin:0;
	font:Bold 18px Verdana, Arial, Tahoma;
	color:#cccccc;
	display:block;
}

.regButton 
{
	background:#0066ff;
	font:Bold 11px Arial, Verdana, Calibri;
	color:White;
	line-height:2em;
	height:23px;
}

.autocompleteList { background:#fff; border:solid 1px #d5d5d5; width:150px; margin:0; padding:3px 2px 0px 0px; }
.autocompleteListItem { border-bottom:dashed 1px #ccc; list-style: none; padding:0px; }
.autocompleteHighlighted { background:blue; color:#fff; }