/*************** Mail page to friend ***************/
#mailfrom{
	float:right;width:250px;margin-right:120px;
}

#mailtofriend fieldset{
	padding:3px;
}

#mailtofriend label{
	float:left;
}

#mailtofriend p.error{
color:red
}

#mailto{
	float:right;width:250px;margin-right:120px;
}

/*************** Meta manager ***************/

.metamanage table{
	margin-top:15px;
	width:100%;
}

.metamanage table th{
	font-size:1.2em;
	padding:0.6em 0;
	width:70px;
	text-align:left;
}

.metamanage td{
	border-top:1px solid #EEEEEE;
	padding:0.6em 0;
}


/*************** Pagination ***************/


.panel.active-tab-body {
	display: block;
}

.panel.inactive-tab-body{
	display:none;
}

#tabs {

}

#tabs li, #tabsbottom li {
	float: left;
}

#tabs a {
}

#tabs a.active-tab, #tabsbottom a.active-tab {
	background: url(images/bg-pagination-on.png) repeat-x left top;

	color: #FFF;

	border: none;

	padding: 0.2em 0.65em 0.3em;


}


/**************** Overrides to make editing easier ****************/
/*
#landing .topic img {
	left:0;
	position:absolute;
	top:0.3em;
} */

#landing table {border-top:1px solid #E6E6E6;}
#landing table tr.bottom td { background: url(../images/events-bg-horzgrad.png) repeat-x left bottom; padding-bottom: 36px; }

 #landing table thead { display: none; }
#landing table td {
	border-top: 1px solid #EEE;
	padding: 0.6em 0;
}
#landing table tbody tr:first-child td { border-top: none; } 

/* #landing table { border-spacing: 1px; border-collapse: separate; border: 1px solid #D9D9D9; margin-bottom:1.8em; } 

#landing table th { color:white; background-color:#5AA73B; text-align:left; line-height:1.2em; }
#landing table th .small { font-size:0.9em; }
#landing table tr.alt td { background-color:#F4F4F4; }
#landing table td, table th { padding:0.7em 0.6em 0.7em 0.6em; }
#landing table td { font-size:0.9em; color:#464646; }

#topic h1{
	margin-left:200px;
}
*/

#theme .intro img{
	float:left;
}

/**************** ModalBox ****************/
#MB_overlay {
    position: absolute;
    margin: auto;
    top: 0;    left: 0;
    width: 100%; height: 100%;
    z-index: 9999;
    background-color: #cfcfcf!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
    position:absolute;
    top: 0;
    border: 0 solid;
    text-align:left;
    z-index:10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
    position:relative;
    background-color: #EFEFEF;
    height:100%;
}

#MB_header {
    margin:0;
    height: 28px;
}

#MB_content {
    padding: 6px .75em;
    overflow:auto;
}

#MB_caption {
    font: bold 85% "Lucida Grande", Arial, sans-serif;
    text-shadow: #FFF 0 1px 0;
    padding: .5em 2em 0 .75em;
    margin: 0;
    text-align: left;
}

#MB_close {
    display:block;
    position:absolute;
    right:5px; top:4px;
    padding:2px 3px;
    font-weight:bold;
    text-decoration:none;
    font-size:13px;
}
#MB_close:hover {
    background:transparent;
}

#MB_loading {
    padding: 1.5em;
    text-indent: -10000px;
    background: transparent url(spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_window {
    background-color:#EFEFEF;
    color:#000;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color:#666;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color:#eee }
#MB_close { color:#eee }
#MB_close:hover { color:#000 }

/****************	Page information message *********************/
#pagemessage{
	background-color: #ccc;
	border: 2px solid #f9f9f9;
	margin-bottom:3px;
	padding:3px;
}
/****************	Watermark ************************************/
#watermarkcont {display:none}



/****************	Additional styles from Philippa **************/

/* General */
#article img {border:1px;border-style:solid;border-color:#999999;}
#article img.noborder {border:0px;}
#article p { margin-bottom: 1em; }
#article blockquote {font-size:120%;color:#122222;padding-top:10px;padding-bottom:10px;}

#landing p.intro { font-weight: bold; font-color:#999999; margin-bottom:20px;}

/* Home page h1 amended to style links */

.row1 h2 a:link { margin: 0 0 1em 12px; color: #FFF;}
.row1 h2 a:hover { margin: 0 0 1em 12px; color:#fff; }
.row1 h2 a:visited,.row1 h2 a:active { margin: 0 0 1em 12px; color: #FFF; }


/********************style for top level theme h2 *************/

#article .themeh2 {

padding:6px;padding-left:0px;padding-right:0px;
border:0px;border-top:1px;border-color:#739cbe;border-style:dotted;}

#article h2.theme {
	font: 1.51em Tahoma, Arial, Verdana, sans-serif;
	color: #469C23;
	margin-top:2px;
}

#article h2.theme a {
	text-decoration: none;
	color: #014A87;
	
	
}
#article h2.theme a:hover { text-decoration: underline; }

#article .shout, #landing .shout {font-family:tahoma,arial,sans-serif;font-size:150%;padding:15px;color:#469C23;}
#article .strapline, #landing .strapline {font-family:tahoma,arial,sans-serif;font-weight:normal;font-size:190%;color:#469C23;}
div.highlightbox {border:1px;border-style:solid;border-color:#a5a5a6;background-color:#e4ec58;color:#575757;padding:8px;margin-bottom:8px;font-size:115%;} 
#featuredArticles .quote, #article .quote {font-family:tahoma,arial,sans-serif;font-weight:normal;font-size:170%;color:#919195;margin-bottom:8px;}
#featuredArticles .personquoted, #article .personquoted {font-family:tahoma,arial,sans-serif;font-weight:normal;font-size:120%;color:#121212;}
div.featurebox {background-color: #fff;    border: 1px solid #A5A5A6;    color: #575757;    font-size: 115%;    margin-bottom: 8px;    padding: 12px;}
span.greentext {color: #469C23}

/************************* My College **********************/

#myCollege #newsAndEvents li.featured img{
	float:left;
	margin-left:-96px;
}



/* In your region widget */

#inYourRegion .regionalProfile .more a { background: url(images/mycollege-arrow-more-grey.png) no-repeat 0 2px; }

/* Left navigation H3 link - removes standard blue styling */
#sidebarLeft h3 a {color: #fff; text-decoration: none;}
#sidebarLeft h3 a:hover {text-decoration: underline;}

/* Events detail h2 restyle * /

#events h2 {font-size:90%;padding-bottom:16px;}



#featuredArticles div h2 {
	background: url(arrow-mini-blue-right.png) no-repeat 0 5px;
	padding: 0 0 0 9px;
	margin-bottom: 0.5em;
}

/************** Article heading restyling **********************/

#article h2 {
	font: 1.65em/1.1 Tahoma, Arial, Verdana, sans-serif;
	margin-bottom: 0.5em;
	color: #469C23;
	font-weight: normal;
}

#article h3 {
	font: 1.42em Tahoma, Arial, Verdana, sans-serif;
	margin-bottom: 0.5em;
	font-weight: normal;
	color: #469C23; /* was #121212 */
}

/**************** Topic ***********************/

#topic img.intro { float: left; padding-right: 10px; border-right: 1px solid #D8D8D6; margin-right:10px;margin-bottom:4px; }
#topic div.intro { margin-left: 208px; }
#topic p {margin-bottom: 16px; }


/************** Add styles for Landing pages ********************/

#landing h2 {
	color: #00446C;
	font: 1.75em/1 Tahoma, Arial, Verdana, sans-serif;
	margin-bottom: 0.25em;
}

#landing p { margin-bottom: 10px; }



/**** make landing page list non-links indented *******/

#landing .topic .linkSet ul li, #landing .topic .linkSetNoTab ul li {
	padding-left: 6px;
}

#landing .topic .linkSet ul li a, #landing .topic .linkSetNoTab ul li a {
	color: #005689;
	text-decoration: none;
	padding-left: 14px;
	background: url(arrow-mini-green-right.png) no-repeat 9px 6px;
}

/************ Search results style additions **************/

#searchResults p {margin-bottom: 1.5em;margin-right: 2px; }

#searchResults ul { list-style: disc outside; margin: 1em 2.5em 2em; }
#searchResults ul ul { list-style-type: circle; margin: 0.5em 2.5em; }
#searchResults ul ul ul { list-style-type: square; }


/****************	Off screen ***********************************/

.offScreen {position: absolute; left: -9000px;}



/****************	Theme tablist (includes original #topic tablist rules *******/

#theme .headlines {
	background: url(/theme-bgs-headlines.png) no-repeat left top;
	min-height: 100px;
	padding: 12px 20px 0 16px;
	color: #333;
}


#theme .tab ul { background: #FFF; padding: 0.5em 15px 0 16px; margin-top: 0; }
#theme .tab a { text-decoration: none; }
#theme .tab a:hover { text-decoration: underline; }

#theme .tab ul li {
	background: url(arrow-mini-green-right.png) no-repeat 0 1em;
	border-bottom: 1px solid #DDD;
	border-top: none;
	padding: 0.5em 0 0.5em 10px;
}

#theme .tab p.readMore {
	text-align: right;
	padding-right: 12px;
	margin-right: 16px;
	background: url(arrow-mini-green-dright.png) no-repeat right 7px;
}

#theme .tabList { background: url(tab-listbg.png) repeat-x left bottom; padding: 0; margin: 0; }
#theme .tabList li { margin: 0 3px 1px 0; padding: 0; border: none; }
#theme .tabList li.on { margin-bottom: 0; }

#theme .tabHolder {
	background: url(bg-tabholder.png) no-repeat left top;
	padding: 8px 9px 0 9px;
	margin-left: -9px;
}

#theme .intro img{
	margin-right:10px;
}

/************** Enhanced error messages ion the login screen (using a stolen div class from the old site *************/
.clicktexterror {color:red}



#toolbar .no_notification {
	float: left;
	font-weight: bold;
	padding-left: 47px;
	margin-top: 3px;
	background: url() no-repeat 13px 0;
	text-decoration: bold;
}

.atoz{

}

.atoz a{
color:#000;
border:1px solid #cccccc;
dislay:inline;
padding:5px 5px 2px 5px;
float:left;
margin:5px 5px 14px 0px;
text-align:center;

}

#eventsbanner{
margin-top:10px;
}

#hrole, #hsubject, #hprogramme{
display:none;
}

/********* My College online network discussion widget temporary change ***********/

#discussions h2 {
	margin-bottom: 0.2em;
	color: #4AAA42;
	background: url(icon-discussions.gif) no-repeat top right;
	min-height: 63px;
}	
/********* Featured article styles ****************/

#featuredArticles div h2{
font-size:1.4em;
color: #4AAA42;
margin-top:4px;
margin-bottom:8px;}


.clear {
  clear: both;
  height: 0;
}