/*
	File: stylesheet_screen.css
	Application: Default
	Authors: Colin Abercrombie Steven Park
	(c) 2008 LT Scotland. All rights reserved.
*/
/*********************************************
General tags
*********************************************/
/* Primary colour */
h1, h2, h3, h4, h5	{
	color: #01abc2;
	background: transparent;
}

/* Primary colour */
h1.ContentTitle {
	color: #01abc2;
	background-color: transparent;
	border-bottom: 1px solid #01abc2;
}

a	{
	font-weight:normal;
	text-decoration:none;
}

/* Secondary colour */
a:link	{
	color:#42b0bd;
	background-color: transparent;
	text-decoration:none;
}

/* Secondary colour - DARK */
a:visited	{
	color:#308089;
	background-color: transparent;
	text-decoration:none;
}

/* Secondary colour */
a:active	{
	color:#42b0bd;
	background-color: transparent;
	text-decoration:none;
}

/* Secondary colour */
a:hover	{
	color:#42b0bd;
	background-color: transparent;
	text-decoration:underline;
}

/*********************************************
Header Banner
*********************************************/
#HeaderImage { 
	color: #000;
	background: #fff url("../graphics/headerimage.gif") right no-repeat; 
	height: 66px;
	width: 100%;
}
#HeaderTitle { 
	background: #fff url("../graphics/headertitle.gif") left no-repeat; 
	color: #fff; 	
	height: 66px; 
	float: left;
	display: block; 	
	width: 500px; 
}

/*********************************************
Section Banner
*********************************************/
/* Primary bg colour */
#sectionBannerImage { 
	color: #000;
	background-color: #01abc2;
}

/* Primary bg colour */
#sectionBannerTitle {
	background-color: transparent;
	color: #fff;
}

/*********************************************
New HeaderBar Navigation
*********************************************/
/* Primary bg colour */
#HeaderSearchBox {
	color: #ffffff;
	background: #01abc2;
	border-left: solid 1px #fff;
}

/*********************************************
Main Navigation
*********************************************/
#NavigationBox {
	color: #000000;
	background: #fff url("../graphics/navbg.gif") bottom left repeat-x;
}

/*********************************************
Main Navigation Top Level (1)
*********************************************/
/* Primary bg colour */
li.navigationlevel1 {
	background: #01abc2;
}

a.navigationlevel1, a.navigationlevel1:link, a.navigationlevel1:visited, a.navigationlevel1:active   {
	color: #fff;
}

/* Primary bg colour */
/***Selected State***/ 
li.navigationlevel1selected {
	background: #01abc2;
}

a.navigationlevel1selected, a.navigationlevel1selected:link, a.navigationlevel1selected:visited, a.navigationlevel1selected:active, a.navigationlevel1selected:hover {
	color: #fff;
}
/*********************************************
Site Contents
*********************************************/
.center {
	text-align: center;
}

.floatright {
	float: right;
	padding: 3px 3px 3px 3px;
	margin: 5px 5px 5px 5px;
}

.floatleft {
	float: left;
	padding: 3px 3px 3px 3px;
	margin: 5px 5px 5px 5px;
}

/*********************************************
Component Container BgOn
*********************************************/
/* Primary bg colour */
.intro .bgOn, .mainslideshow .bgOn {
	color: #fff;
	background-color: #01abc2;
}
.intro .bgOn h1 {
	font-weight: bold;
	font-size: 2em;	
}
/* Primary bg colour - LIGHT */
.bgOn {
	color: #414141;
	background-color: #edfbfd; 
}

/* Primary bg colour - LIGHT */
.bgOn h2 {
	color: #414141;
	background-color: #edfbfd; 
}

.bgOn h1, .intro .bgOn h2, .mainslideshow .bgOn h2 {
	color: #fff;
	background-color: transparent; 
}

/* Primary bg colour - LIGHT */
.summary .bgOn {
	color: #414141;
	background-color: #edfbfd; 
}

/* Primary bg colour */
.blockContainer .bgOn h2 {
	color: #fff;
	background-color: #01abc2; 
}

/* Primary bg colour - LIGHT */
#Interactive .bgOn {
	color: #414141;
	background-color: #edfbfd; 
}

/* Primary bg colour */
.quickLinks .bgOn h1, .quickLinks .bgOff h1 {
	color: #fff;
	background-color: #01abc2;
	border-bottom: 1px solid #fff;
}

/* Primary bg colour */
.quickLinks .bgOn h2, .quickLinks .bgOff h2 {
	color: #fff;
	background-color: #01abc2;
	border-bottom: 1px solid #fff;
}

/*********************************************
Interactive
*********************************************/
/* Primary bg colour - LIGHT */
#Interactive h2 {
	color: #414141;
	background-color: #edfbfd;
}

/* Primary colour */
#Interactive h3 {
	color: #01abc2;
	background-color: transparent;
}

/*********************************************
Icon
*********************************************/
img.icon {
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 0px 0px;
}

/*********************************************
General table classes
*********************************************/
/* Primary bg colour */
table.style1 th {
	background-color: #01abc2;
	color: #fff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

/* Primary bg colour - LIGHT */
table.style1 td {
	background-color: #edfbfd;
	color: #414141;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

/* Primary bg colour */
table.style2 th {
	background-color: #01abc2;
	color: #fff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

/* Primary bg colour - LIGHT */
table.style2 td {
	background-color: #edfbfd;
	color: #414141;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

/*********************************************
Pagetint classes
*********************************************/
/* Primary bg colour - LIGHT */
.pagetint {
	background-color: #edfbfd;
	color: #414141;
}

/*********************************************
Feedback form classes
*********************************************/
/* Primary bg colour */
table#feedback th {
	background-color: #01abc2;
	color: #414141;
}

/* Primary bg colour - LIGHT */
table#feedback td {
	background-color: #c2dda3;
	color: #414141;
}

/*********************************************
Site Specific Classes - News section
*********************************************/
/* Primary colour */
.newsdate {
	color: #01abc2;
	font-weight:bold;
}

/*********************************************
Site Specific Classes - Events
*********************************************/
/* Primary colour */
.eventdate {
	color: #01abc2;
	font-weight:bold;
}

/*********************************************
Site Specific Classes - Event Details
*********************************************/
table.eventtable {
	margin: 0px;
	padding: 4px;
	font-size: 1.0em;
}

td.eventtableheading {
	background-color: #ffffff;
	color: #01abc2;
}

/* Primary bg colour */
td.eventheader {
	background-color: #01abc2;
	color: #fff;
}

/* Primary bg colour - LIGHT */
td.eventdetails {
	background-color: #c2dda3;
	color: #414141;
}

/* Primary bg colour - LIGHT */
td.eventTitle {
	background-color: #c2dda3;
	color: #414141;
}

/*********************************************
Site Specific Classes - RSS
*********************************************/
/* Primary colour */
li.rssitem {
	color: #01abc2;
}
.rssitemdescription {
	color: #555;
}

div.rsscontainer ul a {
	color: #42B0BD;
}



/*********************************************
Contact Details Nav Box
*********************************************/
#contactOuterBox  {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 12px;
	background: #e0f5f8;
	color: #293335;
}
#contactInnerBox {
	background: transparent;
	color: #000;
	font-size: 0.9em;
}
#contactInnerBox strong {
	color: #293335;
}
/*********************************************
Site Specific Classes - Interactive item separator
*********************************************/
#Interactive .dynamicnews li.allnews {
	background: transparent url("../graphics/news_chevron.gif") 	right center no-repeat;
	border-top: 1px solid #779094;
	list-style: none;
	text-align: right;
	padding: 3px 15px 0 0;
	margin: 10px 0 0 0;
	font-size: 0.95em;
}
#Interactive p.subscribe {
	background: transparent url("../graphics/news_chevron.gif") right top no-repeat;
	border-top: 1px solid #779094;
	list-style: none;
	text-align: right;
	padding: 3px 15px 0 0;
	margin: 10px 0 0 0;
	font-size: 0.95em;
}
#Interactive p.vacanciesmore {
	background: transparent url("../graphics/news_chevron.gif") right top no-repeat;
	border-top: 1px solid #779094;
	list-style: none;
	text-align: right;
	padding: 3px 15px 0 0;
	margin: 10px 0 0 0;
	font-size: 0.95em;
}
/*********************************************
Site Specific Classes - Vacancies
*********************************************/
.vacancyintro {
	border : solid #01abc2;
	border-width: 1px;
	padding: 5px;
	margin: 10px 0px;
}
.vacancyoutro {
	border : solid #01abc2;
	border-width: 3px;
	padding: 5px 2px 0px 130px;
	margin: 10px 0px 0px 0px;
	height: 115px;
	background: #fff url('../graphics/vacancy_image.jpg') left top no-repeat;
}
.vacancyContainer {
	border : solid #01abc2;
	border-width: 3px 3px 3px 30px;
	color: #000;
	padding: 0px 0px 5px 0px;
	margin: 10px 0px 0px 0px;
}
.vacancyDesc {
	padding: 0px 5px;
	margin: 0px;
}
.vacancyTitle {
	background-color: #e0f5f8;
	padding: 3px 5px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #01abc2;
}
.vacancyDetails {
	padding: 5px 5px 0px 5px;
	margin: 10px 0px 0px 0px;
	border-top: 1px solid #01abc2;
}
.vacancyDetails2 {
	padding: 0px 5px 0px 5px;
	margin: 5px 0px 0px 0px;
}
/*********************************************
Site Specific Classes - Vacancies (Title Only)
*********************************************/
.vacancyContainerTitle {
	background-color: #e0f5f8;
}
.vacancyContainerTitle ul {
	background-color: #e0f5f8;
	padding-bottom: 5px;
}
.vacancyContainerTitle h2 {
	color: #fff;
	padding: 4px 0px 3px 10px;
	margin: 0;
	border-bottom: solid 1px #ffffff;
	background: #019585;
}
li.vacancyTitle {
	background: transparent;
	border:0;
	margin: 0 0 0 10px;
}
.vacancyContainerTitle p {
	background: transparent;
	margin: 0;
	padding: 4px 10px;
}
/*********************************************
Site Specific Classes - Email update list
*********************************************/
.bulletinrow {
	padding:0px;
	margin: 0px 0px 0px 0px;
}
.bulletincolumn2 input {
	background: #fff;
	border: 1px solid #01abc2;
	font-size: 1.5em;
	padding: 5px;
}
.emailblock {
	background: #e0f5f8;
	padding: 1px 5px 5px 5px;
	margin: 10px 0px 10px 0px;
	border: 1px solid #01abc2;
}
.formbuttons {
	background: #e0f5f8;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	border: 1px solid #01abc2;
}
.formbuttons .bulletinheader2 {
	padding: 5px 5px 5px 0px;
	margin: 0px 0px 10px 0px;
}
/********************************************
Styles required for displaying calendar components - Added by RW 09/03/07
********************************************/
.calendarDays {
	padding-bottom:0em;
}
.notCurrentMonth {
	font-weight:normal;
	color:#aaa;
}
.currentMonth {
	font-weight:bold;
}
.calendarNavigation {
	text-align:center;
	margin-bottom:1.5em;
	margin-top:1em;
}
.gridViewEventsCalendar {
	/*border:1px solid #000099;*/
	padding:0px;
	width:100%;
}
.daysofweek {
	width:100%;
	height:2em;
	border:0px solid #000;
	white-space: nowrap;
	overflow: hidden;
}
/*
.row0, .row1, .row2, .row3, .row4, .row5 {
	border: 0px solid #a55;
	width:100%;
	height:1.65em;
	
}
*/
.dayname, .date {
	width:14%;
	height:1.4em;
	border:0px solid #000;
	margin:0px;
	padding:0px;
	float:left;
}
.date {
	border-top:1px solid #0C3A4A;
	/*background: #999 url('../graphics/gradientBGsocial.png') top left repeat-x;*/
}
.week1, .week2, .week3, .week4, .week5, .week6 {
	width:100%;
	height:auto;
	/*border:1px solid #090;*/
	margin:0px;
	padding:0px;
	white-space: nowrap;
	overflow: hidden;
	min-height:7.3em;
}
.LTSHolidays {
	background:#F5D5F9 url('../graphics/cornerLTSHolidays.gif') right bottom no-repeat;
}
.LTSOrganises {
	background:#CCEECA url('../graphics/cornerLTSOrganises.gif') right bottom no-repeat;
}
.nonLTSEvents {
	background:#FFF2CF url('../graphics/cornerNonLTSEvents.gif') right bottom no-repeat;
}
.socialEvents {
	background: #F9D5D9 url('../graphics/cornerSocialEvents.gif') right bottom no-repeat;
}
.educationEvents {
	background: #F7DFC0 url('../graphics/cornerEducationEvents.gif') right bottom no-repeat;
}
.visitors {
	background: #CAE4EE url('../graphics/cornerVisitors.gif') right bottom no-repeat;
}
.categorynotfound {
	background:#DBDBDB url('../graphics/cornerUncategorised.gif') right bottom no-repeat;
}
.gradienthook {
	background: url('../graphics/backgroundGradient.png') top left repeat-x;
}
.eventtextwrapper {
	margin-right:3px;
	padding-top:3px;
	overflow: hidden;
}
.noevent {
	background-color:#ffffff;
}
.eventicon {
	margin-top:0px;
	margin-right:2px;
	margin-left:0px;
	margin-bottom:0px;
	float:left;
}
.distFromPrevEvent0 {
	margin-left:0%;
}
.distFromPrevEvent1 {
	margin-left:14%;
}
.distFromPrevEvent2 {
	margin-left:28%;
}
.distFromPrevEvent3 {
	margin-left:42%;
}
.distFromPrevEvent4 {
	margin-left:56%;
}
.distFromPrevEvent5 {
	margin-left:70%;
}
.distFromPrevEvent6  {
	margin-left:84%;
}
.length0, .length1 {
	width:14%;
}
.length2 {
	width:28%;
}
.length3 {
	width:42%;
}
.length4 {
	width:56%;
}
.length5 {
	width:70%;
}
.length6 {
	width:84%;
}
.length7 {
	width:98%;
}
.length1, .length2, .length3, .length4, .length5, .length6, .length7 {
	border:0px dashed #000000;
}
.LTSHolidays, .LTSOrganises, .nonLTSEvents, .socialEvents, .educationEvents, .visitors, .categorynotfound{
	color:#000;
	white-space: nowrap;
	padding:0px;
	overflow: hidden;
	float:left;
	height:1.45em;
	margin-bottom:1px;
}

/*********************************************
Software & Publications
*********************************************/
table#resourcelibrarydetails {
	background: #e7ebec;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	margin-bottom: 20px;
}
table#resourcelibrarydetails td {
	background: #e7ebec;
	vertical-align: top;
	padding: 5px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
table#resourcelibrarydetails td p {
	padding: 0px;
	margin: 0px;
}
table#resourcelibrarydetails th {
	background: #01abc2;
	vertical-align: top;
	text-align: left;
	padding: 5px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
/*********************************************
Carousel
*********************************************/
.carousel .bgOn {
	color: #fff;
	background: #01abc2;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
#myGallery, #myGallerySet, #flickrGallery
{
	width: 300px;
	height: 200px;
}
.carousel .bgOn h1 {
	font-size: 1.8em;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #fff;
}

.carousel h2 {
	color: #fff;
	background: transparent;
}
.carousel p {
	color: #fff;
}
#myGallery a, #myGallery a:link, #myGallery a:active, #myGallery a:visited {
	color: #fff;
}
#myGallery a:hover {
	color: #fff;
	text-decoration: underline;
}
#Content .jdGallery div.carouselContainer {
	height: 115px;
}
#Content .jdGallery .carousel {
	height: 95px;
}

/*********************************************
Site Specific Classes - Email Bulletin classes
********************************************/
div.bulletinform {
	padding: 5px 5px 5px 5px;
	margin:  0px 0px 10px 0px;
	background: #e0f5f8;
	color: #000;
	border: 1px solid #111;
}
ul.bulletinsub {
	list-style: none;
	padding: 5px 5px 5px 5px;
	margin:  0px 0px 10px 0px;
	background: #f4d7e9;
	color: #000;
}
li.bulletinsub {
	padding: 2px 0px 2px 0px;
	margin:  0px 0px 0px 0px;
}
ul.bulletinunsub {
	list-style: none;
	padding: 5px 5px 5px 5px;
	margin:  0px 0px 10px 0px;
	background: #f4d7e9;
	color: #000;
}
li.bulletinunsub {
	padding: 2px 0px 2px 0px;
	margin:  0px 0px 0px 0px;
}
div.bulletinsubhead {
	font-weight: bold;
	font-size: 1.1em;
}
div.bulletinsubtext {
	padding: 2px 0px 2px 0px;
	margin:  0px 0px 0px 0px;
}
ul.bulletinerror {
	list-style: none;
	padding: 5px 5px 5px 5px;
	margin:  0px 0px 10px 0px;
	background: #f4d7e9;
	color: #000;
}
li.bulletinerror {
	padding: 2px 0px 2px 0px;
	margin:  0px 0px 0px 0px;
}
div.bulletinerrortext {
	padding: 2px 0px 2px 0px;
	margin:  0px 0px 0px 0px;
}

/* 960T gridMods */

div#wrapper {
width:980px;
}

* html div#wrapper {
width:980px;
}

* html div#userpref {
width:980px;
}

div#userpref {
width:980px;
}

#NavigationContainer {
margin:10px 10px 0 10px;
_margin:10px 5px 0 5px;
width:190px;
}

#MainContainer {
margin:0 0 0 10px;
_margin:0 0 0 5px;
width:750px;
}

#ContentContainer {
margin:10px 0 0 0;
width:540px;
_width:550px;
}

#InteractiveContainer {
margin:0;
width:190px;
}

/* end 960T gridMods */


/* events */
.search_results .iconBackground{
	background: #01ABC2 url(/global/graphics/iconCalendar.png) no-repeat 0 0;
	width: 49px;
	height: 45px;
	position: absolute;
	top:2px;
	left:-1px;
}

ul.search_results li.search_eventitem{
	padding-left: 50px;
	position: relative;
	*zoom:1;
}

.search_eventitem p.n0{
	font-size: 17px;
	margin:0 !important;
}

.search_eventitem p.n1{
	font-weight: bold;
}

.search_results .l{
	border-bottom:0;
}

.search_results .iconBackground{
      _behavior: url(/global/includes/fixPng.htc);
}
/* end events */