/* GENERAL STYLES */
html {
	height:				100%;
}
body {
	margin:				0;
	padding:			0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			76%;
	background-color:	#3AADBB;
}
h1, h2, h3 {
	margin:				0;
	font-size:			1em;
}
a {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	text-decoration:	none;
	color:				#ffffff;
}

/* PAGE LAYOUT */
#mainpage {
	width:				760px;
	min-height:			580px;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			20px;
	margin-bottom:		10px;
	padding:			0 0 0 0;
	border:				1px solid #ffffff;
}
#footer {
	width:				760px;
	margin-left:		auto;
	margin-right:		auto;
	padding:			0 0 0 0;
	text-align:			center;
	clear:both;
}
#container {
	width:				100%;
	display:block;
}
#rangeLeft {
	float:				left;
	width:				580px;
	padding:			0;
	margin:				0;
}
#rightBox {
	float:				right;
	width:				178px;
	margin:				0;
	padding:			0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	text-align:			right;
}
#topMenu {
	text-align:			right;
	height:				25px;
	padding:			7px 10px 2px 2px;
}
#leftMenu {
	width:				211px;
	float:				left;
	margin:				0;
}
#centreColumn {
	width:				360px;
	text-align:			left;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height:		15px;
	margin-left:		214px;
}




/* PAGE STYLE */
#topMenu, #topMenu a {
	color:				#ffffff;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	text-decoration:	none;
}
#titleStrip {
	height:				72px;
	text-align:			left;
}
#titleImage {
	width:				278px;
	float:				left;
}
#titleImage h1 span {
	display:			none;
}
#titleText {
	margin-left:		284px;
}
#titleText h1 {
	color:				#ffffff;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			16px;
	line-height:		29px;
	margin:				0px;
	padding:			2px 0 0 0;
}
#titleStrip .r2 {
	width:				100%;
	padding:			2px 2px 0 0;
	text-align:			right;
}
#subscribe {
	width:				156px;
	height:				30px;
	margin:				0 2px 0 auto;
	border:				1px #ffffff solid;
	background:			#820F5B url(../images/btn_practice-join.gif) 0px 10px no-repeat;
	color:				#ffffff;
	text-align:			center;
}
.practices4sale #subscribe, .practices-sold #subscribe {
	background:			#820F5B url(../images/btn_practice-join.gif) 0px 8px no-repeat;
}
.jobs #subscribe {
	background:			#BF5727 url(../images/btn_jobs-join.gif) 0px 8px no-repeat;
}
#subscribe a {
	width:				100%;
	height:				100%;
	display:			block;
}
#subscribe span {
	padding:			0 0 0 18px;
	line-height:		28px;
	font-size:			1.1em;
	font-weight:		bold;
}

.practices4sale #for-sale-link {
	display:			none;
}
.practices-sold #archive-link {
	display:			none;
}


#blog {
	width:				132px;
	height:				23px;
	margin:				0 10px 0 20px;
/*	border:				1px #ffffff solid;	*/
	background:			#0F4275 url(../images/btn_blog.gif) 0px 5px no-repeat;
	color:				#ffffff;
	text-align:			center;
}
#blog a {
	width:				100%;
	height:				100%;
	display:			block;
}
#blog span {
	padding:			0 0 0 18px;
	line-height:		20px;
	font-size:			1.1em;
	font-weight:		bold;
}


#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #ffffff;
}

img.left {
	float:				left;
	margin:				0 5px 5px 0;
}

b.white{
	color: #ffffff;
}
h1.popup {
	font-size:14px;
}
body.popup {
	font-size: 12px;
	text-align: left;
}
#centreColumn h1 {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 15px;
	color: #ffffff;
	margin: 0;
	padding: 0;
}
#centreColumn h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#rightBox img {
	padding: 0 1px 0 0 ;
}





/* FORMS */
#centreColumn td, #centreColumn input, #centreColumn textarea {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#centreColumn td a {
	font-size: 11px;
	font-color: #000000;
	text-decoration: underline;
}
#centreColumn input.textField, textarea.textField {
	border: 1px solid #3AADBB;
	width: 180px;
}
#centreColumn input.button {
	border: 1px solid #3AADBB;
	width: 90px;
	text-align: center;
}




/* MENUS/LISTS */
#application #rightBox a {
	width:				128px;		/* subtract padding from desired dimensions (150x22) */
/*	height:				16px;	*/
	line-height:		14px;
	padding:			6px 0 0 22px;
	font-weight:		bold;
	color:				#000000;
	text-decoration:	none;
	display:			block;
}


ul.boxList, ul.boxListR {
	margin: 0 4px;
	padding: 0;
	list-style: none;
	text-align: left;
}
ul.boxList li {
	background: url(../images/home/practices-more-btn.gif) right bottom no-repeat;
	margin-bottom:10px;
}
ul.boxListR li {
	background: url(../images/home/recruitment-more-btn.gif) right bottom no-repeat;
	margin-bottom:10px;
}
ul.boxList li a, ul.boxListR li a {
	width:					120px;
	line-height:			14px;
	padding:				0 0 0 4px;
	display:				block;
	font-weight:			bold;
	text-align:				left;
}

ul#teamList {
	margin: 0 4px;
	padding: 0;
	list-style: none;
	text-align: left;
}
ul#teamList li {
	background: url(../images/pointer-team.gif) left  no-repeat;
	border: 0;
	display: block;
	padding: 3px 5px 6px 27px;
	margin: 0 0 12px 0;
}
#application #rightBox ul#teamList li a {
	padding: 0 0 0 0;
	display: block;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
ul#teamList li.currentItem {
	background: url(../images/pointer-team-current.gif) left  no-repeat;	
	border: 1px solid #ffffff;
}




#application #rightBox ul#propList {
	margin:				0 4px;
	padding:			0;
	list-style:			none;
	text-align:			left;
}
#application #rightBox ul#propList li {
	width:				150px;
	line-height:		22px;
	margin-bottom:		10px;
	background:			url(../images/recruitment/btn-prop.gif) left top no-repeat;
	vertical-align:		top;
}
#application #rightBox ul#propList li a {
	width:				128px;		/* subtract padding from desired dimensions (150x22) */
	line-height:		14px;
	padding:			6px 0 0 22px;
	font-weight:		bold;
	color:				#000000;
	text-decoration:	none;
	display:			block;
}






#application #rightBox ul#propList li.currentItem {
	background:			url(../images/recruitment/btn-prop-current.gif) left top no-repeat;
}
#application ul#recruitList {
	margin:				0 4px;
	padding:			0;
	list-style:			none;
	text-align:			left;
}
#application ul#recruitList li {
	background:			url(../images/dots-bg.gif) repeat-x bottom;
	padding:			3px 5px 6px 27px;
	display:			block;
	color:				#000000;
	text-align:			left;
}
#application ul#recruitList h3 {
	margin:				0;
	padding:			0;
	font-size:			12px;
}
#application ul#recruitList strong, #recruitList a {
	color:				#44B4C0;
	font-size:			11px;
}





/* THEMES */
body#default #mainpage		{	background:			#3AADBB url(../images/homepage-bg.jpg) no-repeat 50% 0; }
body#application #mainpage	{	background:			#BEE4E7 url(../images/recruitment/background.jpg) no-repeat 50% 0; }
body#application b.white	{	color: #000000;	}
body#application b.white a	{	color: #000000;	}
body#application #rightBox	{	text-align: left; width: 158px;	}
/* body#application #centreColumn { position:relative; top:-35px; } */

#rightBox #practices, #rightBox #recruitment {
	width:					132px;
	height:					130px;
	background:				url(../images/home/practices-bg.gif) top left repeat;
	margin:					0 10px 0 20px;
	padding:				0 0 0 0;
	text-align:				left;
}
#rightBox #recruitment {
	height:					100px;
	background:				url(../images/home/recruitment-bg.gif);
}
#rightBox #practicesTop {
	width:					132px;
	height:					23px;
	background:				url(../images/home/practices-top.gif) no-repeat;
	margin:					0 10px 0 20px;
	padding:				0;
}
#rightBox #practicesBase {
	width:					132px;
	height:					6px;
	background:				url(../images/home/practices-base.gif) top left no-repeat;
	margin:					0 10px 10px 20px;
	padding:				0 0 0 0;
}
#rightBox #recruitmentTop {
	width:					132px;
	height:					13px;
	background:				url(../images/home/recruitment-top.gif) no-repeat;
	margin:					0 10px 0 20px;
	padding:				10px 0 0 0;
}
#rightBox #recruitmentBase {
	width:					132px;
	height:					6px;
	background:				url(../images/home/recruitment-base.gif) top left no-repeat;
	margin:					0 10px 10px 20px;
	padding:				0 0 0 0;
}
#practices p, #recruitment p {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#ffffff;
	font-weight:			bold;
	margin:					0;
	padding:				0 6px;
}

#application .submitButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #820F5B;
	border: 1px solid #820F5B;
	width: 25px;
}

#application .formField {
	border: 1px solid #4AB8C4;
	background-colour: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 200px;
}
#application #form {
	width: 320px;
}
#application #details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#application #details ul li {
	padding: 10px 0 10px 0;
	background: url(../images/recruitment/detail-bg.gif) no-repeat bottom;
}
#application #propertyContent strong{
	color: #4AB8C4;
}
#application #propertyContent {
	margin:0;
	padding:0;
	width:300px;
}
#application #topBit {
	margin:0;
	padding:0;
}
#application #imageStrip {
	margin:0;
	padding:0;
	height: 45px;
}
#application #mainImage {
	width: 137px;
	height: 139px;
	float: left;
}
#application #details {
	margin-left: 145px;
	height: 139px;
}



#application #rightBox div.link {
	width:				100%;
	padding:			0 0 0 0;
	margin:				0 0 0 0;
	text-align:			left;
}

#application #rightBox div.link a {
	width:				100%;
	padding:			0 0 0 0;
	margin:				1em 0 0 0;
	text-align:			left;
}
#application #rightBox div.link a span {
	color:				#000000;
	text-decoration:	none;
}


#hot-topic {
	width:					350px;
	margin:					0 0 10px 205px;
}
.hot-topic-title {
	position:				absolute;
	width:					88px;
	height:					17px;
	margin:					0 0 0 20px;
	padding:				3px 0 0 15px;
	background-color:		#006F7F;
	font-size:				11px;
	color:					#ffffff;
	font-weight:			bold;
}
.hot-topic-top-spacer {
	height:					10px;
	margin:					0 0 0 0;
	padding:				0 0 0 0;
	font-size:				1px;
}
.hot-topic-content {
	width:					100%;
	margin:					0 0 0 0;
	padding:				14px 5px 5px 18px;
	border:					2px solid #ADE1E5;
	font-size:				11px;
	line-height:			15px;
}
#hot-topic a {
	font-size:				11px;
	color:					#D65725;
}



#sitemap {
	margin:				1em 0 0 0;
}
#sitemap ul {
	list-style:			none;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}
#sitemap ul ul {
	padding:			0 0 0 1em;
}
#sitemap ul li {
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	font-size:			1em;
	font-weight:		bold;
}
#sitemap ul li ul li {
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	font-size:			0.9em;
	font-weight:		normal;
}
#sitemap a {
	color:				#000000;
}
#sitemap a:hover {
	color:				#ffffff;
}



/* BROWSER "TWEAKS" */
.clear { clear:both; }