/*
*
*
*	site-specific layout statements
*
*/


/*	Structure
-------------------------------------------------------------- */
.field-name-field-address, .field-name-field-designation, .field-name-field-email{
width:200px;
}

.view-faculty{
padding-bottom:20px;
overflow:auto;
}
.view-faculty .views-row{
float:left;
width:155px;
/*height:215px;*/
height:251px;
text-align:center;
}

.view-faculty .field-name-field-address{
width:300px;
}
.view-faculty .views-field-field-designation {
font-size:11px;}
.node-gallery .field-item {
float:left;
margin-left:15px;
}

.view-photos .views-row{
float:left;
width:135px;
height:160px;
overflow:hidden;
text-align:center;
}
.form-item-field-start-time-und-0-value-year{
display: none;
}
ul.menu{
padding-left:2em;
}

.view-unpublished-content p{
margin:0;
}

#block-menu-menu-footer-menu{
    padding-top: 6px;
}

.view-department-events .views-table .views-field-field-image{
width:100px;
}

.view-empty p{
padding-left:4px;
}

.filter-wrapper{
  display:none;
}

.views-field-field-start-time span{
float:right;
}

.node-faculty .field-label{
cursor:pointer;
}
.node-faculty{
padding-bottom:10px;
}

.view-course-detail .field-content{
margin-left:12px;
}

.view-course-detail  .views-field-field-paper-code:before{
 color: #820000;
  content:'\25A0';
  position:relative;
  top:-2px;
 
}

.view-course-detail{
padding-bottom:10px;
}

.node-faculty p, .node-faculty ul, .node-faculty fieldset{
margin:0;
}
.node-faculty .field-label{
margin-bottom:8px;
}
.node-faculty .field{
padding-top:4px;
}

#page-title {
    margin-top: -6px;
    padding-bottom: 16px;
	}
#wrapper{
width:100%;
}

#siteContent{
width:50%;
 min-height: 400px;
}
#innerContent{
padding-top: 17px;
}

.node-page p, .view-highlights div{
text-align:justify;
}
.node-page a{
line-height:160%;
}

#sidebar-first{
width:175px;
padding-left: 10px;
}

#sidebar-second{
width:200px;
}

.footerBg{
 background: none repeat scroll 0 0 #000000;
 height:220px; /*200px;*/
}
.footerLite{
 background: none repeat scroll 0 0 #444444;
 height:120px; /*100px;*/
 //margin-top: -16px;    
}



#advertise-front{
margin-top:210px;
z-index:-1;
width:100%;
height:30px;
border:1px solid white;

}
#advertise-front a{
font:17px Calibri;
border-bottom:none;
}


#leftFooter, #rightFooter{
width:45%;
float:left;

}

#leftFooter{
float:left;
margin-bottom: 30px;
}

#rightFooter{
float:right;
}

#rightFooter td{
width:50px;
}

#leftFooter a,#rightFooter a{
font:11px Arial;
}

#leftFooter a{
color:#bababa;
}

#rightFooter a{
color:#bababa;
}

#rightFooter a:hover{
border:none;
}

#rightFooter td, #leftFooter td{
background:none;
border:none;
}

#footer h3{
font:12px Arial;
color:#bababa;
text-transform:uppercase;
margin-bottom:6px;
}

#block-block-1 h3{
font:11px Arial;
color:#c2c2c2;
font-weight:bold;
margin-bottom:22px;
}

#block-block-1{
clear:both;
margin-left:30px;
position: absolute;
    top: 142px; /*122px;*/
	padding-bottom:19px;
}

#block-block-1 p{
font:11px Arial;
color:#949393;
}



#header,#footerArea,#contentArea{
width:940px;
position:relative;
left:50%;
margin-left:-460px;
}

.clear{
clear:both;
}
#contentBack {	
top:30px;
background-repeat:no-repeat;
background-position:center;
min-height:400px;
width:100%;
position:relative;
}


#contentArea{
position:absolute;
bottom:20px;
top:10px;
}

#latestIIS .view-content{
height:100px;
}


#footer .block, #resourcesFor .block{
margin-bottom:0px;
}

#closeEventArea{
background:url("../img/blocks/closeTab.png") no-repeat;
height:14px;
width:90px;
cursor:pointer;
float:right;
}

#closeResourcesFor,#closeLatestIIS, #closePopularLinks{
background:url("../img/blocks/closeTab.png") no-repeat;
height:14px;
width:90px;
position:absolute;
top:-14px;
cursor:pointer;
}

#closeResourcesFor{
left:122px;
}

#closeLatestIIS{
left:272px;
}

#closePopularLinks{
left:122px;
}


#latestIISTab, #popularLinksTab, #resourcesForTab{
position:relative;
bottom:-444px;
cursor:pointer;
height:33px;
z-index:1;
float:left;
margin-left:40px;
}

#latestIISTab{
background:url("../img/blocks/tab_latest.png") no-repeat scroll 100px 0 transparent;
}

#popularLinksTab{
background:url("../img/blocks/tab_popularLinks.png") no-repeat scroll 30px 0 transparent;
width:200px;
}

#resourcesForTab{
background:url("../img/blocks/tab_resourcesFor.png") no-repeat scroll 30px 0 transparent;
width:212px;
}

#latestIISTab{
width:362px;
}

#latestIIS ,#resourcesFor,#popularLinks{
background:black;
float:left;
margin-left:40px;
height:171px;
opacity:0.8;
position:relative;
bottom:-290px;
padding:6px;
}
#resourcesFor,#popularLinks{
width:200px;
}

#eventAreaTab,#eventArea{
position:absolute;
right:10px;
z-index:1;
top:-5px;
}

#eventAreaTab{
background:url('../img/blocks/tab_upcomingEvent.png') no-repeat;
width: 182px;
cursor:pointer;
height:33px;
}

#sloganBlock{
position:absolute;
top:0px;
left:50%;
margin-left:-400px;
}


#footer td, #footer p{
line-height:22px;
}

#footer table{
padding-bottom;21px;
border-bottom:0;
}

#slideShowNav{
position:absolute;
top:300px;
left:50%;
margin-left:-380px;
border-radius:20px 20px 20px 20px;
width:82px;
height:16px;
background:#AAADB1;
z-index:1;
}

#slideShowNav .nav, #slideShowNav .navSelected{
background:url('../img/icons/nav_notSelected.png') no-repeat;
width:16px;
height:16px;
float:left;
cursor:pointer;
z-index:10;
}

#slideShowNav .navSelected{
background:url('../img/icons/nav_selected.png') no-repeat !important;
}
#contentSlideShow{	
z-index:-1;
width:100%;
}

#contentSlideShowTemp{
z-index:-10;
width:100%;
}

#contentSlideShowTemp, #contentSlideShow{
position:absolute;
top:-17px;
}

#contentSlideShowTemp img, #contentSlideShow img{
width:100%;
height:100%;
overflow:hidden;
}

#eventArea{
width:300px;
background:black;
padding:0;
min-height:160px;
opacity:0.8;
}

#lowerSection{
position:absolute;
bottom:315px;
height:172px;
}

#eventArea caption ,#eventArea th, #eventArea tr,#eventArea td{
background:none;
border-bottom:none;
}
#eventArea caption {
	color: #ffffff;
    font: bold 18px Arial;    
    padding: 3px 8px;
	 border-bottom: 1px solid gray;
}
#eventArea td, #eventArea td a{
  color: #949393;
    font: 15px Arial;	
	}
	
	#eventArea td a{
	display:block;
	color: #C2C2C2;   
    font-size: 16px;
    font-weight: bold;
	}
	
	#eventArea .views-field-title{
	width:200px;
	}
	
	#eventArea .views-field-title span.date-display-single{
	background: none repeat scroll 0 0 #919191;
    color: black;
    font-size: 0.8em;
    font-weight: bold;
	padding:3px 3px 3px 0;
	float:right;
	}
	
		#eventArea .views-field-title span.date-display-single:before{
		content: "--";
		}
#eventArea .block-title{
height:60px;
background:url("/sites/default/files/event-logo.png") no-repeat 5px 5px #3D3D3D;
}

#eventArea .content{
padding:10px 10px 0 10px;
}

#eventArea h2, #eventArea h2 a{
color:#ffffff;
padding:17px 0 0 35px;
border-bottom:none;
font:bold 18px Arial;
text-transform:uppercase;
}


#resourcesFor a,#popularLinks a{
 font: 15px Arial;
 }
 
 #latestIIS a{
 font:bolder 14px Arial; 
 }
 
#latestIIS .pager{
float:right;
margin:0;
}

#viewAllLatest{
width:100px;
font:bolder 12px Arial;
color:#ffffff;
background:#07890a;
padding:5px 10px 5px 10px;
border-radius:5px 5px 5px 5px;
text-transform:uppercase;
cursor:pointer;
}

#latestIIS h2,#resourcesFor h2,#popularLinks h2{
color:white;
padding-left:5px;
background:#8B1D0E;
border-bottom:none;
font:bold 14px Arial;
text-transform:uppercase;
}

#latestIIS h2{
width:55%;
}

#resourcesFor h2{
width:73%;
}

#popularLinks h2{
width:61%;
}

#latestIIS a, #resourcesFor a,#popularLinks a{
color:white;
}

#latestIIS p{
color:#949393;
font:14px Arial;
}

#latestIIS{
clear:both;
width:350px;
}

#latestIIS td, #latestIIS tr{
background:none;
border-bottom:none;
}

#headerBackground{
background:#2E5CA9;
//background:url('../img/backgrounds/header_back.jpg') repeat-x scroll left top transparent;
height:100px;
width:100%;
}

#menuBackground{
height:58px;
width:100%;
position:absolute;
margin-top:96px;
background:url('/sites/default/themes/marinelli/img/backgrounds/menu_bg.png') repeat-x scroll left top transparent;
z-index:1;
}
#title-slogan{
margin-top:6px !important;
}

#site-title a{
font-size:30px;
font-family:Arial;
color:#ffffff;
font-weight:bold;	
text-transform:uppercase;
}

#site-slogan a{
color:#ffffff;
font:19px Arial;
}

#footerBackground{

background:#444444;
height:103px;
width:100%;
position:relative;
bottom:0px;
}

#footerBottom{
height:100px;
width:100%;
position:relative;
bottom:0px;
background:#000000;
z-index:1;
}

#totalContainer{
	left: 50%;
	top:0px;	
	z-index:19;
}


body,html{
	margin:0px;
	padding:0px;	
}



.width_1#totalContainer{
	width:1038px;
}

.width_2#totalContainer{
	width:978px;
}

#topBar{
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}

#topBarContainer{
	margin:15px auto 15px auto;
}
	
.width_1#topBarContainer{
	width:1038px;
}
	
.width_2#topBarContainer{
width:978px;	
}

#topBarLink{ /* top toggle bar */
	text-align:center;
	margin:0px;
	padding:0px;
	height:10px;
	width:100%;
}

#topBarLink a{ /* top toggle bar */
	float:left;
	margin-left:48.5%; /* make it block level and try to center it without javascript..*/
	padding:15px 10px 5px 10px;
}

#topBarLink.withoutTopRegion a{ /* makes space in case we don't have any element in the top Region */
	margin-bottom:50px;
}

#top{ /* upper part of the template */
	float:left;
	width:99%;
	height: 100px;
	margin-bottom:0px;	
}

#topUtility{
	position:absolute;
	top:2px;
	right:0px;		
}

#topUtility ul.menu a{
color:#ffffff;	
font:12px Arial;

}


#logo-container{ /* image logo container */
	float:left;
	height:150px;
	margin-right:10px;
	margin-top: 6px;
	padding-top:10px;
}

#title-slogan{ /* site title and slogan container */
	float:left;
	margin-top:20px;
}

#site-title,
#site-slogan{ 
	margin:0px;
	padding:0px;
}

#search{ /* theme search box */
	position: absolute;
	right:0px;
	top: 20px;
}

#search div{ /* search button inline */
	display: inline;
}

#pageBorder{ /* makes the border */
	float: left;
	
}

.ie7 #pageBorder{ /* for IE7 */
  float: none;
  overflow: hidden;
}

#contentWrapper{ /* wraps content */
	float: left;
	padding-top:5px;
	position: relative;
	z-index: 1;	/* follows the z-index order of primary menu and advertise (to solve ie7 z-index BUG )*/
}

.breadcrumb{ /* breadcrumb */
	padding-bottom: 5px;
	border-bottom: 1px dashed #ccc;
	margin:0px 10px 15px 10px;	
}

#footer{ /* site footer*/	
	float: left;
	width: 100%;
	position:relative;	
	z-index:10;		
}

#navigation-footer{ /* site footer*/
	position:relative;
	right:0px;
	top:0px;
}

#bottomUtility{	
margin-left:auto;
margin-right:auto;
width:50%;
top:0px;	
color:#4c4b4b;
}
#bottomUtility a,{	
	color:#4c4b4b;
}

/* utility menu */

.utility ul.menu{
	margin:0px;
	padding:0px;
	list-style:none;	
}


.utility ul.menu li{
	display:inline;
	margin:0px 0px 0px 4px;
	padding:0px;	
	
}

.utility ul.menu li a{
	padding-right:8px;
}

.utility ul.menu li:after{
	content:"|";
}


/*	Look & Feel
-------------------------------------------------------------- */

body.marinelli{
background-color:#F4F4F4;
}
	
#topBar,#topBarLink,#topBarLink a{ /* top toggle bar */
	background:#054b81;
}

#topBarLink a{
	font-size: 1.1em;
}

.outsidecontent{
	color:white;
}

#site-title,
#site-slogan{
	font-weight: bold;		
}

#site-title{	
	border-bottom:none;
padding-top: 14px;
}

#site-slogan {
	font-size: 16px;
	text-indent: 0.5em;
	
}


	
#pageBorder.noborder{ /* when we don't have the advertise region */ 
	border-top:0px;
	
}

#contentWrapper{
	background: white;
	width:964px;
}

.breadcrumb { /* breadcrumb */
	font-weight: bold;
}

.utility{ /* utility menu */
	font-size:0.9em;
	text-transform:uppercase;
}
