@import url("reset.css");
@import url("datepicker.css");
@import "clearfix.css";

body {
	background: #eae0ca;
	margin: 25px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #808080;
}

.left{ float: left; margin-right: 10px; }
.right{ float: right; margin-left: 10px; }
.clearfix{ clear: both; }

div.wrapper {
	width: 980px;
	background: #fefefd url(/members-and-advertisers/assets/image/bg-main.jpg) no-repeat;
	margin: 0 auto;
}

div.user {
	background: url(/members-and-advertisers/assets/image/bg-user.png);
	padding: 15px 20px;
	float: right;
	margin-right: 25px;
	color: #621901;
	text-transform: uppercase;
	font-size: 13px;
}

div.user p {
	float: left;
}

div.user p span {
	color: #cb5920;
	text-transform: none;
	margin: 0 50px 0 10px;
}

div.user a {
	display: block;
	float: left;
	width: 64px;
	height: 17px;
	text-indent: -9999px;
	background: url(/members-and-advertisers/assets/image/btn-logout.png) no-repeat;
}

div.user a:hover {
	background-position: 0 -17px;
}

div.body {
	float:left;
	width: 930px;
	margin-left: 25px;
}

h1 {
	color: #7ab58e;
	font-size: 37px;
	padding: 25px 0 40px 40px;
	border-bottom: 1px solid #ccc;
}

div.column_left {
	float: left;
	width: 199px;
	padding: 45px 15px 0 0;
	border-right: 1px solid #ccc;
}

div.column_left h2 {
	text-align: center;
}
h1 span.right {
	float: right;
	padding-top: 15px;
	font-size: 22px;
}
h1 span.right a{ color: #00A3B3; text-decoration: none; }
h1 span.right a:hover{ text-decoration: underline; }

ul.affiliated_sites li a {
	display: block;
	text-indent: -9999px;
	margin-top: 30px;
}

ul.affiliated_sites li.bonita a {
	height: 73px;
	background: url(/members-and-advertisers/assets/image/logo-bonita-springs.png) no-repeat center;
}

ul.affiliated_sites li.naples a {
	height: 25px;
	background: url(/members-and-advertisers/assets/image/logo-naples.png) no-repeat center;
}

ul.affiliated_sites li.marco a {
	height: 17px;
	background: url(/members-and-advertisers/assets/image/logo-marco-island.png) no-repeat center;
}

div.column_right {
	position: relative;
	right: 1px;
	float: right;
	padding-left: 15px;
	border-left: 1px solid #ccc;
	width: 699px;
}

div.options {
	position: relative;
	border: 1px solid #ccc;
	margin-top: 50px;
	padding: 10px 230px 50px 10px;
}

div.column_right h2, div.options h2 a{
	color: #00a3b3;
	font-size: 30px;
	margin-bottom: 10px;
	text-decoration: none;
}
div.column_right h2{ margin: 10px 0; }
div.options h2 a{ margin: 0; }
div.options h2 a:hover{ text-decoration: underline; }

div.options p {
	font-style: italic;
	line-height: 18px;
}

div.options p a {
	color: #00a3b3;
	text-decoration: none;
}

div.options p a:hover {
	text-decoration: underline;
}

div.options img {
	position: absolute;
	right: 25px;
}

div.options.account img { top: -36px; }
div.options.stats img { top: -41px; }
div.options.community img { top: -37px; }
div.options.offers img { top: -25px; }
div.options.events img { top: -45px; }
div.options.contact-info img { top: -50px; }
div.options.business-details img { top: -41px; }
div.options.business-interests img { top: -23px; }
div.options.logo-images img { top: -48px; }
div.options.business-listing img { top: -24px; }

div.footer {
	clear: both;
	background: url(/members-and-advertisers/assets/image/bg-footer.jpg) no-repeat bottom;
	padding: 50px 0 25px 0;
}

div.footer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #fff;
}

div.footer div {
	background: #47565c;
	overflow: auto;
	padding: 20px;
	width: 890px;
	margin: 0 auto;
}

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

div.footer a:hover {
	text-decoration: underline;
}

div.footer div ul li {
	float: left;
	padding: 5px 20px;
	border-left: 1px solid #fff;
}

div.footer div ul li.first {
	padding: 5px 20px 5px 0;
	border-left: none;
}

div.footer div p {
	float: right;
	padding-top: 5px;
}

ul.partner_links {
	background: #1d282b;
	overflow: auto;
	width: 910px;
	margin: 0 auto;
	padding: 10px;
}

ul.partner_links li {
	float: left;
	margin: 0px 5px;
}

ul.partner_links li a {
	font-size: 9px;
}

ul.partner_links li a:hover {
	color: #00A3B3;
}
.gt-btn-replace, .gt-btn-replace-long, .gt-btn-replace-extra-long{
	background: url(/manager/images/gt/btn-blank.jpg) no-repeat left top;
	font: 17px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color: #FFF;
	width: 85px; height: 31px;
	text-align: center;
	display: block;
	border: 0;	
	text-decoration: none;
	padding: 4px 0 0 0;
}
.gt-btn-replace-long{
	background-image: url(/manager/images/gt/btn-blank-long.jpg);
	font-size: 14px;
	width: 159px;
}

.gt-btn-replace-extra-long{
	background-image: url(/manager/images/gt/btn-blank-extra-long.png);
	font-size: 14px;
	width: 250px;
}
input.gt-btn-replace, input.gt-btn-replace-long, input.gt-btn-replace-extra-long{ padding:  0 0 3px 0; }
input.datepicker{ background-image: url(/media/img/misc/picker.gif); background-position: top right; background-repeat: no-repeat; }
.strongLabel{ font-size: 13px; font-weight: bold; }

.button-row, .submit-row{ display: block; clear: left; padding: 10px; }
.submit-row{ padding: 10px 0; }

label, form.memberForm .midLabel{ line-height: 18px; font-size: 11px; }
form .midLabel{ display: block; margin-top: 8px; }
form .textarea{ width: 400px; height: 225px; }
form input.gt-form-text{ padding: 3px; margin: 0 0 6px; color: #222; font-size: 12px; }
form .childHolder table, form.memberForm table.gt-list-table{ width: 100%; }
form .childHolder table td{ width: 33%; padding-bottom: 5px;  }
form table.gt-list-table th{ padding-bottom: 3px; }
form table.gt-list-table td{ vertical-align: middle; text-align: center; padding: 5px 0; border-top: 1px solid #DDD; }
form table.gt-list-table td.tableButton{ width: 100px; }
form .floatLabel label{ clear: left; float: left; width: 100px; text-align: right; }
form .subMemberList{ text-align: center; }
form .subMemberList table{ text-align: left; }

form a{ 
	color: #00a3b3;
	text-decoration: none;
}
form a:hover{ text-decoration: underline; }

#discussion-topics{ width: 216px; margin: 0 0 0 22px; background: url(/media/img/bg/discussions/discussion-topics-tile.jpg) repeat-y left top; }
#discussion-topics h3{ width: 216px; margin: 0; height: 29px; background: url(/media/img/bg/discussions/discussion-topics.jpg) no-repeat left top; text-indent: -9999px; overflow: hidden; }
#discussion-topics ul{ margin: 0; padding: 8px 0 14px; background: url(/media/img/bg/discussions/discussion-topics-btm.jpg) no-repeat left bottom; }
#discussion-topics ul li{ font-size: 16px; line-height: 1; padding: 4px 0; margin: 0 16px; font-weight: bold; border-bottom: 1px solid #b7b6b0; }
#discussion-topics ul li a{ color: #00405e; text-transform: capitalize; }
#discussion-topics ul li.viewall{ font-size: 11px; font-weight: normal; }
#discussion-topics ul li.viewall a{ color: #117799; }
#discussion-topics ul#browseNav{ margin-top: 20px; padding: 0; height: 17px; }
#discussion-topics ul#browseNav li{ float: left; margin: 0; padding: 0; border: none; height: 17px;  }
#discussion-topics ul#browseNav li a{ display: block; height: 17px; text-indent: -5000px; font-size: 10px; line-height: 1;
	background: url(/media/img/my-bonita/left_nav.png) no-repeat left top; }
#discussion-topics ul#browseNav li#keywordNav a{ width: 77px; background-position: 0 0;}
#discussion-topics ul#browseNav li#keywordNav a:hover{background-position: 0 -40px;}
#discussion-topics ul#browseNav li#keywordNav.ui-tabs-selected a{background-position: 0 -20px;}
#discussion-topics ul#browseNav li#popularNav a{ width: 70px; background-position: -77px 0; }
#discussion-topics ul#browseNav li#popularNav a:hover{ background-position: -77px -40px; }
#discussion-topics ul#browseNav li#popularNav.ui-tabs-selected a{ background-position: -77px -20px; }
#discussion-topics ul#browseNav li#emailNav a{ width: 69px; background-position: -147px 0; }
#discussion-topics ul#browseNav li#emailNav a:hover{background-position: -147px -40px;}
#discussion-topics ul#browseNav li#emailNav.ui-tabs-selected a{background-position: -147px -20px;}

#discussion-topics p{ padding-top: 15px; font: 14px normal Georgia, "Times New Roman", Times, serif; color: #444; text-align: center; }

.contactWrap{ font-family: verdana, arial, sans-serif; }
.contactWrap label{ text-transform: uppercase; font-size: 11px; line-height: 1; margin-bottom: 4px; display: block; color: #666; }
.contactWrap .noWrap label{ display: inline; margin-left: 10px; }
.contactWrap input{ font-size: 12px; font-weight: bold; line-height: 1; color: #333; padding: 2px; margin: 0 0 9px; }
.contactWrap textarea{ font-size: 12px; font-weight: normal; line-height: 16px; color: #333; padding: 2px; margin: 0 0 9px; font-family: verdana, arial, sans-serif; }
.contactWrap table{ width: 300px; margin: 0 0 9px; }
.contactWrap table td{ padding: 3px 0; }
.contactWrap table td.memberLabel{ width: 33%; }
.contactWrap td input{ float: left; padding: 0; margin: 0 3px 0 0; }
.contactWrap table.AreaList, .contactWrap table.MemberList { width: auto; margin: 0; }
.contactWrap table.AreaList{ width: 60%; }
.contactWrap table.MemberList td{ border: 2px solid #666; padding: 10px; }
.contactWrap table.MemberList td .free label{ color: #29B; }
.contactWrap table.MemberList td input{ float: none; padding: 0; margin: 0 3px 0 0; }
.contactWrap .AreaList td{ padding: 0; }
.contactWrap .AreaList td input, .contactWrap .AreaList td label{ float: none; margin: 0; display: inline; }
.contactWrap .AreaList td label{ padding-left: 5px; }
.contactWrap table.CartList{ width: 80%; border: none 0 #FFF; border-collapse: collapse; }
.contactWrap table.CartList td, .contactWrap table.CartList th{ 
	border: none; border-bottom: 2px solid #666; padding: 10px; text-align: left;}
.contactWrap table.CartList td.hidden, .contactWrap table.CartList th.hidden{ padding: 10px 0;
	width: 2px; text-indent: -5000px; border-left: none 0 #FFF; border-right: none 0 #FFF; }
.contactWrap table.CartList td .free label{ color: #29B; }
.contactWrap table.CartList td input{ float: none; padding: 0; margin: 0 3px 0 0; }
.contactWrap h3{ margin: 15px 0 3px; }

h2.warning {
	color: #900;
}

h2.warning a {
	color: #900;
	text-decoration: none;
}

h2.warning a:hover {
	text-decoration: underline;
}

div#ctl00_MainBodyContent_account_form p {
	margin-bottom: 20px;
}

form.memberForm {
	float: left;
}