﻿@import url("./pages.css");

* 
{
	margin:0;
	padding:0;	
}

html, body, form {
	height:100%;
}

#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-height:202px;
	height: 202px;
	background:white;
}

#graphic 
{
	position:absolute;
	top:21px;
	z-index:10;
}

.orange_back 
{
	background:orange;
}

/*************************************** Horizontal Menu Bar ***************************************/
#horiz-line
{
	background:#cce0f4;
	border-top:solid 1px #b7d4f1;
	border-bottom:solid 1px #ecf3fa;
	min-height:33px;
	position:absolute;
	width:100%;
	bottom:0;
}

#horiz-line-inner 
{
	border-bottom:solid 1px #b7d4f1;
	padding-left:189px;
	line-height:32px;
}

#breadcrumbs 
{
	float:left;
	color:#408cd9;
}

.banner 
{
	position:absolute;
	bottom:30px;
	right:20px;	
}

#logo {
	background:url(../images/edupro_logo.gif) no-repeat top left;
	width:220px;
	height:56px;
	position:absolute;
	left:190px;
	bottom:45px;
}

#logo * {display:none;}



#clearheader {
	height:202px;
}

#outer{
	min-height:100%;
	margin-left:179px;
	margin-bottom:-48px;
	background:#e5eff9;
	border-left:solid 1px #c7c8ca;
}

#left {
	position:relative;
	width:179px;
	float:left;
	z-index:100;
	margin-left:-178px;
	left:-1px;
}


#leftNav
{
	background: url(../images/tl_graphic2.png) no-repeat top left;
	height:246px;
	width:180px;
	margin-top:-181px;
	position:absolute;
	left:-1px;
	padding-top:246px;
}

#middle {
	width:100%;
	float:left;
	position:relative;
	z-index:1;
}

#content 
{
	min-width:790px;
}

#content-inner 
{
	padding:5px 15px 20px 15px;
}

.content_inner 
{
	margin:20px;
}

#clearfooter {
	clear:left;
	height:48px;
}

#footer {
	clear:both;
	height:48px;
	position:relative;
	background:url(../images/footer.png) repeat-x top left;
}

#footer div 
{
	padding-top:10px;
	padding-left:15px;
	font-size:8pt;
	line-height:38px;
}

#footer ul 
{
	list-style:none;
	display:inline;
	margin-left:20px;
}

#footer ul li 
{
	display:inline;
}

.seperator 
{
	padding:0 5px 0 5px;
}




/******************** Top Bar *******************/
#topbar 
{
	background: url(../images/topbar.gif) repeat-x top left;
	line-height:21px;
	min-height:26px;
	color:White;
	text-align:right;
	padding-right:20px;
}

.button {cursor:pointer;}



.user-bar a, .user-bar span 
{
	float:right;
	padding-left:15px;
	padding-right:15px;
	font-weight:bold;
	font-size:8pt;
	color:White;
}

.user-bar a:hover 
{
	text-decoration:underline;
}


#regButton:hover {background:#1352A3; text-decoration:underline;}
#loginButton {background:#717171;}

/* Login Control
-------------------------------------------------------------------------- */


.loginPanel 
{
	display:none;
	position:absolute;
	top:30px;
	right:15px;
	height:201px;
	width:241px;
	z-index:1000;
	background:url(../images/loginhover.png) no-repeat top;
	color:White;
}

#login-wrapper
{
	padding:20px 15px 0 15px;
}

div.login-error 
{
	text-align:center;
	font-weight:bold;
	color:Red;
}

div#login-fields div
{
	padding-top:10px;
	clear:both;
}

div#login-fields span
{
	font-weight:bold;
	float:left;
}

div#login-fields input
{
	float:right;
	width:140px;
}

div#login-controls 
{
	padding-top:10px;
}

div#login-remember 
{
	padding-top:5px;
	float:left;
}

div#login-button 
{
	float:right;
}

div#login-forgotten
{
	padding-top:10px;
	font-weight:bold;
	text-align:center;
}

a.forgotten-password-link 
{
	font-size:11px;
	color:Orange;
}

a.forgotten-password-link:hover 
{
	text-decoration:underline;
}


/*------------ Question Sets --------------*/

.question-set-header
{
	margin: 15px 0 15px 15px;
}
.question-set-header img
{
	border: solid 1px #808080;
}

/* ------------- Body Override --------------- */
body.wait, body.wait *
{
	cursor: wait !important;
}

/* Generic Styles
-------------------------------------------------------*/

.clear {clear:both;}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



.add_cart_message { font-weight:normal; font-size:12px; font-family: 'Segoe UI', 'Microsoft Sans Serif' }
.add_cart_message a { color:Gray; }
.add_cart_message a:hover { text-decoration:underline; }