/* css file referenced from body-start-tabs.hts to define styles for parent child menus 
   created jan/13 v8.6.1
*/
/* The list styles */
/* The area that will contain the top/parent level navigation tabs */


.TULOGOUT {
  background-image: -webkit-linear-gradient(#ffffff, #eeeeee 50%, #e4e4e4);
  background-image: -o-linear-gradient(#ffffff, #eeeeee 50%, #e4e4e4);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #eeeeee), to(#e4e4e4));
  background-image: linear-gradient(#ffffff, #eeeeee 50%, #e4e4e4);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe4e4e4', GradientType=0);
  -webkit-filter: none;
          filter: none;
  border: 1px solid #d5d5d5;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	background-color:#CCC;
	padding:4px 2px 2px 10px;
	position:absolute;
	top:-5px;
	right:0px;
	border-bottom-left-radius:5px;
	color:#000;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
	float:right;
}

.TULOGOUT a {color:#e4e4e4;}

.test {float:left;}



#cssmenu { 	font-size:14px; 
			top:0px;
			left:0px;
			margin:0px;
			float:none;
		display:table-cell;
		padding-bottom:0px;
			 }

#cssmenu > ul { display:block;
			position:relative;
		}

#cssmenu > ul li { 
		display: block;
		margin: 0px;
/*		line-height:100%; */
		position:relative;
		color:#555;
		float:left;
		padding-top:12px;
		padding-bottom:0px;
		padding-right:0px;
		padding-left:0px;
		
	}
	
#cssmenu > ul li a { display:block; padding-left:10px; padding-bottom:24px;
				}

#cssmenu > ul ul {
	position:absolute;
	left:0px;
	top:71px;  
	z-index: 1000;
	width:140px;
	display: none;
    overflow:visible;
	padding:0;
	margin: 0 0 0 0;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	}

#cssmenu > ul ul li{ 
display:block;
color:#333;
padding:5px;
width:100%;
}


#cssmenu > ul ul li a {
color:#000;
text-decoration:none;
padding-left:3px; 
padding-bottom:2px;
font-size:13px;
}

#cssmenu > ul ul li:hover { background-color:#428bca;
}

#cssmenu > ul ul li:hover>a
{    color:#FFFFFF;
	 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

#cssmenu > ul li:hover>ul            {
	display:block;
		}
			
#cssmenu > ul li:hover>ul:last-child {
	border-bottom-right-radius:5px;
	 border-bottom-left-radius:5px;
	border-top-right-radius:5px;
	 border-top-left-radius:5px;
		}		


#cssmenu > ul li.EVBRAND a

{
font-size:27px;
font-style:normal;
font-weight:500;
/*color:#d9edf7;
background-image:url(../userdocs/Images/HeaderFooter/TeessideUniversity_strap3.png);*/
background-repeat:no-repeat;
padding-left:154px;
padding-bottom:28px;
font-stretch:narrower;
}


#cssmenu > ul li.EVBRAND {

padding:0px;
padding-top:8px;
padding-bottom:0px;

	
/*	
	border-right:2px;
	border-radius-right:5px;
	border-right-color:#CCC;
	border-right-style:groove;
	background-color:#FFF;
*/
}


/*styles added for footer*/
.footer1 {width: 28%; float:left;padding-top:0px;}
.footer2 {width: 20%; padding-top:0px;}
.footer3 {width: 28%; text-align:right; float:right; padding-top:5px;}


html, 
body {
    min-height:100% !important;
    height:auto !important;
    height:100% !important;

}

#sits_page_background {
	/* was commented out re-instated to fix frop down  */
	min-height:calc(100% - 10px);
       height:calc(100% - 10px);
	height: -o-calc(100% - 10px);
	height: -webkit-calc(100% - 10px);
	height: -moz-calc(100% - 10px); 
	/*height:auto%; */ 
	/* height:auto !important; commented out to make widgets work*/
   /* overflow-y:auto; */ 
	overflow-x:hidden;
	overflow-y:visible;
}

#sitspagecontent {background:#FFF;
min-height:calc(100% - 95px)  !important;
}

#sitsportalpagedesc {display:none;}

#IPPPageTabs  {display:none;}
#IPPWelcome {display:none;}
.sitstableoutline {margin-bottom:10px;}


/*used with javascript to show/hide elements on a page*/

.hiddenDiv {
	display: none;
	}
.visibleDiv {
	display: block;
	}






/* Set the fixed height of the footer here */


.footer {
/*   background-color: #e8e8e8;*/
	display:none;
}


/*rotating banner*/
img {border: 0;}
/*
.container {
	position: relative;
	width: 790px;
	height: 190px;
	padding: 0;
	margin: 0 auto;
	}
*/

/*--Main Container--*/

.main_view {
	float: left;
	position: relative;
	padding:0px;
	margin-bottom:20px;
}

/*--Window/Masking Styles--*/

.window {
	height:190px;	width: 760px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	float:none;
	margin:0px;
}

.image_reel {
	position: absolute;
	top: 0; left: 0;
}

.image_reel img {float: left;}

/*--Paging Styles--*/

.paging {
	position: absolute;
	bottom: 2px; right: -7px;
	width: 178px; height:23px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 18px;
	background: url(paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}

.paging a {
	padding: 5px;
	background: #000;
	text-decoration: none;
	color: #fff;
	border-radius:4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.paging a.active {
	font-weight: bold; 
	background: #F57E22; 
	border-radius:4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.paging a:hover {font-weight: bold;} 


/*end for rotating banner*/