/* CSS Document */
body{
	margin:auto; 
	background-color:#cbc9c9; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
}

h1{color:#f48c44; font-size:14px; font-weight:bold; font-family:Arial; border-bottom:dotted #b6b6b6 1px; margin-bottom:15px;}
h2{color:#908e8e; font-size:14px; font-weight:bold; font-family:Arial; border-bottom:dotted #b6b6b6 1px;}

h3{color:#F06200; font-size:14px; font-weight:bold; font-family:Arial; border-bottom:dotted #b6b6b6 1px; /*width:245px;*/ margin-bottom:0px; margin-top:10px;}

.dotted-underline{border-bottom:dotted #b6b6b6 1px; padding-bottom:2px;}

.orange{color:#F06200; font-size:12px; font-weight:bold; font-family:Arial;}

.helpLink{vertical-align:middle;}

#header
{
	height:65px; 
	background-color:#FFFFFF; 
	margin-bottom:0px; 
	/*background-image:url(images/paper-rip_seamless2.jpg); 
	background-repeat:repeat-x; */
	padding:15px 0px 0px 15px;
	margin:auto;
	width:895px; 
}

#container
{
	width:950px; 
	margin:auto;
	background-image:url(images/bkg-main2.gif); 
	background-repeat:repeat-y;
}

.right{float:right;}
.left{float:left;}

.home_img
{
	border:0px; 
	padding-top:3px;
}

#nav-wrap
{
	width:910px; 
	/*background-image:url(images/menu_base.gif); 
	background-position:bottom; 
	background-repeat:repeat-x; 
	margin-left:57px; 
margin-bottom:3px;*/
	height:27px; 
	margin:auto;
}

#nav-bottom
{
	width:910px; 
	height:25px; 
	margin:auto;
	background-image:url(images/orange-bar.gif); 
	background-repeat:repeat-x; 
}

#nav-left-wrap
{ 
	background-color:#575757; 
	width:690px; 
	_width:688px;  /* IE 6 and below */
	height:27px;
	float:left;
}

#nav-right-wrap
{
	height:27px; 
	background-color:#575757; 
	width:220px; 
	background-image:url(images/top-nav-right-cnr.gif); 
	background-position:top right; 
	background-repeat:no-repeat; 
	float:right; 
	font-size:11px;
}

#nav-right
{
	padding-top:5px; 
	float:right; 
	margin-right:15px;
}

#main-wrap
{
	width:910px; 
	background-color:#FFFFFF; 
	margin:auto;
}

#mainleftwrap
{
		width:200px; 
		padding:10px; 
		float:left;
}

#maincenterwrap
{
	width:690px; 
	padding:10px 0px 10px 0px; 
	float:left; 
	color:#6b6a6a; 
	line-height:1.6em;
}

#maincentre
{
	border-left:thin #CDCCCC solid; 
	padding-left:10px; 
	padding-right:0px; 
	min-height:550px;
}

#mainrightwrap
{
	width:150px; 
	padding:10px; 
	float:left;
}

.divider-line
{
	border:0px grey solid; 
	border-top:1px #CDCCCC solid; 
	margin-top:10px; 
	padding-bottom:5px;
}

#heading-main
{
	background-color:#6C8492; 
	float:left; 
	height:23px; 
	width:660px; 
	padding-left:5px; 
	padding-top:4px; 
	font-size:11px; 
	font-weight:bold; 
	color:#FFFFFF; 
	background-image:url(images/grey-corner-bar-r.gif); 
	background-position: bottom right; 
	background-repeat:no-repeat;
}

/*******USER************/

.hand{cursor:pointer;}

img.icon
{
	vertical-align:middle;
	}
	
img.icon2
{
	vertical-align:middle;
	margin-bottom:3px;
	}
	
.MainContentGreyBkg
{
	background-color:#f1f1f1; 
	/*border-bottom:dotted #b6b6b6 1px;*/
	margin-left:-5px;
	}

.SavedSearchColumn
{
	padding-left:5px;
	}
	
.SavedSearchRow
{
	border-bottom:solid #DFDFDF 1px;
	}
	
.EditTimesBkg
{
	background-color:#f1f1f1; 
	/*border-bottom:dotted #b6b6b6 1px;*/
	}

.EditTimeRow
{
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	}
	
.btnAddTime
{
	/*float:right;*/
	margin-top:18px;
	}
	
/*******FLASH************/	
	
#mapFlash
{
	position:absolute;
	z-index:1;
	}

/*******LOGIN************/

#login-head{
	background-image:url(images/bkg-grey-menu2.gif); 
	background-repeat:no-repeat; 
	background-color:#FFDEC8; 
	font-size:11px; 
	font-weight:bold; 
	color:#ffffff; 
	height:20px; 
	width:190px; 
	padding-left:10px; 
	padding-top:7px;
	
}

#login-main{
	padding:10px; 
	font-size:11px;
	background-color:#eeeded;
	margin-bottom:15px;
}

.liRegIcon{
	list-style-image:url(images/arrow.gif);
	}
	
.sidebar-box{
	padding:0px 5px 5px 5px; 
	background-color:#EEEDED; 
	margin-top:-4px; 
	width:300px;
}

.sidebar-box ul{
	margin-bottom:0px; 
	padding-left:0px; 
	margin-left:0px; 
	margin-top:3px; 
	line-height:20px; 
	list-style-type:none;
}

.sidebar-box ul li * {
	margin-right:4px;
	vertical-align:middle;
	margin-top:-2px;
}
	
.login-image{
width:61px;
height:20px;
background-color:#FFFFFF;
background-image:url(images/but_login.gif);
border-style:none;
cursor:pointer;
}

.rememberme{
	margin-left:-3px;
	float:left;
	}
	
.login-text{
	float:left;
	padding-top:5px;	
	}
	
.login-box{
	float:right;
}

/* Link Styles */
/***********************/

a:link { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#0066FF; }
a:active { font-family: Arial, Helvetica, sans-serif;text-decoration: underline; color: #0066FF; } 
a:visited { font-family: Arial, Helvetica, sans-serif;text-decoration: underline; color: #0066FF; } 
a:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #0066FF; }

a.clean:link { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#0066FF; }
a.clean:active { font-family: Arial, Helvetica, sans-serif;text-decoration: none; color: #0066FF; } 
a.clean:visited { font-family: Arial, Helvetica, sans-serif;text-decoration: none; color: #0066FF; } 
a.clean:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #0066FF; }
.blue{color: #0066FF !important; text-decoration:underline;}

a.small:link { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size:11px; line-height:1.5em; color:#0066FF; }
a.small:active { font-family: Arial, Helvetica, sans-serif;text-decoration: none; font-size:11px; line-height:1.5em; color: #0066FF; } 
a.small:visited { font-family: Arial, Helvetica, sans-serif;text-decoration: none; font-size:11px; line-height:1.5em; color: #0066FF; } 
a.small:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-size:11px; line-height:1.5em; color: #0066FF; }

a.small-orange:link { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size:11px; line-height:1.5em; color:#f06200; }
a.small-orange:active { font-family: Arial, Helvetica, sans-serif;text-decoration: none; font-size:11px; line-height:1.5em; color: #f06200; } 
a.small-orange:visited { font-family: Arial, Helvetica, sans-serif;text-decoration: none; font-size:11px; line-height:1.5em; color: #f06200; } 
a.small-orange:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-size:11px; line-height:1.5em; color: #f06200; }

a.listing-title:link { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-weight:bold; font-size:12px; line-height:0.8em; margin-bottom:4px; color:#f06200; }
a.listing-title:active { font-family: Arial, Helvetica, sans-serif;text-decoration: underline; font-weight:bold; font-size:12px; line-height:0.8em; margin-bottom:4px; color: #f06200; } 
a.listing-title:visited { font-family: Arial, Helvetica, sans-serif;text-decoration: underline; font-weight:bold; font-size:12px; line-height:0.8em; margin-bottom:4px; color: #f06200; } 
a.listing-title:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-weight:bold; font-size:12px; line-height:0.8em; margin-bottom:4px; color: #f06200; }

a.orange:link { text-decoration: none; color: #f47321}
a.orange:active { text-decoration: none; color: #f47321} 
a.orange:visited { text-decoration: none; color: #f47321} 
a.orange:hover { text-decoration: underline; color: #f47321}

a.orange-clean:link { text-decoration: none; color: #F48C44}
a.orange-clean:active { text-decoration: none; color: #F48C44} 
a.orange-clean:visited { text-decoration: none; color: #F48C44} 
a.orange-clean:hover { text-decoration: none; color: #F48C44}
.orange-clean{color: #F48C44;}

a.regions:link {  text-decoration: none; color:#0066FF; }
a.regions:active { text-decoration: none; color: #0066FF; } 
a.regions:visited { text-decoration: none; color: #0066FF; } 
a.regions:hover { text-decoration: underline; color: #799deb; }

a.footer:link { text-decoration: none; color: #ffffff}
a.footer:active { text-decoration: none; color: #ffffff} 
a.footer:visited { text-decoration: none; color: #ffffff} 
a.footer:hover { text-decoration: underline; color: #FF6600}

a.header:link { text-decoration: none; color: #ffffff}
a.header:active { text-decoration: none; color: #ffffff} 
a.header:visited { text-decoration: none; color: #ffffff} 
a.header:hover { text-decoration: underline; color: #fdcf9d}

a.white:link { text-decoration: none; color: #ffffff}
a.white:active { text-decoration: none; color: #ffffff} 
a.white:visited { text-decoration: none; color: #ffffff} 
a.white:hover { text-decoration: none; color: #ffffff}

a.crumbs:link { text-decoration: none; color: #ffffff}
a.crumbs:active { text-decoration: none; color: #ffffff} 
a.crumbs:visited { text-decoration: none; color: #ffffff} 
a.crumbs:hover { text-decoration: underline; color: #ffc706}

a.crumbs2:link { text-decoration: none; color: #ffffff}
a.crumbs2:active { text-decoration: none; color: #ffffff} 
a.crumbs2:visited { text-decoration: none; color: #ffffff} 
a.crumbs2:hover { text-decoration: underline; color: #f48c44 !important}

 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	border-left:0px none; border-right:0px none; border-top:0px none; position:relative;        /* establish a menu-relative positioning context */
	/* float:left; */                                     /* play nicely with others */
	margin:0;
	padding:0;
	height:27px;                                  /* the menu's overall height */
	width: 910px;         /* we always want our menu to fill the available space */
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;         /* this (and also below) sets the menu's font size */
	margin-top:0px;
	border-bottom: 0px solid #6D8091;
	margin-left:0px;
	background-color:#FFFFFF;
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0px none;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	padding-top: 0px;	
	color: #6e6e6e;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;	
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	margin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0px 0px 10px;	/* this sets the l/r margins for our menu item */
	margin:0;
	text-align:left;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}


/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:0px;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display: block;
	float: left;
	margin: 0;
	/* width: 135px; */
	text-decoration: none;
	height: 22px;
	padding-top: 5px;
	text-align: center;
	color: #ffffff;
	font-size: 11px;	
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	padding-left: 0px;
	padding-right: 0px;
	margin-top:0px;
	background-image: url('images/grey-tab.gif');
	background-repeat:no-repeat;
	width:123px;
}


.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	margin: 0;
	/* width: 135px; */
	height: 22px;
	padding-top: 5px;	
	color: #ffffff;
	cursor: pointer;
	cursor: hand;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left: 0px;
	padding-right: 0px;	
	margin-top:0px;
	background-image: url('images/orange-tab.gif');
	background-repeat:no-repeat;
	width:123px;
}

.menuhome ul li a,  /* home button */
.menuhome ul li a:visited {           
	display: block;
	float: left;
	margin: 0;
	/* width: 135px; */
	text-decoration: none;
	height: 22px;
	padding-top: 5px;
	text-align: center;
	color: #ffffff;
	font-size: 12px;	
	/* font-weight: 600; */
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	padding-left: 0px;
	padding-right: 0px;
	margin-top:0px;
	background-image: url('images/grey-tab.gif');
	background-repeat:no-repeat;
	width:123px;
}

.menuhome ul li:hover a,
.menuhome ul li a:hover {                        /* selected top-level menu items */
	margin: 0;
	/* width: 135px; */
	height: 22px;
	padding-top: 5px;	
	color: #ffffff;
	cursor: pointer;
	cursor: hand;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top:0px;
	background-image: url('images/orange-tab.gif');
	background-repeat:no-repeat;
	width:123px;
}


/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:26px;              /* place us just up underneath the top-level images */
	left:0px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:135px;
	color:black;                        /* this sets the unselected-text color */
	background:#6b6a6a;         /* this sets our menu's effective "border" color */
	background-image:url('images/navdrop.gif');
	font-size: 11px;
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:160px; 	  
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */	
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;	
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0px none;
	margin:0;
	padding:0;
	height: 21px;
	color:#ffffff;               /* this sets the unselected drop-down text color */
	background-image:url('images/jps_navdrop.gif');
	/*background:#657818;   this sets the drop-down menu background color */
	width:135px;
	padding-top: 5px;
	font-weight: normal;
	font-size: 11px;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color: #ffffff;
	background-image:url('images/jps_navdrop2.gif');
	padding-top: 5px;
	font-weight: normal;	
	font-size: 11px;	
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:160px;
}

li.menubot {
	width: 160px;
	height: 2px;
	position: relative;
	background-color: #1F3F6B;
	}
	
.menuTabON
{
	background-image: url('images/orange-tab.gif') !important;
	color:#ffffff !important;
	
	}

/*SEARCH*/	

.chkIncludeSuburbs{margin-left:-4px;}

#searchbox{background-color:#fff2e2;}

#search-head
{
	background-image:url(images/orange-tab-wide-flat.gif); 
	background-repeat:no-repeat; 
	background-color:#908E8E; 
	font-size:11px; 
	font-weight:bold; 
	color:#FFFFFF; 
	height:20px; 
	width:188px; 
	padding-left:12px; 
	padding-top:7px;
	margin-bottom:10px;
}
	
.Save-Search-box
{
	color:Gray;
	font-size:12px;
	}
	
#search-main{
	padding-left:10px; 
	padding-bottom:5px;
	}
	
.ddlSearch{margin-bottom:4px;}

.grey{color:gray;}

.btnSearch{vertical-align:top; padding-top:1px;}

/*PAGINATION*/

.pagenotselected{color:#0066FF !important;}
.pagenotselectedlast{color:#0066FF !important;}
.pageselected{color:#F47321 !important;}
.pageinfolast{color:#6B6A6A !important;}
.pageinfo{color:#6B6A6A !important;}

.pageinfo:hover{text-decoration:none !important;}
.pageselected:hover{text-decoration:none !important;}
.pageinfolast:hover{text-decoration:none !important;}

.pagination{font-size:12px; font-weight:bold; color:#6B6A6A; padding-right:10px;}
	
/*LISTINGS*/

.moreinfo_padding{padding-top:5px; padding-bottom:5px;}

.btn_back{padding-top:5px;}

.sortDDL{float:right; width:156px; text-align:right; padding-right:10px;}

.imgstatus
{
	margin-left:3px; 
	vertical-align:middle; 
	margin-top:-1px;
	}

.pnlPrint
{
	border:0px;
	vertical-align:middle;
	padding-top:3px;
}

.listing-image
{
	border:#908E8E 1px solid !important;
	width:150px;
	height:125px;
}	

.listing-image-large
{
	margin-right:5px;
	margin-left:5px;
	margin-bottom:0px;
	border:#908E8E 1px solid !important;
	float:right;
	width:250px;
	height:187px;
}	

.listing-fieldset
{
	background-color:#fef3ea; 
	border:1px solid #fde5d2;
	
	/*show for ie only..*/
	#position:relative;
	#padding-top : 10px;
    #padding-bottom : 5px;
    #display : block;
    #padding-left: 10px;
    #padding-right: 10px;
}

.ledgend-title
{
	font-weight:bold;
	font-size:12px;
	color:#f06200;
	
	/*show for ie only..*/
	#position : absolute;
    #top : -10px;
}

.listing-title2
{
	font-weight:bold;
	font-size:12px;
	color:#6b6a6a;
}

.listing-title2 th{text-align:left}

.grdProperties{margin-left:0px;}

#listing
{
	min-height:125px; 
	padding-bottom:0px;
	margin-left:0px;
	width:667px; 
		
}

#listing-left
{
	float:left; 
	width:152px;
}

#listing-main
{
	float:left; 
	width:353px; 
	font-size:11px;
	border:1px solid #908E8E;
	border-left:0px;
	padding:3px 10px 2px 10px;
	height:120px;
	line-height:19px;
}

#listing-right
{
	float:right; 
	width:120px; 
	font-size:11px;
	border:1px solid #908E8E;
	border-left:0px;
	height:120px;
	padding:3px 10px 2px 10px;
}

.vpDetailHeading
{
	vertical-align:top;
	text-align:left;
	color:#f06200;
	width:85px;
	border-bottom:dotted 1px #B6B6B6;
	}
	
.vpDetailRow
{
	border-bottom:dotted 1px #B6B6B6;
	vertical-align:top;
	}

.vpDetailRowLast
{
	border-bottom:dotted 0px #B6B6B6;
	vertical-align:top;
	width:180px;
	}

.ItemPadding
{
	margin-top:5px;
	margin-bottom:5px;
	}
	
.dpDatePicker{width:68px;}
.dpDatePicker_btn{width:25px;}

.contact-box{
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
}

.red{color:Red;}

.dateError{color:#FF6F19; padding-left:27px;}

/*REGISTER*/
.regoCheck
{
	margin-left:-4px;
	}

.regoButton
{
	margin-left:-1px;
	}
	
.regoAgencyImage
{
	height: 28px; 
	width: 81px;
	border:1px solid #908E8E !important;
	float:left;
	margin-bottom:1px;
	margin-right:15px;
	}
	
.AgencyLogo{margin-bottom:-12px;}

/*MAP*/	
ohtMapCSS_shortlist	{width:490px;height:490px}
	
.map_Right_title{
	background-image:url(images/bkg-grey-menu-wide.gif); 
	background-repeat:no-repeat; 
	font-size:11px; 
	font-weight:bold; 
	color:#FFFFFF; 
	height:27px; 
	width:223px; 
	}
	
/*FOOTER*/

#footer
{
	height:20px; 
	width:930px; 
	padding-left:20px;
	padding-top:5px;
	margin:auto; 
	font-size:11px; 
	color:#FFFFFF;
	background-image:url(images/bkg-bottom_new.gif); 
	background-repeat:no-repeat;
}

#leftfooter{
	width:200px; 
	float:left;
	padding-left:20px;
}

#midfooter{
	width:505px; 
	float:left;
	padding-left:15px;
}

#rightfooter{
	width:170px; 
	float:left;
	text-align:center;
}

.faq{border-bottom:#ffffff 10px solid;}
