/* Shaun Nav
============================================================================= */

#navbar {
	background:url('images/navbar.png');
	width:855px;
	height:30px;
	overflow:hidden;
	margin: 0 auto;
	margin-top:4px;
}

a.nav{
background: transparent url('images/mainnav-right.png') no-repeat top right;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 30px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.nav, a:visited.nav, a:active.nav{
color: #FFF; /*button text color*/
}

a.nav span{
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.nav span:hover{ /* Hover state CSS */
background-position: bottom right;
}

.navwrapper{
margin-left:0px;
overflow: hidden;
width:855px;
}

a.nav:hover,
body#home #nav1,
body#inner1 #nav2,
body#inner2 #nav3,
body#inner3 #nav4,
body#inner4 #nav5,
body#inner5 #nav6,
body#inner6 #nav7,
body#contact #navcontact
        {
          background-position: bottom right;
        }
		
a.nav:hover span,
body#home #nav1 span,
body#inner1 #nav2 span,
body#inner2 #nav3 span,
body#inner3 #nav4 span,
body#inner4 #nav5 span,
body#inner5 #nav6 span,
body#inner6 #nav7 span,
body#contact #navcontact
        {
		  background-position: bottom right;
		  color:#053158;
        }



/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
	color: #000;
	margin: 0;
	padding:0;
	background: #D1F3F5;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	}
	
a { color:#000; }
a:visited { color:#000; }
a:hover: { color:#000; }

p { line-height:14pt; }	
.right { text-align:right; }	

h1 {
	font-size: 16px;
	color: #383932;
	}
	
h2 {
	font-size: 14px;
	color: #383932;
	}
	
h3 {
	font-size: 12px;
	color: #585a51;
}

.view-a-z { font-weight:bold; font-size:13px; background-color:#CA0000; padding:3px; padding-left:4px; padding-right:4px; margin:1px; margin-bottom:10px; color:#FFF; text-decoration:none; }
.view-a-z:hover { background-color:#910000; color:#FFF; text-decoration:none; }	
.view-a-z:visited { color:#FFF; text-decoration:none; }	
.x-table {  font-size:24px; letter-spacing:-1px; color:#05325A; margin:0px; padding:0px; margin-top:10px;}
.x-table A{  color:#05325A; text-decoration:none;}
.tc { background-color:#CEF1FF; }
table a{ padding-left:5px; }
.bt { float:right; text-align:right; }
.bt a{ color:#000; padding:0px; margin:0px; }

#frame { width:895px; margin:auto; background-color:#fff; }
#wrapper { width:855px; position:absolute; float:left; padding-left:20px; padding-right:20px; background-color:#fff; }
#header { width:855px; height:100px; float:left; background-image:url(images/head.png); }
#logo { width:150px; height:60px; padding-top:13px; float:left; }
#breadcrumb { width:855px; height:27px; float:right; text-align:right; }
#breadcrumb p { padding:0px; margin:0px; color:#000; font-size:11px; }
#breadcrumb a { color:#053259; text-decoration:underline; } 
#breadcrumb a:hover { color:#053259; text-decoration:underline; } 
#breadcrumb a:visited { color:#053259; text-decoration:underline; }
#navigationwrapper {
	width: 855px;
	height: 30px;
	margin: 0 auto;
	margin-top:100px;
	padding: 0 0 0 0;
	background-color:#1F4A94; }
#mainnavcontainer {
	width: 855px;
	height: 30px;
	margin: 0;
	padding: 0;	}	
#mainnav {
	margin: 0;
	padding: 0;
	height: 30px;
	list-style: none;
	display: inline;
	overflow: hidden; }
#mainnav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline; }
#mainnav a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win only */ }	
#mainnav a:hover {
	background-position: 0 -30px;	}
#mainnav a:active, #mainnav a.selected {
	background-position: 0 -30px; }	
#btn1 a {
	width: 106px;
	background:url(images/home.png) top left no-repeat; padding-right:1px; }
#btn2 a {
	width: 106px;
	background:url(images/londonhhotels.png) top left no-repeat; padding-right:1px;	}	
#btn3 a {
	width: 106px;
	background:url(images/staylondon.png) top left no-repeat; padding-right:1px;	}	
#btn4 a {
	width: 106px;
	background:url(images/offers.png) top left no-repeat; padding-right:1px;	}	
#btn5 a {
	width: 106px;
	background:url(images/apartments.png) top left no-repeat; padding-right:1px;	}	
#btn6 a {
	width: 106px;
	background:url(images/reviews.png) top left no-repeat; padding-right:1px;	}	
#btn7 a {
	width: 106px;
	background:url(images/bookings.png) top left no-repeat; padding-right:1px;	}	
#btn8 a {
	width: 106px;
	background:url(images/contact.png) top left no-repeat;	}			

#index-box {
	width: 855px;
	height: 375px;
	padding-top: 10px;
	padding-bottom:10px;
	margin-top:1px;
	float:left;
	border-top:1px solid #3FC1F3;
	}
#flashbox-left {
	float:right;
	width:593px;
	height:345px;
	margin-left:5px;
	padding-top:30px;
	background-image:url(images/london-header.png);
	background-repeat:no-repeat;
	}
.holder {
	width:313px;
	height:55px;
	float:left;
	padding-top:5px;
	padding-bottom:5px; }
.holderimg {
	width:90px;
	height:51px;
	float:left;
	margin-right:12px;
	padding:1px;
	border:1px solid #CCCCCC; }
.holdercontent {
	width:205px;
	height:37px;
	float:left;
	padding-top:9px;
	padding-bottom:9px; }
.holderplace {
	width:120px;
	height:24px;
	float:left; }
	.holderplace p { padding:0px; margin:0px; color:#143A61; font-size:16px; }
	.holderplace a { color:#143A61; text-decoration:underline; }
	.holderplace a:visited { color:#B4242E; text-decoration:underline; }
	.holderplace a:hover { color:#143A61; text-decoration:underline; }
.holderprice {
	width:78px;
	height:22px;
	float:right; }
	.holderprice p { padding:0px; margin:0px; color:#B4242E; font-size:17px; font-weight:bold; text-align:right; }
.holderclick {
	width:205px;
	height:15px;
	float:left; }
	.holderclick p { padding:0px; margin:0px; color:#010101; font-size:11px; }
	.holderclick a { color:#010101; text-decoration:underline; }
	.holderclick a:visited { color:#B4242E; text-decoration:underline; }
	.holderclick a:hover { color:#010101; text-decoration:underline; }
#flashbox-right {
    background-image: url("images/search.png");
    background-repeat: no-repeat;
    float: left;
    height: 330px;
    margin-left: 0;
    padding: 45px 0 0;
    width: 255px;
}
	
#index-text { width:815px; min-height:80px; float:left; padding:20px; margin-bottom:10px; background-color:#0093CA; background-image:url(images/text-box.png); background-repeat:repeat-x; }
#index-text h1 { padding:0px; margin:0px; padding-bottom:4px; font-size:18px; color:#FFF; }
#index-text h2 { padding:0px; margin:0px; padding-bottom:2px; font-size:14px; color:#FFF; }
#index-text p { padding:0px; margin:0px; padding-bottom:10px; font-size:12px; color:#FFF; }
	
#bodycontainer {
	width: 855px;
	padding-bottom:25px;
	background: #ffffff;
	float:left;
	}
.bodyleft {
	width: 530px;
	margin: 0;
	padding: 20px 0 0 30px;
	float: left;
	}	
.bodyleft-featured{
	width: 550px;
	margin: 0;
	padding: 20px 0 0 30px;
	float: left;
	}	
.bodyleft-search {
	width: 663px;
	margin: 0;
	padding: 0px;
	float: left;
	padding-left:3px;
	padding-top:3px;
	}
.search-top {
	width:643px;
	height:45px;
	margin-bottom:3px;
	padding:10px;
	padding-top:8px;
	float:left;
	background-image:url(images/search-top.jpg);
	background-repeat:no-repeat; }
.search-top h1{ color:#143A61; font-size:17px; padding:0px; margin:0px; padding-bottom:5px; }
.search-top p{ color:#010101; font-size:12px; padding:0px; margin:0px; }
.search-drop {
	width:641px;
	margin-bottom:3px;
	padding:10px;
	padding-top:8px;
	float:left;
	background-color:#EDF4FC;
	border:1px solid #97C1EB;
 	display:none; }
.search-drop h2{ color:#143A61; font-size:15px; padding:0px; margin:0px; padding-bottom:3px; padding-top:10px; }
.search-drop p{ color:#010101; font-size:12px; padding:0px; margin:0px; }
.search-stay {
	width:641px;
	margin-bottom:3px;
	padding:10px;
	padding-top:8px;
	float:left;
	background-color:#EDF4FC;
	border:1px solid #97C1EB; }
.search-stay h2{ color:#143A61; font-size:15px; padding:0px; margin:0px; padding-bottom:3px; padding-top:10px; }
.search-stay p{ color:#010101; font-size:12px; padding:0px; margin:0px; }
.search-sort {
	width:253px;
	height:26px;
	margin-bottom:20px;
	padding-left:410px;
	padding-top:3px;
	float:left;
	background-image:url(images/search-sort.jpg);
	background-repeat:no-repeat; 
	*width:663px;
	float:left;
	*padding:0px; }
.search-sort p { padding:0px; margin:0px; padding-left:100px; *padding-left:0px; }
.search-sort-by { color:#143A61; padding-right:8px; padding-left:8px; *padding:0px; text-decoration:underline; cursor:pointer; }
#search-table  {
	width:663px;
	float:left;
	padding:0px;
	margin:0px;
	border:none; }
.search-tr {
	padding:0px;
	margin:0px;
	width:663px;
	height:109px;
	margin-bottom:20px;
	float:left; }
.search-line {
	padding:0px;
	margin:0px;
	width:663px;
	height:20px;
	float:left; }
.td-image {
	background-image:url(images/td-image.jpg);
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
	width:120px;
	height:105px;
	padding:2px;
	padding-right:7px;
	float:left; }
.td-name {
	background-image:url(images/td-name.jpg);
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
	width:429px;
	height:109px;
	float:left; }
.td-name-a {
	padding:0px;
	margin:0px;
	width:429px;
	height:45px;
	float:left; }
.td-name-title{
	margin:12px;
	float:left;
	color:#0F2844;
	font-size:18px;
	font-weight:bold;
	height:22px;
	padding-right:0px;
	width:330px;
	overflow:hidden; }
.td-name-title a{ color:#0F2844; text-decoration:none; padding:0px; margin:0px; }
.td-name-title a:hover{ color:#0F2844; text-decoration:underline;}
.td-name-title a:visited{ color:#0F2844; text-decoration:none; }
.td-name-star {
	padding-top:14px;
	padding-right:50px;
	float:right;
	color:#0F2844;
	width:24px;
	font-size:16px;
	letter-spacing:-1px;
	font-weight:bold; 
	text-align:center; }
.td-name-text{
	margin:12px;
	margin-top:8px;
	float:left;
	color:#333333;
	font-size:12px;
	font-weight:normal;
	height:44px;
	width:380px;
	overflow:hidden; }
.td-name-b {
	padding:0px;
	margin:0px;
	width:429px;
	height:64px;
	float:left; }
.td-price-first {
	display:none;	
}
.td-price {
	padding:0px;
	margin:0px;
	width:105px;
	height:109px;
	float:left;  }
.td-price-a {
	padding:0px;
	padding-top:3px;
	margin:0px;
	width:105px;
	height:21px;
	float:left; }
.td-price-from {
	color:#19497A;
	font-size:15px;
	padding-top:5px; }
.td-price-strike {
	color:#19497A;
	font-size:15px;
	text-decoration:line-through; 
	font-weight:bold; }
.td-price-b {
	padding:0px;
	margin:0px;
	width:105px;
	height:45px;
	float:left;
	color:#010101;
	font-size:27px;
	font-weight:bold; }
.td-price-rate { 
	color:#010101;
	font-size:27px;
	font-weight:bold; }
.td-price-c {
	background-image:url(images/td-price.jpg);
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
	padding-left:18px;
	padding-top:8px;
	width:87px;
	height:32px;
	float:left; }
.td-price-c a{ color:#fff; text-decoration:none; padding:0px; margin:0px; } 
.td-price-c a:hover{ color:#fff; text-decoration:underline; } 
.td-price-c a:visited{ color:#fff; text-decoration:none; } 
.td-price-btn {
	color:#ffffff;
	font-size:20px; }
	
.bodyright {
	width: 220px;
	height:305px;
	margin: 0;
	padding: 0;
	margin-top:3px;
	padding: 52px 35px 0 0;
	float: right;
	background-color:#0093CA;
	background-image:url(images/search.png);
	background-repeat:no-repeat;
	padding-bottom:20px;
	}
.bodyright p{ color:#010101; }

.bodyright-search {
	width: 180px;
	margin: 0;
	padding: 0;
	padding: 52px 0 0 0;
	float: right;
	margin-right:3px;
	margin-top:3px;
	margin-bottom:20px;
	background-image:url(images/refine-background.jpg);
	background-repeat:no-repeat;
	}
.bodyright-search p{ color:#010101; padding-right:14px; font-size:12px; text-align:right; padding-right:14px; }
	
.bodyfull {
	width:825px;
	min-height:500px;
	margin: 0;
	padding: 20px 0 0 30px;
	float: left;
	}

#foot-box { width:815px; min-height:80px; float:left; padding:20px; margin-bottom:25px; background-color:#05355D; background-image:url(images/footer.png); background-repeat:repeat-x; }
#foot-box h2 { padding:0px; margin:0px; padding-bottom:6px; font-size:14px; color:#FFF; }
#foot-box p { padding:0px; margin:0px; font-size:11px; color:#FFF; }
#foot-box a { color:#FFF; text-decoration:none; }
#foot-box a:hover { color:#FFF; text-decoration:underline; }
#foot-box a:visited { color:#FFF; text-decoration:none; }
.foot-section { width:165px; float:left; padding-right:20px; }
.foot-text { width:265px; float:left; padding-right:20px; }
#foot-logo { padding-top:96px; width:154px; height:60px; float:right; }

#footer { width:855px; height:45px; float:left; padding-bottom:10px; }
#footer a { color:#000; text-decoration:none; }
#footer a:hover { color:#000; text-decoration:underline; }
#footer a:visited { color:#000; text-decoration:none; }
#footer p { padding:0px; margin:0px; font-size:11px; color:#000; text-align:right; padding-bottom:5px; }

/*Search Form*/

#search-index {
    float: left;
    height: 255px;
    margin: 0;
    padding: 0 0 0 35px;
    width: 185px;
}
#search-refine {
	width:163px;
	height:273px;
	margin:0px;
	padding:0px;
	padding-left:17px;
	padding-bottom:50px;
	float:left; }
#search-box {
	float:left; }
#search {
    float: left;
    height: 253px;
    margin: 0;
    padding: 0 0 0 35px;
    width: 185px;
}
.cellhead {
    color: #FFFFFF;
    font-family: Arial,"Myriad Pro",Calibri;
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 2px;
    text-align: left;
}
input.clickbutton {
    background-image: url("images/search-btn.png");
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial,"Myriad Pro",Calibri;
    font-weight: 600;
    height: 30px;
    margin: 0;
    width: 115px;
}
input.selbox {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial,"Myriad Pro",Calibri;
    margin: 0 0 10px;
    padding: 1px 1px 1px 3px;
    width: 174px;
}
input.datebox { font-family:Arial,"Myriad Pro", Calibri; margin:0px; width:139px; color:#000; background-color:#fff; margin-bottom:17px; padding:1px; padding-left:3px; padding-bottom:1px; }
select.selbox { font-family:Arial,"Myriad Pro", Calibri; margin:0px; width:132px; color:#000; background-color:#fff; margin-bottom:17px; padding:1px; padding-left:3px; padding-bottom:1px; }
select.placebox { font-family:Arial,"Myriad Pro", Calibri; margin:0px; width:174px; color:#000; background-color:#fff; margin-bottom:17px; padding:1px; padding-left:3px; padding-bottom:1px; }


.cellhead-refine { color:#fff; text-align:left; font-family:Arial,"Myriad Pro", Calibri; font-size:13px; margin:0px; font-weight:normal; margin-bottom:6px; }
input.clickbutton-refine { margin:0px; font-family:Arial,"Myriad Pro", Calibri; font-weight:normal; color:#fff; background-image:url(images/search-btn.png); cursor:pointer; border:0px; width:115px; height:30px; margin-left:34px; margin-top:15px; }
input.selbox-refine { font-family:Arial,"Myriad Pro", Calibri; margin:0px; width:138px; color:#000; background-color:#fff; margin-bottom:17px; padding:1px; padding-left:3px; padding-bottom:1px; }
input.datebox-refine { font-family:Arial,"Myriad Pro", Calibri; margin:0px; width:112px; color:#000; background-color:#fff; margin-bottom:17px; padding:1px; padding-left:3px; padding-bottom:1px; }
select.selbox-refine { font-family:Arial,"Myriad Pro", Calibri; margin:0px; width:122px; color:#000; background-color:#fff; margin-bottom:17px; padding:1px; padding-left:3px; padding-bottom:1px; }
	
	a.adjust{
		float:right;
		margin-top:8px;
		padding:5px;
		display:block;
		font-weight:bold;
		background:#eee;
		color:#000;
		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		width:50px;
		text-align:center;
		text-decoration:none;
	}
		a.adjust:hover{
			background:#333;
			color:#FFF;
			-webkit-transition: all 400ms; /*safari and chrome */
			-moz-transition: all 400ms ease; /* firefox */
			-o-transition: all 400ms ease; /* opera */
			transition: all 400ms ease;
		}
	p.continued{
		margin-top:0;
	}


/*Search Apartments page*/

#boxholder {
	width:550px;
	float:left;
	margin-top:10px;
	margin-bottom:5px; }
.box-r {
	width:260px;
	height:55px;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:15px; }
.box-l {
	width:260px;
	height:55px;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:15px; }
.boximg {
	width:90px;
	height:51px;
	float:left;
	margin-right:8px;
	padding:1px;
	border:1px solid #CCCCCC; }
.boxcontent {
	width:153px;
	height:37px;
	float:left;
	padding-top:9px;
	padding-bottom:9px; }
.boxplace {
	width:85px;
	height:24px;
	float:left; }
	.boxplace p { padding:0px; margin:0px; color:#143A61; font-size:16px; }
	.boxplace a { color:#143A61; text-decoration:underline; }
	.boxplace a:visited { color:#B4242E; text-decoration:underline; }
	.boxplace a:hover { color:#143A61; text-decoration:underline; }
.boxprice {
	width:65px;
	height:22px;
	float:left; }
	.boxprice p { padding:0px; margin:0px; color:#B4242E; font-size:14px; font-weight:bold; text-align:right; }
.boxclick {
	width:153px;
	height:15px;
	float:left; }
	.boxclick p { padding:0px; margin:0px; color:#010101; font-size:12px; }
	.boxclick a { color:#010101; text-decoration:underline; }
	.boxclick a:visited { color:#B4242E; text-decoration:underline; }
	.boxclick a:hover { color:#010101; text-decoration:underline; }
	
/*
 *  File:         demo_table.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../images/ - relative to this CSS file.
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	clear: both;
	_height: 302px;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('images/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('images/sort_desc_disabled.png') no-repeat center right;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
}

table.display tr.even.gradeA {
}

table.display tr.odd.gradeC {
}

table.display tr.even.gradeC {
}

table.display tr.odd.gradeX {
}

table.display tr.even.gradeX {
}

table.display tr.odd.gradeU {
}

table.display tr.even.gradeU {
}


tr.odd {
}

tr.even {
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
}

.top, .bottom {
	padding: 15px;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
}

td.details {
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers {
	width: 400px;
	height: 22px;
	line-height: 22px;
}

.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

.paging_full_numbers span.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
}

table.display tr.even.row_selected td {
}

table.display tr.odd.row_selected td {
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
}

tr.odd td.sorting_2 {
}

tr.odd td.sorting_3 {
}

tr.even td.sorting_1 {
}

tr.even td.sorting_2 {
}

tr.even td.sorting_3 {
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
}

tr.odd.gradeA td.sorting_2 {
}

tr.odd.gradeA td.sorting_3 {
}

tr.even.gradeA td.sorting_1 {
}

tr.even.gradeA td.sorting_2 {
}

tr.even.gradeA td.sorting_3 {
}

tr.odd.gradeC td.sorting_1 {
}

tr.odd.gradeC td.sorting_2 {
}

tr.odd.gradeC td.sorting_3 {
}

tr.even.gradeC td.sorting_1 {
}

tr.even.gradeC td.sorting_2 {
}

tr.even.gradeC td.sorting_3 {
}

tr.odd.gradeX td.sorting_1 {
}

tr.odd.gradeX td.sorting_2 {
}

tr.odd.gradeX td.sorting_3 {
}

tr.even.gradeX td.sorting_1 {

}

tr.even.gradeX td.sorting_2 {
}

tr.even.gradeX td.sorting_3 {
}

tr.odd.gradeU td.sorting_1 {
}

tr.odd.gradeU td.sorting_2 {
}

tr.odd.gradeU td.sorting_3 {
}

tr.even.gradeU td.sorting_1 {
}

tr.even.gradeU td.sorting_2 {
}

tr.even.gradeU td.sorting_3 {
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
}

.ex_highlight_row #example tr.even:hover {
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
}

.ex_highlight_row #example tr.odd:hover {
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
}


/*
 * KeyTable
 */
table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

table.display tr.gradeA {
}

table.display tr.gradeC {
}

table.display tr.gradeX {
}

table.display tr.gradeU {
}

div.box {
	overflow: auto; }

.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #6593cf;
    background: #c3daf9;
    padding:2px;
}
.loadmask-msg div {
    padding:5px 10px 5px 25px;
    background: #fbfbfb url('images/standard-loader.gif') no-repeat 5px 5px;
    line-height: 16px;
	border:1px solid #a3bad9;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	float:left;
	width:880px;
	height:279px;
	margin-bottom:8px;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; cursor:default; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 593px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }