@import url(positioning.css);
@import url(typography.css);
@import url(/common/css/header.css); /* imports common css header style */



/* GENERAL - ENGLISH LITERATURE
/************************************************************************************/

/* hack fix firefox scroollbars movement */
html 	{height: 100%;}/*overflow:-moz-scrollbars-vertical; */

body 	{font: 0.80em/1 "Verdana", Geneva, sans-serif; color: #000; background-color: #EFF8F6;
		text-align: center; height: 100%; margin: 0px; padding: 0px;}

/* FORM ELEMENTS */
/************************************************************************************/
form 			{font: 100% Verdana, "Trebuchet MS", Tahoma; padding: 0px; margin: 0px; display: inline;}
input 			{font: bold 100% Verdana, "Trebuchet MS", Tahoma; color: #0099CC; padding: 3px;}
textarea 		{font: bold 100% Verdana, "Trebuchet MS", Tahoma; color: #0099CC; padding: 3px; width: 300px;}

img {border: 0px;}

.btn {
	color: #333;
	font-size: 100%;
	padding: 3px 5px 3px 5px;
}



/*------------------------------------------------------------------------------
---------------------------------- Nav -----------------------------------------
--------------------------------------------------------------------------------*/

/* Topnav */
#topnav {height:36px; width:778px; padding:5px 0px 5px 0px; margin: 0px auto 0px auto; }
#topnav ul {height:36px; width:606px; text-align:center; list-style:none; padding: 0px; margin: 0px auto 0px auto;}
#topnav ul li {list-style: none; float:left; text-indent:-9999px;}
#topnav ul li a{height:36px; display:block; margin-right: 5px;}
#topnav ul li a{background-position: 0px 36px;}
#topnav ul li#overview a{width:98px; background-image: url(../img/nav/1.gif);}
#topnav ul li#support a{width:87px; background-image: url(../img/nav/2.gif);}
#topnav ul li#faq a{width:186px; background-image: url(../img/nav/3.gif);}
#topnav ul li#contact a{width:67px; background-image: url(../img/nav/4.gif);}
#topnav ul li#edevelopment a{width:143px; background-image: url(../img/nav/5.gif);}

#topnav ul li#overview a:hover, #topnav ul li#support a:hover, #topnav ul li#faq a:hover, #topnav ul li#contact a:hover, #topnav ul li#edevelopment a:hover  {background-position: 0px 72px;}

body#overview #topnav li#overview a, body#edevelopment #topnav li#edevelopment a, body#faq #topnav li#faq a, body#contact #topnav li#contact a,  body#support #topnav li#support a{background-position: top;}


/* Left Menu Styling */
#leftnav {width: 178px; padding-top:25px;}
#leftnav ul {margin: 0px; padding: 0px;}
#leftnav li {list-style: none; display: block; line-height: 2.2; background: url(../img/bg/hor.gif) repeat-x bottom; margin: 0px 0px 0px 2px; padding: 0px 0px 0px 5px;}
#leftnav li a {margin: 0px; padding: 0px; text-decoration: none; font-weight: normal; color:#0099CC;}
#leftnav li a:hover {margin: 0px; padding: 0px; text-decoration: none; font-weight: normal; color:#353535;}

#leftnav #nav_left_overview li a {color: #0099CC;}
#leftnav #nav_left_overview li a:hover {color: #333;}

#leftnav #nav_left_support li a {color: #D82974;}
#leftnav #nav_left_support li a:hover {color: #333;}


/* 'Active' menu elements - Overview section */
body#overview_setting #nav_left_overview #mnu_setting,
body#overview_taking #nav_left_overview #mnu_taking,
body#overview_marking #nav_left_overview #mnu_marking,
body#overview_terminology #nav_left_overview #mnu_terminology,
body#overview_levels #nav_left_overview #mnu_levels,
body#overview_authentication #nav_left_overview #mnu_authentication
{font-weight: bold; color: #000;}

 

/********   Table  ********/
table {
	border-collapse: collapse;
	width:95%;
	margin-top: 10px;
}


th {
	font-weight: bold;
	padding-bottom: 10px;
	vertical-align: middle;
	background: url("../img/bg/hor_td.gif") bottom repeat-x;
	color: #336666;
	text-align:center;
}

th.left {
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 10px;
	vertical-align: middle;
	background: url("../img/bg/hor_td.gif") bottom repeat-x;
	color: #336666;
	text-align:left;
}
		
td {
	padding: 10px;
	vertical-align: top;
	background: url("../img/bg/hor_td.gif") bottom repeat-x;
	color: #000;
}

td ul {
	padding-top: 0 !important; margin: 0;
}

td a{color: #009ee0; font-weight: normal; text-decoration: underline;}
td a:link, a:visited {color: #009999;}
td a:hover {color: #cccc00;}