/* ---------- reset browser defaults ---------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, hr {
margin:0;
padding:0;
font-size:1em;
}

img, embed, form, fieldset {
border:0;
vertical-align:bottom;
}

input, select, textarea {
font:1em "Verdana", sans-serif;
vertical-align:bottom;
}

table {
border-collapse:collapse;
border-spacing:0;
}

table th {
font-weight:bold;
text-align:left;
padding:4px;
}

table td
{
    padding:4px;
}

ul, ol {
list-style:none;
}

/* ---------- set some basic styles ---------- */
body { 
font:52.5% "Verdana", sans-serif;
text-align:center;
color:#535353;
background-color:#eaeaea;
}

a {
color:#535353;
text-decoration:none;
}

a:hover {
color: #8B8B8B;
text-decoration:underline;
}

a:active, a:focus {
color:#535353;
text-decoration:underline;
}

#printHeader {
display:none;
}

.sys_hide {
display:none;
}

.clear {
clear:both;
}

/* ---------- basic layout ---------- */
#wrapper {
max-width:1020px;
margin:0 auto;
background-repeat:repeat-y;
}

#container {
width:960px;
margin:0 auto;
background-color:#fff;
text-align:left;
}

/* ---------- header bar ---------- */
#header {
text-align:left;
background-color:#4F4F4F;
height:27px;
border-bottom:1px solid #fff;
position:relative;
font-size:1.1em;
}

#header ul {
padding:5px 13px;
}

#header ul li {
float:left;
}

#header ul li a {
color: #c6c6c6;
}

ul#headerlinks {
float:left;
}

ul#headerlinks a {
color:#fff;
}

ul#headerlinks li {
margin-right:1.5em;
}

ul#headerlinks li.sys_skip a {
left:-9999px;
position:absolute;
top:0;
}

ul#campuslinks li {
margin-left:1px;
height:27px;
width:130px;
background-color:#424242;
text-align:center;
}

ul#campuslinks li a {
display:block;
height:100%;
margin-top:5px;
}

ul#campuslinks {
float:right;
font-weight:bold;
padding:0;
margin-right:10px;
}

ul#campuslinks li.nottingham {
background-color:#007EA6;
}

ul#campuslinks li.nottingham a {
color:#fff;
}

/* ---------- search and quicklinks ---------- */
#search, #logo {
height:80px;
}

#search {
width:772px;
float:left;
font-size:1.1em;
}

#search div {
line-height:0px;
}
/* ---------- logo ---------- */

#logo {
float:right;
}

#logo a {
display:block;
width:170px;
margin-top: 3px;
margin-right:18px;
height:68px;
}

/* ---------- application title ----------- */

#applicationTitle {
    clear: both;
    float: left;
    font-size: 2.4em;
    margin: 2em 0 0 1em;
}

#applicationTitle .highlight {
    color: #007EA6;
}

/* ---------- global nav ----------- */

#globalNav {
  border-top: 1px solid #FFFFFF;
  border-bottom: 2px solid #EEEEEE;
  clear: both;
  height: 2.7em;
  text-align: left;
}

#globalNav ul {
    margin: 7px 5px;
}

#globalNav ul li {
    float: left;
    position: relative;
    text-align: center;
    z-index: 20;
	padding:0 10px;
}


/* ---------- footer ---------- */

#footer {
clear:both;
margin:10px 13px 0 13px;
border-top:1px dotted #8B8B8B;
padding:5px 0;
text-align:left;
}

#footer ul {
margin-left:-0.7em;
}

#footer ul li {
border-right:1px solid #8B8B8B;
padding:0 .5em 0 .7em;
color:#8B8B8B;
font-size:1.1em;
display:inline;
}

#footer ul li:last-child, #footer ul li.sys_last {
border-right:0px none;
}
/* Left hand nav */

#internalNav {
width:80px; /* width of the menu bars was 200)*/
margin:0;
float:left;
background:#036;
position:relative;
z-index:3;
}

#internalNav #NavDiv {
padding-left:0px; /* blue bit to the left of menu options (was 14) */
}

#internalNav ul {
background:#4f4f4f;
}

#internalNav ul li {
border-bottom:1px solid #f6f6f6;
}

/* Content area */
h1, h2, h3, h4, 
#main #content h1 a, #main #content h2 a, #main #content h3 a, #content #content h4 a {
	color:#003366;
}

#content {
min-height:500px;
background-color:#fff;
overflow:hidden;
padding:5px 20px 3em;
width:840px;
float:left;
font-size: 1.2em;
line-height: 1.25em;
margin-top:1px;
}

.sys_fullWidth #content {
width:1020px;
}

#content p {
margin-bottom: 1.25em;
}

#content h1 {
font-size: 1.6em;
line-height: 1.2em;
margin-bottom: 0.9375em;
font-weight:normal;
}

#content h2 {
font-size: 1.3em;
font-weight:normal;
line-height: 1.2em;
margin-bottom: 0.9375em;

}


#content h3 {
font-size: 1.2em;
font-weight:normal;
line-height: 1.2em;
margin-bottom: 0.9375em;
}

#content h4 {
font-weight:bold;
margin-bottom:0.5em;}

#content a:link{color: #535353; text-decoration: underline;}
#content a:visited {color: #535353; text-decoration: underline;}
#main #content a:hover{color: #000; text-decoration: underline;}
#content a:active{color: #000!important;}
#content ul,#content ol {color:#535353!important; margin:0 0 1em 2em;clear: left;}
#content ol {list-style-type:decimal;padding-left: .5em; }
#content ul {list-style-type:disc;}
#content ul li, #content ol li {padding:0 0 .2em 0;}
#content ol li ol li{list-style-type:lower-roman;}

#content img.imgBorder, #content .imgBorder img {border: 4px solid #fff;}


#internalNav ul li:last-child, #internalNav ul li.sys_last {
border-bottom:0;
}

#internalNav ul li a, #internal #internalNav ul li span {
display:block;
color:#fff;
font-size:1.1em;
padding:.6em .6em .7em;
}

/*
#internal #internalNav ul.sys_simpleListMenu > li > div.sys_selected a, #internal #internalNav ul.sys_simpleListMenu > li > div.sys_selected span {
background-color:#111;
font-weight:bold;
}
*/
#internal #internalNav ul.sys_simpleListMenu > li.sys_selected a
{
background-color:#111;
font-weight:bold;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;

}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    padding: 2px 4px 8px 4px;
    font-weight:normal;
}

/************************************************************/
/* here describes table class to use for displaying         */
/* detail information in a table style                      */
/* We just want to add light grey borders in the table area */
/************************************************************/
.displaytableclass
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: solid 1px lightgrey;
	border-collapse: collapse;
}
.displaytableclass td, .displaytableclass th
{
	border-right: solid 1px lightgrey;
	border-bottom: solid 1px lightgrey;
	padding: 4px;
}

/********************************/
/* tab page styling             */
/********************************/
.tabpagecontainer
{
	padding: 10px;
	border: solid 1px lightgrey;
	border-top: none;
}
.tabbutton, .selectedtabbutton
{
	cursor: pointer;
	background-color: #ffffff;
	text-align: center;
}
.selectedtabbutton
{
	cursor: default; 
	background-color:#F0F4FF;
}

.tabbutton a:link, .tabbutton a:visited, 
.tabbutton a:hover, .tabbutton a:active,
.selectedtabbutton a:link, .selectedtabbutton a:visited, 
.selectedtabbutton a:hover, .selectedtabbutton a:active
{
	text-decoration:none;
	color:#666666;
	display: block;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
}

.spacer
{
    height:10px;
}