/*
* layout-cleaned.css
* Styles for layout elements used across the site
* NEW VERSION, PROGRESSIVELY IMPORTING FROM OLD, MESSY VERSION
*
*/



/* DOCUMENT
-----------------------------*/

	html {
		overflow: -moz-scrollbars-vertical;
	}
	
	html, body {
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}
	
	body {
		position: relative;
		text-align: center;
		font: 12px/18px "Arial", sans-serif;
		color: #000000;
	}


/* HEADER
-----------------------------*/

	div#dashboard-panel {
		position: relative;
		padding: 4px 0 2px 0;
		background: #e4edf6 url(/images/members-bar-bg.png) 0 bottom repeat-x;
		text-align: center;
		color: #000000;
		display: none;
	}
		div#dashboard-panel.open {
			display: block;
		}
		div#dashboard-panel div.container {
			position: relative;
			width: 920px;
			margin: 0 auto;
			padding: 5px 0;
			text-align: left;
			overflow: hidden;
		}
		div#dashboard-panel a {
			color: #005aab;
			font-weight: bold;
		}
		div#dashboard-panel a:hover {
			color: #000000;
		}
		div#dashboard-panel input {
			font-weight: normal;
		}



	div#header-tab {
		position: relative;
		height: 28px;
		background: #a3bdcf;
		display: inline;
		float: right;
		margin-right: 47px;
	}

		div#header-tab span.curve-left {
			position: absolute;
			left: -20px;
			top: 0;
			width: 20px;
			height: 30px;
			background: url(../images/login-tab-bg.png) 0 0 no-repeat;
		}

		div#header-tab span.curve-right {
			position: absolute;
			right: -20px;
			top: 0;
			width: 20px;
			height: 30px;
			background: url(../images/login-tab-bg.png) -20px 0 no-repeat;
		}

		div#header-tab ul {
			display: inline;
			list-style-type: none;
			margin: 0;
			padding: 0;
			font: bold 11px/normal "Verdana",sans-serif;
			color: #000000;
			overflow: hidden;
		}

			div#header-tab ul li {
				float: left;
				margin: 0;
				padding: 7px 10px;
			}

				div#header-tab ul li.separator {
					padding: 0;
					font-family: "Arial", sans-serif;
					line-height: 27px;
				}

				div#header-tab ul li a {
					color: #000000;
					text-decoration: none;
				}
					div#header-tab ul li a.on,
					div#header-tab ul li a:hover {
						color: #ffffff;
					}

	
	div#header {
		position: relative;
		text-align: center;
		height: 155px;
		background: url(../images/header-bg-repeat.png) top left repeat-x;
		border-top: 2px solid #A3BDCF;
	}
	
		div#header div.container {
			position: relative;
			background: url(../images/header-bg.png) no-repeat;
			margin: 0px auto;
			width: 994px;
			height: 155px;
			text-align: left;
		}
	
		div#header div.header-bg {
			position: absolute;
			left: 0;
			top: 0;
			background: url(../images/header-bg.png) no-repeat;
			width: 960px;
			height: 155px;
		}
	
		div#header h2.tag {
			float: right;
			font: bold 11px/26px "Verdana", sans-serif;
			text-align: right;
			color: #ffffff;
			margin: 0 30px 0 0;
			padding: 0;
		}

	
		div#header a.free-estimate {
			position: absolute;
			right: 37px;
			top: 42px;
			width: 231px;
			height: 70px;
			background: url(/images/panel-free-estimate.png) no-repeat;
		}
			div#header a.free-estimate:hover {
				background-position: 0 -70px;
			}

/*
		div#header div.promo-summary {
			position: absolute;
			right: 137px;
			top: 49px;
			font: 11px/15px "Verdana","Arial", sans-serif;
			letter-spacing: -1px;
			color: #ffffff;
			text-align: right;
		}
			div#header div.promo-summary strong {
				color: #A3BDCF;
			}
			div#header div.promo-summary a {
				letter-spacing: normal;
				font-size: 10px;
				text-align: right;
				text-decoration: none;
				color: #66A6CF;
			}
			div#header div.promo-summary a:hover {
				color: #e0b042;
			}
		div#header a.promo-badge {
			position: absolute;
			right: 5px;
			bottom: 2px;
			display: block;
			width: 122px;
			height: 122px;
			background: url(../images/badge-250grafts.png) -122px 0 no-repeat;
		}
		div#header a.promo-badge:hover {
			background: url(../images/badge-250grafts.png) 0 0 no-repeat;
		}
*/

.round10 {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

/* FOOTER
-----------------------------*/

	div#footer {
		position: relative;
		width: 100%;
		font: 12px/normal "Arial", sans-serif;
		text-align: center;
		padding: 40px 0 20px 0;
		margin: 0;
		background: #E5EEF7;
		background: #a3bdcf;
		background: #a3bdcf url(../images/footer-bg.png) 0 0 repeat-x;
		border-top: 0px solid #A3BDCF;
		border-bottom: 0px solid #A3BDCF;
		overflow: hidden;
	}

		div#footer div.inner {
			width: 920px;
			margin: 0 auto;
			text-align: left;
		}

		div#footer h3 {
			font: bold 14px/normal "Georgia", sans-serif;
			padding: 0;
			margin: 0 0 15px 0;
			color: #333333;
		}

		div#footer a {
			text-decoration: none;
			color: #222222;
		}
			div#footer a:hover {
				color: #2d648a;
				color: #ffffff;
			}
	
		div#footer ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
			div#footer ul li {
				margin: 0 0 5px 0;
				padding-bottom: 5px;
				border-bottom: 1px dotted #7890a1;
			}
	
		div#footer div.sitemap {
			float: left;
			width: 220px;
			margin: 0 30px 0 0;
		}

		div#footer div.articles {
			float: left;
			width: 330px;
			margin: 0 30px 0 0;
		}

		div#footer div.overview {
			float: left;
			width: 300px;
			line-height: 18px;
		}
			div#footer div.overview a {
				color: #2d648a;
				text-decoration: none;
			}
			div#footer div.overview a:hover {
				text-decoration: underline;
			}

		div#footer p.copyright {
			text-align: left;
			margin: 40px 0 0 0;
		}



/* FOOTER
-----------------------------*/

	div#footer-locations {
		position: relative;
		margin: 0;
		padding: 30px 0px 10px 0;
		background: #ffffff;
		overflow: hidden;
	}
	
		div#footer-locations div.inner {
			width: 920px;
			margin: 0 auto;
			text-align: left;
		}

		div#footer-locations h3 {
			font: bold 14px/normal "Georgia", sans-serif;
			color: #333333;
			margin: 0 0 5px 0;
			padding: 0;
		}

		div#footer-locations ul {
			position: relative;
			margin: 0 0 20px 0;
			padding: 0;
			list-style-type: none;
			overflow: hidden;
		}

			div#footer-locations ul li {
				float: left;
				margin: 0 30px 0 0;
				padding: 0;
			}



/* CONTENT CONTAINERS
-----------------------------*/

	div#content-container {
		position: relative;
		margin: 0 auto;
		text-align: left;
		padding: 0 10px 50px 10px;
		width: 920px;
		height: 100%;
		overflow: hidden;
		z-index: 1;
	}
	
	div#section-title {
		position: relative;
		margin: 40px 0px 5px 0px;
		text-align: left;
		border-bottom: 3px solid #A3BDCF;
	}
		div#section-title h1 {
			position: relative;
			margin-bottom: -5px;
		}

	body.admin div#section-title {
		border-bottom: 3px solid #cb0000;
	}
			position: absolute;
			bottom: 20px;
		body.admin div#section-title h1 {
			color: #cb0000;
		}

	div.page-title {
		padding: 10px 0 10px 0;
		border-bottom: 1px dotted #cccccc;
		border-top: 1px dotted #cccccc;
		margin-bottom: 40px;
		overflow: hidden;	
	}
	
		div.page-title div.article {
			width: 470px;
			float: left;
		}
			div.page-title div.article h2 {
				min-height: 64px;
			}
			div.page-title div.article div.details {
				overflow: hidden;
				color: #666666;
			}
				div.page-title div.article div.details div.published {
					float: left;
				}
				div.page-title div.article div.details div.addthis {
					float: right;
					padding-right: 40px;
					font-size: 11px;
					line-height: 16px;
					color: #2d648a;
				}
		
		div.page-title img.avatar {
			margin: 0 20px 0 0px;
			float: left;
		}
		
		div.page-title h2 {
			font: 18px/normal "Georgia", serif;
			letter-spacing: normal;
			margin: 0;
			color: #2d648a;
		}
	
	div#consultation-main {
		position: relative;
		float: left;
		width: 590px;
		height: auto;
		overflow: hidden;
		margin-bottom: 30px;
	}
	
	div#consultation-side {
		float: right;
		margin-left: 30px;
		width: 300px;
		height: auto;
		overflow: hidden;
	}
	
	div.column-full {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	div.column-wide {
		position: relative;
		width: 590px;
		height: auto;
	}
	
	div.column-thin {
		position: relative;
		width: 300px;
		margin-bottom: 20px;
	}



/* THIN COLUMN WIDGETS
-----------------------------*/



/* HOME
-----------------------------*/


div.roundit {
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
}


div.profile-content {
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border: 1px solid #dedede;
	border-top: 0;
	padding: 0;
	border-right: 0;
	text-align: left;
	width: 650px;
}
	div.profile-content div.inner {
		padding: 30px 30px 30px 30px;
		color: #222222;
		overflow: hidden;
	}

	div.profile-content .resultset {
	}
	div.profile-content .resultset th {
		padding-top: 6px;
		padding-bottom: 6px;
		border-top: 1px solid #dedede;
		border-bottom: 1px solid #dedede;
	}
	div.profile-content .resultset td {
		border-bottom: 1px dotted #dedede;
	}
	div.profile-content .resultset.notification td {
		border-bottom: 0px dotted #dedede;
		padding-top: 4px;
		padding-bottom: 4px;
	}

div.tabs-header {
	position: relative;
	overflow: hidden;
}
	div.tabs-header img.avatar {
		float: left;
		margin-right: 10px;
		display: none;
	}
	div.tabs-header h1 {
		margin-top: 0px;
		margin-left: 0px;
		padding-bottom: 6px;
		border-bottom: 0px solid #A3BDCF;
		font: 24px/26px "Georgia", serif;
	}
	div.tabs-header div.status {
		color: #888888;
		color: #3f73a2;
		font-weight: normal;
		width: 500px;
		margin-left: 0px;
		margin-bottom: 5px;
	}
		div.tabs-header div.status span {
			color: #000000;
			font-weight: normal;
		}
	div.tabs-header ul.tabs {
		margin: 12px 0 0 0;
		clear: both;
	}



input[type=text],
input[type=password],
input[type=submit],
textarea {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-size: 1px;
}

input[type=text].error {
	border: 1px solid #ffa8a5;
	background: #ffd6d3;
	color: #ae4046;
}

input[type=submit] {
	border: 1px solid #c4d5e3;
	padding: 5px 10px;
	background: #E5EEF7;
	color: #2d648a;
	font: bold 12px/normal "Arial", sans-serif;
	cursor: pointer;
}
	input[type=submit]:hover {
		background: #ffffff;
		border: 1px solid #c4d5e3;
		color: #2d648a;
	}
	input[type=submit]:active {
		border: 1px solid #2d648a;
	}

div.submenu {
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	border: 1px solid #dedede;
	padding: 10px 0px 10px 0;
	text-align: left;
	width: 242px;
	background: #f7f7f7;
}
	div.submenu.first {
		border: 1px solid #c4d5e3;
		background: #E5EEF7;
	}
	div.submenu ul {
		list-style-type: none;
		margin: 0 0 0 20px;
		padding: 0;
		font: bold 12px/24px "Arial", sans-serif;
	}

	div.submenu.first ul {
		margin-top: 5px;
	}

		div.submenu ul li {
			margin: 0;
			padding: 0;
		}
		div.submenu ul li a {
			color: #3f73a2;
		}
		div.submenu ul li.active a,
		div.submenu ul li a:hover {
			text-decoration: none;
			color: #000000;
		}

div.label {
	display: block;
	font: 12px/30px "Arial Black", sans-serif;
	color: #14426b;
}








ul.photogallery {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	ul.photogallery li {
		float: left;
		width: 290px;
		margin: 0 0 30px 0;
	}
		ul.photogallery li a.photo {
			display: block;
			width: 126px;
			border: 1px solid #cccccc;
			float: left;
			margin-right: 10px;
			-moz-border-radius-topleft: 5px;
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topright: 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-bottomleft: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-bottomright: 5px;
			-webkit-border-bottom-right-radius: 5px;

			padding: 6px;
			background: #ffffff;
			opacity: 1;
		}
			ul.photogallery li a.photo:hover {
				border: 1px solid #A3BDCF;
				background: #E5EEF7;
				padding: 6px;
				opacity: 0.80;
			}


td.radio-switch1 {
	cursor: pointer;
}
tr.changed td {
	background: #c7daeb !important;
}



/* ARTICLES
-----------------------------*/

	div.article-container {
		position: relative;
		padding-right: 40px;
		text-align: justify;
	}

		div.article-container p {
			text-indent: 30px;
			margin-bottom: 20px;
		}
	
		div.article-container p:first-child,
		div.article-container h1 + p,
		div.article-container h2 + p,
		div.article-container h3 + p {
			text-indent: 0;
		}
	
		div.article-footer h3,
		div.article-container h3 {
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 20px;
			color: #000000;
		}
		
		div.article-container ul,
		div.article-container ol {
			margin-left: 45px;
			margin-bottom: 20px;
			padding-left: 0;
		}
			div.article-container ul li,
			div.article-container ol li {
				margin: 0 0 10px 0;
				padding-left: 0;
			}
			
		div.article-container div.footer {
			padding: 10px 0 10px 0;
			border-bottom: 1px dotted #cccccc;
			border-top: 1px dotted #cccccc;
			margin: 40px 0 20px 0;
			overflow: hidden;
		}
			div.article-container div.footer h3 {
				float: left;
				color: #2d648a;
				margin-bottom: 10px;
			}
			div.article-container div.footer p {
				margin-bottom: 0;
				text-align: justify;
				text-indent: 0;
				clear: both;
			}
			div.article-container div.footer div.addthis {
				float: right;
				padding: 2px 0 0 0;
			}



/* ONLINE CONSULTATION
-----------------------------*/



/* MEMBERS
-----------------------------*/

ul#members-panel {
	position: absolute;
	right: 20px;
	top: 0px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}
	ul#members-panel li {
		float: left;
		width: 50px;
		margin: 0 0 0 40px;
		padding: 0;
	}
		ul#members-panel li a {
			position: relative;
			display: block;
			font: 11px/normal "Arial", sans-serif;
			text-align: center;
			color: #000000;
			text-decoration: none;
			width: 50px;
			height: 63px;
		}
			ul#members-panel li a:hover {
				color: #ffffff;
			}
			ul#members-panel li a span {
				display: block;
				position: absolute;
				bottom: 0;
				width: 50px;
				text-align: center;
			}
		ul#members-panel li a.admin {
			background: url(../members/images/icons/admin.png) center 1px no-repeat;
		}
		ul#members-panel li a.profile {
			background: url(../members/images/icons/profile.png) center 1px no-repeat;
		}
		ul#members-panel li a.leads {
			background: url(../members/images/icons/leads.png) center 9px no-repeat;
		}
		ul#members-panel li a.reports {
			background: url(../members/images/icons/reports.png) center 0px no-repeat;
		}
		ul#members-panel li a.messages {
			background: url(../members/images/icons/messages.png) center 5px no-repeat;
		}



/* CUSTOM RECAPTCHA
-----------------------------*/

	.recaptchatable .recaptcha_image_cell, #recaptcha_table {
		padding: 0;
		margin: 0;
	}
	
	#recaptcha_table {
	}

	#recaptcha_response_field {
	}