/*
   JISC MU stylesheet
   Andrew Green, Article Seven Limited
   http://www.article7.co.uk/
   
   JISC Monitoring Unit © 2010
*/

/*
   A note on using px for font sizes below:
   I'm in complete agreement with Faruk Ates -- Page Zoom really does change everything.
	http://farukat.es/journal/2009/08/293-closer-look-font-sizing-choice
*/


body,div,p,ul,ol,li,dl,dt,dd,pre,blockquote,form,fieldset,table,tr,th,td {
	margin: 0;
	padding: 0;
	line-height: 1;
}

a img {
	border: none;
}

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	background: #2a3b54;
	color: #333;
}

body.superuser {
	background: #2a3b54 url(../chrome/superuser.png) 0 0 repeat-x; /* for IE6 */
}

body.superuser #superuser {
	display: block;
	position: fixed;
	width: 100%;
	height: 10px;
	background: #fff url(../chrome/superuser.png) 0 0 repeat-x;
	top: 0;
	left: 0;
	z-index: 999;
}

* html body.superuser #superuser {
	position: absolute;
}

body.superuser #header {
	margin-top: 10px;
}

#top {
	display: block;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

#header {
	float: left;
	width: 100%;
	background: #162e4b url(../chrome/header.jpg) 50% 0 no-repeat;
	border-bottom: 1px solid #1b2538;
	color: #fff;
}

#innerHeader {
	margin: 0 auto;
	max-width: 940px;
}

#header a:link,
#header a:visited {
	color: #bed3fd;
	font-weight: bold;
	text-decoration: none;
}

#header a:hover,
#header a:active,
#header a:focus {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#headerLogo {
	float: left;
	width: 287px;
	height: 44px;
	margin: 21px 0 16px 20px;
}

#betaEmblem {
	float:left;
	margin: 15px 0 0 10px;	
}

#searchbox {
	float: right;
	display: inline;
	text-align: right;
	margin: 17px 20px 13px 20px;
}

#searchbox input {
	vertical-align: middle;
}

#searchbox .siteSearch {
	border: 1px solid #000;
	background: #fff;
	color: #666;
	padding: 3px;
}

#header ul.helpList {
	clear: right;
	list-style: none;
	margin: 0 0 10px 0;
	text-align: right;
}

#header ul.helpList li {
	margin: 0 20px 0 0;
	line-height: 22px;
	vertical-align: middle;
	display: inline-block;
}

* html #header ul.helpList li {
	display: inline;
	zoom: 1;
}

*+html #header ul.helpList li {
	display: inline;
	zoom: 1;
}

#header ul.helpList li form {
	display: inline;
	position: relative;
	line-height: 22px;
	vertical-align: middle;
	top: -1px;
}

#header ul.helpList li#currentUser {
	padding-right: 10px;
	background: transparent url(../chrome/currentUser_rhs.png) 100% 50% no-repeat;
}

#header ul.helpList li#currentUser strong {
	display: block;
	font-weight: normal;
	padding-left: 10px;
	background: transparent url(../chrome/currentUser_lhs.png) 0 50% no-repeat;
}

#menu {
	float: left;
	width: 100%;
	border-top: 1px solid #fff;
	background: #162e4b url(../chrome/menu.png) 0 100% repeat-x;
}

#menu ul {
	margin: 0 auto;
	padding: 0 20px 0 76px;
	list-style: none;
	max-width: 844px;
}

#menu li {
	float: left;
	position: relative;
	font-size: 14px;
	padding: 9px 46px 11px 0;
	font-weight: bold;
	position: relative;
	white-space: nowrap;
	margin: 0;
	line-height: 1;
	z-index: 1000;
}

#menu a:link,
#menu a:visited {
	color: #fff;
	text-decoration: none;
}

#menu a:hover,
#menu a:active,
#menu a:focus {
	color: #fff;
	text-decoration: underline;
}

#menu .menuTrigger {
	display: none;
	position: absolute;
	width: 16px;
	height: 15px;
	top: 8px;
	right: 24px;
	overflow: hidden;
	text-indent: -9999px;
}

#menu a.menuTrigger:link,
#menu a.menuTrigger:visited,
#menu a.menuTrigger:active {
	background: transparent url(../chrome/menuTrigger.png) 0 0 no-repeat;
}

#menu a.menuTrigger:hover,
#menu a.menuTrigger:focus {
	background: transparent url(../chrome/menuTrigger.png) -16px 0 no-repeat;
}

#menu li ul {
	display: none;
	position: absolute;
	top: 2.2em;
	left: 10px;
	margin: 0;
	width: 200px;
	background: #162e4b;
	border: 1px solid #fff;
	z-index: 999;
	padding: 0;
}

#menu li ul li {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

#menu li ul li a {
	display: block;
	margin: 1px 2px;
	padding: 4px;
	font-size: 12px;
	font-weight: normal;
}

#menu li ul li a:hover,
#menu li ul li a:active,
#menu li ul li a:focus {
	background: #41546e;
}

#wrapper {
	clear: left;
	padding: 0 20px 20px 20px;
	background: #fff url(../chrome/wrapper.png) 50% 0 no-repeat;
	overflow: hidden;
}

#innerWrapper {
	margin: 0 auto;
	padding: 0 0 0 56px;
	max-width: 844px;
}

#trail {
	float: left;
	width: 100%;
	list-style: none;
	padding: 15px 0 12px 0;
	border-bottom: 1px dotted #8f9fba;
	margin: 0 0 15px 0;
}

#trail li {
	float: left;
	padding-left: 34px;
	background: transparent url(../chrome/trail_sep.png) 13px 45% no-repeat;
	margin: 0;
	line-height: 1;
}

#trail li.first {
	padding-left: 0;
	background: none;
}

#trail a:link,
#trail a:visited {
	color: #41546e;
	text-decoration: none;
}

#trail a:hover,
#trail a:active,
#trail a:focus {
	color: #e65f23;
	text-decoration: underline;
}

h1 {
	clear: left;
	font-weight: normal;
	margin: 0;
	font-size: 26px;
	color: #2a3b54;
}

.tagBar div {
	float: left;
	width: 100%;
	padding: 0 0 10px 0;
	background: transparent url(../chrome/tags.png) 0 0 no-repeat;
	border-bottom: 2px solid #8f9fba;
	margin: 20px 0 0 0;
}

#wrapper .tagBar ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

.tagBar li {
	float: left;
	line-height: 18px;
	vertical-align: middle;
	padding-left: 23px;
	background: transparent url(../chrome/tag_sep.png) 10px 45% no-repeat;
	margin: 0;
}

.tagBar li.first {
	padding-left: 55px;
	background: none;
}

#wrapper .tagBar a:link,
#wrapper .tagBar a:visited {
	color: #41546e;
	text-decoration: none;
}

#wrapper .tagBar a:hover,
#wrapper .tagBar a:focus,
#wrapper .tagBar a:active {
	color: #e65f23;
	text-decoration: underline;	
}

.tagBar .noTags {
	float: left;
	padding-left: 55px;
	line-height: 18px;
	vertical-align: middle;
	margin: 0;
}

#wrapper .tagBar .addTag {
	float: left;
	padding-left: 12px;
	background: none;
	line-height: 18px;
	vertical-align: middle;
	margin: 0;
}

.tagBar .addTag a {
	display: block;
	width: 15px;
	height: 18px;
	overflow: hidden;
	text-indent: -9999px;
}

#wrapper .tagBar .addTag a,
#wrapper .tagBar .addTag a:link,
#wrapper .tagBar .addTag a:visited {
	background: transparent url(../chrome/addTag.png) 0 45% no-repeat;
}

#wrapper .tagBar .addTag a:hover,
#wrapper .tagBar .addTag a:active,
#wrapper .tagBar .addTag a:focus {
	background: transparent url(../chrome/addTag.png) -15px 45% no-repeat;
}

.globalTag {
    color:#00CC00;
	font-size:80%;
	font-weight:bold;
	position:relative;
	top:-5px;
}

#toAttachments {
	clear: left;
	padding: 10px 0;
	border-bottom: 1px dotted #8f9fba;
	zoom: 1;
}

#toAttachments a {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;	
}

#toAttachments a:link,
#toAttachments a:visited {
	color: #859fba;
	text-decoration: none;
}

#toAttachments a:hover,
#toAttachments a:active,
#toAttachments a:focus {
	color: #000;
	text-decoration: underline;
}

a:link,
a:visited {
	color: #283980;
	text-decoration: underline;
}

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

p {
	line-height: 1.6;
	margin: 12px 0;
}

ul,
ol {
	margin: 12px 0;
	padding: 0 0 0 30px;
	list-style-image: url(../chrome/bullet.png);
}

li {
	margin: 8px 0;
	line-height: 1.6;
}

ul.inlineList {
	list-style-type:none;
	list-style-image:none;
	display:inline;
	margin:0;
	padding:0
}

ul.inlineList li {
	display:inline;
	line-height:1;
	margin:0;
	padding:0
}

h2,
#innerContent h1 {
	font-size: 20px;
	font-weight: normal;
	margin: 30px 0;
}

h3,
#innerContent h2 {
	font-size: 16px;
	margin: 30px 0 12px 0;
}

h4,
#innerContent h3 {
	font-size: 14px;
	color: #2a3b54;
	margin: 20px 0 12px 0;
}

blockquote {
	margin: 12px 40px;
}

table {
	margin: 30px auto;
	border-collapse: collapse;
	border-bottom: 3px solid #eceef3;
}

th {
	background: #eceef3;
	border: 1px solid #fff;
	font-weight: bold;
	padding: 5px 8px;
	vertical-align: top;
	text-align: left;
	line-height: 1.6;
}

td {
	background: #fff;
	border-left: 1px solid #eceef3;
	border-top: 1px solid #eceef3;
	font-weight: normal;
	padding: 5px 8px;
	vertical-align: top;
	text-align: left;
	line-height: 1.6;
}

td:first-child {
	/* Won't work in IE6 */
	border-left: none;
}

.floatRight {
	clear: both;
	float: right;
	padding: 10px;
	border: 1px solid #c7cfdd;
	margin: 0 0 20px 20px;
	background: #fff;
}

.floatLeft {
	clear: both;
	float: left;
	padding: 10px;
	border: 1px solid #c7cfdd;
	margin: 0 20px 20px 0;
	background: #fff;
}

.fig {
	clear: both;
	margin: 30px auto;
	text-align: center;
}

.fig img {
	padding: 10px;
	border: 1px solid #c7cfdd;
	background: #fff;
}

.floatRight span,
.floatLeft span,
.fig span {
	display: block;
	margin: 5px 0 0 0;
	color: #4a5874;
	font-weight: bold;
	text-align: center;
	font-size: 10px;
	line-height: 1.3;
}

#attachments {
	margin: 30px 0;
	border-top: 2px solid #8f9fba;
	padding-top: 12px;
}

#attachments p {
	color: #8f9fba;
	text-transform: uppercase;
	font-weight: bold;
}

#attachments ul {
	list-style: none;
	margin: 8px 0 30px 0;
}

#attachments li {
	color: #8f9fba;
	line-height: 18px;
	vertical-align: middle;
}

#attachments a {
	padding: 2px 0 2px 22px;
	margin-right: 6px;
	text-decoration: underline;
	line-height: 18px;
	vertical-align: middle;
	background: transparent url(../chrome/icons/generic.png) 0 0 no-repeat;
}

#attachments li a[href$='.pdf'] {
	background: transparent url(../img/famfamfam/page_white_acrobat.png) 0 0 no-repeat;
}

#attachments li a[href$='.doc'] {
	background: transparent url(../img/famfamfam/page_word.png) 0 0 no-repeat;
}

#attachments li a[href$='.docx'] {
	background: transparent url(../img/famfamfam/page_word.png) 0 0 no-repeat;
}

#attachments li a[href$='.xls'] {
	background: transparent url(../img/famfamfam/page_excel.png) 0 0 no-repeat;
}

#attachments li a[href$='.xlsx'] {
	background: transparent url(../img/famfamfam/page_excel.png) 0 0 no-repeat;
}

#attachments li a[href$='.ppt'] {
	background: transparent url(../img/famfamfam/page_white_powerpoint.png) 0 0 no-repeat;
}

#attachments li a[href$='.pptx'] {
	background: transparent url(../img/famfamfam/page_white_powerpoint.png) 0 0 no-repeat;
}

#attachments li a[href$='.jpg'] {
	background: transparent url(../img/famfamfam/picture.png) 0 0 no-repeat;
}

#attachments li a[href$='.gif'] {
	background: transparent url(../img/famfamfam/picture.png) 0 0 no-repeat;
}

#attachments li a[href$='.png'] {
	background: transparent url(../img/famfamfam/picture.png) 0 0 no-repeat;
}

#attachments li a[href$='.zip'] {
	background: transparent url(../img/famfamfam/compress.png) 0 0 no-repeat;
}

#attachments a:link,
#attachments a:visited {
	color: #283980;
}

#attachments a:hover,
#attachments a:active,
#attachments a:focus {
	color: #e65f23;
}

.smallprint {
	border-top: 1px dotted #8f9fba;
	padding: 12px 0 0 0;
	margin: 30px 0 15px 0;
	color: #8f9fba;
}

.smallprintRoles {
	border-top:none;
	margin-top:0;
	display:inline;
}

.smallprint a:link,
.smallprint a:visited {
	color: #283980;
}

.smallprint a:hover,
.smallprint a:active,
.smallprint a:focus {
	color: #e65f23;
}

#footer {
	clear: left;
	background: #2a3b54;
	border-top: 3px solid #000;
	padding: 30px 20px 40px 20px;
	color: #fff;
	overflow: auto;
}

#innerFooter {
	margin: 0 auto;
	max-width: 844px;
	padding: 0 0 0 56px;
}

#footer a:link,
#footer a:visited {
	color: #fff;
	text-decoration: none;
}

#footer a:hover,
#footer a:active,
#footer a:focus {
	color: #bed3fd;
	text-decoration: underline;
}

#copyrights {
	float: left;
	width: 80%;
	line-height: 1.6;
}

#copyrights strong {
	padding-right: 20px;
	background: transparent url(../chrome/footer_sep.png) 100% 45% no-repeat;
	margin-right: 17px;
}

#copyrights span {
	white-space: nowrap;
}

#usefulLinks {
	float: right;
	width: 15%;
	min-width: 80px;
}

#toTop a {
	float: right;
	padding-left: 16px;
	line-height:1;
}

#toTop a:link,
#toTop a:visited {
	background: transparent url(../chrome/toTop.png) 0 2px no-repeat;
}

#toTop a:hover,
#toTop a:active,
#toTop a:focus {
	background: transparent url(../chrome/toTop.png) 0 -38px no-repeat;
}

.floatbreak {
	clear: both;
	height: 0;
	overflow: hidden;
}


/* TAB PAGE RULES */

.tabWrapper {
	margin:15px auto 0; /* DJB 17/12/09 */
/*	width: 844px;*/
	width: 100%;
	padding-bottom: 40px;
}

.tabBar {
	margin: 0;
	padding: 0;
	zoom: 1;
}

#innerWrapper .tabContent {
	border: 1px solid #8f9fba;
	padding: 20px 0 0 0;
	float: left;
/*	width: 814px;*/
	width: 100%;
	background: #fff;
	margin: 0;
}

.tabColumn {
	float: left;
	width: 394px;
	margin: 0 0 -20px 0;
	padding: 0 14px;
/*	outline: 1px solid red;*/
}

.tabWrapper .tabContent .tagBar {
	margin: 0 14px;
}

.tabWrapper .tabContent .tagBar div {
	margin: 0 0 20px 0;
	padding-bottom: 15px;
}

.tabWrapper .tabContent .tagBar li,
.tabWrapper .tabContent .tagBar .noTags {
	margin: 0;
}

.fullWidthTabPanel {
	margin:0 14px;	
}

.tabPanel {
	margin: 0 0 40px 0;
	zoom: 1;
}

.tabContent h2 {
	margin: 0 14px 14px 14px;
	font-size: 14px;
	color: #162e4b;
	text-transform: uppercase;
	padding-bottom: 6px;
	border-bottom: 2px dotted #162e4b;
	position: relative;
	padding-right: 60px;
	zoom: 1;
	font-weight: bold;
}

.tabContent .tabColumn h2 {
	margin: 0;
}

.fullWidthTabPanel h2 {
	margin: 0 0 14px 0;
}

.tabWrapper .tabContent h2 a {
	position: absolute;
	bottom: 6px;
	right: 0;
	font-size: 10px;
	text-align: right;
	text-decoration: none;
}

.tabContent .edit {
	display: none;
}

.tabContent dl {
	margin-top: -1px;
}

.tabContent dt {
	line-height: 1.4em;
	font-weight: bold;
	border-top: 1px dotted #8f9fba;
	padding-top: 1em;
	padding-right: 304px;
	clear: right;
	padding-bottom: 1em;
	margin: 0;
	zoom: 1;
}

.tabContent dd {
	line-height: 1.4em;
	zoom: 1;
	float: right;
	width: 284px;
	margin-top: -2.4em;
	padding-bottom: 1em;
}

.tabPanel dd p {
	line-height: 1.4;
	margin: 0;
}

.tabPanel dd ul {
	line-height: 1.4;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tabContent dl.wider dt {
	padding-right: 244px;
}

.tabContent dl.wider dd {
	width: 224px;
}

.tabContent .edit {
	display: none;
	padding: 6px 12px;
	background: #f3f5f8;
	border-bottom: 1px solid #8f9fba;
}

.tabContent .edit p {
	margin: 6px 0;
	padding: 0 0 0 120px;
}

.tabContent .edit p label {
	font-weight: bold;
	float: left;
	width: 110px;
	margin: 3px 0 0 -120px;
}

.tabContent .edit input.submit {
	margin-top: 12px;
	border: 1px solid #8f9fba;
	background: #162e4b;
	color: #fff;
	padding: 2px 10px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
}

#googleMap img {
	border: 1px solid #8f9fba;
}

.contactBox {
	display: inline-block;
	width: 335px;
	margin: 0 -3px 20px 0; /* whitespace in the container block is given a 3px width by Firefox and Safari */
	padding: 0 14px 0 73px;
	position: relative;
	background: transparent url(../chrome/contact_placeholder.png) 14px 0 no-repeat;
	min-height: 74px;
	vertical-align: top;
/*	outline: 1px solid red;*/
}

* html .contactBox {
	height: 74px;
	/* IE6 hack to provide inline-block behaviour */
	display: inline;
	zoom: 1;
	margin-right: 0;
}

*+html .contactBox {
	/* IE7 hack to provide inline-block behaviour */
	display: inline;
	zoom: 1;
	margin-right: 0;
}

.contactBox img {
	position: absolute;
	top: 0;
	left: 14px;
}

.contactBox a:link,
.contactBox a:visited {
	color: #41546e;
	text-decoration: none;
}

.contactBox a:hover,
.contactBox a:focus,
.contactBox a:active {
	color: #e65f23;
	text-decoration: underline;	
}

.contactBox h3 {
	margin: 0;
	font-size: 16px;
	line-height: 1.4;
}

.contactBox p {
	margin: 0;
}

.contactBox ul {
	margin: 2px 0 0 0;
	padding-left: 20px;
}

.contactBox li {
	margin: 0;
	line-height: 1.4;
	color: #41546e;
}

/* Dave's Additions - here be dragons */

table ul, table ol {
    list-style-type: none;
    list-style-image:none;
    margin: 0;
    padding: 0;	
}

table ul li, table ol li {
    margin: 0;	
}

ul#feedList {
    list-style: none;
    padding:0;
}

ul#feedList li {
	background-image:  url(../img/feed-icon.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}

.sectionIndex ul {
    list-style-type:none;
	float:left;
}

.sectionIndex li {
	list-style-image:none;
    float:left;
    line-height:1.6;
    width:145px;
    height:60px;
    background-color:#2A3B54;
    color:#FFF;
    font-weight:bold;
    margin:0 1em 1em 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
}

.sectionIndex a {
	display:block;
    color:#FFF;
    text-decoration:none;
    padding:12px;
    text-align:center;
    height:36px;
}

.sectionIndex a:hover {
    text-decoration:underline;
}

form.fullWidth legend {
    font-size:14px;
}

form.fullWidth legend a,
form.fullWidth legend a:link,
form.fullWidth legend a:visited {
	padding-left: 18px;
	cursor:pointer;
	color:#283980;
	text-decoration:underline;
	background: transparent url(../chrome/addTagRev.png) -15px 45% no-repeat;
}

form.fullWidth legend a:hover,
form.fullWidth legend a:active,
form.fullWidth legend a:focus {
	color: #E65F23;
	background: transparent url(../chrome/addTag.png) -15px 45% no-repeat;
}

form.fullWidth {
	margin:1em 0;	
}

form.fullWidth fieldset {
    background: none repeat scroll 0pt 0pt rgb(243, 245, 248);
    border:0;
    border-top:1px dotted #000;
    border-bottom:1px dotted #000;
    padding:0 1em 1em 1em;
    margin:0 0 1em 0;
}

form.fullWidth label {
    float:left;
	font-weight:bold;
	width:250px;
	width:30%;
	text-align:right;
	margin-right:10px;
}

form.fullWidth input[type="text"],
form.fullWidth input[type="password"],
form.fullWidth select,
form.fullWidth textarea {
    width:49%;
}

form.fullWidth input[type="submit"] {
	float:right;
    margin-left:1em;
    min-width:12em;
    background-color:#2A3B54;
    font-weight:bold;
    padding:4px 6px;
    border:0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color:#FFF;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    cursor: pointer;
    font-size:12px;
	text-transform:uppercase;
}

.fullWidth ul {
    margin:0;
    float:left;
    width:49%;
}

.fullWidth ul li {
    margin:0 0 0.5em 0;
}

.hide {
	display:none;	
}

/* Set link style pointer for <a> without href but with click handler */
.tabWrapper .tabContent h2 a, .tagBar .addTag a {
	cursor:pointer;
}

/* when I took the href away from this <a>, the picture disappeared! */
#wrapper .tagBar .addTag a {
	background: transparent url(../chrome/addTag.png) 0 45% no-repeat;
}