﻿@import url("thickbox.css");
@import url("company.css");
@import url("calculatornew.css");
body {
	margin: 0 0 0 0;
}

a {
	color: #02243c;
	font-weight: bold;
	text-decoration:none;
}

	a:link{ color:#02243c; }
	a:visited{ color:#02243c; }
	a:hover{ color:#CC0000; }
	a:active{ color:#02243c; text-decoration: underline;}

p {

}


h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0 0;
}

img {
	border: 0;
}

p.right {
	float:right;
}

.cascade-loading  	
	{																		
		background: transparent url("http://www.theexpatdirectory.com/images/indicator.gif") no-repeat center; 					
	}
.DTGRight {
	width:100%;
	text-align:right;
	padding:5px;
}
/* --------------------------------------------------------------- Page Templates */
#bg_outer {
	font: 10px Arial, Helvetica, "Calibri", sans-serif;
	width: 100%;
	background-color:#FFF;
	margin: 0px;
	text-align:center; /* ie hack*/
}

#bg_inner {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	text-align:left;
}

#AdsLeft {
	float:left;
	width:160px;
	min-height:500px;
	display:block;
	margin-top:10px;
	text-align:center;
}
#AdsRight {
	float:right;
	width:160px;
	min-height:500px;
	display:block;
	margin-top:10px;
	text-align:center;
}
#AdsFooter {
	float:left;
	width:100%;
	margin-top:10px;
	text-align:center;
}
#AdsHeader {
	float:left;
	width:530px;
	margin-top:10px;
	text-align:center;

}
.GoogleLinkBox {
	width:120px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}
#box_double {
	float:left;
	width:330px;
	height:180px;
	margin:10px 0 0 10px;
	background:transparent url('../../images/_bnr/box_330x180.png') no-repeat;
}
	.bdleft {
		float:left;
		width:160px;
		height:170px;
		display:block;
		font-size:10px;
	}
		.bdleft h4, .bdright h4, .BoxSingle h4, .BoxSingleLeftAd h4, .promo h4{
			margin: 4px 0 0 10px;
			font-size:10px;
		}
		
		.bdleft h3 {
			float:left;
			font-size:12px;
			margin: 3px 0 0 10px;
		}
		
		.bdleft p {
			width:100%;
			float:left;
			text-align:center;
			margin: 5px 0 0 10px;
		}

		
	.bdright {
		float:left;
		width:160px;
		height:170px;
		display:block;
		font-size:10px;
		padding: 0 0 0 10px;
		
	}
		.bdright p.CompGrpahDesc {
			float:left;
			width:80px;
			height:40px;
			display:block;
			margin:7px 0 0 5px;
		}
		
		.bdright h3{
			float:left;
			font-size:12px;
			margin: 13px 0 0 10px;
		}
		.bdright hr{
			width:90%;
			float:left;
			margin:0 5% 0 5%;
		}
		p.CompSnapShot, p.CompSnapShotApply{
			float:left;
			display:block;
			width:65px;
			height:25px;
			line-height:25px;
			margin: 2px 0 0 9px;
			border:1px #C0C0C0 solid;
			background-color:#FFF;
		}
			p.CompSnapShot img{
				float:left;
				width:24px;
				height:24px;
				margin:1px 1px 1px 5px;
			}
			p.CompSnapShotApply img {
				float:left;
				width:55px;
				height:24px;
				margin:1px 1px 1px 7px;
			}

.BoxSingle, .BoxSingleLeftAd, .BoxSinglePromo {
	float:left;
	width:160px;
	height:180px;
	text-align:left;
	margin:10px 0 0 10px;
	background:transparent url('../../images/_bnr/box_160x180.png') no-repeat;
	padding-top:10px;
}

.BoxSinglePromo {
	background:transparent url('../../images/_bnr/box_160x180_free_umbrella.png') no-repeat;
	display:block;
}
	.BoxSinglePromo a{
		width:160px;
		height:180px;
		display:block;
	}
#ApplyNowPromo {
	float:left;
	width:100%;
	height:80px;
	text-align:center;
}
	#ApplyNowPromo a {
		width:500px;
		height:80px;
		display:block;
		background:transparent url('../../images/_bnr/register_now.png') no-repeat;
	}
		
		#ApplyNowPromo a:hover {
			background-color:yellow;
		}
.BoxSingleLeftAd {
	margin:0;
}
	.BoxSingle ol, .BoxSingleLeftAd ol{
		list-style:decimal-leading-zero;	
		margin-top:3px;
	}
		.BoxSingle ol li, .BoxSingleLeftAd ol li {
			padding:0;
			margin:0;
		}
	.BoxSingle hr, .promo hr, .BoxSingleLeftAd hr, {
		width:90%;
		mmborder: 1px gray solid;
		padding:0;
		margin-left:10px;
	}
		.BoxSingle ul, .BoxSingleLeftAd ul{
		list-style:none;	
		margin:3px 0px 0px 0px;
		padding:1px 0 0 15px;
	}
		.BoxSingle ol li, .BoxSingleLeftAd ol li{
			padding:0;
			margin:0;
		}

.promo {
	float:left;
	width:246px;
	height:120px;
	padding-top:10px;
	margin: 10px 0 0 10px;
	background:transparent url('../../images/_bnr/promo_246x120.png') no-repeat;
}
	.promo p{
		margin:0 0 0 15px;
		padding:0;
	}
#box_full_intro, .box_full_300 {
	float:left;
	width:502px;
	height:150px;
	margin: 10px 0 0 10px;
	background:transparent url('../../images/_bnr/top_box_intro_502.png') no-repeat;
}
.box_full_300 {
	height:300px;
	background:transparent url('../../images/_bnr/box_500x300.png') no-repeat;
}
	#box_full_intro h3, .box_full_300 h3{
		margin:15px 0 20px 15px;
		font-size:12px;
	}
	
#CompContactLinks {
	float:left;
	width:502px;
	margin:10px 0 0 10px;
}
/* --------------------------------------------------------------- Content Templates */
#header {
	width:100%;
	height:60px;
	float:left;
	background:transparent url('../../images/_bg/cs_header_bg.png') no-repeat;
}
	.logo {
		float:left;
		width:330px;
		margin-left:18px;
		height:75px;
	}
		.logo h1 {
		margin:0 0 0 60px;
		font-size:15px;
		color:#fff;
		font-weight:bold;
		}
			.logo h1 strong{
				display:block;
				margin-left:-10px;
				color:#1D588A;
				font-size:30px;
			}
	
	#HeaderSearch {
		width:480px;
		float:right;
		margin: 15px 0 0 0;;
	}
		#HeaderSearch input{
			border:0px;
			width:400px;
		}
			#HeaderSearch input.HeaderSearchbtn{
				width:30px;
				height:30px;
				margin-left:-25px;
				background:transparent url('../../images/_logo/logo_30.png') no-repeat;
			}
#bg_outerblock {
	width:100%;
	display:block;
	float:left;
}
#footer {
	float:left;
	width:800px;
	display:block;
	height:75px;
	text-align:center;

}
	#FooterData {
		width:800px;
		height:67px;
		display:block;
		margin-left:auto;
		margin-right:auto;
		background:transparent url('../../images/blue/bnr/main_btm_800x1.png') no-repeat;
}
.SectionContentList {
	float:left;
	width:502px;
	margin:10px 0 0 10px;
}
	.SectionContentList h5, #calc_wrapper h3 {
		height:25px;
		line-height:25px;
		padding-left:15px;
		font-size:12px;
		background:transparent url('../../images/_bnr/content_bg_blue_502.png') no-repeat;
	}
	
	.SectionContentList h6 {
		height:20px;
		line-height:20px;
		padding-left:20px;
		font-size:11px;

	}
#ResultFilter {
	float:left;
	width:502px;
	height:30px;
	line-height:30px;
	background-color:#CFE6C8;
	border:1px #C0C0C0 solid;
	margin:0 0 0 10px;

}
	#ResultFilter select{
		float:left;
		margin:5px 10px 0 10px;
	}
	#ResultFilter h3{
		float:left;
		text-align:center;
		width:280px;
		font-size:12px;
	}
	
/* --------------------------------------------------------------- MENUS */
			
			
#MainMenu {
	width:760px;
	margin-left:auto;
	margin-right:auto;
}
	#MainMenu ul {
		list-style:none;
		margin:0;
		padding:0;
	}
		#MainMenu ul li{
			float:left;
			width:80px;
			height:20px;
			text-align:center;
			margin:0 5px 5px 5px;
			padding:2px;
			font-size:10px;
			background:transparent url('../../images/_btn/cs_top_menu_btn.png') no-repeat;
		}
.SubMenuSection {
	width:502px;
	float:left;
	
	margin:10px 0 0 10px;
}
	.SubMenuSection h4{
		float:left;
		height:30px;
		width:125px;
		font-size:10px;
		line-height:30px;
		text-align:center;
		background:transparent url('../../images/_btn/sub-menu_125x30.png') no-repeat;
	}

#ReviewFilterMenuKey {
	float:left;
	width:160px;
	margin:10px 0 0 10px;
}
	#ReviewFilterMenuKey ul, #ReviewFilterMenuFilter ul{
		list-style:none;
		padding:0;
		margin:0;
	}
		#ReviewFilterMenuKey ul li {
			height:20px;
			line-height:20px
			
		}
		
		#ReviewFilterMenuKey ul li.CSApproved {
			display:block;
			width:158px;
			height:40px;
			background-color:#CFE6C8;
			border:1px #C0C0C0 solid;
			
		}
			#ReviewFilterMenuKey ul li.CSApproved img{
				float:left;
				width:34px;
				height:34px;
				padding:3px;
			}


			#ReviewFilterMenuKey ul li img {
				float:left;
				width:20px;
				height:20px;
				margin-right:5px;
			}
#ReviewFilterMenuFilter {
	float:left;
	width:330px;
	margin:10px 0 0 10px;
	
}
		#ReviewFilterMenuFilter ul li {
			display:block;
			float:left;
			width:160px;
			height:30px;
			line-height:30px;
			margin-bottom:7px;
		}
			#ReviewFilterMenuFilter ul li a:hover{
				background-color:#CFE6C8;
				display:block;
				width:160px;
				height:30px;

			}
			#ReviewFilterMenuFilter ul li img {
				float:left;
				width:26px;
				height:26px;
				margin:2px;
			}
/* ---------------------------------- Resource Menu */

#resource_calc_chooser  {
	width:502px;
	float:left;
	margin:10px auto 0 auto;
}

.resource_chooser {
	width:145px;
	float:left;
	margin:10px 0 0 10px;
}

	#resource_calc_chooser h3, .resource_chooser h3 {
		font-size:12px;	
	}

	#resource_calc_chooser ul, .resource_chooser ul {
		list-style: none;
		margin:0px;
		padding:0;
	}
	
		.resource_chooser ul li {
			float:left;
			margin:0;
			padding:0;
		}
		
		#resource_calc_chooser ul li {
			float:left;
			margin:5px;
			padding:0;
		}
		
		
			#resource_calc_chooser ul li a {
				color: #000;
				font-size:16px;
				display: block;
				padding:25px 0 0 0;
				text-align:center;
				text-decoration:none;
				width:240px;
				height:55px;
			}
				#resource_calc_chooser ul li.calc_btn a {
					background: transparent url(../../images/_btn/calc_btn.png) no-repeat top center;
					/* for IE */ filter:alpha(opacity=80);
					/* CSS3 standard */ opacity:0.8;

				}
					#resource_calc_chooser ul li.calc_btn a:hover {
						/* for IE */ filter:alpha(opacity=100);
						/* CSS3 standard */ opacity:1.0;
	
					}


			.resource_chooser ul li a {
				color: #777;
				display: block;
				padding: 40px 5px 5px 0;
				text-align:center;
				text-decoration:none;
				width:65px;
			}
			
				#resource_calc_chooser ul li a strong, .resource_chooser ul li a strong {
					color:#000;
					display:block;
					font-size:larger;
				}
				
				#resource_calc_chooser ul li a strong {
					font-size:20px;
					color:#fff;
				}
			
				.resource_chooser ul li#res_calc a {
					background: transparent url(../../images/blue/icons/calculator.png) no-repeat top center;
				}
				
				.resource_chooser ul li#res_banner a {
					background: transparent url(../../images/blue/icons/get_banners.png) no-repeat top center;
				}
				
				.resource_chooser ul li#res_accom a {
					background: transparent url(../../images/blue/icons/home.png) no-repeat top center;
				}
				
					
					.resource_chooser ul li#res_calc a:hover,
					.resource_chooser ul li#res_banner a:hover,
					.resource_chooser ul li#res_accom a:hover {
						background-color:#ccc;
					}

/* --------------------------------------------------------------- IMAGES */

.img50 {
	width:60px;
	height:40px;
	margin:15px 0 0 10px;
	border:1px #CCCCCC solid;
		/* for IE */ filter:alpha(opacity=60);
		/* CSS3 standard */ opacity:0.6;
}
	a:hover .img50  {
		/* for IE */ filter:alpha(opacity=100);
		/* CSS3 standard */ opacity:1.0;

	}
img#connect {
	margin:-120px 0 0 50px;
	/* for IE */ filter:alpha(opacity=10);
	/* CSS3 standard */ opacity:0.1;

}

img.RSSButton {
	float:right;
	margin:15px 15px 0 0;
}

img.CSApproved {
	width:40px;
	height:40px;
}

#GraphTitle {
	width:340px;
	height:30px;
	margin-bottom:5px;
}

.RevTableImg {
	width:15px;
	height:15px;
}

img.CompGrpah {
	width:60px;
	height:40px;
	margin:7px 0 0 2px;
	float:left;
		/* for IE */ filter:alpha(opacity=60);
		/* CSS3 standard */ opacity:0.6;
}
	a:hover img.CompGrpah {
		/* for IE */ filter:alpha(opacity=100);
		/* CSS3 standard */ opacity:1.0;
	}


img.CompReviewLogo {
	float:left;
	margin:12px 0 0 12px;
}
/* --------------------------------------------------------------- RSS IMPORT */
#rssincl-box-47386, #rssincl-box-47388 {
	margin:0 4px 0 15px;
}
	p.rssincl-itemtitle, p.rssincl-title {
		margin:0;
		padding:6px 0 0 0;
	}
/* --------------------------------------------------------------- TABLES */
#ReviewTable {
	float:left;
	width:502px;
	margin:10px 0 0 10px;
	border-collapse:collapse;
	border-bottom:1px #CCCCCC solid;
}
	#TitleRow {
		background-color:#D9E1E7;
		height:20px;
		font-weight: bold;
		border:1px #CCCCCC solid;
	}
	
	.TROdd, .TREven {
		border-left:1px #CCCCCC solid;
		border-right:1px #CCCCCC solid;
	}
	
	.TREven {
		background-color:#E8F2FF;
	}
/* ------------------------------------------------------------LateRooms Search Box CSS */
#lateroomssearchbox {
	float:left; 
	font:11px arial, sans-serif; 
	background:#E6E6E6 url(../../images/_logo/307x71.png) no-repeat center top; 
	width:330px; 
	height:170px; 
	padding:5px; 
	text-align:center; 
	margin:10px 0 0 85px;
}
#lateroomssearchboxinner { 
	padding:71px 10px 0; 
}
table.lrsearchfields { 
	padding:2px; 
}
#ad336x280 {
	float:left;
	margin:15px;
}
div.lrsubhead { 
	font-weight:bold; 
	color:#000; 
	text-align:left; 
	font:11px arial, sans-serif; 
	margin:1px 0 0 0; 
}
input.lrbutton { 
	margin:0; 
	font:12px arial, sans-serif; 
	font-weight:bold; 
}
input.selbox { 
	font:11px arial, sans-serif; 
	width:137px; 
	color:#000; 
	background-color:#fff; 
}
select.selbox { 
	font:11px arial, sans-serif; 
	margin:0 0 7px 0; 
	width:137px; 
	color:#000; 
	background-color:#fff; 
}
.AdminForm {
	
}
	.AdminForm label{
		width:480px;
		display:block;
		margin:10px 10px 5px 5px;
		font-size:120%;
		font-weight:bold;
		padding:2px;
		background-color:#EEE;
		border-bottom:thin gray dashed;
	}
	
	.AdminForm input {
		background-color:#D6E2CE;
		width:470px;
		margin: 0 10px 0 10px;
	}
		.AdminForm input.full {
			width:480px;
		}
		.AdminForm input.submitcon {
			width:100px;
		}

	.AdminForm textarea{
	width:460px;
	height:200px;
	margin:0 10px 0 10px;
}

	.AdminForm input.error, .AdminForm textarea.error{
		background-color:red;
		padding:0;
		margin:0;
		width:510px;
		background-color:#EEE;
		border:2px #4E8846 solid;
		color:red
	}
	.AdminForm label.error {
		background-color:red;
		color:white;
	}

.ArticleArea {
	}
.ArticleArea ul {
				border:1px #CCCCCC dashed;
				background-color:#EAF4FF;
				width:440px;
				margin:10px 42px 10px 20px;
				padding:10px 20px 0 0;
				
			}
.ArticleArea ul ul {
					width:95%;
					background-color:#FFFFE1;
					margin:10px 10px 10px 0px;
					border:0;
				}
				
				.ArticleArea ul li{
					line-height:15px;
					margin:0 0 6px 30px;
					font-size:95%;
				}
