/* CSS Document for Wcities Touchscreen apps. (Mirrored) */

html {
	height:100.01%;
}

body {
	margin:0px;
	height:100%;
	font:11px Verdana;
	-webkit-text-size-adjust:none;
	text-align:right;
	direction:rtl;
}

h1 {
	font:bold 18px Verdana;
	margin:13px 0px 10px 0px;
	text-align:right;
}

h1.recordHeader {
	float:right;
	font:bold 18px Verdana;
	margin:10px 0px 5px 0px;
}

h2 {
	font:bold 16px Verdana;
	margin:10px 0px 10px 0px;
}

h2.orange {
	font:bold 16px Verdana;
	margin:10px 0px 0px 0px;
	color:#e57c10;
	text-align:right;
}

h2.tbHeader {
	font:bold 16px Verdana;
	margin:15px 0px 0px 0px;
}

h3.caption {
	font:bold 14px Verdana;
	margin:0px 0px 10px 0px;
	display:block;
	text-align:right;
}

h3.cityName {
	font:bold 12px Verdana;
	margin:5px 0px 0px 0px;
	display:block;
}

h4 {
	font:bold 14px Verdana;
	margin:10px 0px 5px 0px;
}

p {
	margin-top:10px;
/*	text-align:justify;*/
	font:14px Verdana;
	margin-bottom:10px;
	text-align:right;
}
.p1 {
	margin-top:10px;
/*	text-align:justify;*/
	font:14px Verdana;
	margin-bottom:10px;
	text-align:left;
}

.hebrewCap {
	font:bold 14px Verdana;
}

.signinDiv {
	font:14px Verdana;
	text-align:left;
	margin-left:10px;
	margin-top:7px;
}

.signinDiv a {
	color:#367abf;
	text-decoration:none;
	font-weight:bold;
}

.tmDiv {
	font:11px Verdana;
	text-align:left;
	margin-left:10px;
	margin-top:6px;
}

.span11 {
	font:13px Verdana;
}

.center {
	width:800px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

.containerDiv {
	float:left;
	/*width:100%;*/
	width:800px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin-bottom:-42px;
	margin-left:auto;
	margin-right:auto;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

.headerDiv {
	float:left;
	height:107px;
	width:100%;
	background-color:#ffb76d;
	background-image:url(../images/header/bg_header.gif);
	background-repeat:repeat-x;
	border-bottom:1px solid #000000;
}

.logo {
	float:right;
	border:0px;
}

.logoCurve {
	float:right;
	border:0px;
	width:107px;
	height:107px;
	background-image:url(../images/header/logo_curve_mirrored.gif);
}

.searchDiv {
	float:right;
}

.topBarDivSearch {
	float:right;
	width:230px;
	margin:5px 10px 5px 0px;
	display:inline;
}

.topBarDiv1 {
	float:right;
	width:170px;
	height:20px;
	text-align:right;
}

.topBarDiv2 {
	float:right;
	width:60px;
	height:20px;
	text-align:right;
}

.topBarDiv3 {
	float:right;
	width:15px;
	margin:0px;
	margin-top:3px;
	margin-top:expression("0px");
}

.topBarDiv4 {
	float:right;
	width:122px;
	width:expression("117px");
	margin:6px 0px 0px 3px;
}

.topBarDiv5 {
	float:right;
	width:90px;
	margin:6px 0px 0px 0px;
	text-align:right;
}

.menuDiv {
	float:left;
	width:100%;
	min-height:35px;
	height:auto !important;
	height:35px;
	border-bottom:1px solid #000000;
	background-color:#6b9dce;
/*	display:none;*/
}

.menuDiv a {
	float:right;
	font:bold 14px Verdana;
	text-decoration:none;
	color:#FFFFFF;
	padding:10px 5px 10px 5px;
}

.menuDiv a:hover {
	float:right;
	font:bold 14px Verdana;
	text-decoration:underline;
	color:#FFFFFF;
	padding:10px 5px 10px 5px;
}

.menuTopDiv {
	float:left;
	width:100%;
	min-height:35px;
	height:auto !important;
	height:35px;
}

.menuCloseBarDiv {
	float:left;
	height:15px;
	width:100%;
	background-color:#6b9dce;
	border-top:1px solid #000000;
	background-image:url(../images/bg_menubar.gif);
	text-align:center;
	padding-top:10px;
	cursor:pointer;
}

.contentContainer {
	float:right;
	width:459px;
	min-height:320px;
	height:auto !important;
	height:320px;
	background-image:url(../images/bg_square.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding:10px 10px 10px 10px;
}

.contentDiv {
	float:left;
	min-height:10px;
	height:auto !important;
	height:10px;
	width:790px;
	margin:5px 5px 10px 5px;
	font:13px Verdana;
	display:inline;
	margin-right:-3px; /* IE Duplcate Character Bug Fix */
}

.footerDiv {
	float:left;
	height:205px;
	/*width:100%;*/
	width:800px;
	padding-top:4px;
	font:11px Verdana;
	/*border-top:1px dashed #000000;*/
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/bg_footer.gif);
	background-repeat:repeat-x;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

.menuBtn {
	float:left;
	height:35px;
	width:60px;
	padding-top:5px;
	margin:5px 0px 5px 10px;
	background-image:url(../images/bg_menu.gif);
	border:0px;
	display:inline;
	color:#FFFFFF;
	text-align:center;
	font:bold 12px/20px Verdana;
	cursor:pointer;
}

.btn1 {
	/*width:58px;*/
	padding-left:10px;
	padding-left:expression("3px");
	padding-right:10px;
	padding-right:expression("3px");
	height:18px;
	background-color:#000000;
	background-image:url(../images/bg_blackbtn.gif);
	color:#FFFFFF;
	border:1px solid #000000;
	font:11px Verdana;
}

.btn2 {
	/*width:58px;*/
	float:right;
	padding-left:10px;
	padding-left:expression("3px");
	padding-right:10px;
	padding-right:expression("3px");
	height:20px;
	background-color:#000000;
	background-image:url(../images/bg_blackbtn.gif);
	color:#FFFFFF;
	border:1px solid #000000;
	font:14px Verdana;
}

.btn3 {
	float:right;
	padding-left:10px;
	padding-left:expression("3px");
	padding-right:10px;
	padding-right:expression("3px");
	height:20px;
	background-color:#000000;
	background-image:url(../images/bg_blackbtn.gif);
	color:#FFFFFF;
	border:1px solid #000000;
	font:14px Verdana;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	display:inline;
}

.btnNewDirections {
	float:right;
	padding-left:10px;
	padding-left:expression("3px");
	padding-right:10px;
	padding-right:expression("3px");
	height:20px;
	background-color:#000000;
	background-image:url(../images/bg_blackbtn.gif);
	color:#FFFFFF;
	border:1px solid #000000;
	font:14px Verdana;
	margin-top:10px;
	display:inline;
}
.tFld1 {
	width:160px;
	height:14px;
	margin:0px;
	border:1px solid #000000;
}

.chkbx1 {
	margin:0px;
	padding:0px;
}

.clearFooterDiv {
	float:left;
	clear:both;
	height:42px;
	width:100%;
	margin-right:-3px;
}

.region {
	width:66%;
	height:auto;
}

.sel1 {
	width:100%;
	margin-bottom:10px;
}

.breadCrumb {
	font:11px Verdana;
	margin-top:5px;
}

.weatherDiv {
	float:right;
	height:auto;
	width:50%;
	font:11px Verdana;
	text-align:right;
}

.weatherIcon {
	float:right;
	border:0px;
	margin-left:10px;
}

.ratingDiv {
	float:right;
	margin-bottom:10px;
	text-align:right;
	width:250px;
}

.ratingDiv img {
/* 	float:right; */
}

.ratingIcon {
	border:0px;
	margin-right:10px;
}

.column1Div {
	float:right;
	width:44%;
	margin-left:1%;
	margin-bottom:5px;
	padding:5px 0px 5px 0px;
	height:auto;
	font:14px Verdana;
	cursor:pointer;
}

.column1Div img {
	float:right;
	margin-left:5px;
	margin-top:-5px;
}

.column2Div {
	float:left;
	width:44%;
	margin-left:1%;
	margin-bottom:5px;
	padding:5px 0px 5px 0px;
	height:auto;
	font:11px Verdana;
	cursor:pointer;
}

.column2Div img {
	float:left;
	margin-right:5px;
	margin-top:-5px;
}

.menuIconDiv {
	float:right;
	width:73px;
	height:70px;
	cursor:pointer;
	margin-right:5px;
	margin-bottom:5px;
	font:11px Verdana;
}

.menuIcon {
	border:0px;
}

.clear1pxLeft {
	clear:right;
	height:1px;
	width:100%;
	font:3px Verdana;
	display:expression("inline");
}

.clear1pxBoth {
	clear:both;
	height:1px;
	width:100%;
	font:3px Verdana;
}

.stfDiv {
	float:left;
	margin:15px 10px 0px 0px;
	font:11px Verdana;
	cursor:pointer;
}

.stfDiv img {
	float:left;
	margin-right:5px;
	margin-top:-2px;
}

.imgDiv {
	float:left;
	width:102px;
	min-height:50px;
	height:auto !important;
	height:50px;
	padding:5px 5px 2px 5px;
	margin:10px 15px 10px 0px;
	text-align:center;
	font-size:7pt;
	border:1px solid #CCCCCC;
	cursor:pointer;
}

.img {
	float:left;
	border:1px solid #333333;
	margin-right:5px;
	max-width:200px;
	width:expression(this.width > 200? "200px": "auto");
}

.googleMapDiv {
	float:left;
	width:300px;
	height:250px;
	margin-top:1px;
	border:1px solid #999999;
	background-image:url(../images/map-bg.gif);
}
.googleMapDiv1 {
	float:left;
	width:300px;
	height:250px;
	margin-top:5px;
	border:1px solid #999999;
	background-image:url(../images/map-bg.gif);
}

.advertise {
	float:left;
	width:300px;
	height:250px;
	margin-top:10px;
	border:1px solid #999999;
}

.advertiseEvent {
	float:left;
	width:300px;
	height:250px;
	margin-top:1px;
	border:1px solid #999999;
}

.side {
	float:left;
	width:302px;
}

.googleMapDirectionsDiv {
	float:left;
	width:90%;
	margin-left:5%;
	min-height:280px;
	height:auto !important;
	height:280px;
	display:inline;
}

.googleMapDirectionsFullDiv {
	float:left;
	width:96%;
	min-height:280px;
	height:auto !important;
	height:280px;
	display:inline;
}

.mapBtn1 {
	float:left;
	height:20px;
	/*width:20%;*/
	width:100px;
	padding-top:3px;
	background-color:#000000;
	background-image:url(../images/bg_blackbtn.gif);
	color:#FFFFFF;
	font:bold 13px Verdana;
	text-align:center;
	cursor:pointer;
	margin-right:-2px;
	display:inline;
}

.mapBtn2 {
	float:left;
	height:20px;
	/*width:15%;*/
	width:99px;
	padding-top:3px;
	border-left:1px solid #000000;
	background-color:#000000;
	background-image:url(../images/bg_blackbtn.gif);
	color:#FFFFFF;
	font:bold 13px Verdana;
	text-align:center;
	cursor:pointer;
}

.mapBtn3 {
	float:left;
	height:20px;
	/*width:20%;*/
	width:100px;
	padding-top:3px;
	border-left:1px solid #000000;
	background-color:#000000;
	background-image:url(../images/bg_blackbtn.gif);
	color:#FFFFFF;
	font:bold 13px Verdana;
	text-align:center;
	cursor:pointer;
	margin-left:-2px;
	display:inline;
}

.mapBtn4 {
	float:left;
	height:20px;
	width:50%;
	padding-top:3px;
	border-left:1px solid #000000;
	background-color:#000000;
	background-image:url(../images/bg_blackbtn.gif);
	color:#FFFFFF;
	font:bold 13px Verdana;
	text-align:center;
	cursor:pointer;
	margin-right:-2px;
	display:inline;
}

.mapBtn4Plain {
	float:left;
	height:20px;
	width:50%;
	padding-top:3px;
	border-left:1px solid #000000;
	background-color:#333333;
	color:#FFFFFF;
	font:bold 13px Verdana;
	text-align:center;
	margin-right:-2px;
	display:inline;
}

.mapBtn5 {
	float:left;
	height:20px;
	width:50%;
	padding-top:3px;
	border-left:1px solid #000000;
	background-color:#000000;
	background-image:url(../images/bg_blackbtn.gif);
	color:#FFFFFF;
	font:bold 13px Verdana;
	text-align:center;
	cursor:pointer;
	margin-left:-2px;
	display:inline;
}

.mapBtn5Plain {
	float:left;
	height:20px;
	width:50%;
	padding-top:3px;
	border-left:1px solid #000000;
	background-color:#333333;
	color:#FFFFFF;
	font:bold 13px Verdana;
	text-align:center;
	margin-left:-2px;
	display:inline;
}

.mapBtn6 {
	float:left;
	height:20px;
	width:40%;
	padding-top:3px;
	border-left:1px solid #000000;
	background-color:#000000;
	background-image:url(../images/bg_blackbtn.gif);
	color:#FFFFFF;
	font:bold 13px Verdana;
	text-align:center;
	cursor:pointer;
	margin-left:-2px;
	display:inline;
}

.mapToolBg {
	float:left;
	width:100%;
	height:auto;
	background-color:#000000;
	background-image:url(../images/bg_blackbtn.gif);
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	display:inline;
}

.mapToolIcon {
	margin-top:5px;
	border:0px;
}

.selNeighborhoodBtn {
	float:right;
	width:auto;
	height:18px;
	padding:5px 10px 0px 10px;
	border:1px solid #000000;
	background-color:#6b9dce;
	font:13px Verdana;
	color:#FFFFFF;
	background-image:url(../images/bg_menubar.gif);
	cursor:pointer;
}

.listItemFirstDiv {
	float:left;
	width:90%;
	min-height:11px;
	height:11px;
	height:auto;
	padding-left:5%;
	padding-right:5%;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	font:13px Verdana;
	text-align:right;
}

.listItemDiv {
	float:left;
	width:90%;
	min-height:11px;
	height:11px;
	height:auto;
	padding-left:5%;
	padding-right:5%;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #cccccc;
	font:12px Verdana;
	text-align:right;
}

.listItemDiv h2 {
	font:14px Verdana;
	color:#000000;
	margin:0px;
}

.listItemFirstDiv h2 {
	font:14px Verdana;
	color:#000000;
	margin:0px;
}

.listItemDiv h3 {
	font:bold 14px Verdana;
	color:#e57c10;
	margin:0px;
}

.listItemFirstDiv h3 {
	font:bold 14px Verdana;
	color:#e57c10;
	margin:0px;
}

.listItemDiv h4 {
	font:bold 12px Verdana;
	color:#000000;
	margin:0px;
}

.listItemFirstDiv h4 {
	font:bold 12px Verdana;
	color:#000000;
	margin:0px;
}

.listingStars {
	float:left;
	width:100px;
}

.listingStars img {
	float:right;
}

.listItemPicFirstDiv {
	float:left;
	width:90%;
	min-height:11px;
	height:auto !important;
	height:11px;
	padding-left:5%;
	padding-right:5%;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	font:11px Verdana;
	text-align:right;
}

.listItemPicDiv {
	float:left;
	width:90%;
	min-height:11px;
	height:auto !important;
	height:11px;
	padding-left:5%;
	padding-right:5%;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #cccccc;
	font:11px Verdana;
	text-align:right;
}

.listItemPicFirstDiv h2 {
	font:bold 14px Verdana;
	color:#e57c10;
	margin:0px;
}

.listItemPicDiv h2 {
	font:bold 14px Verdana;
	color:#e57c10;
	margin:0px;
}

.listingPic {
	float:right;
	max-width:50px;
	width:expression(document.body.clientWidth > 50? "50px": "auto" );
	margin-left:5px;
	display:inline;
	border:1px solid #666666;
}

.pictureClass {
	max-width:100%;
/*	border-bottom:1px solid #000000;*/
}

.pictureRating {
	float:left;
	margin:10px 5px 10px 10px;
	display:inline;
}

.pictureBottomDiv {
	float:left;
	width:90%;
	margin-left:5%;
	margin-top:10px;
	margin-bottom:10px;
	display:inline;
}

.pictureBtnClass {
	float:left;
	width:50px;
	height:50px;
	margin:0px 10px 0px 0px;
	display:inline;
	cursor:pointer;
	display:inline;
}

.userImg {
	float:left;
	margin-right:10px;
}

.cursorClass {
	cursor:pointer;
}

.tblDirections {
	width:100%;
}

.tblDirections .tr30 {
	height:40px;
	vertical-align:bottom;
}

/* Popup css starts here */

.popupbg {
	position:absolute;
	top:0px;
	left:0px;
	min-height:100%;
/*	height:auto !important;*/
	height:100%;
	width:100%;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/bg.png');
	display:none;
}
.popupbgauto {
	position:absolute;
	top:0px;
	left:0px;
	min-height:100%;
	height:auto !important;
	height:100%;
	width:100%;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/bg.png');
}
.popupbg[class], .popupbgauto[class] {
	background-image:url(../images/bg.png);
}
.popup {
	/*float:left;*/
	/*width:90%;*/
	position:absolute;
	float:left;
	top:10px;
	left:50%;
	width:200px;
	min-height:100px;
	height:auto !important;
	height:100px;
	/*margin-top:10px;*/
	margin-left:-300px;
	/*margin-right:5%;*/
	background-color:#FFFFFF;
	border:1px solid #000000;
	padding:0px;
	display:inline;
}
.popupNoBg {
	position:absolute;
	top:10px;
	left:5%;
	/*width:90%;*/
	width:200px;
	min-height:100px;
	height:auto !important;
	height:100px;
	background-color:#FFFFFF;
	border:1px solid #000000;
	padding:0px;
	z-index:10;
}
.popupTop {
	width:100%;
	height:24px;
	background-image:url(../images/bg-blue-24.gif);
	border-bottom:1px solid #000000;
}
.popupHeader {
	float:left;
	color:#FFFFFF;
	font:bold 14px Verdana;
	margin:5px 0px 0px 10px;
	display:inline;
}
.popupClose {
	float:right;
	width:40px;
	height:24px;
	background-image:url(../images/close.gif);
	border-left:1px solid #000000;
	cursor:pointer;
}
.popupBody {
	float:left;
	width:200px;
	margin:3%;
	margin-top:10px;
	min-height:100px;
	height:auto !important;
	height:100px;
	/*width:93%;*/
	display:inline;
	padding-bottom:10px;
}
.popupBodyFull {
	float:left;
	width:200px;
	min-height:100px;
	height:auto !important;
	height:100px;
	width:100%;
	display:inline;
	text-align:center;
}
.tbl1 {
	width:90%;
	margin-left:5%;
}
.tbl1 tr{
	height:28px;
}
.blackBtn {
	height:23px;
	border:1px solid #000000;
	background-image:url(../images/bg_blackbtn.gif);
	color:#FFFFFF;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
}
.txtArea1 {
	width:95%;
	height:100px;
	font:8pt Verdana;
}
.txtFld1 {
	width:140px;
	font:8pt Verdana;
}

/* Popup css ends here */

/* Toolbar css starts here */

.sidePanelContainerClass {
	float:left;
	width:60px;
	height:252px;
	margin-top:37px;
	/*margin-right:15px;*/
	margin-left:40px;
	margin-bottom:15px;
	display:inline;
}

.sidePanelClass {
	float:right;
	width:280px;
	min-height:50px;
	height:auto !important;
	height:50px;
	padding:10px 0px 0px 0px;
}

.sidePanelClass a {
	float:left;
	width:100%;
	height:100%;
	border:0px;
	text-decoration:none;
	color:#000000;
}

.fullHref {
	float:left;
	width:100%;
	height:100%;
	border:0px;
	text-decoration:none;
	color:#000000;
}

.upBtnClass {
	float:left;
	width:50px;
	height:30px;
	cursor:pointer;
	margin-bottom:5px;
	margin-left:5px;
	background-image:url(../images/toolbar_icons/arrow_up_disabled.gif);
}

.dwnBtnClass {
	float:left;
	width:50px;
	height:30px;
	cursor:pointer;
	margin-top:5px;
	margin-left:5px;
	background-image:url(../images/toolbar_icons/arrow_down.gif);
}

.btnClass {
	float:right;
	width:50px;
	height:32px;
	margin:2px 10px 10px 0px;
	display:inline;
	cursor:pointer;
	text-align:center;
	padding:28px 5px 0px 5px;
	font:11px Arial;
	overflow:hidden;
}

.btnClass img {
	border:0px;
}

/* Toolbar css ends here */

/* Pagination css starts here */

.paginationActive {
	float:left;
	padding:5px;
	margin:0px 10px;
	background-color:#6b9dce;
	color:#FFFFFF;
	border:1px solid #333333;
	font:14px Verdana;
	text-decoration:none;
}

.paginationInActive {
	float:left;
	padding:5px;
	margin:0px 10px;
	background-color:#6b9dce;
	color:#333333;
	border:1px solid #333333;
	font:14px Verdana;
}

.pagination {
	float:left;
	height:15px;
	width:100%;
	margin:5px 0px 0px 0px;
	font:12px Verdana;
	text-align:center;
}

.paginationDiv {
	width:200px;
	height:25px;
	margin-left:auto;
	margin-right:auto;
}

/* Pagination css ends here */

.citySelDiv {
	float:right;
	width:212px;
	margin-right:10px;
	text-align:right;
}

.citySelDiv span {
	display:block;
	font:bold 13px/20px Verdana;
	padding-left:1px;
	cursor:pointer;
}

.selected {
	color:#1569bc;
}

.grayTab {
	float:right;
	width:185px;
	height:20px;
	padding-top:6px;
	padding-right:5px;
	background-image:url(../images/tab_gray.gif);
	font:bold 14px Verdana;
	color:#333333;
}

.numbers {
	direction:ltr;
}
.side1, .side2 {
   float: left;
   width: 46.5%;
   margin: 1% 0 1% 1%;
   padding:1%;
}

.side3 {
   float: left;
   width:220px;
   margin: 1% 0% 1% 1%;
   padding:1%;
}
.side4 {
   text-align:right;
   float: right;
   width:auto !important;
   margin: 1% 0% 1% 1%;
   padding:1%;
}
/*
.side2 {
   float: right;
   margin: 1% 1% 1% 1%;
}*/
