/* header
--------------------------------------------------------------*/
#header {height:45px;}
#header img {padding-top:5px;}
#header h1 {/*font-size:20pt;*/ display:none;}
#header ul li#end a#highContrast {display:inline;}
#header ul li#end a#normalContrast {display:none;}
/* masthead
--------------------------------------------------------------*/
#masthead {
	margin-top:5px;
	position:relative;
	clear:both;
	overflow: hidden; 
	background-attachment: scroll;
	background-position: 210px top;
	background-repeat:  no-repeat;
	background-attachment: scroll;
}
.shortMasthead { height:65px; }
.shortMasthead #searchCourses { opacity: 0.0 }
.tallMasthead { height: 160px; }
.tallMasthead #searchCourses { opacity: 1.0 }
/* masthead right box
--------------------------------------------------------------*/
#mastheadRight {width:211px;  height: 100%; top:0; right:0; bottom:0; position:absolute; z-index:3; }
#mastheadRight h1 {padding:15px 10px 0 10px; font-size: 17px;  }
#mastheadRight h2 {padding:5px 10px 0 10px; font-size: 1.3em; }
/* masthead left box
--------------------------------------------------------------*/
#mastheadLeft { width:211px; height: 100%; }
/* masthead centre box
--------------------------------------------------------------*/
#mastheadCentre { margin-left:211px; }
/* course finder
--------------------------------------------------------------*/
#searchCourses {width:211px; height:95px; background:#14618a  no-repeat top left; top:65px; position:absolute; overflow: hidden; }
/* search site
--------------------------------------------------------------*/
#searchSite {width:211px; height: 65px; font-size: 11px; z-index:2; background:#14618a; position:absolute; top:0px;}
#searchSite input#textInput {width:70%; padding:2px; margin-top:11px}
#searchSite input#find-it {background:transparent/*#14618a*/; color:#fff; width:25%; border:none; cursor:pointer;}
#searchSite input#find-it:hover {color:#ccc;}
#searchCourses select#course,
#searchCourses select#subject {margin:11px 0 4px 0; width:72%;border: 0; font-size: 11px;}
#searchSite .hr {margin:0; width:90%;}
/* searchForm used by the course finder and the google searcher
--------------------------------------------------------------*/
.searchForm {width:211px; height: 65px;  z-index:2; background:#14618a url(/uea/images/search.jpg) no-repeat top left;}
.searchForm form {padding:10px; margin:0;}
.searchForm fieldset {margin:0; padding:0; border:none;}
.searchForm legend {display:none;}
.searchForm label {color:#fff; display:block; font-size:12px; font-weight:bold; padding-bottom: 3px;}
.searchForm input#textInput {width:70%; padding:2px;border:0;}
.searchForm input#textInput {width:70%; padding:2px;border:0;}
.searchForm input#submit {background:transparent; color:#fff; width:25%; border:none; cursor:pointer;font-size: 11px;}

.searchForm input#submit:hover {color:#ccc;text-align:left;padding-left:5px;}


.searchForm .hr {margin:0; width:90%;}
#toggleMastHeadPrompt{
	color: #ffffff;	
	padding: 0 10px;
	color:#FFFFFF;
}
/* body
--------------------------------------------------------------*/
#bodyWrap {clear:both;float:left;width:100%;}
body.news #masthead {background:url(news0000.jpg) 210px top no-repeat;}
body.home #masthead {background:url(index000.jpg) 210px top no-repeat;}
body.country #masthead {background:url(country0.jpg) 210px top no-repeat;}
body.arts-and-humanities #masthead {background:url(arts-and.jpg) 210px top no-repeat;}
body.article #masthead {background:url(article0.jpg) 210px top no-repeat;}
body.events #masthead {background:url(events00.jpg) 210px top no-repeat;}
body.expert-search #masthead {background:url(expert-s.jpg) 210px top no-repeat;}
body.people-article #masthead {background:url(people-a.jpg) 210px top no-repeat;}
body.press-article #masthead {background:url(press-ar.jpg) 210px top no-repeat;}
body.press-release-search #masthead {background:url(press-re.jpg) 210px top no-repeat;}
body.staff-list #masthead {background:url(staff-li.jpg) 210px top no-repeat;}
/* welcome transparent box in masthead
--------------------------------------------------------------*/
body.home #welcome {/*display:none;*/}
/* main page layout
--------------------------------------------------------------*/
#center {/*text-align:center;*/} /* used for centering in ie5.5 */
#width {position:relative; width:95%; min-width:960px; margin:0 auto; /*text-align:left;*/} /* used to cancel centering needed for ie5.5 layout fix */
/* Breadcrumb 
--------------------------------------------------------------*/
#breadcrumb { margin: 10px 0 5px;}
#breadcrumb ul { margin-left:5px;}
#breadcrumb ul li { white-space: nowrap; margin-bottom: 5px; width: auto; height: 100%;float:left; color:#146590; margin-right:8px; background:url(/uea/images/breadcrumb-chevron.gif) no-repeat left center; padding-left:15px;}
#breadcrumb ul li a { color:#428bb2; text-decoration:none;}
#breadcrumb ul li#house {background:url(/uea/images/home.jpg) no-repeat left center; padding-left:20px;}
#NObreadcrumb {height:5px; display:block; clear:both;} /* for homepage with no breadcrumb! */
/* 3 column layout
--------------------------------------------------------------*/
#leftCol {float:left; width:211px; margin-bottom:15px;}
#rightCol {width:211px; float:right; margin-bottom:15px;} 
#centerCol {margin:0px 230px 15px 230px;}
#centerCol.fullwidth { margin-right: 0px; }
/* Left column
--------------------------------------------------------------*/
.courses li {margin:20px;}
.courses li h3 {font-size:1.2em; font-weight:bold;}
.courses li p {margin:0; padding:0;}
.infoBox {background:#f2f2f2; width:191px; padding:10px; }
.infoBox h3 {font-weight:bold; font-size:1.1em;}
.infoBox strong {font-weight:normal;}
.infoBox .hr-grey {margin:10px 0;}
#leftCol img {border:1px solid #cacaca; padding:5px; }
#leftCol h2 {
	padding: 0 5px 0 20px;
	font-size:1.1em;
	font-weight:bold;
	margin-top: 10px;
}
#leftCol h2 a {
	font-weight:bold;
}
/* Right column
--------------------------------------------------------------*/
#rightCol img {/*border:1px solid #cacaca; padding:5px;*/}
#rightCol p {margin-top:0; padding-top:0;}
/* center column content (main)
--------------------------------------------------------------*/
#content{width: 99%; padding-top: 3px;}
.base-article-image{ padding-top: 13px;}
.nextPage {padding:20px 0;}
.nextPage li {display:inline;}
.nextPage li a {text-decoration:none; color:#535455; margin-right:5px; padding:1px 5px; border:1px solid #cacaca;}
.nextPage li a:hover,
.nextPage li.current a {color:#005480; border:1px solid #005480;}
ul.contentFeedList {padding-top:10px;}
.contentFeedList li {margin-bottom:10px; width:100%; float:left;}
.contentFeedList img {float:left; border:1px solid #d8d8d8; padding:5px; margin-right:11px;}
.contentFeedList a {margin:0 0 5px 0; padding:0; background:none; color:#005480; /*font-size:1.3em;*/ font-weight:normal; text-decoration:underline;}
.contentFeedList p {margin:10px 0 0; padding:0;}
h2.publicationsTitle{
	padding-bottom: 10px;
}
.contentFeedList p a {/*font-size:1em;*/ text-decoration:underline;}
.contentFeedList p a:hover {/*text-decoration:none;*/}
.people-article table {background:url(/uea/images/dots.jpg) repeat-x bottom left; margin: 10px 0 15px 0; color:#005480;}
.people-article th {background:url(/uea/images/dots.jpg) repeat-x bottom left; padding:5px 0; font-size:0.9em; border: 0px;}
.people-article td {padding:5px 0; vertical-align: top; border: 0px; }
.people-article img.photo {float:right;padding:0 0 15px 15px;}
.people-article #infoPage { background-color: white; }
.people-article #researchPage { background-color: white; display: none; }
.people-article #teachingPage { background-color: white;  display: none; }
.people-article #adminPage { background-color: white; display: none; }
.people-article #activitiesPage { background-color: white;  display: none;}
.people-article #publicationsPage { background-color: white;  display: none; }
.people-article #publicationsPage ul.publicationsList li { padding-top: 15px; }

.staff-list th {padding:5px; color:#005480; font-size:1.1em;border:none;  }
.staff-list td {padding:5px;border:none;}
.staff-list tr.greyBG {background:#f0f0f0;}
.staff-list th#nameColumn{ 		width:40%; }
.staff-list th#contactColumn{	width:30%; }
.staff-list th#locationColumn{	width:30%; }					
#ssTable th {padding:5px 5px 5px 9px; color:#005480; font-size:1.1em;border:none;  }
#ssTable tr.odd {background:#DDDDDD;}
#ssTable tr {line-height:20px;}
#ssTable td {padding:5px 5px 5px 9px;}
					
.staff-list #acTable { background-color: white; }
.staff-list #dhTable { background-color: white; display: none; }
.staff-list #ioTable { background-color: white;  display: none; }
.staff-list #psTable { background-color: white; display: none; }
.staff-list #tzTable { background-color: white;  display: none;}
#eventSort {background:#cfe9f5; width:95%; padding:5px;}
#eventSort fieldset {border:none; margin:0; padding:0;}
#eventSort label {font-size:1.2em; font-weight:bold; color:#005480; margin:0 5px;}
#eventSort #events {width:100px; border:1px solid #ccc; margin:0; padding:0; display:inline;}
#eventSort #day,
#eventSort #month,
#eventSort #amount {width:20px;}
#eventSort #year {width:40px;}
#eventSort #submit {background:url(/uea/images/darkBlue.gif) no-repeat center center; height:16px; width:67px; cursor:pointer; margin:0 10px; padding:0; display:inline; border:none; color:#fff;}
#eventSort #day,
#eventSort #month,
#eventSort #year,
#eventSort #amount {text-align:center; border:1px solid #ccc; margin:0; padding:2px; display:inline;}
#eventList {margin-bottom:50px;}
#eventList h3 {color:#005480; font-size:1.3em; margin-top:20px; font-weight:bold;}
#eventList h2 {color:#005480; font-size:1.2em; font-weight:normal;}
/* make the event headings blue */
.eventFieldHeader {
	color: #244091;
	font-weight: bold;
}
.publicationListHeader {
	width: 100%;
}
h2.publicationsTitle {
	display:inline;
	width: 100%;
}
.publicationListToggle {	
	font-size: 0.8em;
	top: -0.4em;
	color: #244091;
	text-align: right;
	cursor: pointer;
}
#searchResults {color:#535455;}
#searchResults form {padding:10px 0 0 0;}
#searchResults p {margin:0 0 10px 0; padding:0;}
#searchResults fieldset {padding:10px; position:relative; border:none; margin-bottom:15px; background:#f3f3f3; }
#searchResults fieldset legend {font-size:1.2em; color:#005480; font-weight:bold; margin:0; padding:0; display:none;}
#searchResults fieldset h3 {font-size:1.2em; color:#005480; font-weight:bold; margin:0 0 15px 0; padding:0;}
#searchResults fieldset .hr-grey {margin:10px 0;}
#searchResults ul {margin-top: 10px; margin-bottom:15px;}
#searchResults h4 {font-weight:bold; color:#005480;}
#searchResults strong {font-weight:bold; color:#535455;}
#searchResults #searchInput {padding:2px; border:1px solid #999;}
#searchResults #submit {background:url(/uea/images/darkBlue.gif) no-repeat center center; height:16px; width:67px; cursor:pointer; margin:0 10px; padding:0; display:inline; border:none; color:#fff;}
#searchResults #reset {background:url(/uea/images/lightBlu.gif) no-repeat center center; height:16px; width:67px; cursor:pointer; margin:0 10px 0 0; padding:0; display:inline; border:none;}
#searchResults #clear {background:url(/uea/images/lightBlu.gif) no-repeat center center; height:16px; width:67px; cursor:pointer; margin:0 10px 0 0; padding:0; display:inline; border:none;}

/* Course 
--------------------------------------------------------------*/
#course-article table.courseDetails {
	margin-top: 15px;
	margin-bottom: 10px;
}

#course-article table.info {
	margin-left: 0;
}

#course-article table.info th,  
#course-article table.info td {
	/*border-color: #e0e0e0;*/
	border-color: #dadada;
}

#course-article table.info th {
	color: white;
	background:url(/uea/images/tabhi.gif);
}

/* hide on screen but show in the printed version */
#course-article h3.yearName {
	display: none;
}

.courses-list ul.courseList {
	margin-top: 5px;
	margin-bottom: 20px;
}

/* Course search results */
.courseSnippet .courseName,
.courseSnippet .courseAttendance,
.courseSnippet .courseLevel, 
.courseSnippet .courseMode {
	display: inline;
	padding-left: 0.1em;
	padding-right: 0.1em;
	margin: 0;
}

.courseSnippet .courseAttendance,
.courseSnippet .courseLevel,
.courseSnippet .courseMode {
	font-size: 0.8em;
}


.unitCode {
	font-size: 0.8em;
}


ul.wrapList {
	list-style-type: none;
	padding-bottom: 30px;
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	margin-bottom: 2.0em;
}

ul.wrapList li {
	float: left;
	padding-bottom: 0.5em;
}

ul.wrapList li.twoColumn {
	width: 100%;
}

ul.wrapList li.fourColumn {
	width: 50%;
}

ul.wrapList li .header {
	width: 33%;
	float: left;
	font-weight: bold;
	color:#2e6eac;
}

ul.wrapList li .data {
	width: 67%;
	float: right;
}

/* footer
--------------------------------------------------------------*/
#footer {border-top:4px solid #005480; margin:0; clear:both;}
#footer h3 {font-size:1.1em; margin:3px 0; padding:0; color:#474747; font-weight:normal;}
#footer h3 strong {color:#005480;}
#footer ul {width:15.3%; float:left; /*padding-top:15px;*/ padding-right:10px;line-height: 1.9em;}
#footer ul li a {color:#6f6f6f; text-decoration:none;}
#footer ul li a:hover {color:#005480;}
#footer ul li strong {color:#005480;}
/* credits
--------------------------------------------------------------*/
#credits {clear:both; border-top:1px solid #cecece; /*margin:25px 0;*/}
#credits li {float:left; margin-right:15px;}
#credits li a {color:#6f6f6f; text-decoration:none;}
#credits li a strong {color:#005480;}
#credits li a:hover {color:#005480;}
#credits li#end {text-align:right; float:right;}
/* international office "tables" */
.twoColumnGrid{width:100%;float:left;}
.twoColumnGrid .leftColumn{float:left;width:40%;}
.twoColumnGrid .rightColumn{float:left;width:50%;}
/* Portal
--------------------------------------------------------------*/
#portalNav { clear: both; text-align: center; margin-left: auto; margin-right: auto; }
#portalNavBack { display: inline; margin-right: 2.0em; }
#portalNavBreakout { display:inline; margin-left: 2.0em; }
/* "Page not found" container
--------------------------------------------------------------*/
#notFoundMessage {
	font-size: 1.1em;
	clear: both;
	display: block;
	border: 2px #244091 solid;
	padding: 10px;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.odd {
    background:#ddd;
}
.even {
    background:#fff;
}
/* Slideshow
--------------------------------------------------------------*/
#slideshow {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height: 350px;
	padding-bottom: 100px;
}
#slideshow #slideTitle {
	font-weight: bold;
}
#slideshow #slides {
	margin-top: 10px;
}
#slideshow #slides img {
	padding: 15px; 
	border: 1px solid #ccc; 
	background-color: #eee; 
}
#slideshow #slideDescription{
}
#slideshow #slides img {
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}
/* Icon bar
--------------------------------------------------------------*/
#icons {
	clear:both;
	float:left;
}
#printIcon {
	cursor:pointer;
	display:inline-block;
	margin:0 auto;
	padding-right:20px;
	float:left;
}
#toolsBottom {
	white-space: nowrap;
	clear: both;
	bottom: 0px;
	position: relative;
}
#bookmarks {
	display:inline-block;
	margin:0 auto;
	padding-right:20px;
	height: 50px;
	line-height: 50px;
}

#bookmarks img {
	height: 30px;
	width: 30px;
	padding: 0px; 
}

#toolsBottom img.middle {
	position: relative;
	top: 9px;
	cursor:pointer;
}

.fullWidth {
	width: 100%;
}

.newsImageDiv
{
width: 120px;
float:left;
}

.browse_nav a, browse_nav span{
	font-size: 80%;
	border: 2px;
	background: #DDD;
	padding: 1px;
}

.browse_nav a, browse_nav span{
	font-size: 80%;
	border: 2px;
	background: #DDD;
	padding: 1px;
}

.browse_nav span{
	font-size: 100%;
	font-weight: bold;
}

.hide {
	display: none;
}

.msg_list {margin: 0px; padding: 0px; width: 98%; }
.msg_head {padding: 5px 10px; cursor: pointer; position: relative; background-color:#ffffff; margin:1px;text-decoration: underline; }
.msg_body {padding: 5px 10px 15px; background-color:#dddddd; width:98%;}
.qr_msg_body {padding: 5px 10px 15px; background-color:#dddddd; width:98%;white-space: normal;}
.msg_body img {padding: 0px 10px 10px 0px;}
#scholarToolTip{background-color:#dddddd; padding:4px; text-align:center; font-weight:bold;}
.testimonialImg img, .ambassadorImg img{padding:0px 10px 10px 0px; max-width: 250px; max-height: 200px;}
.testimonialProfile, .ambassadorProfile {width:100%;}
.testimonialImg, .ambassadorImg {float:left;}
.testimonial, .ambassador {width:100%;}
.testimonialText, .ambassadorText {float:left; border-bottom: 1px dotted #aaa; margin-bottom: 15px;}

.visMenuDiv {
width:95%;
display: table;

}

ul.visMenu {
	margin-bottom:20px;
} 


.visMenuText
{
	float: left;
	font-weight:bold;
	text-align:left;
	cursor: pointer;
}

.shortVisText
{
	height: 30px;
	line-height: 30px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;

}

.longVisText
{
	height: 40px;
	line-height: 20px;
	overflow:hidden;
	text-overflow:ellipsis;
	

}

.longVisText span
{

	
}

.visMenuSpanDiv {
	background:#005480 url(/uea/images/h2.jpg) no-repeat scroll left center;
	padding-left:20px;
	display: table-cell;
	vertical-align: middle;
	
}

.visMenuSpanDiv, x:-moz-any-link {display:-moz-box;}.visMenuSpanDiv, x:-moz-any-link, x:default {display:table-cell;}


.visMenuLink div a {
	color:#fff;
	text-decoration:none;
	
}


li.visMenuLink {
	display: -moz-inline-box;
	display:inline-block;
	vertical-align: bottom;	
}


.divMenuClear {
	margin-left:auto;
	margin-right:auto;
}

.rssGlobal {
	display:inline-block;
	margin:0 auto;
	padding-right:20px;
}

.qrCode {
display:none;
}

.pubHighlight {
background:#ccc;
}

.notPrioritised {
display:none;
}

hr {
color:#DDDDDD !important;
}
#leftCol h2 .noUnderline{
text-decoration:none;
cursor:default;
}


/**
	Lists of units for courses
**/

.unit_title,
.starred_unit {
	cursor: pointer;
}

.unit_overview {
	position: relative;
	width: 200px;
	display: none;
}

.unit_link {
	display: block;
	clear: both;
	font-size: 0.8em;
	text-align: right;
}


ul.units {
	list-style-type: disc;
	margin-left: 15px;
}

ul.units li {

}


.units_table {
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}


.newsItem {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.3em;
	padding-right: 0.3em;
}


h2.expertiseCategory {
	margin-top: 1.0em;
}




.sub-categories ul {
	margin: 0;
	padding: 0;
}

.sub-categories ul li{
	padding-top: 0;
	margin-bottom: 0.3em;
	margin-left: 1.2em;
}