﻿/*STANDARD ELEMENTS*/
p {
  line-height:1.5em;
  text-align:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }
hr
{
	/*width:95%;
	margin:0% 2.5% 0% 2.5%;*/
	clear:both;
}

h1
{
	clear:both;
	text-align:center;
	width:100%;
	line-height:1.5em;
}
h2 {
	clear:both;
	text-align:left;
	width:100%;
	font-size:1.2em;
}

div.galleryContainer + h1 + h2
{
	margin:0em 3em 1em 3em;
	width:45em;
}

.Red
{
	color:#EF4135;
}

.SubTitle
{
	margin-left:3em;
	width:90%;
}

.Underline
{
	text-decoration:none;
}

.Hidden
{
	visibility:hidden;
	position:absolute;
	left: -999em;
}

.Bold
{
	font-weight: bold; 
}

.BR 
{
clear:both;
}

input[type="text"], input[type="password"]
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 0.9em;
	color: #000000;
	text-decoration: none;
	background-image: url(../../Images/textboxBack.gif);
	background-repeat: repeat-x;
}

input[type="radio"], input[type="checkbox"]
{
	border:none;
}

input[type="submit"]
{
	background-color: #EF4135;
	border-top-width: .2em;
	border-right-width: .2em;
	border-bottom-width: .2em;
	border-left-width: .2em;
	border-top-color: #FFFFFF;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #D56C6C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
	text-decoration: none;
	text-align : center;
	height:2.4em;
}

a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC2D2D;
	text-decoration: underline;
} 

a:focus {
	color: #000000;
	background-color: #cccccc;
}

a:active {
	color: #000000;
	background-color: #cccccc ;
}

/* Header is the section at the top of the page containing:
   1. Logo
   2. Master Menu
   3. Main Menu
   4. SiteSearch
   5. Menu bar (i.e. below the tab menu)
*/

/*Background Values based on tab selected*/

.BackGround0
{
	background-image: url(../../images/backgrounds/background-red.gif); background-repeat:repeat;
}

.BackGround1
{
	background-image: url(../../images/backgrounds/background-green.gif); background-repeat: repeat;
}

.BackGround2
{
	background-image: url(../../images/backgrounds/background-turquoise.gif);  background-repeat: repeat;
}

.BackGround3
{ 
	background-image: url(../../images/backgrounds/background-orange.gif);  background-repeat: repeat;
}

.BackGround4
{
	background-image: url(../../images/backgrounds/background-purple.gif);  background-repeat: repeat;
}

/*Logo - negative margin as the menu does not 'stick' to the bar in IE if we split this up into smaller divs*/
.Header-Logo 
{
	float:left;
	margin-bottom:-4.5em;
}

.MenuBar-Login, .Header-Menu-LoggedIn
{
	float:left;
	padding:0.3em;
	margin-top:0.5em;
	margin-left:1em;
}


/*SearchSite Control*/
.Header-Menu-SearchSite 
{
	float:right;
	margin-top:0.5em;
}

.Header-Menu-SearchSite-Title, .Header-Menu-SearchSite-Button, .Header-Menu-SearchSite-Input 
{
	margin-right:5px;
}

.Header-Menu-Main 
{
	clear:both;
	height:79%;
	margin-right:2em;
	float:right;
}

/* Menu bar is that bit below the main tabs */

.MenuBar-Selected0,
.MenuBar-Selected1,
.MenuBar-Selected2,
.MenuBar-Selected3,
.MenuBar-Selected4
{
	clear:both;	
	display:block;
	height:1.6em;
	z-index:999;
	position:relative;
}

.MenuBar-Selected0
{	
	background-image: url(../../images/menubar/menu-bar-red.gif);
}

.MenuBar-Selected1
{
	background-image: url(../../images/menubar/menu-bar-green.gif);
}
	
.MenuBar-Selected2
{	
	background-image: url(../../images/menubar/menu-bar-turquoise.gif);
}
	
.MenuBar-Selected3
{
	background-image: url(../../images/menubar/menu-bar-orange.gif);
}
	
.MenuBar-Selected4
{
	background-image: url(../../images/menubar/menu-bar-purple.gif);
}

/* SideBarContentFooter is the div that wraps the SideBar, Content and the Footer primarily to set 
   the background colour for that whole section */
.SideBarContentFooter 
{
	background: #E6E6E6;
	width: 100%;
}

/*SideBar*/
.SideBarContentFooter-SideBar 
{
	float:left;
	width:21%;
	min-width:21%;
	padding:10px 0px 10px 0px;

}

/*Quick Break Search Control*/
.SideBarContentFooter-SideBar-SearchQuick
{
	padding-top:0.5em;
	font-family:Verdana;
}

.SideBarContentFooter-SideBar-SearchQuick-Label
{
	display:block;
	color:Black;
	margin:0.5em 2em 0 2em;
	text-align:left;
}

.SideBarContentFooter-SideBar-SearchQuick-Title 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:Black;
	margin-right:1em;
}

.SideBarContentFooter-SideBar-SearchQuick-DropDownDuration, 
.SideBarContentFooter-SideBar-SearchQuick-DropDownAge, 
.SideBarContentFooter-SideBar-SearchQuick-DropDownLocation 
{
	clear:both;
	display:block;
	margin:0em 2em;
	width:10em;
}

.SideBarContentFooter-SideBar-SearchQuick-Button
{
	margin:1em 2em;
}

.SideBarContentFooter-SideBar-SearchQuick-hyperlink
{
	margin:0em 2em;
	width:10em;
	display:block;
}

/*Main Content*/
.SideBarContentFooter-Content 
{
	float: right;
	min-height: 550px;
	background: white;
	width: 79%;
	z-index: -1;
	font-family: verdana, Arial, sans-serif;
}


/*Footer*/
.SideBarContentFooter-Footer 
{
	clear:both;
	background: white;
	width:100%;
	height:3em;
}

.SideBarContentFooter-Footer1
{
	min-height:100%;
	width:21%;
	float:left;
	background-color:#E6E6E6;
	vertical-align:bottom;
}

.SideBarContentFooter-Footer1 a:focus
{
	background-color:#E6E6E6;
}

.SideBarContentFooter-Footer .LogoSCC
{
	margin-top:-19px;
	
}

.SideBarContentFooter-Footer1 a:link
{
	text-decoration:none;
}

.SideBarContentFooter-Footer2
{
	width:79%;
	float:left;	
	background-color:White;
	height:100%;
}

.SideBarContentFooter-Footer-MenuFooter 
{
	display: inline;
	float: left;	
}

/*Quick Search Container*/
.quickSearchContainer {
 width:67%;
 min-width:15em;
 max-width:800px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#fff;
 margin-left:0.5em;
 clear:both;
 float:left;
}

.quickSearchContainer .quickHeader .quickCorner
{
 font-size:1px; /* ensure minimum height */
 height:9px;
}

.quickSearchContainer .quickFooter .quickCorner
{
 height:17px;
}

.quickSearchContainer .quickHeader {
 background:transparent url(../../images/QuickSearchBox/quicksearch_topleft.gif) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.quickSearchContainer .quickHeader .quickCorner {
 background:transparent url(../../images/QuickSearchBox/quicksearch_topright.gif) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.quickSearchContainer .quickBody {
 background:transparent url(../../images/QuickSearchBox/quicksearch_middleleft.gif) repeat-y 0px 0px;
 margin-right:6px;
}

.quickSearchContainer .quickBody .quickCorner {
 background:transparent url(../../images/QuickSearchBox/quicksearch_middleright.gif) repeat-y right 0px;
 margin-right:-6px;
 height: 17em;
}

.quickSearchContainer .quickBody .quickCorner .s {
 margin:0px 8px 0px 4px;
 background:#000 url(../../images/QuickSearchBox/quicksearch_centre.gif) repeat-x 0px 0px;
 padding:1em;
}

.quickSearchContainer .quickFooter {
 background:transparent url(../../images/QuickSearchBox/quicksearch_bottomleft.gif) no-repeat 0px 0px;
 margin-right:14px;
}

.quickSearchContainer .quickFooter .quickCorner {
 background:transparent url(../../images/QuickSearchBox/quicksearch_bottomright.gif) no-repeat right 0px;
 margin-right:-14px;
}

/*Paging Control*/
.PagingItem, PagingItem *
{
	float:left;
	margin:0.5em;
}

.PagingContainer
{
	clear:both;
	margin:1em 5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #990000;
	line-height: 2em;
}

.PagingContainer a:link,.PagingContainer a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
	line-height: 2em;
} 

.PagingContainer a:focus, .PagingContainer a:active 
{
	color: #FFFFFF;
	background-color: #000000;
	padding: .2em;
}

.PagingItemShowAll
{
	float:left;
	margin-top:0.5em;
}

.PagingItemShowAll:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
	line-height: 2em;
} 

.PagingItemShowAll:focus {
	color: #FFFFFF;
	background-color: #000000;

}

.PagingItemShowAll:active {
	color: #FFFFFF;
	background-color: #000000;

}

.AspNet-DataList hr
{
	width:100%;
	margin:1em 0em;
}

.AspNet-DataList ul
{
	padding:0;
	margin:2em;
}

.AspNet-DataList-Alternate, .AspNet-DataList-Item, .PagingHR
{
	clear:both;
}

/* Forgotten Password */
.AspNet-PasswordRecovery
{
	margin:1em;	
}

/*Standard Layout 1 - Label and then text value*/
.Standard1
{
	display : block;
	width : 100%;
}

.Standard1 ul
{
	padding:0;
}

.Standard1 label
{
	float:left;
	width:20em;
	text-align:left;
	font-weight:bold;
}

.Standard1 li
{
	text-align:left;
	width:100%;
	margin:1em 0em;
	float:left;
}

.Standard1 h2
{
	text-align:left;
	margin:0;
	width:80%;
}

.Standard1 input
{
	float:left;
	margin-right:1em;
}

.Standard1 input[type="text"]
{
	width:25em;	
}

/*END Standard Layout 1 - Label and then text value*/

/* Standard Layout 2 - Full width text*/
.Standard2
{
	display : block;
	margin:2em;
	line-height:1.5em;
}

.Standard2 ul
{
	margin:0;
	padding:0;
	text-align:left;
	line-height:1.5em;
}

.Standard2 li
{
	margin:1em 0em;
}

.Standard2 label
{
	float:left;
	line-height:1.5em;	
}

.Standard2 input
{
	float:left;	
	margin-left:1em;
	line-height:1.5em;
}
/*END Standard Layout 1 - Label and then text value*/

/* Standard Layout 3 - Checkboxes*/

.Standard3 {
	float:left;
	width:100%;
	padding-top:.3em;
	text-align:left;
	}
	
.Standard3 ul
{
	padding:0;
	margin:2em;
}

.Standard3 label
{
	line-height:1.5em;
}

.Standard3 li {
	float:left;
	height:auto;
	width:100%;
	clear:both;
	padding-bottom:.6em;
	}

.Standard3 input[type="checkbox"], input[type="radio"] {
	text-align: left;
	width:2em;
}

.Standard3 textarea
{
	width:55em;
	height:8em;
}

/*Standard Layout 4 - 60% width - MORE DETAILS PAGE*/
.Standard4
{
	display : block;
	width : 60%;
}

.Standard5
{
	display : block;
	width : 100%;
}

.Standard4 ul, .Standard5 ul
{
	padding:0;
	margin:0 2em 2em;
	
}

.Standard4 label, .Standard5 label
{
	float:left;
	width:10em;
	text-align:left;
	font-weight:bold;
}

.Standard4 li, .Standard5 li
{
	text-align:left;
	width:100%;
	margin:1em 0em;
	float:left;
}

.Standard4 h2, .Standard5 h2
{
	text-align:left;
	margin:0;
	width:80%;
}

.Standard4 input, .Standard5 input
{
	float:left;
	margin-right:1em;
}

.Standard4 input[type="text"], .Standard5 input[type="text"]
{
	width:25em;	
}

.Breaks ul 
{
	margin:0;
	padding:0;
	margin-left:2em;
	list-style-type:disc;
}

.Breaks ul li
{
	list-style-type:disc;
	float:none;
	vertical-align:middle;
}

.SearchResultsDetailsDisabilities-Disabilities li
{
	width:4em;
}

.SearchResultsDetailsDisabilities-Disabilities img
{
	/*REMOVE THIS ONCE YOU HAVE SORTED OUT THE DISABILITY LOGO SIZES*/
	height:50px;
	width:50px;
	margin-left:1em;
}
.DisabilitiesCateredFor
{
	margin-left:3em;
	float:left;
}

.Standard5 p
{
	width:100%;
}
/*END Standard Layout 4 - 60% width*/

/*Necessary Custom Styles*/

.Ethnic 
{
	float:left;
	width:30%;
	clear:none;
	text-align:left;
	height:11em;
}

.Ethnic2
{
	float:left;
	width:30%;
	margin:1em 0em;
}

.HorizontalRadioButtons
{
	float:left;
	text-align:left;
	line-height:1.5;
	margin:2em;
}

.HorizontalRadioButtonsLabel label
{
	font-weight:bold;
	width:19.5em;
	float:left;
}

.HorizontalRadioButtons ul
{
	margin:0;
	padding:0;
}

.Validator
{
	float:left;
}



/*END*/
