@charset "utf-8";

/*General for all pages*/
body {
	font: 100% Trebuchet MS, Tahoma, Verdana, Arial;
	background:white;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: justify;
	color:#666666;
	height:100%;
}
body.smallFont
{
	font-size:medium;
}
.neutralHeader #title
{
	position:absolute;
	top:0;
	left:0;
	background: #0044EE; 
	height:100px;
	padding:0;
	background-repeat:repeat-x;
}
#header { 
	background: #0044EE; 
	height:100px;
	width:100%;
	padding:0;
	background-repeat:repeat-x;
}
.neutralHeader #header
{
	position:absolute;
	top:0;
	left:111px; /*EAS logo has a width of 111px*/
	width:132px;
	background-image:url(images/horizontalBarNarrow.png);
	background-repeat:no-repeat;
}
.neutralHeader #headerSupport /*just for the pages with a "neutral header"*/
{
	position:relative;
	height:100px;
	padding:0;
	background-repeat:repeat-x;
	width:100%;
	background-image:url(images/horizontalBarSupportDark.png);
}
.listening #header
{
	background-image:url(student/listening/images/horizontalBar.png);
}
.reading #header
{
	background-image:url(student/reading/images/horizontalBar.png);
}
.speaking #header
{
	background-image:url(student/speaking/images/horizontalBar.png);
}
.writing #header
{
	background-image:url(student/writing/images/horizontalBar.png);
}
.ewrs #header
{
	background-image:url(student/ewrs/images/horizontalBar.png);
}
.pronunciation #header
{
	background-image:url(student/pronunciation/images/horizontalBar.png);
}
.vocabulary #header
{
	background-image:url(student/vocabulary/images/horizontalBar.png);
}
#divTitle /*The title in the heading, i.e. Listening*/
{
	text-align:left;
	margin-left:30px;
	margin-top:55px;
	float:left;
}
#menuWrapper /*for pages that have a menu*/
{
	background-color:#EEE;
	width: 100%;
	float:left;
	padding:0;
	font-size:medium;
}
#divContent /*content of the page*/
{
	position:relative;
	padding-left:140px;
	padding-right:180px;
	padding-top:60px;
	margin-bottom:40px;
}
.noMenu #divContent 
{
	padding-top:85px;
}
.bookThumbnails #divContent
{
	padding-top:20px;
}
.withLogin #divContent
{
	padding-top:25px;
}
#divLogos /*logos - garnet, uor, cals*/
{
	width:125px;
	position:absolute;
	bottom:75px;
	right:40px;
	text-align:right;
}
#footer
{ 
	position:fixed;
	bottom: 0px;
	padding: 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color:#EEE;
	text-align:right;
	font-size:12px;
	width:100%;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	margin-right:40px;
}
.fixedPage #footer
{
	position:fixed;
	bottom:0px;
	width:100%;
}
h1
{
	padding-top:0px;
	margin-top:0px;
}
/*Web Resources page (e.g. student/listening/links/index.php)*/
.listening #divContent ul h3
{
	color: #024a97;
}
.reading #divContent ul h3
{
	color: #af6618;
}
.speaking #divContent ul h3
{
	color: #0075a5;
}
.writing #divContent ul h3
{
	color: #c8161d;
}
.ewrs #divContent ul h3
{
	color: #a00e79;
}
.pronunciation #divContent ul h3
{
	color: #799b28;
}
.vocabulary #divContent ul h3
{
	color: #009069;
}
/*Web Resources page (e.g. student/listening/links/index.php)*/
.listening #divContent table
{
	color: #024a97;
}
.reading #divContent table
{
	color: #af6618;
}
.speaking #divContent table
{
	color: #0075a5;
}
.writing #divContent table
{
	color: #c8161d;
}
.ewrs #divContent table
{
	color: #a00e79;
}
.pronunciation #divContent table
{
	color: #799b28;
}
.vocabulary #divContent table
{
	color: #009069;
}
/*---*/
#divContent ul 
{
	margin-left: 20px;
	padding-left: 0px;
}
#divContent ul h3
{
	padding-top:20px;
}
#divContent #units /*adjusting the table in Web Resources, to have the units a bit indented (Mozilla Firefox issue)*/
{
	margin-left: 20px;
	padding-left: 0px;
}
a /*All links on pages*/
{
	color:#000;
	text-decoration:none;
}

a.realLink:link {
	COLOR: #0000FF;
}
a.realLink:visited {
	/*COLOR: #800080;*/
	color: #0000FF;
}
a.realLink:active {
	COLOR: #00FF00;
}
a.buttonImitation /*Button imitation on front page*/
{
	border-left:5px solid #666;	
	background:#CCC;
	padding:5px 25px 5px 25px;
}
a:hover /*All links on pages*/
{
	text-decoration:underline;
}
a.buttonImitation:hover /*Button imitation on front page*/
{
	text-decoration:none;
	background:black;
	color:#FFF;
}
.listening a:hover
{
	color:#024a97;
}
.reading a:hover
{
	color: #af6618;
}
.speaking a:hover
{
	color: #0075a5;
}
.writing a:hover
{
	color: #c8161d;
}
.ewrs a:hover
{
	color: #a00e79;
}
.pronunciation a:hover
{
	color: #799b28;
}
.vocabulary a:hover
{
	color: #009069;
}
/*-----------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------- Custom Menu Bar -------------------------------------------------------------*/
#first /* Indenting the first item in the menu bar */
{
	margin-left:111px;
	/*border-left:1px solid #7c7e81;*/
	border-left:1px solid #BBB;
}
ul.MenuBarHorizontal ul /*submenus have borders*/
{
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
ul.MenuBarHorizontal ul ul /* Submenus of submenus: to the right (100%) and up (first 0%) */
{
	margin: 0 0 0 100%;
}
ul.MenuBarHorizontal li
{
	/*width of each of the menu items*/
	width: 8.9em;
	
}
ul#MenuBarHomepage li
{
	/*width of each of the menu items*/
	width: 9.5em;
	text-align:center;
}
ul#MenuBarAdmin li
{
	/*width of each of the menu items*/
	width: 9.5em;
	text-align:center;
}
ul.MenuBarHorizontal li a /*menu bar line*/
{
	border-right:1px solid #BBB;
	background-color: #EEE;
}
ul.MenuBarHorizontal li ul li a /*submenu 1*/
{
	border-right:none;
	border-bottom:1px solid #BBB;
	background-color: #EEE;
}
/* Menu items that have mouse over or focus have a certain background colour and white text */
.neutralHeader ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #7c7e81;
}
.listening ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #024a97;
}
.reading ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #af6618;
}
.speaking ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #0075a5;
}
.writing ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #c8161d;
}
.ewrs ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #a00e79;
}
.pronunciation ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #799b28;
}
.vocabulary ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #009069;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
.neutralHeader ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #7c7e81;
}
.listening ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #024a97;
}
.reading ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #af6618;
}
.speaking ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #0075a5;
}
.writing ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #c8161d;
}
.ewrs ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #a00e79;
}
.pronunciation ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #799b28;
}
.vocabulary ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #009069;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
.neutralHeader ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-color: #7c7e81;
}
.listening ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-color:#024a97;
}
.reading ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-color: #af6618;
}
.speaking ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-color: #0075a5;
}
.writing ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-color: #c8161d;
}
.ewrs ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-color: #a00e79;
}
.pronunciation ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-color: #799b28;
}
.vocabulary ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-color: #009069;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
.neutralHeader ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-color: #7c7e81;
}
.listening ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-color:#024a97;
}
.reading ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-color: #af6618;
}
.speaking ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-color: #0075a5;
}
.writing ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-color: #c8161d;
}
.ewrs ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-color: #a00e79;
}
.pronunciation ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-color: #799b28;
}
.vocabulary ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-color: #009069;
}
/*-------------------------------------------------------------------------------------------------------------------*/

/*------------------------------Under Construction Page Specifics----------------------------------------------------*/
#title
{
	padding-top:60px;
	padding-bottom:60px;
}
#yellowTape
{
	height:20px;
	width:100%;
	background-image:url(images/yellowTape20.png);
	background-repeat:repeat-x;
	padding-bottom:50px;
}
#logos
{
	padding-bottom:45px;
}
#links
{
	line-height: 2em;
}
#links a:visited
{
	color:#00F;
}
/*----------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------Other pages---------------------------------------------*/
.mainForm {
	display: inline;
}
.form_register {
	display: inline;
}
#form_register {
	display: inline;
}
#error_login {
	font-size: small;
	color: #F00;
	text-align: left;
}
#error {
	font-size: small;
	color: #F00;
	text-align: left;
}
#msgConfirmEmail
{
	font-size: small;
	color: #F00;
	text-align: left;
}
#msgConfirmPassword
{
	font-size: small;
	color: #F00;
	text-align: left;
}
#welcome {
	text-align: right;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:13px;
}
/*---------------------------------------------------------------------------------------------------------*/