/* ================================
    Css STYLES FOR BRUNEL UNIVERSITY
	Health and Social Sciences
    v1.0, 07/2004
   ================================
*/ 
div#brandbar {background: #0DB02B url(/templates/themes/ife/images/curve.gif) no-repeat 150px 0px;}
.DocumentsHeader,.LinksHeader,.ContactHeader {background-color: #0DB02B;}
ul.courselistaz{ list-style-image:url(/templates/themes/ife/images/box.gif)}
ul.courselistaz li a:hover{font-weight:normal;color:#0DB02B}
.DocumentsItem,.DocumentAlternate,.LinksItem,.LinksAlternate,.ContactList {color: #0DB02B;background-color: #ffffde;}
A.DocumentsItem:link,A.DocumentsItem:active ,A.DocumentsItem:visited ,A.DocumentsItem:hover,A.DocumentAlternate:link,A.DocumentAlternate:active ,A.DocumentAlternate:visited ,A.DocumentAlternate:hover,A.LinksItem:link,A.LinksItem:active ,A.LinksItem:visited ,A.LinksItem:hover,A.LinksAlternate:link,A.LinksAlternate:active ,A.LinksAlternate:visited ,A.LinksAlternate:hover,A.ContactList:link,A.ContactList:active ,A.ContactList:visited ,A.ContactList:hover{color: #0DB02B;background-color: #ffffde;}
ul#leftmenu a  {color : #000000;text-decoration : none;}
ul#leftmenu a:hover  {color: #0DB02B;text-decoration: none;}
ul#leftmenu ul a  {color: #000000; text-decoration : none;font-weight: normal;}
ul#leftmenu ul a:hover  {color: #0DB02B;text-decoration: none;font-weight: normal;}
.Menu_Selected{color : #0DB02B;text-decoration : none;}
.brandcolour{background-color: #0DB02B;}
.BrandColourTitle,A.BrandColourTitle:link, a.BrandColourTitle:active, a.BrandColourTitle:visited, a.BrandColourTitle:hover{font-weight: bold;font-size: 110%;color: #0DB02B;}
.CenteredTitle{font-weight: bold;font-size: 110%;color: #0DB02B;text-align: center;}
.tintcolour,.tc{background-color: #ffffde;}
h1#PageTitle {padding-bottom: 10px;color: #0DB02B;}
.TitleBar{background-color: #0DB02B;}
div.box { border: 1px solid #0DB02B;padding: 0px;margin: 0em 0.5em 1em 0.5em;background-color: #0DB02B;color:#FFFFFF;}
div.boxcontent {padding: 0.5em;color: #000000;background-color: #ffffde;}
div.halfcol {width: 49.8%;float: left;padding: 0px; margin: 0px;}
.ta4topleft,.ta4topcenter,.ta4topright{background-color: #0DB02B;}
.ta4middleleft,.ta4middlecenter,.ta4middleright,.ta4bottomleft,.ta4bottomcenter,.ta4bottomright{background-color: #ffffde;color: #0DB02B;}
div.studentstory {width: 200px;float: right;margin: 10px;padding: 5px;border: 1px solid #0db02b;background-color: #ffffde;text-align: center;}
div.studentstory img {border: 1px solid black;margin: 3px;}
div.studentstory p {text-align: left;font-size: 80%;}


/*
	==========================
	Styles for IfE Theme
	Redberry Digital 06/2009
	==========================
*/

/*STYLE MODIFICATIONS TO OVERWRITE EXISTING CSS*/

#PageTemplate_main {
	background:url('../images/liquidBackground.jpg') no-repeat;
	background-position:0px 50px;
	font-family:Arial,Helvetica,sans-serif;
	/*padding:20px;
	width:860px; */
}


#PageTemplate_right {
	background-color:#FFFFFF;
}

#PageTemplate_ReservedTools1 {
	background-color:#D5FEDC;
}

.tintcolour {
	background-color:#D5FEDC;
}

div#brandbar {
	background:#FFFFFF url('../images/curve2.gif') no-repeat scroll 150px 0;
}

div#brandbar img {
	display:none;
}

div#rightfoot {
	background-color:#FFFFFF;
}

div.header {
	background:#003399 no-repeat scroll 160px 0;
}

#PageTitle {
	display:none;
}

/*END MODS*/

.topTitle {
	font-size:22px;
	color:#0DB02B;
	margin:130px 0px 0px 0px;
}

.simpleColumn h1.topTitle {
	margin:0px 0px 0px 0px;
}

.courseTitle {
	font-size:32px;
	color:#646464;
	margin-top:0px;
}

#topLeft{
	width:350px;
	height:110px;
	padding:20px 20px 20px 170px;
	background: url("/393/IFE/johnSumpter.jpg") no-repeat bottom left;
	background-color:#E5E5E5;
	margin-bottom:20px;
	float:left;
}

.simpleColumn{
	width:540px;
	padding:0px;
	margin-bottom:20px;
	float:left;
}

#tabbedPanels.noClear {
	clear:none;
}

.simpleContainer {
	width:1000px;
	margin-top:140px;
	*margin-top:20px;
}

.simpleContainer .simpleColumn {
	*margin-top:100px;
}


.panelHeading {
	color:#333333;
	font-size:15px;
	font-weight:bold;
	margin-top:0px;
}

.panelCopy {
	color:#333333;
	font-size:12px;
}

#topRight {
	width:240px;
	height:110px;
	padding:20px;
	background-color:#d5fedc;
	float:left;
	margin-left:20px;
}

#topRight p {
	padding:0px;
	margin:0px;
}

#tabbedPanels{
	width:540px;
	min-height:240px;
	clear:both;
	float:left;
	margin-bottom:20px;
	/*overflow:hidden;*/
}

#tabbedPanels ul.tabList {
	list-style:none;
	margin:0px;
	padding:0px;
}

#tabbedPanels ul.tabList li {
	display:inline;
	float:left;
	margin:0px 4px 0px 0px;
	padding:5px 10px 5px 5px;
	font-size:12px;
}

#tabbedPanels ul.tabList a{
	text-decoration:none;
}

#tabContainer {
	width:500px;
	min-height:215px;
	background-color:#333333;
	clear:both;
	padding:20px 20px 20px 20px;
}

#tabbedPanels p {
	color:#FFF;
	font-size:11px;
	margin:0px 0px 10px 0px;
}

/*Staff Profile tabs*/

#staffTabs{
	width:540px;
	min-height:240px;
	float:left;
	margin-bottom:20px;
}

#staffTabs ul.tabList {
	list-style:none;
	margin:0px;
	padding:0px;
}

#staffTabs ul.tabList li {
	display:inline;
	float:left;
	margin:0px 4px 0px 0px;
	padding:5px 10px 5px 5px;
	font-size:12px;
	background-color:#E5E5E5;
}

#staffTabs ul.tabList a{
	text-decoration:none;
	color:#333333;
}

#staffTabs ul.tabList li.ui-state-default {
	background-color:#333333;
}

#staffTabs ul.tabList li.ui-state-default a{
	color:#E5E5E5;
}

#staffTabs ul.tabList li.ui-state-active {
	background-color:#E5E5E5;
}

#staffTabs ul.tabList li.ui-state-active a{
	color:#333333;
}

#staffTabsContainer {
	width:500px;
	min-height:200px;
	background-color:#E5E5E5;
	clear:both;
	padding:20px 20px 20px 20px;
}

#staffTabsContainer img{
	float:right;
	padding:0px 0px 20px 20px;
}

#staffTabs p {
	color:#000;
	font-size:12px;
	margin:0px 0px 10px 0px;
}

/*end staff profile tabs*/

#tabbedPanels .listTitle {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	display:inline;
	margin-bottom:5px;
}

#tabbedPanels .expansionList {
	color:#2CFB51;
	font-size:12px;
	list-style:none;
	/*list-style-image:url('plusIcon.png');*/
	margin:0px;
	padding:0px;
}

#tabbedPanels .expansionList li {
	margin:4px 0px 8px 0px;
	padding:2px 0px 4px 20px;
	background-image:url('../images/plusIcon.png');
	background-repeat:no-repeat;
	/*background-position:0px 5px;*/
	text-decoration:none;
}

#tabbedPanels .expansionList li a:link {color: #2CFB51}
#tabbedPanels .expansionList li a:visited {color: #2CFB51}
#tabbedPanels .expansionList li a:hover {color: #2CFB51}
#tabbedPanels .expansionList li a:active {color: #2CFB51}

a.expansionLink {
	color:#2CFB51;
	font-size:11px;
}

#tabbedPanels .content{
	color:#FFF;
	text-decoration:none;
}

#researchTab a {
	color:#2CFB51;
}

#applicationPanel {
	width:240px;
	height:140px;
	padding:100px 20px 20px 20px;
	background-image: url('../images/weblinkImage.jpg');
	background-repeat: no-repeat;
	background-position: top;
	background-color:#d5fedc;
	float:left;
	margin-left:20px;
}

#applicationPollution {
	width:240px;
	height:140px;
	padding:100px 20px 20px 20px;
	background-image: url('../images/pollutionImage.jpg');
	background-repeat: no-repeat;
	background-position: top;
	background-color:#d5fedc;
	float:left;
	margin-left:20px;
}

#applicationLegal {
	width:240px;
	height:140px;
	padding:100px 20px 20px 20px;
	background-image: url('../images/legalImage.jpg');
	background-repeat: no-repeat;
	background-position: top;
	background-color:#d5fedc;
	float:left;
	margin-left:20px;
}

#applicationClimate {
	width:240px;
	height:140px;
	padding:100px 20px 20px 20px;
	background-image: url('../images/climateImage.jpg');
	background-repeat: no-repeat;
	background-position: top;
	background-color:#d5fedc;
	float:left;
	margin-left:20px;
}

#coursePanel{
	width:540px;
	height:320px;
	padding:0px;
	background-color:#FFFFFF;
	margin-bottom:20px;
	float:left;
}

#coursePanel.mediumCoursePanel {
	height:360px;
}

#coursePanel.largeCoursePanel {
	height:640px;
}

.largeCoursePanel {
	height:640px;
}

#bottomRight {
	width:240px;
	height:140px;
	padding:100px 20px 20px 20px;
	background-image: url('../images/web-ad-link.jpg');
	background-repeat: no-repeat;
	background-position: top;
	background-color:#d5fedc;
	float:left;
	margin-left:20px;
	margin-top:20px;
}

ul.optionMenu {
	list-style:none;
	padding:0px;
	margin:10px 0px;
	*margin-top:0px;
	width:240px;
}

ul.optionMenu li {
	width:211px;
	height:18px;
	background-color:#FFF;
	margin:3px 0px;
	padding:0px 2px 0px 4px;
	float:left;
}

ul.optionMenu li a {
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	color:#AA0000;
}

ul.optionMenu img {
	margin:3px 0px 0px 3px;
	padding:0px;
	float:left;
	*display:none;
}

#newsAndEvents {
	width:520px;
	height:240px;
	padding:0px 20px 0px 0px;
	background-color:#fff;
	color:#333333;
	clear:both;
	float:left;
}

#newsAndEvents h5{
	margin:5px 0px 5px 0px;
	font-size:11px;
	font-weight:bold;
}

#newsAndEvents h4{
	margin:5px 0px 5px 0px;
	font-weight:bold;
	font-size:12px;
	text-decoration:underline;
}

#newsAndEvents h4 a{
	color:#333333;
}

#newsAndEvents p{
	font-size:12px;
	margin:5px 0px 5px 0px;
}

#featuredProfile {
	width:240px;
	height:225px;
	padding:20px;
	background-color:#E5E5E5;
	float:left;
	margin-left:20px;
	margin-top:20px;
}

#featuredProfile h3{
	margin-bottom:5px;
}

#featuredProfile h4{
	margin:5px 0px 5px 0px;
	font-size:12px;
	color:#333333;
	text-decoration:underline;
}

#featuredProfile p {
	font-size:10px;
	color:#333333;
}

#featuredProfile img {
	float:right;
	margin-left:5px;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

/*------FEATURED STUDENT----------*/

#featuredStudent {
	width:240px;
	height:355px;
	padding:20px;
	background-color:#E5E5E5;
	float:left;
	margin-left:20px;
	position:relative;
	top:-60px;
	*top:20px;
}

#featuredStudent.largeProfile {
	height:375px;
}

#featuredStudent h3{
	margin-bottom:5px;
}

#featuredStudent h4{
	margin:5px 0px 5px 0px;
	font-size:12px;
	color:#333333;
}

#featuredStudent p {
	font-size:10px;
	color:#333333;
}

#featuredStudent img {
	float:right;
	margin-left:5px;
}

/*------END FEATURED STUDENT----------*/


#tabbedPanels ul.tabList li.ui-state-default {
	background-color:#2CFB51;
}

#tabbedPanels ul.tabList li.ui-state-default a{
	color:#333333;
}

#tabbedPanels ul.tabList li.ui-state-active {
	background-color:#333333;
}

#tabbedPanels ul.tabList li.ui-state-active a{
	color:#2CFB51;
}

img.modulePic {
	float:right;
	margin: 10px;
}

img.imageColumn {
	float:left;
	margin: 10px 0px 10px 10px;
}