/*
================================================================================
engCETL Stylesheet
================================================================================
*/


/* --------------------------------------------------------------------------------
 * HTML Elements
 */


* { font-size: 1em; font-family: verdana, sans-serif; }

a {	color: #07f;	text-decoration: none; }
a:link { color: #07f; }
a:visited {color: #06f; }
a:hover { text-decoration: underline; }
a:active { color: #07f; }

body {
	color: #000;
	background: #fff url(/images/site/menu_line.gif) repeat-y 50px 0px;
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
}

div { margin: 0px; padding: 0px;  }
div.scrollable { border: inset 2px; height: 160px; overflow: auto; padding: 2px; }

em { color: #c22; }

form { margin: 0px; }

h1 { margin: 0px 0px 30px 0px;color: #000; font-size: 2em; line-height: 1em; }
h2 { margin: 20px 0px 6px 0px; font-size: 1.4em; }
h3 { margin-top: 20px; font-size: 1.2em; }
h4 { margin-top: 2px; font-size: 1em; }

hr { height: 1px; border: 0; background-color: #ccc; }

html { height: 100%; width: 100%;	margin: 0px; padding: 0px; }

img { display: inline; margin: 0px; border: 0px; }
#content img { display: inline; margin: 3px; border: 0px; }


input[type="text"], input[type="password"]  { padding: 2px; }
input[type="password"]:hover, input[type="radio"]:hover, input[type="text"]:hover, select:hover { background-color: #efe; }
input[type="password"]:focus, input[type="radio"]:hover, input[type="text"]:focus, select:focus { background-color: #dfd; }

label { font-weight: bold; }
label.small { font-weight: normal; }

li { display: list-item; }							/* Fix IE's appauling <li> handling (vertical aligning bullets to bottom, etc) */
html>body li { height: auto; }

p {	margin: 6px 0px 6px 0px; padding: 0px; line-height: 1.5em; }

pre { font-family: monospace; white-space: pre; }

table { font-size: 100%; text-align: left; }

textarea { padding: 2px; }
textarea:hover { background-color: #efe; }
textarea:focus { background-color: #dfd; }

td { }
td img { display: inline; }

th { font-weight: bold; }

ul li { margin-bottom: 8px; }
ul.compact li { margin-bottom: 0px; }
ol li { margin-bottom: 8px; }


/* --------------------------------------------------------------------------------
 * Page Components
 */


#main {
	position: relative;
	
	height: 400px;
	min-height: 400px;
	min-width: 120px;
	width: auto;

	margin: 0px;
	padding: 75px 2px 2px 250px;
	
	font: 0.84em/0.9em sans-serif;
	line-height: 1.3em;
}


#content {
	margin: 15px 0px 0px 0px;
	padding: 6px;
	padding-top: 28px;
}

body>#main { height: auto; }	/* reset height to something sensible (non-IE) */

#main>#content { padding-top: 26px; height: auto; }	/* reset height to something sensible (non-IE) */


#header {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 60px;
	width: 100%;
	z-index: 3;

	font-size: 0.85em;
	text-align: left;
	padding-left: 5px;
}

#header table 
{
	width: 100%;
	height:90px;
	background: transparent url(/images/site/header_line.gif) repeat-x 10px 0px;
}

#header table td 
{
	width: auto; 
	vertical-align: top;
}

#header table td#address 
{
	font-family: Verdana, sans-serif;
	color: black; 
	font-size: 0.8em; 
	padding-left: 10px;
	padding-top: 5px;
}

#address_name
{
	font-weight: bold; 
	font-size: 1.5em; 
}

#header table td#engcetl_logo 
{
	text-align: center;
	background: transparent url(/images/site/logo_underline.gif) no-repeat;
	width: 193px;
} 

#strapline
{
	font-size: 0.8em;
	color: #CC0066;
	padding-top: 10px;
}

#header table td#lboro_logo 
{
	text-align: right;
	padding-right: 15px;
	padding-top: 5px;
}


#side_bar {
	position: absolute;
	left: 0px;
	top: 0px;

	min-height: 400px;
	width: 230px;
	z-index: 2;

	padding: 95px 0px 0px 15px;

	background: transparent url(/images/site/side_line.gif) repeat-y fixed;
	font-size: 0.8em;
}



#footer {

	clear: both;
	color: #8ED2CA;
	font-size: 0.8em;
	width: 100%;
	margin:0px;
	padding:0px;
}

#footer table td {
	padding: 0px;
}

#footer table td#footer_title {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	width: 240px;
	vertical-align:bottom;
	padding-bottom: 5px;
}

#footer table td#footer_strapline {
	width: auto;
	background: #fff url(/images/site/strapline_image.gif) repeat-x bottom;
	text-align: center;
	vertical-align: bottom;
	padding-bottom: 7px;
}

#footer table td#footer_building_image {
	width: 271px;
	text-align: right;
	vertical-align:bottom;
}



/* --------------------------------------------------------------------------------
 * Menu Elements
 */


div#menu { margin: 6px 0px 10px 0px; padding-top: 2px; line-height: 1.3em; text-align: right; }
#menu ul { margin: 0px; padding: 0px; list-style: none; }
#menu ul li { margin: 0px; line-height: 1.3em; }

#menu ul.section_menu { margin: 2px 0px 10px 0px; padding: 0px; list-style: none; font-size: 0.95em; }
#menu ul.section_menu li { margin: 0px; }

a.menu { padding: 2px 16px 2px 8px; display: block; color: #000; font-weight: bold; line-height: 1.5em; text-decoration: none; }
a.menu:link { }
a.menu:visited { color: #000; }
a.menu:hover { color: #ca006c; text-decoration: none; }
a.menu:active { }

a.menu_selected { margin-right: 10px; padding: 2px 6px 2px 10px; display: block; background-color: #000; color: #fff; font-weight: bold; line-height: 1.5em; text-decoration: none; }
a.menu_selected:link { margin-right: 10px; }
a.menu_selected:visited { color: #fff; }
a.menu_selected:hover { background-color: #ca006c; color: #fff; text-decoration: none; }
a.menu_selected:active { }

a.section_menu { padding: 2px 15px 2px 20px; color: #ca006c; font-weight: normal; line-height: 1.7em; text-align: right; text-decoration: none; }
a.section_menu:link { }
a.section_menu:visited { color: #ca006c; }
a.section_menu:hover { background-color: #c6e7e2; text-decoration: none; }
a.section_menu:active { }

a.section_menu_selected { padding: 2px 15px 2px 20px; background-color: #c6e7e2; color: #ca006c; font-weight: bold; line-height: 1.7em; text-decoration: none; white-space: pre; }
a.section_menu_selected:link { }
a.section_menu_selected:visited { color: #ca006c; }
a.section_menu_selected:hover { background-color: #c6e7e2; text-decoration: none; }
a.section_menu_selected:active { }



/* --------------------------------------------------------------------------------
 * Staff List Elements
 */

table.staff_list { margin-left: 15px; }
table.staff_list th { background-color: transparent; padding-bottom: 2px; vertical-align: top; }
table.staff_list td { padding: 0px 0px 20px 20px; line-height: 1.4em; vertical-align: top; }



/* --------------------------------------------------------------------------------
 * Form Styling
 */

div.button_bar {	margin: 0px; padding: 4px; text-align: center; }

div.form { padding: 1px; background-color: #f0f0f0; border: 1px solid #999999; }
div.form_title { margin-bottom: 10px; padding: 4px; background-color: #999999; color: #ffffff; font-weight: bold; }

div.form_button_bar {	margin: 0px; padding: 4px; text-align: right; }

div.form_section { margin-bottom: 10px; padding: 2px 20px 10px 20px; }
div.form_line { border-bottom: 1px solid #ccc; }

table.form { }
table.form th { padding: 6px 2px 2px 2px; text-align: right; vertical-align: top; }
table.form th.title { padding: 4px; text-align: left; vertical-align: middle; }
table.form td { padding: 2px; text-align: left; vertical-align: top; }

table.checkbox_grid { }
table.checkbox_grid th { padding: 2px 2em 2px 2px; text-align: left; vertical-align: middle; }
table.checkbox_grid td { padding: 2px; text-align: center; vertical-align: top; }

table.radio_grid { }
table.radio_grid th { padding: 2px 2em 2px 2px; text-align: left; vertical-align: middle; }
table.radio_grid td { padding: 2px; text-align: center; vertical-align: top; }



/* --------------------------------------------------------------------------------
 * Curve Formatting
 */


#content td.corner img { margin: 0px; }


table.curve { width: 100%; margin-bottom: 1em; }
table.curve td.corner {	height: 20px; width: 20px; }
table.curve td.top { height: 20px; background: transparent url(/images/curves/c_t.gif) repeat-x; }
table.curve td.right { width: 20px; background: transparent url(/images/curves/c_rs.gif) repeat-y; }
table.curve td.bottom { height: 20px; background: transparent url(/images/curves/c_b.gif) repeat-x; }
table.curve td.left { width: 20px; background: transparent url(/images/curves/c_ls.gif) repeat-y; }


table.shade_curve { width: 100%; margin-bottom: 1em; background-color: #9fd9d4; }
table.shade_curve td.corner { height: 20px; width: 20px; }
table.shade_curve td.top { height: 20px; }
table.shade_curve td.right { width: 20px; }
table.shade_curve td.bottom { height: 20px; }
table.shade_curve td.left { width: 20px; }
table.shade_curve table.columns td.divider { background: transparent url(/images/curves/gc_div.gif) repeat-y center; }

table.shade_curve td a { color: #ca006c; }

table.columns td.divider { width: 3px; min-width: 3px; }
table.columns td.column_left { padding: 0 4px 0 4px; }
table.columns td.column_right { padding: 0 4px 0 8px; }


/* --------------------------------------------------------------------------------
 * RSS Feed Formatting
 */

table.grid { margin-bottom: 0.5em; background-color: #fff; border: 1px solid #bbb; }
table.grid th { padding: 4px; background-color: #ccc; font-weight: bold; }
table.grid td { padding: 4px; background-color: #eee; }



/* --------------------------------------------------------------------------------
 * RSS Feed Formatting
 */

div.feed_info { margin: 4px; padding: 4px; border: 1px solid #ccc; font-size: 0.9em; }
div.feed_title { font-weight: bold; }
div.feed_desc { }
div.feed_link { }



/* --------------------------------------------------------------------------------
 * Template Formatting
 */

div.template_box { margin-bottom: 1em; border: 1px solid #999; }
div.template_bar { padding: 2px; background-color: #ccc; color: #000; font-size: 8pt; font-weight: normal; line-height: 1em; text-align: right; }

div.command_bar { padding: 2px; background-color: #eee; border: 1px solid #ccc; text-align: right; }



/* --------------------------------------------------------------------------------
 * Content Formatting
 */
 
#content table { font-size: 1em; width: 90%; }

#content table tr th { background-color: #cec; }
/* #content table tr td { margin: 0; padding: 0px; vertical-align: top; } */
#content table tr td img { display: inline; vertical-align: middle; }