/* 
#############################
Name: Brom.css
Created by: Phil Yates
Purpose: To add extra layout CSS on the Bromley College Website
working with Layout.css and all the other Contrapositive CSS files
#############################
 */

.examstable {
	border-collapse:collapse;
	border:1px solid #333;
	margin-top:20px;
}

.examsheader {
	font-weight:bold;
	color: #fff;
	background-color:#789;
}

.examsbody {
	font-weight:normal;
	border:1px solid #999;
	background-color:#eee;
	padding:5px;
}

#div_celebrating_50:hover{
border: 1px SOLID #dfdfdf;
padding: 2px 2px 5px 2px;
text-align:center;
margin-bottom: 10px!important;
font-size:1.1em;
background-color:#D1D1D1!important;
}

#div_celebrating_50 {
border: 1px SOLID #dfdfdf;
background-color:#FFFFFF;
padding: 2px 2px 5px 2px;
text-align:center;
font-size:1.1em;
margin-bottom: 10px!important;
}

#div_celebrating_50 a{
color:#808080!important;
}

a.a_celebrate_50{
color:#808080!important;
}

a.a_celebrate_50:hover{
color: #000000!important;
}

#div_celebrating_50 img{
margin-left: -7px;
border:0 SOLID White;
}

#NEWS1
{
padding-top: 10px;
}

#div_Portlet_Casestudy {
margin-top: 20px;
width:190px;
/*border: 1px SOLID #dfdfdf;*/
height: 200px;
padding: 0px 0px 0px 0px;
font-size: 1.0em;
font-weight: bold;
color:#E10062;
}

#div_Portlet_Casestudy img{
width: 190px;
margin-top: 10px;
}

#brom_home_content{
/*
USED IN: 
- Home Page Template (HomeTemplate.tpl; Line 11)

PURPOSE:
Added Div around the content to allow the "Prospectus" Portlet to align on the right 
next to the paragraph text of the page

CSS:*/
width: 48%;
float:left;
}

p.brom_news_summary_heading{
/*
USED IN: 
- News Page Handler (content_NEWS_handler.php; Line  & 6)

PURPOSE:
Added Div around the content to allow the "Prospectus" Portlet to align on the right 
next to the paragraph text of the page

CSS:*/
color: #E10062; /*Contrapositive designed PINK*/
font-weight: bold;
}

#newsPortletNewsRight h2{ 
color: #FFFFFF;
}

#newsPortletNewsRight a { 
/*
USED To Override the A Href Style for the Portlet News
*/
color:#FFFFFF;
}

#newsPortletNewsRight a:hover { 
/*
USED To Override the A Href Style for the Portlet News
*/
color:#000000;
}

#PageFeatureLeft a { 
/*
USED To Override the A Href Style for the Feature Box
*/
color:#FFFFFF;
}

#PageFeatureLeft a:hover { 
/*
USED To Override the A Href Style for the Feature Box
*/
color:#000000;
}

#BROM_Linked_Image_Portlet_Container img
{
/*
USED IN: 
- Image Section Handler (_section-image.tpl; Line 1)

PURPOSE:
To Contain the text and image of the Portlet and to allow the user to place the text either side of the image
and to allow the image to be a link.

CSS:*/
border: 0 solid transparent;
}


#BROM_Linked_Image_Portlet_Image
{
/*
USED IN: 
- Image Section Handler (_section-image.tpl; Line 2)

PURPOSE:
To Contain the text and image of the Portlet and to allow the user to place the text either side of the image
and to allow the image to be a link.

CSS:*/

}

#BROM_Linked_Image_Portlet_Text
{
/*
USED IN: 
- Image Section Handler (_section-image.tpl; Line 5)

PURPOSE:
To Contain the text and image of the Portlet and to allow the user to place the text either side of the image
and to allow the image to be a link.

CSS:*/
padding: 2px 2px 2px 5px;
}

#brom_news_photoCaption {
/*
USED IN: 
- content_NEWS_handler (content_NEWS_handler.php; Line 5)

PURPOSE:
To contain the image in the news article page and allow the user to specify size and position.

CSS:*/
	background-color: #E10062;
	padding: 5px;
	font-size: 0.9em;
	color: #FFFFFF;
	font-weight: bold;
	margin: 5px 5px 20px 10px;
	position:relative;
	z-index: 3;
}
#brom_news_photoCaption img {
	margin-bottom: 5px;
	clear: none;
}
#brom_news_photoCaption p {
	margin: 0px !important;
}

#brom_news_feature
{

	background-color: #E10062;
	color: #FFFFFF;
	margin-bottom: 10px;
	/*margin-left: 304px;*/
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	min-height:80px;

}

#brom_news_article_date{
/*
USED IN: 
- News Article (content_News_handler.php; Line 14)

PURPOSE:
To contain the logo images and place them at the right of the screen

CSS:*/
position:relative;
top: -35px;
float: right;
}

#brom_news_article_container{
/*
USED IN: 
- News Article (content_News_handler.php; Line 14)

PURPOSE:
To contain the logo images and place them at the right of the screen

CSS:*/
padding: 2px 2px 2px 2px;
margin: 0 0 0 0;
background-color: transparent;
position:relative;
z-index:0;
}

#brom_news_article_text{
/*
USED IN: 
- News Article (content_News_handler.php; Line 14)

PURPOSE:
To contain the logo images and place them at the right of the screen

CSS:*/
background-color: transparent;
position:relative;
top: -30px;
z-index: 1;
}

#brom_training_for_business_logos{
/*
USED IN: 
- News Article (content_News_handler.php; Line 14)

PURPOSE:
To contain the logo images and place them at the right of the screen

CSS:*/
margin-top: -90px;
float:right; 
width:310px; 
padding-right:1px;
}

a.a_quote{
/*
USED IN: 
- Training for Business landing template (TrainingTemplate.tpl; Line 14)

PURPOSE:
To keep the text grey instead of white!

CSS:*/
color:#808080 !important;
text-decoration:none !important;
}

a.a_quote:hover{
/*
USED IN: 
- Portlets for Quotes.

PURPOSE:
To allow user feedback by turning the text black

CSS:*/
color:#000000 !important;
text-decoration:none !important;
}

img.Brom_img_profile_border
{
border: 3px SOLID #E10062 !important;
}

.bromnewspics{
/*
USED IN: 
- content_NEWS_handler (content_NEWS_handler.php; Line 5)

PURPOSE:
To contain the image in the news article page and allow the user to specify size and position.

CSS:*/
/*background-color: blue;*/
min-height: 55px;
}

#brom_news_leftColumn{
/*
USED IN: 
- content_NEWS_handler (content_NEWS_handler.php; Line 267)

PURPOSE:
To contain the left hand side of the news list

CSS:*/
padding-top: 5px;
width: 50%; 
min-height: 250px;
float: left;
}


#brom_news_rightColumn{
/*
USED IN: 
- content_NEWS_handler (content_NEWS_handler.php; Line 267)

PURPOSE:
To contain the right hand side of the news list

CSS:*/
/*background-color: red; */
padding-top: 5px;
width: 50%; 
min-height: 250px;
float: left;
}

img.brom_news_image{
/*
USED IN: 
- content_NEWS_handler (content_NEWS_handler.php; Line 267)

PURPOSE:
To contain the images in the news list

CSS:*/
width: 115px;
float:left;
border: 0 solid transparent;
padding-right: 5px;
padding-bottom: 2px;
/*margin-bottom: 20px;*/
}

#brom_new_pages{
float: right;
width: 100px;
}

#brom_news_landingPageImage {
/*
USED IN: 
- content_NEWS_handler (content_NEWS_handler.php; Line 267)

PURPOSE:
To contain the landing page image in the news and to bring the bread crumbs up.

CSS:*/
	margin-bottom: -50px;
	height: 233px;
}

#BROM_Enquiry_Form ul{
list-style: none;
}

#BROM_Enquiry_Form ul, #box1 ul, #box2 ul {list-style: none; margin: 0; padding: 0}
#BROM_Enquiry_Form li, #box1 li, #box2 li {margin: 0.5em 0}

/*Added By Colin Palmer*/	
#BROM_Enquiry_Form label
{
text-align:right;
width:10em;
margin-right:0.5em;
/* Puts Address inline with textarea */
float:left;
}

/*Added By Colin Palmer*/	
#BROM_Enquiry_Form select, textarea
{
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
/* Formats font in textarea so can be enlarged */

}

/*Added By Colin Palmer*/	
#BROM_Enquiry_Form li.check label
{
text-align:left;
width:auto;
margin-right:0;
/* Puts Address inline with textarea */
float:none;
display:inline;
}

/*Added By Colin Palmer*/	
/*Radio & Check Box Positioning*/	
#BROM_Enquiry_Form li.check span
{
display:block;
padding-left:10em;
}


/*Added By Colin Palmer*/	
/*Label Text*/	
#BROM_Enquiry_Form li.check span.name
{
padding-left:0em;
width:16em;
text-align:left;
}

/*Added By Colin Palmer*/	
/*Text for Course/Source Information*/	
#BROM_Enquiry_Form label.Courses
{
text-align:left;
width:18em;
}

#BROM_Enquiry_Form input.button {
background-color: #E10062;
color: #FFFFFF;
font-weight:bold;
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
border: 0 solid transparent;
padding: 2px 5px 2px 5px;
}

#Brom_Reviewers_Comments{
background-color:#FFFFAA;
font-weight: bold;
border: 1px SOLID #000000;
padding: 5px 5px 5px 5px;
}

#PageFeatureLeft {
/**min-height: 100px;
max-height: 200px;/**/
font-size:small;
}


.featureLeft #PageFeatureLeft{
/*	margin-top:-12px;	
	margin-bottom: -6px;
	*/
}

#screen_message h1, #screen_message h2{
	padding-top: 10px;
	text-align:center;
}
#screen_blackout{
position:absolute;
z-index: 100;
background-color: black;
width: 100%;
height: 100%;
top:0;
left:0;
opacity:0.6;
filter:alpha(opacity=60);
text-align:center;
vertical-align:middle;
}

#screen_message{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-color:#DFDFDF;
	margin: auto;
	width: 500px;
	min-height: 300px;
	border: 3px SOLID #E10062!important;
	opacity:1!important;
	filter:alpha(opacity=100)!important;
	position:absolute;
	z-index: 101;
	text-align:left;
	margin-top: 100px;
	font-size: medium;
	font-size: medium;
	line-height: 30px;
}



#modified_date{
font-size: x-small;
float:right;
line-height: 15px;
}


#close_link{
text-align: center;	
}

/******************* Faux Columns 30-07-2010 *************/
#homepage_FauxColWrapper {
	background-image: url('images/homepage_fauxColumnGrey.png');/**  This image to change depending on colour **/
	background-repeat: repeat-y;
	display: block; 
	position: relative; 
	zoom: 1;
}
#homepage_FauxColWrapper .featureLeft *, #homepage_FauxColWrapper .featureRight *,
#homepage_FauxColWrapper .featureLeft, #homepage_FauxColWrapper .featureRight  {
	margin: 0px; padding: 0px;
	line-height: normal;
}
#homepage_FauxColWrapper .featureLeft ,
#homepage_FauxColWrapper .featureRight  {
	display: block; position: relative;
	width: 285px; margin-left: 0px; margin-top: 5px;
	background-color: transparent !important;
	float: right;
	padding: 0px 5px;
}
#homepage_FauxColWrapper .featureRight { margin-left: 9px; }
#homepage_FauxColWrapper h2 { font-size: 1.4em; }
#homepage_FauxColWrapper h3,
#homepage_FauxColWrapper h4,
#homepage_FauxColWrapper h5,
#homepage_FauxColWrapper h6,
#homepage_FauxColWrapper h7 { font-size: 1em; }
/******************* End of Faux Columns *************/



/******************* YouCan Campaign 30-07-2010 *************/
#youCanEnrol {
	display: block;
	background-image: url('images/youCanEnrol.gif');
	width: 190px; height: 245px;
	cursor: pointer;
	clear: left;
}
#youCanEnrol a { display: block; width: 100%; height: 100%; }
#youCanEnrol:hover { background-position: -190px 0px; }


#col2 #homePageImage {
	height: 335px;
	width: 600px;
	/**/margin-bottom: -40px;/**/
}

#col2 #homePageImage div#youCanIntro {
	background-image: url('images/homepageFlashReplacement.png');
	background-repeat: no-repeat;
	background-position: top center;
}
#col2 #videoPageContent div#youCanVideos {
	background-image: url('images/youcanpageFlashReplacement.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 200px;
	padding: 20px;
}
#col2 #homePageImage div#youCanIntro a.tubeLink { 
	display: block; position: relative;
	height: 330px; width: 600px;
	z-index: 1;
}

/******* End YouCan Campaign *************/

/******************* Channel Landing Pages 'Six Boxes' - 05/08/2010 *************/
div.boxWrapper { line-height: 0px; float: right; } 
div.landingSixBox { 
	float: left; display: block; 
	position: relative; 
	width: 294px; 
	margin: 5px; margin-bottom: 0px; margin-right: 0px;
	line-height: normal;
}
div.landingSixBox:first-child { margin-left: 0px; margin-right: 5px; }
div.landingSixBox:last-child {/** margin-right: 0px; /**/}

div.landingSixBox a { 
	display: block; 
	width: 100%; height: 100%; 
	font-weight: normal; }
div.landingSixBox h3 a { font-weight: bold; }
div.boxWrapper a * { text-decoration: none !important; cursor: pointer; } /* IE 7 fix for badly formed dom, does not effect other browsers */

div.landingSixBox a:hover { cursor: pointer; }
div.landingSixBox div.W3C a,
div.landingSixBox div.W3C a:hover {  color: #000;  }
div.landingSixBox h3 a,
div.landingSixBox h3 a:hover {  color: #fff;  }

div.landingSixBox h3 { 
	background-color: transparent;
	font-size: 1.1em; font-weight: bold; 
	margin: 0px; padding: 3px 5px; 
	text-align: right;
	line-height: 1em;
	color: #fff !important;
	text-decoration:none!important;
}
#content div.landingSixBox p,
div.landingSixBox p, 
div.landingSixBox div.W3C { 
	font-weight: normal;
	margin: 0px; padding: 2px 5px 0px; text-align: right; }

/******** addition - 19-08-2010 *********/
div.landingSixBox *, div.boxWrapper a,
div.boxWrapper a * { text-decoration: none !important; }
/*********/
/** END ***** Channel Landing Pages 'Six Boxes' *** END ****/

/******************* In content Enrol banner *************/
#content a img.enrolBanner { border: 2px solid #fff; margin-top: 20px; }
#content a:hover img.enrolBanner { border-color: #ccc; }
/*** END *** In content Enrol banner *** END ***/

/******** In content Images connected to paragraphs top over-ride *************/
#articlePageImageTop div.photoCaption { background-color: transparent!important; padding: 0px; }
#articlePageImageTop div.photoCaption p { display: none; }
#articlePageImageTop div.photoCaption img { margin-right: 7px; margin-top: 17px; }
/*** END *** Images connected to paragraphs top over-ride *** END ***/