html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  input, textarea {      margin: 0;      padding: 0;      font-size: 100%;  }  ul {list-style: none;}  img, fieldset {border: 0;}  h1, h2, h3 {font-weight: normal;}  em {font-style: italic;}  strong {font-weight: bold;}   

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:0px;
	margin:0px;
	color:#000000;
	background-image:url(../images/bground.png);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#F0F2EB;
}

/* new clearfix */
.fixed:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .fixed             { zoom: 1; } /* IE6 */
*:first-child+html .fixed { zoom: 1; } /* IE7 */

#headerflash{
	display:block;
	margin-bottom:10px;
	float:left;
	width:300px;
	height:378px;
}

.content_layout ul{
	margin-left:23px;
}

.content_layout ul li{
	list-style:url(../images/bullets.png);
	margin-bottom:8px;
}

/********************************************************LINK STYLES**************************************************************/
a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}

.footermenu a{
	color:#FFF;
	text-decoration:none;
}

.footermenu a:hover{
	color:#FFF;
	text-decoration:underline;
}

a:hover.blue_btn{
	color:#FFF;
	text-decoration:none;
}

.content_layout h1 a{
	color:#E26119;
	text-decoration:none;
}

.content_layout h1 a:hover{
	color:#E26119;
	text-decoration:underline;
}

.content_layout h2 a{
	color:#14678D;
	text-decoration:none;
}

.content_layout h2 a:hover{
	color:#14678D;
	text-decoration:underline;
}

a.btn_active{
	background-image:url(../images/btn_active.png);
	background-repeat:no-repeat;
	color:#FFF;
	display:block;
	float:left;
	z-index:200;
	text-decoration:none;	
}

a.btn_inactive{
	background-image:url(../images/btn_inactive.png);
	background-repeat:no-repeat;
	color:#757575;
	display:block;
	float:left;
	z-index:100;
	text-decoration:none;	
}

#searchrenttab {
	margin-left:-10px;
}


a:hover.btn_active{
	color:#FFF;
	text-decoration:none;
}

a:hover.btn_inactive{
	background-image:url(../images/btn_active.png);
	background-repeat:no-repeat;	
	color:#FFF;
}

a.blue_btn{
	background-image:url(../images/blue_btn.png);
	background-repeat:no-repeat;
	display:block;	
	width:125px;
	height:23px;
	line-height:20px;
	text-align:center;
	color:#FFF;
	float:right;
	text-decoration:none;
	cursor:pointer;
}

a:hover.blue_btn{
	color:#FFF;
	text-decoration:underline;
}

a.more{
	color:#00578E;
	float:right;
}

a.gray_btn{
	clear:both;
	background-image:url(../images/gray_btn.png);
	background-repeat:no-repeat;
	display:block;	
	width:136px;
	height:26px;
	line-height:24px;
	text-align:center;
	cursor:pointer;
	float:right;
	margin-top:15px;
}

.sidebox_layout h1 a{
	color:#FFF;
	text-decoration:none;
}

.sidebox_layout h2 a{
	color:#0177C1;
	text-decoration:none;
}

.sidebox_layout h1 a:hover{
	color:#FFF;
	text-decoration:underline;
}

.sidebox_layout h2 a:hover{
	color:#0177C1;
	text-decoration:underline;
}
/******************************************************END OF LINK STYLES************************************************************/

.logo{
	float:left;
	height:84px;
}

.flags{
	float:right;
	margin-top:15px;
}

.flags img{
	margin-left:10px;
	display:block;
	float:right;
}

.wrap {
	width:940px;
	margin:0 auto;
	padding:0;
}

.content_layout {
	width:620px;
	float:left;
	padding:0;
	margin:0 auto;
	margin-left:20px;
	margin-top:15px;
	text-align:justify;
}
.sidebox_layout {
	width:300px;
	float:left;
	padding:0;
	margin:0 auto;
	margin-top:15px;
}

.mainmenu{
	clear:both;
	color:#FFF;
	font-size:16px;
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	height:40px;
	padding-left:10px;
}

ul.menu li {
	display:block;
	float:left;
}

ul.menu li a{
	display:block;
	float:left;
	line-height:40px;
	padding-left:24px;
	padding-right:24px;
	margin-right:2px;
	margin-bottom:8px;
	color:#757575;
	text-decoration:none;
}

ul.menu li a:hover, ul.menu li a.active{
	text-decoration:none;
	background-image:url(../images/menu_hover.png);
	background-repeat:repeat-x;
	color:#FFF;
}


/******************************************************HEADER FORM STYLES************************************************************/
.search_form{
	background-image:url(../images/search_box.png);
	background-repeat:repeat-x;
	border-bottom:#0177C1 solid 2px;
	border-top:#0177C1 solid 2px;
	border-left:#D0D0D0 solid 2px;
	border-right:#D0D0D0 solid 2px;
	padding-left:10px;
	padding-bottom:10px;
	margin-bottom:15px;
}

.search_form p{
	padding:0px;
	margin:0px;
}

.search_form p.twocol select{
	width:190px;
	margin-bottom:8px;
	margin-top:4px;
	float:left;
	margin-right:10px;
}

.search_form p.twocol input{
	width:188px;
	margin-bottom:8px;
	margin-top:4px;
	float:left;
}
/*****************************************************END OF HEADER FORM STYLES********************************************************/



/******************************************************* FORM  STYLES *****************************************************************/

/**************************************************** NEWSLETTER FORM  STYLES *********************************************************/
.newsletter_form input{
	width:280px;
	margin-top:10px;
	height:20px;
}
/************************************************ END OF NEWSLETTER FORM  STYLES ******************************************************/

/**************************************************** CALCULATOR FORM  STYLES *********************************************************/
.calculator input{
	width:275px;
	margin-bottom:8px;
	margin-top:4px;
	float:left;
}

.calculator .label{
	clear:both;
}
/************************************************ END OF CALCULATOR FORM  STYLES ******************************************************/




/***************************************************** FORM  STYLES - MAINBOX *********************************************************/
.mainbox form p {
	padding:0px;
	margin:0px;
	float:left;
	width:290px;
}

.mainbox label{
	position: relative; top: 25px; left: 10px;
	color:#666666;
}

.mainbox select, .mainbox submit, .mainbox input, .mainbox textarea {
	color:#000000;
	font-size:12px;
	height:20px;
	border: 1px solid #aaaaaa;
	width:270px;
	padding:5px;
}

.mainbox textarea {
	height:100px;
	margin-bottom:20px;
}

.property form p.fourcol { width:135px; }
.mainbox p.fourcol select, .mainbox p.fourcol textarea, .mainbox p.fourcol submit, .mainbox p.fourcol input { width:125px; }

.mainbox form p.onecol { width:590px; }
.mainbox p.onecol textarea, .mainbox p.onecol submit, .mainbox p.onecol input { width:580px; }
.mainbox p.onecol select{ width:590px; height:35px;}

.mainbox form p.twocol { width:290px; margin-right:8px; }
.mainbox p.twocol select, .mainbox p.twocol textarea, .mainbox p.twocol submit, .mainbox p.twocol input { width:280px; }
/*************************************************** FORM  STYLES - MAINBOX END ********************************************************/

/****************************************************** ERROR MESSAGES STYLES ********************************************************/
.message-error{
	font-size:12px;
	font-weight:bold;
	color: #B80404;
	border : 1px solid #B80404;
	padding : 5px;
	background :#DEEBDD;
	width : auto;
	font-weight:bold;
	margin-bottom:15px;
}

.message-ok{
	font-size:12px;
	font-weight:bold;
	color: #37852E;
	border : 1px solid #37852E;
	padding : 5px;
	background :#DEEBDD;
	width :auto;
	margin-bottom:15px;
}
/*************************************************** END OF ERROR MESSAGES STYLES ******************************************************/

/****************************************************** END OF FORM  STYLES ************************************************************/


/*******************************************************PROPERTIES STYLES**************************************************************/

/******************************************************HOME LISTING STYLES*************************************************************/
.hm_small_listing{
	background-image:url(../images/hm_small_listing_box.png);
	background-repeat:no-repeat;
	width:274px;
	height:144px;
	float:left;
	padding:8px;
	padding-top:5px;
	float:left;
	margin-right:9px;
	margin-bottom:10px;
}

.hm_small_listing img, .small_listing img{
	float:left;
	margin-right:10px;
	border:#CECECE solid 2px;
	width:129px;
}

.hm_small_listing span{
	float:left;
	width:125px;
	display:block;
	height:82px;
}

.gray_box{
	background-color:#EEEEEE;
	border-right:#CECECE solid 1px;
	border-left:#CECECE solid 1px;	
	border-top:#0177C1 solid 2px;
	border-bottom:#0177C1 solid 2px;	
	padding:10px;
	margin-bottom:20px;
}
/******************************************************END OF HOME LISTING STYLES************************************************************/

/************************************************************LISTING STYLES******************************************************************/
.small_listing{
	background-image:url(../images/small_listing.png);
	background-repeat:no-repeat;
	width:620px;
	height:168px;
	padding:10px;
	padding-bottom:0px;
	color:#464747;
}

.small_listing img{
	width:148px;
	float:left;
	display:block;
}

.details{
	float:left;
	width:135px;
}

.btn_price{
	background-image:url(../images/btn_price.png);
	background-repeat:no-repeat;
	width:135px;
	margin-left:10px;
	text-align:center;
	padding-top:4px;
	color:#E26119;
	font-size:14px;
	height:44px;
}

.btn_ref{
	background-image:url(../images/btn_ref.png);
	background-repeat:no-repeat;	
	color:#14678D;
	width:135px;
	line-height:26px;
	text-align:center;
	margin-left:10px;
	margin-bottom:7px;
	
}

.fleft{
	float:left;
	width:270px;
}

.fright{
	float:left;
	margin-top:-20px;
	width:140px;
	margin-left:20px;
}

.small_listing span{
	float:left;
	width:435px;
	display:block;
}

.btn_active, .btn_inactive{
	width:154px;
	line-height:31px;
	font-size:14px;
	text-align:center;
	position:relative;
	margin-bottom:10px;
}
/*********************************************************END OF LISTING STYLES***************************************************************/

/************************************************************SIDE BOX STYLES******************************************************************/
.blue_box{
	background-image:url(../images/blue_box.png);
	background-repeat:repeat-x;
	background-position:top;
	min-height:120px;
	_min-height:120px;
	background-color:#14688F;
	padding:10px;
	margin-bottom:20px;
	color:#FFF;
	border:#0974AA solid 1px;
}
/********************************************************END OF SIDE BOX STYLES***************************************************************/

/*******************************************************END OF PROPERTIES STYLES**************************************************************/



/*************************************************************HEADERS STYLES******************************************************************/
.content_layout h1{
	clear:both;
	font-size:16px;
	color:#E26119;
	font-weight:bold;
	margin-bottom:8px;
}

.content_layout h1 div{
	float:right;
}

.content_layout h2{
	font-size:14px;
	font-weight:bold;
	color:#14678D;
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}

.mainbox h1{	
	clear:both;
	font-size:16px;
	color:#E26119;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:10px;
}

.sidebox_layout h1, .sidebox_h2{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom:10px;
}

.sidebox_h2{
	color:#0177C1;
}
/***********************************************************END OF HEADERS STYLES****************************************************************/

/************************************************************SIDEBOX LIST STYLES*****************************************************************/
a.sidebox_link{
	display:block;
	float:left;
	color:#FFF;
	width:124px;
	line-height:25px;
	background-color:#4991B0;
	margin-right:5px;
	margin-bottom:6px;
	padding-left:10px;
}

.sidebox_layout ul li{
	display:block;
	color:#FFF;
	width:auto;
	line-height:25px;
	background-color:#4991B0;
	margin-right:5px;
	margin-bottom:6px;
	color:#FFF;	
	padding-left:10px;
}

.sidebox_layout ul li a{
	display:block;
	color:#FFF;
	width:auto;
	line-height:25px;
	background-color:#4991B0;
	margin-right:5px;
	margin-bottom:6px;
}

.sidebox_layout ul li.twocol{
	padding:0px;
	margin:0px;
	width:134px;
	float:left;
	margin-right:5px;
	margin-bottom:6px;
}

.sidebox_layout ul li.twocol a{
	display:block;
	float:left;
	color:#FFF;
	width:124px;
	line-height:25px;
	background-color:#4991B0;
	margin-right:5px;
	margin-bottom:6px;
	padding-left:10px;
}

.sidebox_link img{
	margin-right:10px;
	padding-top:5px;
	display:block;
	float:left;
}

.sidebox_link img{
	margin-right:10px;
	padding-top:5px;
	display:block;
	float:left;
}
/*********************************************************END OF SIDEBOX LIST STYLES*************************************************************/

/******************************************************PAGINATION STYLES************************************************************/
.pager {
	clear:both;
	text-align:center;
}
.pager li {
	background-image:none;
	display:inline;
	list-style-type:none;
	padding:6px;
	font-weight:bold;
	line-height:22px;
	color:#003150;
	margin:4px;
}
.pager a {
	padding:2px 5px;
	background-color:#DFEDF7;
	border:1px solid #90c2e1;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	color:#003150;
}
.pager a:hover {
	text-decoration:none;
	background:#eef7fc;
	color:#003150;
}
.item-list ul.pager li {
	margin:0;
	padding:0;
	margin:2px;
}
/***************************************************END OF PAGINATION STYLES********************************************************/

/********************************************************CONTENT STYLES*************************************************************/
.content_images, .property_images, .car_images, .product_images, .news_images, .article_images, .articles_imagesfull, .product_imagesfull, .locationimage{
	float:left;
	margin-right:11px;
	margin-bottom:11px;
}

.first_image {
	clear:both;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.content_document {
	clear:both;
	margin:0px;
	padding:0px;
	font-size:14px;
	line-height:32px;
	padding-left:10px;
	margin-top:10px;
	border: solid 1px #D1D1D1;
	background: #E2E2E2;
	display:block;
}

.content_document:hover {
	background: #D1D1D1;
	text-decoration:none;
}

.content_video {
	clear:both;
	margin:0px;
	padding:10px;
	margin-top:10px;
	border: solid 1px #D1D1D1;
	background: #E2E2E2;
	display:block;
	text-align:center;
}

.content_video span{
	font-size:16px;
	font-weight:bold;
	line-height:32px;
	display:block;
	color:#368ad1;
}

.mainbox, .property_listing, .property_full, .car_listing, .news_listing, .news_fullview, .article_listing, .article_fullview, .carfull, .resource_category, .resource_listing, .products_listing, .products_fullview{
	background-color:#EEEEEE;
	border-right:#CECECE solid 1px;
	border-left:#CECECE solid 1px;	
	border-top:#0177C1 solid 2px;
	border-bottom:#0177C1 solid 2px;
	margin-bottom:20px;
	padding:10px;
}
/***************************************************END OF CONTENT STYLES*******************************************************/


/***************************************************PROPERTY PRICE STYLES*******************************************************/
.price_table{
	border:#CECECE solid 1px;
	border-collapse:collapse;
	padding:2px;
	font-size:11px;
	text-align:center;
	background-color:#F3F3F3;
	width:595px;
}

.price_table th {
	border:#CECECE solid 1px;
	border-collapse:collapse;
	color:#000000;
	background-color:#2C7B9F;
	padding:0px;
	line-height:34px;
	color:#FFF;
}
.price_table td {
	border:#CECECE solid 1px;
	border-collapse:collapse;
	line-height:34px;
}
/***********************************************END OF PROPERTY PRICE STYLES****************************************************/

/***************************************************PROPERTY STAMP STYLES*******************************************************/
.stamp img{
	position:absolute;
	width:95px;
	height:35px;
	border:none;
	margin-top:79px;
	margin-left:2px;
}

.hm_stamp img{
	float:none;
	margin:0px;
	border:none;
	position:absolute;
	width:95px;
	height:35px;
	border:none;
	margin-left:-141px;
	margin-top:63px;	
}

.house_stamp img{
	width:24px;
	height:25px;
	border:none;
	position:absolute;
	margin-top:89px;
	margin-left:126px;
}

.hm_house_stamp img{
	width:24px;
	height:25px;
	border:none;
	position:absolute;
	margin-top:73px;
	margin-left:-36px;
}

**********************************************END OF PROPERTY STAMP STYLES****************************************************/

/*****************************************************RESOURCE STYLES***********************************************************/
.resource a {
	clear:both;
	color:#000000;
	font-size:12px;
	font-weight:bold;
}
.resource-addurl {
	margin-top:5px;
	float:right;
	margin-right:10px;
	clear:both;
	margin-bottom:10px;
}
.resource-addurl a {
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.resource {
	margin-bottom:10px;
}
.resource-category {
	text-decoration:none;
	float:left;
	width:280px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
.resource-category a {
	color:#000000;
	text-decoration:none;
}
/***************************************************END OF RESOURCES STYLES********************************************************/

/*****************************************************FOOTER MENU STYLES***********************************************************/
.footermenu{
	clear:both;
	background-image:url(../images/footer.png);
	background-repeat:repeat-x;
	height:50px;
	color:#FFF;
	padding-top:58px;
}

.footermenu ul li{
	display:inline;
	padding-left:5px;
	padding-right:5px;
}

.footermenu  ul{
	margin-bottom: 5px;
}
/************************************************END OF FOOTER MENU STYLES*********************************************************/

#selectcurrencyform{
display:block;
margin:0px;
padding:0px;
float:right;
margin-top:10px;

}

	/*********************************************************** VALIDATION ENGINE ****************************************************************/

	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:10px 10px 10px 10px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  
				
/*********************************************************** VALIDATION ENGINE ****************************************************************/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;z-index:9999;}
#cboxLoadedContent{overflow:auto;z-index:9999;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0; z-index:9999;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px 0 no-repeat;z-index:9999;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;z-index:9999;}
    #cboxLoadedContent{margin-bottom:28px;}
    #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
    #cboxCurrent{position:absolute; bottom:4px; left:0px; color:#949494;}
    #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}

    #cboxPrevious{position:absolute; top:0px; left:0px; width:100px; height:90%; text-indent:-9999px; background:url(../images/colorbox/blank.gif) center right no-repeat;}
    #cboxPrevious.hover{background:url(../images/colorbox/prev.gif) center left no-repeat; }

    #cboxNext{position:absolute; top:0px; right:0px; width:100px; height:90%; text-indent:-9999px; display:block; background:url(../images/colorbox/blank.gif) center right no-repeat;}
    #cboxNext.hover{background:url(../images/colorbox/next.gif) center right no-repeat; }

    #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) center center no-repeat;}
    #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
    #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
    #cboxClose.hover{background-position:-25px -25px;}


/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}



/***********************************************************DATE PICKER****************************************************************/

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/*********************************************************** END DATE PICKER****************************************************************/