body {
	font-family:Arial, Calibri,"Myriad Pro";
	font-size: 14px;
	text-align: left;
	color: #000;
	margin: 0;
	background: #19497A url(../images/bg.jpg);
	}

#html body {
	font-size: x-small; /* IE5/Win */
	font-size: small; /* for other IE versions */
	}
	
@font-face {
	font-family: customhand;
	src: url("../includes/angelina.eot");
}
@font-face {
	font-family: customhand;
	src: url("../includes/angelina.TTF");
}
@font-face {
	font-family: customBradhITC;
	src: url("../includes/BradhITC.eot");
}
@font-face {
	font-family: customBradhITC;
	src: url("../includes/BradhITC.TTF");
}

a { color:#15416C; }
a:visited { color:#15416C; }
a:hover: { color:#333333; }	

.right { text-align:right; float:right; }
.right a { text-decoration:underline; }
.right a:hover { text-decoration:underline; color:#266CB4; }

h1 {
	font-size: 140%;
	color: #383932;
	line-height: 1.3em;
	}
	
h2 {
	font-size: 110%;
	color: #383932;
	}
	
h3 {
	font-size: 105%;
	color: #585a51;
	}		
	
.clear {
	clear:both;
	}	

.floatleft { float:left; padding: 2px; margin: 0 10px 10px 0; border: 1px dotted #999; }
.floatright { float:right; padding: 2px; margin: 0 0 10px 10px; border: 1px dotted #999; }	

.tablepad{ padding:4px;}
table a{ padding-left:5px; }
tr { height:25px; font-size:12px; }  

.whitetext { color:#fff; }
.whitetext a { color:#fff; }
.whitetext a:visited { color:#fff; }
.whitetext a:hover { color:#fff; text-decoration:underline; }
		  
.view { background-color:#B9BC87; padding:3px; padding-left:3px; padding-right:3px; color:#fff; text-decoration:none; }
.view:hover { background-color:#8A8E37; color:#fff; text-decoration:none; }
.lineshade { background-color:#EEEEE1;}
.heading{ border-bottom:3px solid #9CA056; padding:4px; padding-left:0px; font-size:13px; letter-spacing:0px; margin:0px; margin-bottom:8px; color:#000000; }

.divline {
	border-bottom: #edebe7 1px solid;
	padding: 0;
	margin-bottom:15px;
	width: 100%;
}

.dividerline {
	margin: 0;
	padding: 0;
	height: 5px;
	width: 550px;
	background: url(../images/diverderlinea.gif) no-repeat top left;
	}		
	
.dividerline2 {
	margin: 0;
	padding: 0;
	height: 5px;
	width: 550px;
	background: url(../images/diverderlineb.gif) no-repeat top left;
	}

.bulletlist {
	width: 100%;
	margin: 0;
	padding-left: 0;
	list-style: none;
	}
	
.bulletlist li {
	color:#333333;
	font-size:16px;
	margin: 0;
	margin-left:20px;
	padding: 1px 0 0 16px;
	line-height: 1.8em;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	}
	
.bulletlist a:link, .bulletlist  a:visited {
	color:#333333;
	text-decoration: none;
	}

.bulletlist a:active, .bulletlist a:hover  {
	color: #ffffff;
	text-decoration: none;
	background-color: #8a8e36;
	}	


/* LOGO COMPONENTS */		

#wrapper {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	}
	
#header {

	width: 841px;

	height: 73px;

	margin: 0 auto;

	padding-left:19px;

	padding-top:25px;
	
	margin-top:17px;

	background: url(../images/logo2.jpg) no-repeat top left;

	}

/* MAIN NAV COMPONENTS */	



#b_crumb {
	width: 860px;
	height: 25px;	
	margin: 0 auto;
	background-color:#FFFFFF;
	}	

#b_crumb p { text-align:right; padding:0px; margin:0px; padding-right:10px; font-size:12px; }

#b_crumb a { text-decoration:underline; }

#b_crumb a:visited { text-decoration:underline; color:#666666; }

#b_crumb a:hover { text-decoration:underline; color:#333333; }			
	
	
#navigationwrapper {
	width: 860px;
	height: 46px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background-color:#FFFFFF;
	}

#mainnavcontainer {
	width: 860px;
	height: 45px;
	margin: 0;
	padding: 0;
	border-bottom:1px solid #CCCCCC;
	}
	
#mainnav {
	margin: 0;
	padding: 0;
	height: 45px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#mainnav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#mainnav a {
	float: left;
	padding: 45px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:45px; /* for IE5/Win only */
	}
	
#mainnav a:hover {
	background-position: 0 -45px;
	}

#mainnav a:active, #mainnav a.selected {
	background-position: 0 -90px;
	}
		
#btn1 a {
	width: 107px;
	background: url(../images/navigation/home.jpg) top left no-repeat;
	}
	
#btn2 a {
	width: 117px;
	background: url(../images/navigation/search-apartments.jpg) top left no-repeat;
	}	
	
#btn3 a {
	width: 203px;
	background: url(../images/navigation/apartment-bookings.jpg) top left no-repeat;
	}		
	
#btn4 a {
	width: 137px;
	background: url(../images/navigation/about-us.jpg) top left no-repeat;
	}
	
#btn5 a {
	width: 158px;
	background: url(../images/navigation/special-offers.jpg) top left no-repeat;
	}		
	
#btn6 a {
	width: 138px;
	background: url(../images/navigation/contact-us.jpg) top left no-repeat;
	}			

	

/* FLASH COMPONENTS */		
	
#flashbox {
	width: 854px;
	height: 375px;
	padding: 3px;
	margin: 0 auto;
	background: #ffffff;
	border-bottom: #e4e5e1 1px solid;
	}
#flashbox-left {
	float:left;
	width:313px;
	height:324px;
	margin-right:1px;
	padding:11px;
	padding-top:40px;
	background-image:url(../images/popular-background.jpg);
	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-centre {
	width:252px;
	height:340px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	padding:3px;
	padding-top:32px;
	background-image:url(../images/apartments-background.jpg);
	background-repeat:no-repeat;
	}
.centreimage {
	width:252px;
	height:340px;
	float:left; }
#flashbox-right {
	width: 255px;
	height: 323px;
	float:right;
	padding: 0;
	margin-left:1px;
	padding-top:52px;
	background-image:url(../images/search-background.jpg);
	background-repeat:no-repeat;
	}

/*Search Form*/

#search-index {
	width:185px;
	height:280px;
	margin:0px;
	padding:0px;
	padding-left:35px;
	float:left; }
#search-refine {
	width:163px;
	height:273px;
	margin:0px;
	padding:0px;
	padding-left:17px;
	padding-bottom:50px;
	float:left; }
#search-box {
	float:left; }
#search {
	width:185px;
	height:273px;
	margin:0px;
	padding:0px;
	padding-left:35px;
	padding-bottom:50px;
	float:left; }
.cellhead { color:#fff; text-align:left; font-family:Arial,"Myriad Pro", Calibri; font-size:13px; margin:0px; font-weight:normal; margin-bottom:6px; }
input.clickbutton { margin:0px; font-family:Arial,"Myriad Pro", Calibri; font-weight:normal; color:#fff; background-image:url(../images/search.jpg); cursor:pointer; border:0px; width:115px; height:30px; margin-left:70px; margin-top:15px; }
input.selbox { 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; }
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.jpg); 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; }
	
		
	
/* TITLES*/	

#footerimage {
	width: 860px;
	height: 185px;
	margin: 0 auto;
	background: url(../images/footer.png);
	}


/* BODY */		

#breadcrumb { height:30px; margin-left:auto; margin-right:auto; width:800px; padding-top:8px; padding-left:30px; padding-right:30px; }
#breadcrumb p { font-size:11px; color:#333333; }
#breadcrumb a { text-decoration:underline; }
#breadcrumb a:visited { text-decoration:underline; color:#333333; }
#breadcrumb a:hover { text-decoration:underline; color:#666666; }

#breadcrumb_index { height:24px; margin-left:auto; margin-right:auto; width:550px; padding-top:7px; padding-left:30px; border-bottom: #e4e5e1 1px solid; margin-bottom:7px; margin-right:280px; }
#breadcrumb_index p { font-size:11px; color:#333333; }
#breadcrumb_index a { text-decoration:underline; }
#breadcrumb_index a:visited { text-decoration:underline; color:#333333; }
#breadcrumb_index a:hover { text-decoration:underline; color:#666666; }

#bodycontainer {
	width: 860px;
	padding: 0 0 30px 0;
	margin: 0 auto;
	background: #ffffff url(../images/white-tile.gif) repeat top left;
	}
	
.bodyleft {
	width: 550px;
	margin: 0;
	padding: 20px 0 0 30px;
	float: left;
	}	
	
.bodyleft-search {
	width: 663px;
	margin: 0;
	padding: 0px;
	float: left;
	margin-left:3px;
	margin-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-bottom {
	width:641px;
	height:100%;
	margin-bottom:3px;
	padding:10px;
	padding-top:8px;
	float:left;
	border: 1px dotted #CCC; }
.search-bottom h1{ color:#143A61; font-size:17px; padding:0px; margin:0px; padding-bottom:5px; }
.search-bottom p{ color:#010101; font-size:12px; padding:0 0 10px 0; margin:0px; }
.text-bottom {
	width:780px;
	height:100%;
	margin-bottom:3px;
	padding:10px;
	padding-top:8px;
	margin-top:20px;
	float:left;
	border: 1px dotted #CCC; }
.text-bottom h1{ color:#143A61; font-size:17px; padding:0px; margin:0px; padding-bottom:5px; }
.text-bottom p{ color:#010101; font-size:12px; padding:0 0 10px 0; 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; margin-bottom:10px; }
.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;
	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;
	margin: 0;
	padding: 0;
	padding: 52px 35px 0 0;
	float: right;
	margin-right:3px;
	margin-top:3px;
	background-image:url(../images/search-background.jpg);
	background-repeat:no-repeat;
	padding-bottom:350px;
	}
.bodyright p{ color:#010101; }
.bodyright-index {
	width: 220px;
	margin: 0;
	padding: 0;
	padding: 20px 30px 0 0;
	float: right;
	}
.bodyright-index p{ color:#010101; }
.bodyright-search {
	width: 180px;
	margin: 0;
	padding: 0;
	padding: 52px 0 0 0;
	float: right;
	margin-right:3px;
	margin-top:3px;
	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:800px;
	margin: 0;
	padding: 0 30px 0 30px;
	float: left;
	}

.sidebar-box {
	width: 158px;
	height: 100%;
	border: 1px dotted #CCC;
	float: left;
	margin-top: 10px;
	padding: 10px;
	}

	ul.sidebar {
		padding-left: 0;
		margin-left: 0;
		list-style-type: none;	
		}

		ul.sidebar li {
			padding-left: 0;
			padding-bottom: 3px;
			margin-left: 0;
			list-style-type: none;	
			}


/* FOOTER */	
	
#footer {
	width: 750px;
	margin: 0 auto;
	padding: 15px 0 20px 0;	
	}

	
#footerleft {
	width: 560px;
	margin: 0;
	padding: 10px 10px 0 0;
	float: left;
	}	
	
#footerright {
	width: 165px;
	margin: 0;
	padding: 0;
	float: right;
	}	
	
#footerbottom {
	width: 750px;
	margin: 0;
	padding: 0;
	float: left;
	}		
#footerbottom p { padding-top:0px; margin-top:10px; text-align:center; }
	
#footermid {
	width: 750px;
	margin: 0;
	padding: 0;
	float: left;
	}		
#footermid p { padding-top:0px; margin-top:10px; text-align:center; }
	
.footerad {
	width: 750px;
	margin: 0;
	padding: 0;
	float: left;
	}		
.footerad p { padding-top:0px; margin-top:0px; text-align: center; }
	
.footertxt {
	padding: 0;
	color: #fff;
	font-size: 85%;
	line-height: 1.6em;	
	}	

.footertxt a:link, .footertxt a:visited {
	color: #fff;
	text-decoration:none;
	}

.footertxt a:active, .footertxt a:hover {
	color: #ffffff;
	text-decoration:underline;
	}	
	
.footertxtb {
	padding: 0;
	color: #fff;
	font-size: 85%;
	line-height: 1.6em;	
	}	

.footertxtb a:link, .footertxtb a:visited {
	color: #fff;
	text-decoration:none;
	}

.footertxtb a:active, .footertxtb a:hover {
	color: #ffffff;
	text-decoration:underline;
	}
	

	
.logobottom {
	margin: 0;
	padding: 53px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.logobottom li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.logobottom a {
	float: left;
	padding: 53px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:53px; /* for IE5/Win only */
	}
	
.logobottom a:hover {
	background-position: 0 -53px;
	}

.logobottom a:active, .logobottom a.selected {
	background-position: 0 -53px;
	}
	
.logobottomimg a {
	width: 165px;
	background: url(../images/logobottom.png) top left no-repeat;
	}	

/*TABS*/		  
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
	font-size: 100%;
	padding-top:10px;
}
.tab_content h2 {
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 120%;
}
.tab_content h3 a{
	color: #254588;
}

/*Search Apartments page*/

#boxholder {
	width:550px;
	float:left;
	margin-top:10px;
	margin-bottom:25px; }
.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/loading.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;
}

.feature_frame {
	border: 1px solid #999;
	margin-top:20px;
	float: left; 
	width: 796px;
	padding:2px; }
.feature_text {
	margin:0px;
	margin-right:1px;
	background-color:#B4242E;
	float: left; 
	width: 555px;
	height:180px;
	padding: 20px;
	padding-bottom:0px; }
.feature_text h2{ padding:0px; margin:0px; color:#FFF; font-size:26px; font-family:customhand; font-weight:normal; } 
.feature_text h3{ padding:0px; margin:0px; padding-top:10px; color:#FFF; }
.feature_text p{ padding:0px; margin:0px; padding-top:10px; font-size:13px; color:#FFF; }
.feature_text a{ color:#FFF; text-decoration:underline; font-weight:bold; }
.feature_text a:hover{ color:#FFF; text-decoration:underline; font-weight:bold; }
.feature_frame img {
	margin:0px;
	float: left; 
	width: 200px;
	height:200px; }