/**************************************************************/
/* Universe v5 global stylesheet                              */
/**************************************************************/

@import url(reset.css);
@import url(typography.css);
@import url(grid.css);



/**************************************************************/
/*	global classes 
/**************************************************************/

a { color: #36c; outline: none;}
a:visited { color: #36c; }
a:hover { color: #fff; background-color: #36c; text-decoration: none;}

/***************************************************************
	START basic elements
***************************************************************/

body { background: #252525 url(../images/bg_body.gif) center center repeat; }

div#content { padding: 30px 0; text-align: left; }

div#header {
	height: 58px; 
	width: 930px; 
	margin: 0 auto; 
	background: #000 url(../images/bg_header.gif) left top repeat-y; 
}

div#login-header {
	position: relative;
	height: 230px;
	display: block;
}

div#login-header h1 {
	position: absolute;
	left: 0;
	top: 0;
	
	width: 195px;
	height: 0;
	padding-top: 42px;
	font-size: 1px;
	overflow: hidden;
	
	background: transparent url(../images/hdr_upeers.gif) left top no-repeat;
}

div#login-header h2 {
	position: absolute;
	left: 0;
	top: 63px;
	
	width: 415px;
	height: 0;
	padding-top: 83px;
	font-size: 1px;
	overflow: hidden;
	
	background: transparent url(../images/hdr_make_friends.gif) left top no-repeat;
}

div#login-header h4 {
	position: absolute;
	left: 0;
	top: 160px;
	
	width: 415px;
	height: 0;
	padding-top: 83px;
	font-size: 1px;
	overflow: hidden;
	
	background: transparent url(../images/hdr_unique.gif) left top no-repeat;
}


div#school-search-box-container {
	overflow: visible;
	position: relative;
	z-index: 100;
}

div#school-search-box {
	position: relative;
	background: transparent url(../images/bg_upeers_search_body.gif) left top repeat-y;
	width: 422px;	
	color: #fff;
	text-align: center;
	overflow: visible ! important;

}
div#school-search-box-header { background: transparent url(../images/bg_upeers_search_header.gif) left top no-repeat;}
div#school-search-box-footer { background: transparent url(../images/bg_upeers_search_footer.gif) left bottom no-repeat; }


div#school-search-box-wrapper { padding: 10px 10px 40px 10px; }

div#school-search-box a { color: #fff;}


.login-form .label { height: 70px;}
.login-form h2 { margin: 0px; padding: 0; font-size: 120%; }
.login-form .email input {	width: 276px;}
.login-form .submit {	clear: none; padding: 0; margin: 0;}
.login-form .submit small {	float:right; width:150px; margin-top:7px;}
input#schooltxt {
	padding: 4px;
	border: 2px solid #ededed; 
	margin: 0;	
	margin-bottom: 10px; 
	width: 278px;
}
.login-form #autoSchool { 
	position: absolute;
	width: 283px;	
	overflow: visible;	
	/*top: 0px;*/
	left: 70px;
	top: 107px;
	height: 0;	
	/*margin-right: 3px;	
	left: 20px;	
	top: 118px;*/
	margin: 0 auto;
}

* html .login-form #autoSchool {
	width: 272px;	
	top: 118px;
}

.login-form #autoSchool div {	
	background: #fff repeat-x left top url(../images/autoschool.png);	
	width: 270px;	
	display: block;	
	padding: 5px;	
	text-decoration: none;	
	color: #000;	
	border-right: 1px solid #757575;
	border-bottom: 1px solid #757575;	
	border-left: 1px solid #757575;	
	float:left;	
	position: relative;
	z-index: 15;
}

* html .login-form #autoSchool div {width: 272px;}

.login-form #autoSchool .AutoCompleteHighlight {	
	/*background: #000 repeat left top url(../images/autoschool_hover.png);	
	color: #fff;*/
}

div#btn-school-list {/* position: absolute; text-align: center; width: 100%;*/}

/* quicktip */

div.quicktip {
	background-color: #efefef;
	border:1px solid #ccc;
	text-align: center;
	padding: 15px 0;
	/*clear: both;*/
	margin-bottom: 15px;
	/*float: left;
	width: 890px;*/ 
}

div.quicktip p { 
	display: inline;
	padding: 0 20px; 
	margin: 0 ! important;
	position: relative;
	z-index: 80;
}

div.quicktip p strong {text-transform: uppercase; }

div.quicktip span p { padding-left: 0; background: none !important; }

div#login-features h3 { text-transform: uppercase; }
div#login-features ul { margin: 0; padding: 0 65px 0 0; list-style: none; }
div#login-features li { margin-bottom: 1.5em; }
div#login-features a { font-weight: bold; }

div#login-screenshot {
	position: relative;
	z-index: 90;
	border: 1px solid #000;
	width: 438px;
	height: 526px;
	background: transparent url(../images/screenshot.jpg) left top no-repeat;
}

div#lists { padding: 5px; }
div#lists h3 { float:left }
div#lists ul { list-style: none; text-align: center; }
div#lists li { display: inline;}

div#ajaxcontentarea ul { margin: 0 0 0 20px; padding: 0; margin-bottom: 50px }
div#ajaxcontentarea li { width: 276px; float: left; font-size: .9em; }

ul.shadetabs li {
	font-size: 1.3em;
	padding: 2px;
}