/*
  This file is based on the ploneCustom.css.dtml shipped with Plone.

   (do not remove this)
   (not this either)
*/

@charset "utf-8";
/* Styles for home page only. These overwrite some of the styles in the main bbkschooltheme.css */

* html portal-columns {
	width: 945px;
}


body #visual-portal-wrapper #portal-column-content {
	margin-left:0.2em;
	width: 920px;
	/*min-height:400px;*/
}



#home-page-column-one {
	display:inline;
	float:left;
	width:430px;
	position:relative;
	
}


* html #portal-column-content {
	height:400px;
	
}


/* Put your site-specific colours in here */
#home-page-image img {
	position:relative;
	padding-top:0px;
	border:1px solid #2F4D2F;
}

.home-page-image {
    border: 1px solid #2F4D2F;
    height: 240px;
    overflow: hidden;
    position: relative;
    width: 398px;
}

/* End site-specific colours */


#spotlight-boxes {
	clear:both;
	margin-top:1em;
}


/* News and events box as of April 2011 */


.news-box {
	
	display:inline;
	float:left;
	width:396px;
	margin-left:0;
	border:2px solid #ccc;
	border-bottom:8px solid #ccc;
	position: relative;

}

.news-box h2 {
	padding: 0 .25em 0 .25em;
}


.news-box li {
	margin-left:20px;
}

.news-box li a:link, .news-box li a:visited {
	border:0;
}

#news-box li a:hover {
	border-bottom:1px solid #ccc;
}

#portal-advanced-search { position:absolute; top:0; left:-9999px;}

#home-page-column-one form {
	margin:0.5em 0 0.5em 0;
}

#home-search input.search { width:200px; }


#home-page-column-two {
	float:left;
	
	width:480px;

	display:inline;
}

#portal-column-content .documentEditable #home-page-column-two {
	width:450px;
	float:left;
}

#region-content ul#spots { margin:0; padding:0;list-style-type:none;overflow:hidden;text-overflow:hidden;}

#spots li { position:relative; top:0;}

.carousel {
	height:240px;
}
.carousel-list { position: relative; height:240px;}

#region-content a.carousel-image:link {
 border:0;	
 
}

.spot-photo a:first-child { display:block; */needed for older versions of Firefox */ }

#region-content a.carousel-image:hover {
	border:0;
}

#home-page-image a.carousel-image img {
	border:0;
}

.spot-overlay {
	position:absolute;
	top:82px;
	padding:1em 2em;
	color:#fff;
	display: block;
	width:200px;
	left:160px;
	background-image:url(http://www.bbk.ac.uk/european/carousel-overlay.png);
	
}



.spot-overlay span {
	display:block;
	font-size:0.85em;
	line-height:1.5;
}

.spot-overlay h4 {
	font-size: 1.1em;
	line-height: 1.1;
	margin: 0 0 0.25em;
	padding: 0
}

#region-content .spot-overlay h4 a {
	color:#fff;
	_color:#fff !important;
	border:0;
	_border:0 !important;
	font-weight:bold;
	_font-weight:bold !important;
	font-family:Arial,Helvetica,Sans-serif;
	
}

#region-content .spot-overlay h4 a:hover {
	border-bottom:1px dotted #ccc;
	_border-bottom:0 !important;
}

.external-controls {
	display:none;
}

.external-controls.reveal {
    display:block;   
    bottom: 1em;
    left: 1em;
    position: absolute;
    width: 400px;
    z-index: 999;
    height:20px;
    font-size:1em;
    overflow:hidden;
  
    
}

#region-content a.carousel-image {
	border:0;
	  vertical-align:top;
	_border:0 !important;
	
	
}

#region-content .external-controls.reveal a.carousel-skip {
	  vertical-align:top;
	background-color:#bfc8ca;
	color:#333;
	padding:0.75em 0.5em;
	
	
	border:0;
	text-shadow:1px 1px 1px #fff;
	height:40px;
	
	_position:relative; _top:2px;
	
	
}	

.next { width:20px; height:20px; position:relative; }

.prev { width:20px; height: 20px; position:relative;left:0; }

/* news and events tabs */
#region-content h2.news-events-heading { 
	display:inline;    
	padding: 0;
	font-size:1.2em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	position:relative;
	top:10px;
	float:left;
	display:inline;
	margin:0 20px 0 12.5px;

}

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

#region-content #tabs-list {
	margin:0;
	padding:0;
	list-style-type:none;
}

#tabs-list li {
	list-style-type:none;
	margin-left:0;
	padding:0;
	display: inline;
}


#region-content .news-box h2 a {
	color: #999;
    margin: 0;
	border:0;
	display:inline;
	font-weight:bold;
	position:relative;
	display: block;
	border-bottom: 3px solid #999;
}

.news-box #tabs h2 .current {
	border-color:#666;
}


#region-content .news-box li.ui-state-active a { 
	
	color:#666;
	border-bottom: 3px solid #666;
}



.news-box .view-all a {
	color:#666;	
	background-image:url(http://www.bbk.ac.uk/european/newsitem_icon.gif);
	background-repeat:no-repeat;
	padding:0px 5px 16px 20px;
	border:0 !important;
	
}

p.news-story-teaser {
    margin-top: 0;
    margin-bottom:0;
    padding-right: 1.75em;
    width:350px;
}

div.news-story-teaser { font-weight: bold;}

.news-box .view-all.news-events-rss a {
		
	background-image:url(http://www.bbk.ac.uk/european/rss_icon.gif);

}

.news-box li.view-all {
	position:relative;
	top: 3px;
}

.news-box li.view-all.events {
	left:0;
}

#region-content a.news-story-link {
	border:0;
	font-weight:bold;
	width:360px;
	display:block;
}


#region-content .home-events-list {
	font-size: 0.85em;
	position:relative;
	top:10px;
	list-style-type:none;
	clear:both;
        margin: 5px 0 0;
    padding: 10px 0 10px 0;
    position: relative;
	
	
}


#region-content .news-box .home-events-list li {
	
    border-top: 1px dotted #CCCCCC;
    list-style-type: none;
    margin: 0;
    padding:0.75em 1.25em;


}

.home-events-list a, .home-events-list span {
	padding-right:1.25em;	
}

#region-content li.reveal {
	display:inline;
}

#region-content li.hidden {
	display:none;
}




#region-content .news-box .home-events-list li:hover {
	background-color:#fff;
	background-image:url(http://www.bbk.ac.uk/european/news-pointer.gif);
	background-repeat:no-repeat;
	background-position:-10px 50%;
	
	z-index:100;
	position:relative;
	padding-left:1.25em;
	border-right:1.25em solid #ccc;
	
}



.home-events-list li.last:hover {
	background-position:-10px  70%;	
}

.news-box .view-all.events a {
	background-image:url(http://www.bbk.ac.uk/european/add-to-calendar.gif);
	border:0 !important;
}

.news-events-actions {

	position: relative;
	font-size:0.85em;
	left:10px;
	float:right;
	top:10px;
}

#region-content .news-events-actions ul, .news-events-actions li {
	list-style-type:none;
	margin:0 10px 0 0;
	padding:0;
	display:inline;
	float:left;
	
}

/* End new home page styles */