﻿html
{
	background-image: url(/Templates/images/bg.png);
	background-repeat: repeat-x;
}

#rightTopSpacer
{
	height: 470px;
}
#login
{
		text-indent:10px;
		 margin-top:10px;
	}
	
	#currencyContainer, #findContainer, #login
	{
	    display:block; clear:both;
	    }
#currencyContainer {height:22px;}
	
	#findContainer
	{
	   height:50px; 
	   }
	
#topBoxContainer, #topBoxMask, #topBoxImage
{
	width: 457px;
	height: 402px;
	position: absolute;
	margin-left: 520px;
	margin-top: 180px;
	z-index: 99999;
}
#topBoxMask
{
	background: url(/Templates/images/bg_topBox.png) no-repeat !important;
	z-index: 99998 !important;
}

#topBoxImage
{
	width: 380px !important;
	height: 360px !important;
	margin-left: 560px !important;
	margin-top: 195px !important;
	overflow: hidden !important;
	z-index: 99997 !important;
	background-color: #fff !important;
}

#topBoxImage img
{
	max-height: 360px;
}

body
{
	width: 995px;
	margin: 0 auto 0 auto !important;
	font-family: Courier New;
	color: #1aa0dd;
	text-align: left;
}

a
{
	text-decoration: none;
}

.bread a{text-decoration:underline;}

h1, h2, h3, h4, h5, h6
{
	margin: 0;
}
a:link, a:visited
{
	color: inherit;
	
}

.bold
{
	font-weight: 900;
}
ul
{
	text-decoration: none;
}
li
{
	text-decoration: none;
}

p
{
	margin: 0;
	text-align: left;
}

.flowRow
{
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both;
}

.textRight
{
	text-align: right !important;
}

.textLeft
{
	text-align: left !important;
}


.floatRight
{
	float: right;
}

table
{
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}
td
{
	vertical-align: top;
}

fieldset
{
	margin-bottom: 10px;
	border: 2px solid #1aa0dd;
}

legend
{
	font-size: 22px;
	font-weight: bold;
	color: #003980;
}
.row
{
	display: block;
	clear: both;
}
.floatLeft
{
	float: left;
}
.floatLeftMargin
{
	float: left;
	margin-right: 4px;
}
#topRightSpacer
{
	height: 400px;
}

/* Colors */

.bread, .guideInfo,#footerContainer div p
{
	font-family: Arial;
	font-size: 12px;
	color: #003980;
}

.small
{
	font-size: 10px !important;
}

.mid
{
	font-size: 11px !important;
}

.bonzoGrey, .bonzoGrey a:visited, #price, #description
{
	color: #9c9582!important;
}
.floatLeft
{
	float:left;
	}
.floatRight
{
	float:right;
	}	

.alignRight
{
	text-align: right;
}

.link{cursor:pointer;}

.upper
{
	text-transform: uppercase;
}

.bonzoBlueDark, .guideInfo,#footerContainer div
{
	color: #003980 !important;
}

.bonzoBlueDarkBackground
{
	background-color: #003980;
}

.bonzoBlueLight
{
	color: #1aa0dd;
}

.white, a:link.white, a:visited.white
{
	color: White;
}
.bonzoBlueLightBackground
{
	background-color: #1aa0dd;
}

.bonzoRed, a:hover
{
	color: #b60c19 !important;
}

.bonzoRedBackground
{
	background-color: #b60c19;
}

/* General classes */

.caps
{
	font-variant: small-caps;
}

.textBox
{
	background-color: #c8e4f0;
	border: 2px solid #afacb5;
	font-size: 20px;
	color: #827f88;
}

.blueLineHorizonal
{
	height: 10px;
	background-image: url(/Templates/images/line_blue_hor.png);
	background-repeat: repeat-x;
	z-index: 90;
}

.redLineHorizonal
{
	height: 10px;
	background-image: url(/Templates/images/line_red_hor.png);
	background-repeat: repeat-x;
	clear: both;
	z-index: 101;
}



.greyLineHorizonal
{
	height: 10px!important;
	background-image: url(/Templates/images/line_grey_hor.png);
	background-repeat: repeat-x;
	clear: both;
	z-index: 101;
}
.greyLineVertical
{
	width: 10px!important;
	background-image: url(/Templates/images/line_grey_vert.png);
	background-repeat: repeat-y;
	clear: both;
	z-index: 101;
}
.topHeader
{
	font-variant: small-caps;
	font-weight: 900;
	font-size: 56px;
	line-height:42px;
	
}

.searchHeader
{
	font-variant: small-caps;
	font-weight: 900;
	font-size: 30px;
	float: left;
	margin-right:4px;
	word-spacing:-5px;
}

#searchGuestType .searchHeader
{
    font-size: 25px!important;
    }

/* #MASTER  */
#masterTblTop
{
	border: 1px solid white;
}
#masterTblTop td
{
	text-align: center;
	width: 995px;
}

#masterTbl
{
	width: 995px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

#masterTdTop
{
	background-image: url(/Templates/images/envelope_top.png);
	background-repeat: no-repeat;
	width: 995px;
	height: 25px;
}

#masterTdFooter
{
	background-image: url(/Templates/images/envelope_footer.png);
	background-repeat: no-repeat;
	width: 995px;
	height: 14px;
}


#masterTdLeft
{
	background-image: url(/Templates/images/envelope_left.png);
	background-repeat: no-repeat;
	background-color: White;
	width: 40px;
}
#masterTdCenter
{
	background-image: url(/Templates/images/bg_main.png);
	background-repeat: repeat-y;
	width: 890px;
}
#masterTdRight
{
	background-image: url(/Templates/images/envelope_right.png);
	background-repeat: no-repeat;
	width: 35px;
	height: 500px;
}

#tdMainStructureLeft
{
	width: 619px;
}

#tdMainStructureSplit
{
	background-image: url(/Templates/images/line_red_vert.png);
	background-repeat: repeat-y;
	width: 8px;
	min-height: 500px;
}

#tdMainStructureRight
{
}

#simpleMasterContent
{
	margin-left: auto;
	margin-right: auto;
	background-color: White;
	width: 95%;
	min-height: 400px;
	padding: 10px;
}


/*Search top*/

.btnTextboxCal
{
	float: left;
	margin-right: 0;
	position: relative;
	top: -2px;
	cursor: pointer;
}

/*Find top*/
.txtFindRoomBed
{
	width: 50px;
	height: 27.49px;
	float: left;
	margin-right: 4px;
	margin-left: 4px;
}
.txtMasterFind
{
	border-right: 0;
	width: 110px;
	height: 27.49px;
	float: left;
	margin-right: 0;
	margin-left: 4px;
}


.drpMasterFind,.drpFind
{
	border-right: 0;
	width: 110px;
	height: 32.49px;
	float: left;
	margin-right: 8px;
	margin-left: 4px;
	font-size: 18px!important;
}

.drpFind
{
   width: 40px!important; 
}


.btnMasterFind
{
	float: left;
	margin-right: 0;
	position: relative;
	top: -7px;
}

.lblMasterFind
{
	float: left;
	font-weight: bolder;
	margin-left: 10px;
}

#lineMasterFind
{
	left: -12px;
	position: relative;
	width: 280px;
}
#lineMasterFindBlue
{
	left: -15px;
	position: relative;
	width: 283px;
}

#topRightText
{
	margin: 12px 0 4px 10px;
	height: 89px;
	color: #003980;
	text-transform: capitalize;
	overflow: hidden;
}
/* PageHeader */

#linePageHeader
{
	width: 400px;
	float: left;
	margin: 5px 0 0 5px;
}

.lblPageHeader
{
	background-color: White;
	color: #003980;
	text-transform: capitalize;
	padding-right: 10px;
	font-weight: bolder;
	font-size: 20px;
	position: relative;
	top: -7px;
}

#pPageHeader
{
	background-position: 0px 90%;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

/*DYMO*/

.dymoBlueTop
{
	margin: 10px 0 0 0;
	background: url(/Templates/images/dymo_blue_top.png) no-repeat;
	width: 257px;
	height: 30px;
	color: White;
	font-weight: bold;
	padding: 10px 0 0 10px;
	font-size: 1.1em;
}
.dymo_red_left
{
	margin: 10px 0 0 0;
	background: url(/Templates/images/dymo_red_left.png) no-repeat;
	width: 257px;
	height: 30px;
	color: White;
	font-weight: bold;
	padding: 10px 0 0 10px;
	font-size: 1.1em;
}
.topList, .topList li
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 250px;
}
.topList
{
	padding-top: 10px;
}
.topList li
{
	padding-left: 10px;
}
#topLists
{
	clear: both;
	display: block;
}


.dateNOTAvailable
{
	background-color: Red;
	color: White;
	text-align: center;
}

.dateAvailable, .dateAvailableDiscount
{
	color:white;
	background-color:#4FFF98;
	text-align:center;
}
.dateAvailableDiscount
{
	color: Orange !important;
}

.tblPriceTable
{
	border: 1px solid black;
	margin: 10px;
}



.tblPriceTable th, .tblGuestsInRental th
{
	background-color: Silver;
}

.tblPriceTable td, .tblPriceTable th
{
	border: 1px solid #666666;
	padding: 4px;
	font-size: 11px;
	font-family: Arial;
	text-align: right;
	color: Black;
}



.btnSave
{
	background-image: url(/Images/Icons/Save.png);
	background-position: center left;
	background-repeat: no-repeat;
	border: 0;
}
.btnDelete
{
	background: url(/Images/Icons/action_delete.png) no-repeat;
	width: 22px;
	height: 22px;
	background-position: center left;
	border: 0;
}


/*
	Edit Apartment
*/
#breadcrumbEdit
{
	margin: 20px 0 20px ;
	
	
}

#breadcrumbEdit a{font-family:Arial; margin-right:10px;}
.disabledBtn
{
	background-color: #CCCCCC !important;
	cursor: help !important;
}

.btnSaveP
{
	margin-top: 20px;
	margin-right: 0px;
	display: block;
	text-align: right;
}

.btn, .btnNext
{
	background: url(/Templates/Images/btn_bg.png);
	background-repeat: repeat-x;
	background-position: center;
	font: bold 18px Courier New;
	color: White;
	border: ridge 1px #003980;
	padding-right: 10px;
	padding-left: 10px;
}

.btnNext
{
	background: url(/Templates/Images/btn_bg_next.png) !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
	padding-right: 30px !important;
	padding-left: 10px !important;
}


.step, .currentStep, .step a:link, .currentStep a:link
{
	background-image: url(/Templates/Images/guide_r_cyan.png);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #fff;
	color: #1aa0dd;
	font-family: Arial;
	font-size: 11px;
	font-weight: bolder;
	text-decoration: underline;
	border: 0;
	height: 30px;
	cursor: pointer;
	padding-right: 15px;
	padding-left: 10px;
	padding-bottom: 14px;
	padding-top: 7px;
}

.currentStep,.currentStep a:link
{
	background-image: url(/Templates/Images/guide_r_red.png);
	color: #b60c19!important;
}

.guideInfo
{
}

#inputUnits fieldset
{
	min-height: 300px;
}

#help fieldset
{
	min-height: 50px;
}


#inputUnits legend
{
	color: #b60c19;
	padding: 0 10px 0 10px;
	font-size: 16px;
}

.sortItem
{
	float: left;
	padding: 5px;
	margin: 5px;
	border: 1px solid silver;
	list-style: none;
}

.sortItemMove
{
	cursor: move;
	display: block;
	float: right;
	clear: both;
	margin-left: 4px;
	width: 10px;
	height: 10px;
}


#sortItems
{
	display: block;
	padding: 0;
	margin: 0;
}
/* INPUTS */



.inputBoxDiv
{
	display: block;
	padding: 8px;
	margin: 2px;
}

.inputBoxDivFloat
{
	float: left;
	padding: 8px;
	margin: 2px;
}

.inputHeader
{
	font-size: 14px;
	font-weight: bold;
	display: block;
	clear: both;
}

.inputError
{
	border: 2px solid red !important;
}

.inputTextBox
{
	width: 90%;
}

.inputDropDown
{
}

.txtCaption
{
	width: 95%;
}

.galleryImg
{
	max-width: 780px;
	margin-bottom: 2px;
}
.imgDiv
{
	margin-bottom: 20px;
}
#ulMyObjects, #ulMyPages
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#ulMyObjects li, #ulMyPages li
{
	padding: 6px;
	margin:4px;
	border:1px solid silver!important;
	
}
#ulMyObjects img
{
		width:50px; height:50px; margin:2px;vertical-align:middle;
}
#tblRentalDatePrice, #tblGuesType, #tblPrices
{
	border-collapse: collapse;
	border: solid 1px #1aa0dd;
}

#tblRentalDatePrice td, #tblGuesType td, #tblPrices td
{
	text-align: right !important;
	border: solid 1px #1aa0dd;
	padding: 4px;
}

#tblRentalDatePrice thead td, #tblGuesType thead td, #tblPrices thead td
{
	color: White;
	background-color: #1aa0dd !important;
	border: solid 1px #fff;
}

.pSave
{
	margin: 10px 0 10px 0;
}
.guideInfo
{
	margin: 10px;
	font-size: 11px;
}

/*payResponse*/

#payResponse h3, #payResponse p
{
	margin: 4px 0 4px 0;
}

#statusButtons img
{
	cursor: pointer;
	margin-right: 2px;
}

#statusButtons td
{
	width: 18px;
}

/*City*/

#city #GoogleMap_Div_Container
{
	border:1px solid black;
	}
	/*Startsidan*/
	
	#fsRent, #fsRentOut
	{
		float:right!important;
		width:270px!important;
		margin:-10px 10px 10px 10px;
	}
	#fsRent
	{
	margin-right:15px;	
	}
	
	#fsRent legend, #fsRentOut legend
	{
		padding: 0 10px 0 10px ;
		
	background: url(/Templates/images/dymo_red_top.png) no-repeat;
	background-position:top right!important;
	width: 240px!important;
	height: 40px;
	color: White!important;
	font-weight: bold;
	padding: 10px 0 0 10px;
	font-size: 1.1em;	
	
	}
	
	
	
	#fsRentOut legend
	{
		background: url(/Templates/images/dymo_blue_top.png) no-repeat!important;
		background-position:top right!important;
		}
		
		#startTopBox
		{
		height:470px;	
		
		}
		
		.imgLang img
		{
			vertical-align:text-bottom;
		}
		
.flyContainer
{
	width: 500px; height: 300px; padding: 10px 10px 10px 10px; border: 1px solid black;
            background-color: white; overflow-y: scroll; z-index:99999;
}		

.flyLink
{
	cursor:pointer;text-align:right;
}

#startTopBox a:link, #startTopBox a:visited, .bread a:link, .bread a:visited {text-decoration:underline; }

#serp {padding:0!Important;}
#serp li{list-style:none;margin-bottom:15px;padding:0}
#serp li img{margin-right:10px; width:40px; height:40px; float:left}


.mainTopSpacer{width:130px; height:370px; float:right; }

.statusBtn {float:right; margin-left:10px;}

#footerContainer{padding-left:40px;}
#footerContainer div{float:left;margin:6px;}
.col-1 div{width:960px;} 
.col-2 div{width:430px;} 
.col-3 div{width:300px;} 
.col-4 div{width:220px;} 
.col-5 div{width:185px;} 


.creditcardmini{margin-right:2px;}

#sendMailFriend h3{margin-bottom:20px;}
#sendMailFriend label{font-size:12px; margin-bottom:20px;}
#sendMailFriend label span{clear:right;display:block}
#sendMailFriend textarea , #sendMailFriend .emailTipTxt {font-size:20px; font-family:Arial; height:30px; width:300px; }
#sendMailFriend textarea {height:100px!important;}
#wait{text-align:center}
.msgModal {font-size:15px; color:White; background-color:#CE071E;padding:10px;}

.tdRight {text-align:right}
.tblDiscounts {border-collapse:collapse; border:1px solid white}
.tblDiscounts th{color:#fff; background-color:#CE071E!important}
.tblDiscounts td{padding:6px; border:1px solid white; color:white; vertical-align:middle}
.tblDiscounts td img {width:14px; height:auto;}

#BodyApartment .tblDiscounts {width:600px;}


#tblHits .tblDiscounts { color:#CE071E!important;}
#tblHits .tblDiscounts thead{ border:1px solid #CE071E!important}
#tblHits .tblDiscounts th{ background-color:#fff;}
#tblHits .tblDiscounts td{padding:6px;  color:#CE071E!important; vertical-align:middle;border:1px solid #CE071E!important}


.tblRed {border-collapse:collapse; margin:10px 0 20px 0;}
.tblRed td{border:1px solid #CE071E!important;}
.tblRed td td {border:0!important}
.tblRed th {font-size:15px; color:White; background-color:#CE071E;padding:10px; text-align:left}

#priceTbl td {border:1px solid #CE071E!important;}
#priceTbl td{border:1px solid #CE071E!important;color:#003980!important; font-family:Arial!important; font-size:12px!important;padding-right:8px;}
#priceTbl th {font-size:15px; color:White; background-color:#CE071E;padding:10px; text-align:right}
#priceTbl .tblPriceTable {margin:0!important;}

#tdCheckInDate, #tdCheckOutDate {text-align:right; border:1px solid #CE071E; padding:10px}
#tdNoOfGuests {padding:10px; border:1px solid #CE071E} 
.largeSize {font-size:22px;}

#tblGuests select {color:#003980!important; font-family:Arial!important; font-size:12px!important;}

#priceTbl td.toPay {font-size:22px!important;}
#previewAp {cursor:pointer; vertical-align:middle}

.requestStep {height:26px; width:20px; display:block; background-image:url(/templates/images/dymo_blue_top.png); background-position:right; font-family:Arial; font-size:18px; color:white; padding-left:6px; vertical-align:middle;float:left; margin-right:6px;}
.requestStepText {color:#003980!important; font-family:Arial!important; font-size:18px!important; float:left; clear:right;padding-top:3px;} 
.requestStepContainer {display:block; clear:both; height:40px;margin:10px 0 10px 0;}
.appSelectedDate {background-color:#FFD700}

#editApartment {display:block}
#editApartment #topInfoText{display:block; padding:4px;}
#editApartment fieldset{width:580px!important}

#priceCalcWrapper{display:none; visibility:hidden;}

#priceCalcContainer {}


#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#7ECCEB; cursor:wait; color:#9c9582;}

/* Container */
#simplemodal-container {height:340px; width:326px; color:#003980; background-color:#DFDBD1; border:4px solid #003980; padding:12px; font-family:Arial}
#simplemodal-container code {background:#be96c5; border-left:3px solid #be96c5; color:#fff; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#fff;}
#simplemodal-container a.modalCloseImg {background:url(/templates/images/x_darkblue.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

.priceExample {border-collapse:collapse; border:1px solid white; color:#003980; margin-bottom:10px;}
.priceExample th{color:#003980; background-color:#fff; padding:6px; font-size:14px; vertical-align:top}
.priceExample td{padding:6px; border:1px solid white; color:#003980!important; vertical-align:middle; text-align:right}
.priceExample select, .priceExample h2,.priceExample p{color:#003980!important;}
.priceExample #trTotal td{font-weight:bold;}
.priceExample .description {display:block; clear:both; font-size:9px;}
.showPrice {cursor:pointer}

.txtRequired {border:2px solid #1aa0dd}

.bookBtn {position: relative; left: -40px; top: 170px; z-index: 1000}

