@charset "utf-8";

* { margin:0;padding:0;outline:0; }
html,body { height:100% }

body {
	text-align:center;
	font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
	color:#666;
	font-size:0.8em;
	background:#F2F2F2;
}

.clear {
	width:100%;
	clear:both;
	display:block;
	height:0;
	line-height:0px;
	font-size:0px;
}

a.outbound {
	color:#0071BC;
	text-decoration:none;}

a.outbound:hover {
	color:#0071BC;
	text-decoration:underline;}


.fl { float:left;}
.fr { float:right;}


/*----------------------------------  content Styling starts here  ------------------------------*/
#wrapper {
	margin:0;
	position:relative;
	width:100%;
	height:100%;
	clear:both
	
}
#wrapper2 {
	position:relative;
	width:984px;
	text-align:left;
	margin:30px auto 20px auto;
}

#footer_wrapper {
	width:100%;
	background:#444;
	height:250px;
	position:relative;
	clear:both;
}

#top10-wrapper{

}

#top10{
	top:53px;
	position:relative;
	float:left;
	top:0;
	z-index:3;
	margin-left: 60px;

}
/*-------------------contact-----------------------------*/

#contact_wrapper {
	width:984px;
	background:#f2f2f2;
	height:405px;
	float:left;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#form {

	margin:30px 0 0 0;
	position:relative;
	
}

#form .message {
	margin:30px 0 0 20px;
	position:relative;
	color:#fff
}

#form .colLeft {
	float: left;
	width:280px;
	margin-left:10px;
	

}

#form .colRight {
	float: left;
	color:#fff;

}
.section1 {
	margin:35px 0 0 30px;
	float:left;
}
.section1 ul {
	list-style:none;
	display:block;
	float:left;
}

.section1 ul li {
	
}

.section2 {
	margin:56px 0 0 30px;
	float:left;
}
.section2 ul {
	list-style:none;
	display:block;
	float:left;
}


.header-small {
	color:#FFF;
	font-size:18px;
	padding:0 0 15px 20px;
}

.bold {
	font-weight:bold;
	color:#00CCFF;
}
.details {
	color:#fff;
	padding:0 0 0 20px;

}

span.heading_contact {
	background: url(../images/label_contactUs.png) no-repeat;
	position:absolute;
	top:30px;
	right:30px;
	float:right;
	height:30px;
	width:120px;
}

input {
	width:200px;
	height:18px;
	border:1px #999 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:url(../images/background_input.gif) repeat-x #f2f2f2;
	color:#666;
	padding:5px 0 0 6px;
	float:right;
	margin:0 0 12px 0 ;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

input.error,
textarea.error {
	border:1px #f00 solid !important;
}
label {
	float:left;
	color:#fff;
	padding:0 6px 0 0;
}

label.error {display:none !important}

textarea {
	max-width:200px;
	width:200px;
	height:129px;
	max-height:190px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:url(../images/background_input.gif) repeat-x #f2f2f2;
	border:1px #999 solid;
	color:#666;
	padding:5px 0 0 6px;
	float:right;
	margin:0 0 12px 0 ;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

input.btn_submit {
	background: #999;
	display:inline-block;
	padding:1px 10px 6px 10px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position:relative;
	cursor:pointer;
	float:right;
	height:20px;
	width:80px;
}

input.btn_submit:hover {
	color:#0C5B8C;
	background:#a0a0a0
}

#contact_right {
	background:url(../images/background_contact_inner.png) no-repeat;
	width:270px;
	height:280px;
	float:right;
	margin:40px 10px 0 0;
}

#contact_left {
	width:600px;
	height:280px;
	float:left;
	display:inline-block;
	border-right: dotted 1px #fff;
	margin: 40px  0 ;
	padding:0 10px 0 0;
}

#hide {
	position:absolute;
	bottom:20px;
	right:12px;
	height:58px;
	width:58px;
	background-image:url(../images/btn_close.png);
	cursor:pointer;
	z-index:999;
}

#hide.over {
	background-position:0 -58px;
}

#shadow_top {
	background-image:url(../images/shadow_top.png);
	background-repeat:no-repeat;
	height:12px;	
}

#shadow_middle {
	background:url(../images/shadow_middle.png) repeat-y;
	height:373px;
}

#shadow_bottom {
	background-image:url(../images/shadow_bottom.png);
	background-repeat:no-repeat;
	height:30px;
}

#contact_content {
	background-image:url(../images/background_contact.gif);
	background-repeat:repeat-x;
	width:920px;
	height:373px;
	margin:0 12px;
	padding:20px;
}

/*-------------------content-----------------------------*/

#content_wrapper {
	width:984px;
	float:left;
	position:relative;
	margin:0 0 20px 0;
}


#shadow_middle2 {
	background:url(../images/shadow_middle.png) repeat-y;
	padding:0 35px 30px 35px;
	width:914px;
	position:relative;
}

#header-section {
	margin-top:25px;
	float:left;
	width:916px;
}

a.logo {
	background:url(../images/logo.gif) no-repeat;
	display:block;
	height:70px;
	width: 190px;
	float:left;
}
/*----------------menu section-----------------*/

#menu {
	float:left;
	height:28px;
	width:915px;
}

#menu ul {
	list-style:none;
	display:block;
	float:right;
}

#menu ul li {
	float:left;
	display:inline-block;
	padding-left:2px;
}

#menu a,
#menu span {
	width:98px;
	height:28px;
}

/*------home btn-------*/

#menu ul li a.menu-home {
	 display:block;
	 background: url(../images/sprite_menu.gif) no-repeat;
	 background-position:0 -28px;
}

#menu ul li a.menu-home:hover {
	 display:block;
	 background: url(../images/sprite_menu.gif) no-repeat;
	 background-position:0 0px;
} 
/*------about btn-------*/

#menu ul li a.menu-about {
	 display:block;
	 background: url(../images/sprite_menu.gif) no-repeat;
	 background-position:-100px -28px;
}

#menu ul li a.menu-about:hover {
	 display:block;
	 background: url(../images/sprite_menu.gif) no-repeat;
	 background-position:-100px 0px;
} 

/*------products btn-------*/

#menu ul li a.menu-products {
	 display:block;
	 background: url(../images/sprite_menu.gif) no-repeat;
	 background-position:-200px -28px;
}

#menu ul li a.menu-products:hover {
	 display:block;
	 background: url(../images/sprite_menu.gif) no-repeat;
	 background-position:-200px 0px;
} 

/*------services btn-------*/

.menu-services {
	 display:block;
	 background: url(../images/sprite_menu.gif) no-repeat;
	 background-position:-299px -28px;
	 cursor:default;
	 position:relative;
	 height:28px;
	 width:98px;
}

#menu ul .menu-services:hover,
a.menu-services:hover {
	 display:block;
	 background: url(../images/sprite_menu.gif) no-repeat;
	 background-position:-299px 0px;
}

/*------services submenu-------*/

#servicesSub {
	position:absolute;
	list-style:none;
	z-index:2000;
	visibility:hidden;
}

#servicesSub li {
	clear:both;
	padding:0 !important;
}

#servicesSub a.menu-services {
	cursor:pointer !important;
}

#servicesSub a.menu-services.d {
	background: url(../images/sprite_menu_sub.gif) 0 -28px no-repeat;
}

#servicesSub a.menu-services.e {
	background: url(../images/sprite_menu_sub.gif) -98px -28px no-repeat;
}

#servicesSub a.menu-services.d:hover {
	background-position:0 0;
}

#servicesSub a.menu-services.e:hover {
	background-position:-98px 0;
}

/*------contact btn-------*/

#menu ul li a.menu-show {
	 display:block;
	 background: url(../images/sprite_menu.gif) no-repeat;
	 background-position:-399px -28px;
	 width:98px;
	 height:28px;
	 cursor:pointer;
}

#menu ul li a.menu-show.open {
	 background-position:-399px 0px;
	 cursor:default;
}

#menu ul li a.menu-show:hover {
	 display:block;
	 background: url(../images/sprite_menu.gif) no-repeat;
	 background-position:-399px 0px;
	 width:98px;
	 height:28px;
}

 /*--------------------sub menu-----------------*/
 
#coloumn_left {
	width:250px;
	float:left;
	position:relative;
} 

#query-box {
	width:219px;
	border: solid 1px #999;
	background: url(../images/background_query-box.gif) repeat-x #bcbec0;
	margin-top:40px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:left
}

p.box-text {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	color:#0C5B8C;
	padding:7px 5px 10px 18px;
	background:url(../images/star.png) no-repeat;
	margin:0 0 10px 0;
}


/*-------------------query form-------------------------------*/


form#query-info {
	padding:0 8px;
}

input.query-input {
	width:150px;
	height:16px;
	border:1px #999 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:url(../images/background_input.gif) repeat-x #f2f2f2;
	color:#666;
	padding:5px 0 0 6px;
	float:right;
	margin:0 0 12px 0 ;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

label.query-text {
	float:left;
	color:#0C5B8C;
	font-weight:bold;
	padding:0 6px 0 0;
}



#sub-menu {
	float:left;
	position:relative;
	margin-top:5px;
} 
 
#sub-menu ul {
	list-style:none;
	position:relative;
	display:inline-block;
}

li.sub_menu {
	display:block;
	height:28px;
	width:218px;
	line-height:2;
	border-bottom:dotted 1px #b2b2b2;
}

li.sub_menu:first-child {
		border-top:dotted 1px #b2b2b2;
} 
 
#sub-menu ul li a {
	text-decoration:none;
	background: url(../images/arrow.png) no-repeat;
	padding:0 0 0 15px;
	color:#0C5B8C;
	display:block;
	height:28px;
	width:203px;
}

#sub-menu ul li a:hover {
	text-decoration:none;
	background: url(../images/arrow_over.gif) no-repeat;
	color:#666;
	background-color:#e2e2e2;
	display:block;
	height:28px;
}
/*----------------------------------------Content area--------------------------------*/


#content-area {
	position:relative;
	float:right;
	width:660px;
	min-height:550px;
}

#photoShow{
	margin-top:1px;
	height:349px;
	width:660px;
	z-index:-1;
}

#photoShow div {
	position:absolute;
	z-index:0;
}
#photoShow div.previous{
	position:absolute;
	z-index:1;
}
#photoShow div.current{
	position:absolute;
	z-index:2;
}
 
div.number {
	background: url(../images/phone_number.gif) no-repeat;
	display:block;
	height:30px;
	width: 180px;
	float:right;
	margin:10px 0 0 0;
}

a#show {
	float:right;
}

blockquote {
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333;
	font-style:italic;
	text-align:center;
	display:inline;
	width:85%;
	position:relative;
	float:left;
}
div.bq		{ width:90%;margin:0 auto; text-align:center; padding:20px 0 0 0;}
span.bq		{ width:38px;height:28px; }
.bq.before	{ float:left;background:url(../images/quotes-left.gif) 0 0 no-repeat }
.bq.after	{ float:left;background:url(../images/quotes-right.gif) 0 0 no-repeat; margin-top:50px; }





/*----------------------footer content------------------------------*/


#footer_content {
	width:960px;
	margin:auto;
	position:relative;
	padding-top:10px;
	
}

#social {
	float:left;
	width:140px;
}

#social ul{
	list-style:none;
}

#social ul li{
	float:left;
}

#copyright {
	width:450px;
	margin:auto;
	font-size:10px;
	color:#e7e7e7;
	padding-top:10px;
	
}

#adoration {
	float:right;
	width:160px;
	
}

a.icon-ad {
	display:block;
	height:40px;
	width:160px;
	background:url(../images/icon_adoration.png) no-repeat;
}

a.icons {
	display:block;
	height:40px;
	width:40px;
}

.twr{ background:url(../images/icon_twitter_norm.png) no-repeat;}
.fb{ background:url(../images/icon_face_norm.png) no-repeat;}
.lnk{ background:url(../images/icon_linked_norm.png) no-repeat;}

.twr:hover{ background:url(../images/icon_twitter_over.png) no-repeat;}
.fb:hover{ background:url(../images/icon_face_over.png) no-repeat;}
.lnk:hover{ background:url(../images/icon_linked_over.png) no-repeat;}


a.footer-links{
	text-decoration:none;
	color:#e7e7e7;
}

a.footer-links:hover{
	text-decoration:none;
	color:#fff;
}

/*------------------------login page-------------------------------------*/



#wrapper3 { 
	position:relative;
	width:984px;
	text-align:left;
	margin:60px auto 0 auto; }

#shadow_middle3 { 
	background:url(../images/shadow_middle.png) repeat-y;
	height:273px; }

#login_content { 
	background-image:url(../images/background_login.gif);
	background-repeat:repeat-x;
	width:920px;
	height:273px;
	margin:0 auto;
	padding:20px; }
	
#loginFrm {
	margin:60px auto;
	width:740px;
	height:30px;
	padding:15px 10px 10px 10px ;
	background-color:#000033;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border:1px solid #000033;
}

input.login {
	float:left;
	margin:0 30px 0 10px; }



.loginText { 
	color:#fff;
	float:left;
}

h1.loginHeader {

	font-size:24px;
	color:#fff;
	text-shadow: 1px 1px 0 #0066FF, 2px 2px 2px #333;
}

input.btn_login {
	background: #999;
	padding:0 0 3px 0;
	color:#fff;
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	cursor:pointer;
	float:left;
	height:25px;
	width:100px;
}

input.btn_login:hover { background:#888 }
button::-moz-focus-inner,
input::-moz-focus-inner{ border:0 }

a.back {
	position:absolute;
	top:250px;
	right:35px;
	font-size:9px;
	color:#FFF;
	text-decoration:none;
}

/*----------------------------------------about us page------------------------------------*/



.bordertop { 
	border-top:1px dotted #999;
 }
 
.borderbottom { 
	border-bottom:1px dotted #999;
	}
#heading { 
	background:url(../images/pgheading-backing.jpg) no-repeat;
	height:74px;
	margin-top:5px;
	padding:30px 0 0px 20px;
}

h1.pgheading {	
	font-size:30px;
	color: #C1272D;
	font-weight:lighter;
	text-shadow:1px 1px 0 #fff, 2px 2px 3px #ccc;

}

.quote {
	width:640px;
	float:left;
	margin:20px 10px; }


#container_text {	
	padding:20px 10px;
	margin:0 10px 0 10px;
}
	

.heading-section {	
	background: url(../images/background_headings.gif) repeat-x;
	height:28px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border: solid 1px #fff;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	padding:5px 10px 0 10px;
	
}
	
h1.heading-sub { 
	color:#FFFFFF;
	font-size:16px;
	text-shadow: 2px 2px 2px #333;
}
	
p.sub-text{
	padding:20px 10px 10px 10px;
}	
	
a.section-link{
	color:#fff;
	font-size:9px;
	text-decoration:none;
	display:block;
	padding:0 10px;
	margin-top:5px
}

a.section-link:hover{
	background: #e7e7e7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #e7e7e7;
	color:#666;
}	

ul.section-list {
	margin:0 0 0 40px;
	padding:0 0 20px 0;
}
	
/*----------------------------services--------------------------------*/	


#slider {
  width: 620px;
  margin: 0 auto;
  position: relative;
  text-align:center;
  border-top: dotted 1px #999;
  padding-top:20px;
}

.scroll {
  height: 450px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 400px;
  width: 580px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}

ul.navigation { 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:18px;
	color:#666;
	list-style:none;
	text-align:center; }

ul.navigation li{ 
	display:inline; }
	
ul.navigation li a{ 
	text-decoration:none;
	color:#666; }
	
ul.navigation li a:hover,
ul.navigation li a.selected{
	color:#0066CC; }

.panel{
	position:relative;
	text-align:left;
	height:300px;
	font-size:11px;
}

.counsel { padding:15px 0 0 0 }
.counsel p{
	background:url(../images/bk-img-counsel.jpg) bottom right no-repeat;
	padding-top:10px;
	font-size:11px; }


p.fitness{
	background:url(../images/bk-img-fitness.jpg) right 25px no-repeat;
	padding:25px 220px 0 0;
		font-size:11px; }

p.garnishee{
	background: url(../images/bk-img-garnishee.jpg) right 10px no-repeat;
	padding:25px 220px 0 0;
}

.centered{
	text-align:center;	
}

p.wellness{
	background:url(../images/bk-img-wellness.jpg) left 10px no-repeat;
	padding:25px 0 0 320px;
	
}


/* about slider overrides */
.about .scroll,
.about .scrollContainer div.panel {
	height:auto;
}

/*------------------Account Managers-------------------*/



#staffpic{ 
	float:left; }

#details{ 
	float:left;
	font-size:13px;
	font-weight:bold;
	margin:60px 0 0 20px;
	color:#CC0000; }

#details ul{ 
	display:block;
	list-style:none; }
	
	
#details1,
#details2,
#details3{ 
	float:left;
	font-size:13px;
	margin:60px 0 0 20px;
	color:#666; }

#details1 ul,
#details2 ul,
#details3 ul{ 
	display:block;
	list-style:none; }

/* -- LOCATIONS CSS -- */
.locationsBox {
	position:relative;
	padding:5px 0;
	overflow:hidden;
}

#dbEntries {
	width:659px;
	overflow-y:auto;
	height:450px;
}

li.field {
	float:left;
	padding:5px;
	display:block;
}

#holderList li {
	list-style:none;
	line-height:20px;
}

.entry				{ float:left;width:640px; position:relative; display:inline-block; border-top:1px dashed #ccc; }

.field.id			{ width:36px;font-weight:bold }
.field.code			{ width:80px	}
.field.name			{ width:160px	}
.field.name span	{ color:#ccc	}
.field.phone		{ width:146px;height:40px;overflow:hidden	}
.field.SAid			{ width:120px	}
.field.clients		{ width:53px	}
.field.address		{ width:224px	}
li.field.address	{ width:200px	}
li.field.icon		{ float:right	}
li.icon	button		{ width:20px;height:20px;display:block;background:url(../img/edit.png) 0 0 no-repeat }
li.icon	a			{ width:20px;height:20px;display:block;background:url(../img/delete.png) 0 0 no-repeat }
li.icon	a.over		{ background-position:0 -20px;cursor:pointer }
li.icon	button:hover{ background-position:0 -20px }

.entry.over			{ background:#369 !important;color:#fff }

.entry.first		{ -moz-border-radius-topright:5px;
					  -moz-border-radius-topleft:5px;
					  -webkit-border-top-right-radius:5px;
					  -webkit-border-top-left-radius:5px;
					}

.entry.last			{ -moz-border-radius-bottomright:5px;
					  -moz-border-radius-bottomleft:5px;
					  -webkit-border-bottom-right-radius:5px;
					  -webkit-border-bottom-left-radius:5px;
					}

#frm_Search { padding:20px }
#frm_Search input.btn_submit { float:right; height:24px; padding:5px; margin:0 0 0 5px }





/* ---------------------------------------------------- /*
	MAP STYLES
/* ---------------------------------------------------- */

#mapWrap {
	display:block;
	margin:5px 0 0 0;
	width:100%;
	height:460px;
	position:relative;
}

.mapSearch {
	display:block;
	width:100%;
	height:20px;
	padding:20px 0;
	background: url(../admin/img/blackout.png) 0 0 repeat;
	position:absolute
}

.mapSearch p {
	padding:0 20px;
	color: #eee
}

.mapSearch .fl { float:left !important }
.mapSearch input { height:20px; margin:0 10px 0 0; padding:0 5px }

#mapWrap .dc,
.blueButton {
	position:absolute;
	padding:3px 10px;
	color:#eee;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../images/btn_dcbg.jpg) 0 0 repeat-x;
	border:1px solid #077bc2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	text-shadow:0 1px 1px #333;
}

#mapWrap .dc:hover,
.blueButton:hover {
	border:1px solid #fff;
	color:#fff;
	cursor:pointer
}

.blueButtonWrap { margin:25px 0 0 0; }
.blueButton { position:relative; margin:25px 0 0 0; text-decoration:none }

.dc.nt { left:440px; top:80px  }
.dc.et { left:470px; top:155px }
.dc.ga { left:395px; top:125px }
.dc.nw { left:280px; top:155px }
.dc.of { left:350px; top:225px }
.dc.kn { left:485px; top:230px }
.dc.nc { left:190px; top:260px }
.dc.ec { left:340px; top:330px }
.dc.wc { left:160px; top:380px }

.dc.pr { left:425px; top:135px }
.dc.jo { left:205px; top:180px }
.dc.ve { left:300px; top:310px }
.dc.back { bottom:-60px; right:20px }

#mapWrap .sub {
	position:absolute;
	bottom: 10px;
	right:20px;
	color:#eee;
	font-size:11px
}

#mapSA {
	display:block;
	width:100%;
	height:460px;
	background:url(../images/map_sa.jpg) 0 0 no-repeat
}

#mapGauteng	{
	display:none;
	width:100%;
	height:460px;
	background:url(../images/map_gauteng.jpg) 0 0 no-repeat;
}


/* - LINKSELECT styles - */

a.linkselectLink, input.linkselectLink {
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-moz-user-focus: ignore; 
	-moz-user-input: disabled; 
	
/*	background: url(../images/select-bg.gif) 100% 3px no-repeat;
	background-color: #fff;
	border: 1px solid #c8d3e1;
	color: #383734;
	height: 17px;
	padding: 1px 20px 1px 2px;

*/
	display: block;
	width:200px;
	overflow: hidden;
	cursor: pointer;
	height:18px;
	border:1px #999 solid;
	text-decoration:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:url(../images/background_select.gif) top right no-repeat #f2f2f2;
	color:#666;
	padding:5px 0 0 6px;
	float:right;
	margin:0 0 12px 0 ;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

a.linkselectLinkOpen {
	outline: 0;
}

span.linkselectDisabled {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-moz-user-focus: ignore; 
	-moz-user-input: disabled; 
}

.linkselectContainer {
	position: absolute;
	/* this is required to correctly calculate the width of the container */
	left: 0; top: 0;
	display: none;
	/* 
	 * move the box up 3 pixels so that the title bar aligns with original anchor text, this 
	 * should be adjusted according to the padding/margin differences between the two links 
	 */
	margin-top: -3px;
	max-width: 500px;
	z-index: 50000;
	
	
	background: none;
	/*border: 1px solid #96969d;*/
	color: #000;
	list-style-type: none;
	margin: 21px 0 0 0;
	max-height: 200px;
	padding: 0;
	position: absolute;
	/*overflow: auto;*/
	z-index: 5999;
}

.linkselectContainer .title span {
	display: block;
	padding: 3px 4px;
}

.linkselectContainer .scrollable {
	width: auto;
	background-color: white;
	border: 1px solid #565770;
	border: 1px solid #96969d;
	margin: 5px 0 0 0;
	padding: 0px;
	font-size: 11px;
	text-align: left;
	overflow: auto;
	max-height: 216px;
	clear: both;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.linkselectContainer ul {
	list-style-type: decimal !important;
	margin: 0px;
	padding: 0px;
}

.linkselectContainer ul li.selected { 
	background-color: #cfcfea;
}

.linkselectContainer ul li.current { 
	background-color: #a3a4bd;
	color: #fff;
}

.linkselectContainer ul li {
	display: block;
	margin: 0;
	padding: 2px;
	font-size: 11px;
	cursor: pointer;
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-moz-user-focus: ignore; 
	-moz-user-input: disabled; 
}

input.linkselectLink {
 -khtml-user-select: text;
 -o-user-select: text;
 -moz-user-select: text;
 -moz-user-focus: normal; 
 -moz-user-input: enabled; 
}

#flash-container{
	padding:40px 0 0 100px;
	z-index:-9;
	}
	
.message.error { padding:30px }

#fader {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../admin/img/blackout.png) 0 0 repeat;
	z-index:9;
	display:none;
}

.modal {
	position:fixed;
	width:400px;
	height:auto;
	background:#fff;
	z-index:10;
	padding:0 25px 20px 25px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	display:none;
}

.modal .close,
.modal .find {
	background:#333;
	border:2px solid #ccc;
	padding:5px 20px;
	color:#eee;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	width:60px;
	margin:auto;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	cursor:pointer;
}

.modal h2		{ padding:15px 0 25px 0;color:#06C }
.modal h2 span	{ color:#999 }

.modal .copy	{ padding:0 20px 30px 20px;color:#999;font-size:12px; text-align:left; max-height:300px;overflow:auto }

.modal .close:hover,
.modal .find:hover	{color:#06C;border:2px solid #06C;background:#ccc }

#cityDropWrap { padding:0 10px 0 0;float:left }
#suburbDropWrap { display:none; width:200px; float:left }

#suburbModal .close { padding:0 7px; width:auto; margin:20px 0 0 0 }
#suburbModal .find { margin:20px auto }