/* Importing of a custom Style Sheet for BLARS */
/* Created by JW 07/02/2008 */

@import url("blars.css");

/* Main Layout */
/* ========================================================== */

/* ====== 		  */
/*  Main areas  */
/* ====== 		  */
#header
{
	/*background-image: url('../images/logobalk.gif'); removed SAS - 23/01/08*/
	/*background-repeat: repeat-x; removed SAS - 23/01/08*/
	/*height: 80px;removed SAS - 23/01/08*/
	background-image: url(../images/luton_small.gif); /*added SAS - 23/01/08*/
	background-position:right; /*added SAS - 23/01/08*/
	background-repeat:no-repeat; /*added SAS - 23/01/08*/
	vertical-align: top;
}

#LeftMenu
{
	height: 800px;
	width: 150px;
	/*background-color: #c33030; - removed SAS - 22/01/08*/
	background-color: #0051b8; /*added SAS - 22/01/08*/
	padding-top: 20px;
}

#MainArea
{
  /*background-color: #EEEEEE; - removed SAS - 22/01/08*/
  background-color: #d8ebf9; /*added SAS - 22/01/08*/
  padding: 18px;
}

.introArea
{
  width: 600px;
}

/* ====== 				      */
/*  error messages     	*/
/* ====== 				      */

.errorMessage
{
  margin: 0px;
  padding: 0px;
  /*font-family: "Trebuchet MS" , Arial, Helvetica; - removed SAS - 22/01/08*/ 
  font-family: Arial, verdana, sans-serif; /* added SAS - 22/01/08*/
  font-size: small;
  font-weight: bold;
  color: Red;
  text-decoration: none;
  text-transform: none;  
}

.requiredFieldError
{
  color: Red;
}

/* ====== 				      */
/*  Global formatting  	*/
/* ====== 				      */

body
{
  margin: 0px;
  padding: 0px;
  /*font-family: "Trebuchet MS" , Arial, Helvetica; - removed SAS - 22/01/08*/ 
  font-family: Arial, verdana, sans-serif;  /* added SAS - 22/01/08*/
  font-size: small;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;

}

/* added - SAS - 31/08/10 */
/* All browsers except IE6 understand this */
/* they all use this and ignore the other WordWrap class */
html > body .WordWrap
{
	font-family: Arial, verdana, sans-serif; 
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	/*width: 50%;*/
	word-wrap: break-word;
	White-space: pre-wrap; /* firefox*/
}
/****************************/

/* added - SAS - 27/08/10 */
/* Only IE6 understands this class.*/
/* all other browsers ignore it*/
* html .WordWrap
{
	font-family: Arial, verdana, sans-serif; 
	font-size: 100%;
	color:Black;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	/*width: 50%;*/
	word-wrap: break-word;
	White-space: normal; /*ie6*/
}
/****************************/

TD
{
  font-size: 14px;
}

.lightLabel a, .button a
{
  font-size: 13px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: bold;
  text-decoration: none;  
  color: black;  
}

.lightLabel a:hover, .button a:hover
{
  font-size: 13px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */  
  font-weight: bold;
  text-decoration: none;
  color: #cc1010;
}

a
{
  font-size: 13px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: normal;
  /* text-decoration: bold;  removed - SAS - 23/05/08*/
  text-decoration: none;  /* added - SAS - 02/06/08 */
  /* color: black;  removed - SAS - 23/05/08*/
  color: #0000ff;  /* added - SAS - 23/05/08 */
}

a:hover
{
  font-size: 13px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */  
  font-weight: normal;
  text-decoration: underline; /*added SAS - 02/06/08*/

  color: #cc1010;
}

H1
{
  /*font-family: "Trebuchet MS" , Arial, Helvetica; - removed SAS - 22/01/08*/ 
  font-family: Arial, verdana, sans-serif; /* added SAS - 22/01/08*/
  font-size: 1.3em;
  font-weight: bold;
  /*color: #990000; - removed SAS - 22/01/08*/
  color: #0051b8; /*added SAS - 22/01/08*/
  text-decoration: none;
}

H2
{
  padding-top: 3px;
  padding-bottom: 8px;
  font-weight: bold;
  font-size: 1em;
  margin: 0px;
  /*color: #990000; - removed SAS - 22/01/08*/
  color: #004870; /*added SAS - 22/01/08*/
  /*font-family: "Trebuchet MS" , Arial, Helvetica; - removed SAS - 22/01/08*/ 
  font-family: Arial, verdana, sans-serif; /* added SAS - 22/01/08*/
  text-decoration: none;
}

UL
{
  list-style-type: none;
}

.hilite
{
  font-weight: bold;
  color: #cc1010;
}

.highlight
{
  font-weight: bold;
  color: #cc1010;
}

/* Special Area's */

#languageFlags
{
  position: absolute;
  top: 40px;
  right: 0px;
}

#innerFlags
{
  background-color: #eeeeee;
  padding-right: 10px;
  padding-left: 5px;
}

.flag
{
  position: relative;
  top: 2px;
}

/* ====== */
/*  TABS  */
/* ====== */

.tabUnderlay
{
	border-bottom: 1px solid maroon;
}

#tabRightSpacer
{
	height: 21px;
	border-bottom: 1px solid maroon;
}

*>#tabRightSpacer
{
	height: 20px;
}

.maintabsLeftSpace, .tabBackground
{
  background-color: #FFFFFF;
}

#tabLeftSpacer
{
	border-bottom: 1px solid maroon;
}

.tab, .activetab
{
   position: relative;
	float: left;
	top: 0;
	left: 5px; /* controls the horizontal position of the tabs */
	height: 20px;
	width: 40px;
	/*min-width: 40px; removed SAS - 22/01/08*/
	margin: 0px -5px 0px -5px; /* adjust these left and right margin values to change how much the tabs overlap or are seperated */
	border-collapse: collapse;
	padding: 0px 17px 0px 17px; /* these paddings need to be the same width as the tab end images */
	text-align: center;
	z-index: 2;
}

.tab a, .activetab a
{
  font-size: 13px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: bold;
  text-decoration: none;  
  color: black;  
}

.tab a:hover, .activetab a:hover
{
  font-size: 13px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */  
  font-weight: bold;
  /*text-decoration: none; - removed SAS - 22/01/08*/
  text-decoration: underline; /*added SAS - 22/01/08*/
  color: #cc1010;
}

*>.tab, *>.activetab
{
	width: auto;
}

.activetab
{
  z-index: 3;
}

.tab, .tab a
{
  font-size: 13px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: bold;
  text-decoration: none;  
  color: black;  
}

.activetab, .activetab a, .activebutton a
{
  font-size: 13px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */  
  font-weight: bold;
  text-decoration: none;
  color: #cc1010;
}

.activebutton a:hover
{
  font-size: 13px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */  
  font-weight: bold;
  text-decoration: none;
  color: #cc1010;
}

.tab a:hover, .button a:hover
{
  color: #cc1010;
}

.tabCenter
{
  height: 21px;
  border-top: 1px solid maroon;
  padding: 0px 3px 0px 3px;
  background: #ffffff;
  border-bottom: 1px solid maroon;
}

*>.tabCenter
{
	height: 19px;
}

.activetab .tabCenter
{
  background: #eeeeee;
  border-bottom: 1px solid #eeeeee;
}


.tabEndLeft, .tabEndRight
{
	position: absolute;
	top: 0;
	height: 21px;
	width: 17px;
	margin: 0;
	border-bottom: 1px solid maroon;
}

*>.tabEndLeft, *>.tabEndRight
{
	height: 20px;
}

.activetab .tabEndLeft, .activeTab .tabEndRight
{
	border-bottom: 1px solid #eeeeee;
}


.tabEndLeft
{
	left: 0px;
	background-image: url(../images/tabEndLeft.gif);
}

.tabEndRight
{
	right: 0px;
	background-image: url(../images/tabEndRight.gif);
}

.activetab .tabEndLeft
{
	background-image: url(../images/activeTabEndLeft.gif);
}

.activetab .tabEndRight
{
	background-image: url(../images/activeTabEndRight.gif);
}

/* ======           */
/* Leftnav Buttons  */
/* ======           */

.button
{
  text-align: right;
  background-color: #EEEEEE;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #999999;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: none;
  border-left-style: none;
  border-right-color: #999999;
  border-left-color: #FFFFFF;
}

.activebutton
{
  text-align: right;
  background-color: #EEEEEE;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #999999;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: none;
  border-left-style: none;
  border-right-color: #FFFFFF;
  border-left-color: #999999;
}

/*added SAS - 22/01/08*/
.activebutton a:hover, .button a:hover 
{
  color: #cc1010;
  text-decoration: underline;
}
/**************************************/


.checkBox
{
  border: 0px;
  padding-top: 2px;
  
}

.dark
{
  background: #cccccc;
  vertical-align: top;
}

.light
{
  vertical-align: top;    
}

/* ------------ */
/* Search form  */
/* ------------ */

.darkLabel
{
  background-color: #cccccc;
  vertical-align: middle;
  padding-left: 5px;	
  height: 25px;
  color: Black;
  font-weight: bold;
}


/* added - SAS - 07/07/08 */
.darkLabel a:hover
{
  font-size: 13px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */  
  font-weight: bold;
  text-decoration: none;
  color: #cc1010;
}
/******************************/

.lightLabel
{
	padding-right: 10px;
	padding-left: 5px;
	/*background: #dddddd; - removed SAS - 22/01/08*/
	background: #d8ebf9; /*added SAS - 22/01/08*/
	vertical-align: middle;
	height: 25px;
}	

.searchFormDropdown, .searchFormTextbox, .listButton
{
  padding-left: 5px;
  padding-right: 10px;  
}

.dualPanelSeparator
{
  text-align: center; 
}

.checkBoxCol
{
  padding-left: 1px;
  padding-right: 5px;
  width: 0px;
}

/* =============== */
/* Brief results   */
/* =============== */

.briefResultsTable
{
  width: 600px;
  border-collapse: collapse;
  
}

.briefResultsTable td
{
	padding: 5px;	
	vertical-align: top;
}

.briefThumbnailCell
{
	text-align: right;
}

.briefOptionControl
{
  border: 1px solid #000000;
  width: 600px;
  padding: 2px; 
}

/* =============== */
/* Archive results   */
/* =============== */

.ArchiveResultsTable
{
  border-collapse: collapse;
}

.ArchiveResultsTable td
{
	padding: 0px;	
}

.ArchiveThumbnailCell
{
	text-align: right;
}

.active, .active a
{
  background: #cccccc;
  font-weight: normal;
 /*color: #cc1010;  - removed - SAS - 23/05/08 */
  color: #0000ff; /* added - SAS - 23/05/08 */  
}

/* added - SAS - 23/05/08 */
.active a:hover
{
  background: #cccccc;
  font-weight: normal;
  color: #cc1010;  
}
/*************************/

/* ---------------- */
/* Detail display   */
/* ---------------- */

#detailNav
{
	margin-bottom: 20px;
}	

#detailNav span
{
	vertical-align: top;
}

.detailTable
{
	width: 100%;
	border: none;
	border-collapse: collapse;
	background: none;
	text-align: left;
}

.detailTable th
{
	padding-left: 10px;
	background: #cccccc;
	text-align: left;
	color: #000000;
	font-size: 1em;
}

.detailTable td
{
	padding-left: 10px;
	vertical-align: top;
	background-color: #cccccc;
}

.detailSelectionRecordSeperator
{
	height: 2px;
	width: 100%;
	margin: 0;
	border: none;
	padding: 0;
	background: #aaaaaa;
	background-color: #aaaaaa;
	color: #aaaaaa;	
}

*>.detailSelectionRecordSeperator
{
	margin: 10px 0 10px 0;
}

/* ------------- */
/* COPYINFO WINDOW  */
/* ------------- */
body#copyInfo
{
  background-color: #eeeeee;
  color: #000000;  
  text-align: left; 
  padding: 15px;

}

body#copyInfo td
{
  text-align: left;  
  border: solid 1px black; 
}

body#copyInfo .header
{ 
  font-weight: bold; 
}

/* ------------- */
/*  PHOTO WINDOW */
/* ------------- */

body#photoInfo
{
  background-color: #eeeeee;
  color: #000000;
  padding: 20px;
}


/* ------------- */
/*  HELP WINDOW  */
/* ------------- */

body#helpContent
{
  background-color: #eeeeee;
  color: #000000;
  padding: 20px;
}

.helpDiv
{
  border-left: 2px solid #cccccc;
  padding: 10px;
}

.perkament .tdTop
{
  background-image: url(../images/perkament-top.gif);
  width:600px;  
  height: 78px;
}

.perkament .tdMiddle
{
  background-image: url(../images/perkament-middle.gif);
  width:400px;
  background-repeat: repeat-y;
  text-align: justify;  
}

.perkament .tdBottom
{
  background-image: url(../images/perkament-bottom.gif);
  width:600px;
  height: 202px;
}

/* ------------- */
/* LIST WINDOW   */
/* ------------- */

.listContent
{   
  background:#EEEEEE;     
  border-left: solid 10 #EEEEEE;
}

/* ------------- */
/* CART WINDOW   */
/* ------------- */

.reserveButton a
{
  font-weight:bold;
  color: cc1010;
}

.termsAndConditionsDownloadButton
{
  text-align: center;
  background-color: #EEEEEE;
  border-top: 2px solid #999999;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #555555;
  border-left: 2px solid #777777;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
}


/* -------------      */
/* CALENDAR WINDOW    */
/* -------------      */

.CalenderBody
{   
  background:#EEEEEE; 
}

.calendar table td a,.calendar table td 
{   
  /*font-family: "Trebuchet MS" , Arial, Helvetica; - removed SAS - 22/01/08*/ 
  font-family: Arial, verdana, sans-serif; /* added SAS - 22/01/08*/
  
  font-size: 13px;
  margin-left:0px;  
  background-color:#EEEEEE; 
  color : #000000;
}

.calendar table .DayHeader
{   
  background-color: #c33030; 
  color : #FFFFFF;
}

.calendar table td a .SelectedDay
{   
  background-color:#EEEEEE; 
  color:black;
}

.calendar table .TodayDay a
{   
  background-color: #c33030; 
}

.calendar table .Selector
{   
  background-color:#EEEEEE; 
}

.calendar table .NextPrev, .calendar table .Title
{   
  background-color:#EEEEEE;  
}

/* Added - SAS - 29/02/08 */
.HeaderText
{
  font-family: Arial, verdana, sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  color: #0051b8;
  text-decoration: underline;
}
/***********************************************************/

/* Added - SAS - 25/04/08 */
.detailLabel
{
  font-weight: bold;
}
/***********************************************************/



/* Added - SAS - 10/06/08 - Taken from ULRLS website to tidy up hierarchy display */
.level
{
	background-color: #f6f6f6;
	border: solid #cccccc 1px;
	font-size: 80%;
	position: relative;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 2px;
	padding-left: 2px;
	margin-right: 5px;
	width: 65px;
	vertical-align: top;
	background-image: url(../images/buttback.gif);
	text-align: center;
	display: block;
}
.hline
{
	background-image: url(../images/hline.gif);
	background-repeat: repeat-y;
	width: 70px;
}
/***********************************************************/

/* Added - SAS - 13/09/10 -  */
.RefineInSearch
{
  font-family: Arial, verdana, sans-serif;
  font-size: large;
  font-weight: bold;
  color: Green;
}
/***********************************************************/