body#memberdb {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: arial, sans-serif;
  font-size: 12px;
	background-color: #ddd;
	}
a {outline: 0}

#memberdb #cal {
	display: inline;
	margin-left: 5px;
}
#memberdb #wrapper {
	width: 760px;
	margin: 0 auto;
	background:#fff url("images/shadowr.gif") top right repeat-y;
	text-align: left;
	margin-top: 15px;
	height: 1%;
	overflow: hidden;
	padding-bottom: 20px;
	}
#memberdb #bottom {
  width: 760px;
  margin: 0 auto;
	background:#fff url("images/shadowb.gif") top right no-repeat;
	height:7px;
	font-size: 1px;
	}
#memberdb #copyright {
	width: 760px;
	font-size: 0.9em;
	margin: 10px auto;
	}

#memberdb #top {
	background: url("images/top2.jpg") no-repeat;
	height: 150px;
	margin-right: 6px;
	position: relative;
	}
#memberdb #top h1 {
	position: absolute;
	top: 10px;
	left: 20px;
	color: #000;
	color: #CC6C06;
	font-size: 26px;
	margin: 0;
	display: none;}
#memberdb #top img {
	position: absolute;
	top: 30px;
	left: 20px;
	border: 0px solid #244b8d;
	background: white;
	padding: 5px 5px;
	}
h2 {font-size: 20px;}
/*
fieldset {float: left; width:600px;}
fieldset form {width:600px;}
.fieldset-form {margin:0;padding:0;float:left;width:600px;}
input {font-size: 1.1em;}
*/
/* Navigation */
#navcontainer {margin-right: 6px;}
#navcontainer ul {
  padding: 0;
  margin: 0;
  background-color: #30392a;
  color: White;
  float: left;
  width: 100%;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a {
  padding: 0.6em 1.5em;
  background-color: #30392a;
  color: White;
  text-decoration: none;
  float: left;
  border-right: 1px solid #fff;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	}
#navcontainer ul li a:hover {
  background-color: #839871;
  color: #000;

}
#navcontainer ul li a.active  {background-color: #839871; color: #000;}

/*sub*/
#navcontainer div + div ul {
	background-color: #2C788F;
}
#navcontainer div + div ul li a {
	padding: 0.5em 1em;
	background-color: #2C788F;
	border-right: 1px solid #ccc;
	font-weight: normal;
	border-bottom: none;
}
#navcontainer div + div ul li a:hover {
	color: #000;
}
#navcontainer div + div ul li a.active  {
	background-color: #fff;
	color: black;
	font-weight: bold;
}
#navcontainer div + div ul li a.hasPending {
	background: url(images/flag_green.png) center right no-repeat;
	padding-right: 21px;
}
#navcontainer div + div ul li a.active.hasPending {
	background: white url(images/flag_green.png) center right no-repeat;
}
/*
#subnavcontainer {margin-right: 6px;}
#subnavcontainer ul {
  padding: 0;
  margin: 0;
  background-color: #839871;
  color: white;
  float: left;
  width: 100%;
}
#subnavcontainer ul li { display: inline; }
#subnavcontainer ul li a {
  padding: 0.5em 1em;
  background-color: #839871;
  color: #000;
  text-decoration: none;
  float: left;
  border-right: 1px solid #ccc;
	font-weight: normal;
	}
#subnavcontainer ul li a:hover {
  background-color: #6f6756;
  color: #000;
}
#subnavcontainer ul li a.active  {background-color: #fff; color: black; font-weight: bold;}
*/
 /* Content area */
#memberdb #content {
	margin: 20px 10px;
	clear: left;
	}
/* BUTTONS what the hell? */

.buttons a, .buttons button {
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

.buttons button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
/* TOOLBOX NAV */
ul#toolbox {list-style-position:inside;list-style-type:circle;}
ul#toolbox li {list-style-type:circle}
ul#toolbox li.toolboxArrow {list-style-type:none;padding-left:0;margin-left:-7px;}
* html ul#toolbox li.toolboxArrow {margin-left:-20px;} /*style for IE*/
.member-admin-table {clear:left;}
.page-links {float:left;height:40px;width:100%;text-align:center;}
.highlight1 tr,.highlight1 td { margin:1px 0; border:#8fae74 solid 1px; background-color:#8fae74;color:#000; }
.highlight2 tr,.highlight2 td { margin:1px 0; border:#c2d8ae solid 1px; background-color:#c2d8ae;color:#000; }
.highlight3 tr,.highlight3 td { margin:1px 0; border:#8fae74 solid 1px; background-color:#8fae74;color:#000; }
.highlight4 tr,.highlight4 td { margin:1px 0; border:#c2d8ae solid 1px; background-color:#c2d8ae;color:#000; }
.highlight5 tr,.highlight5 td { margin:1px 0; border:#8fae74 solid 1px; background-color:#8fae74;color:#000; }
.highlight6 tr,.highlight6 td { margin:1px 0; border:#c2d8ae solid 1px; background-color:#c2d8ae;color:#000; }
/*	-----------------	*/
/*	  NEW MEMBER DB		*/
/*	-----------------	*/

/*	DATAGRID PAGER	*/
.paging {
	text-align: center;
	margin: 1.0em 0;
	padding: 8px 0;
	width: 100%;
}
.paging b,
.paging a {
	margin-right: 15px;
}
.paging b {
	color: red;
	padding: 5px 7px;
	border: 1px solid #585F47;
}
.paging a:link,
.paging a:visited {
	border: solid 1px #DDDDDD;
	color: #585F47;
	padding: 5px 7px;
	text-decoration: none;
}
.paging a:hover {
	border: 1px solid #585F47;
}

/* search result pagination */
.pages {
	padding: 1em 0;
	clear: left;
}
.pages a, .pages b {
	color: #003366;
	display: block;
	float: left;
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	border: 1px solid #fff;
	background: #fff;
}
.pages b, .business-first-letter a.curr {
	border: 1px solid #585F47;
	font-weight: bold;
	background: #585F47;
	color: #fff;
}
.pages a {
	border: 1px solid #9AAFE5;
	text-decoration: none;
}
.pages a:hover, .business-first-letter a:hover {
	border-color: #585F47;
}
.business-first-letter {
	margin: 1em 0;
}
.business-first-letter > div {
	margin-bottom: 1em;
}
.business-first-letter a {
	margin-right: 0.1em;
	color: #585F47;
	padding: 0.1em 0.4em;
	border: 1px solid #DDDDDD;
	text-decoration: none;
}
/*	DATAGRID SORTER	 */
#gridSorter {
	margin: 10px auto;
	padding: 10px;
	text-align: center;
	border: 1px solid #96A379;
}
#gridSorter table,
#gridSorter td {
	border: none;
}
#gridSorter .fieldcell {
	width: auto;
}
#advanced-search {
	text-align: right;
	cursor: pointer;
	color: blue;
}
.req {
	color: red;
}
#form-warning-top {
	color: black;
	font-size: 110%;
	font-weight: bold;
	margin: 10px;
	padding: 7px;
	border: 1px solid red;
	background-color: #FFCCCC;
}
#form-success-top {
	color: black;
	font-size: 110%;
	font-weight: bold;
	margin: 10px;
	padding: 7px;
	border: 1px solid green;
	background-color: #CCFFCC;
}

img {
	border: 0;
	display: block;
	}
/*   ---------------   */
/*     NAVIGATION      */
/*   ---------------   */
#nav-detail {
	margin-top: 12px;
	height: 1%;
	overflow: hidden;
	clear: left;
	}
#nav-detail ul {
  padding: 0px 0;
	padding-bottom: 3px;
  margin: 0;
	margin-top: 10px;
  border-bottom: 1px solid #666;
  font-weight: bold;
}
#nav-detail ul li {
  list-style: none;
  margin: 0;
  display: inline;
}
#nav-detail ul li a {
  padding: 3px 0.5em;
  margin-left: 3px;
  border: 1px solid #666;
  border-bottom: none;
  background: #E6EFD1;
  text-decoration: none;
}
#nav-detail ul li a:link { color: #666; }
#nav-detail ul li a:visited { color: #666; }
#nav-detail ul li a:hover {
  color: #666;
  background: #ccc;
	background: #FFFBDF;
  border-color: #666;
}
#nav-detail ul li a.current {
  background: white;
  border-bottom: 1px solid white;
	color: #000;
}

/* Member Box */
#member-info	{
	margin: 0;
	border: 1px solid #666;
	border-top: 0;
	padding: 6px;
	position: relative;
	height: 1%;
	overflow: hidden;
	clear: left;
	}
#member-info h1 {
	font-size: 16px;
	}
#mRow1 {
	margin: 10px;
	}
#memberdb #mRow1 {
	float: left;
	position: relative;
	width: 400px;
	}
#mRow1 table {width: 100%;}

#mRow2 {
	margin: 10px;
	}
#memberdb #mRow2 {
	float: right;
	position: relative;
	width: 280px;
}
#memberd #mRow2 {
	float: right;
	position: relative;
	width: 300px;
	}
#mRow2 table {width: 100%;}

#mRow1 .text {
	width: 180px;
	}
#mRow2 .text {
	width: 150px;
	}
.form {
	clear: left;
	display: block;
	position: relative;
	margin: 2em 0 1em 0;
	padding: 0;
	border: 0;
	}
#memberdb .form {
	margin-top: 0;
	}
/* narrower column */
.formNarrow {
	clear: right;
	margin: 0 0 1em 0;
	}
.form legend {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0.3em 0;
	color: #000;
	}
.form table,
.form td {
	border-collapse: collapse;
	border: 1px solid #fff;
	padding: 0;
	background: #D6DFC3;
	}
.form td {
	padding: 4px 6px;
	}
.form tr.fieldPending td {
	background: #FFFF99;
	border: 1px solid orange;
	}
.form label {
	display: block;
	}
.labelcell {
	text-align: right;
	/* width: 120px; */
	}
.formNarrow .labelcell {
	/* width: 110px; */
	}
.fieldcell {
	text-align: left;
	/* width: 220px; */
	}
.fieldcell img {float: left;}
.formNarrow .fieldcell {
	/* width: 150px; */
	}

/* Multiple rows in one cell	 */
.fieldcell i {
	display: block;
	font-style: normal;
	padding: 5px;
	text-align: left;
	background-color: #eee;
	margin-bottom: 1px;
	}
.fieldcell i img {
 margin-right: 6px; }
/* Category Dropdown */
.fieldcell i optgroup {
	font-style: normal;
	font-size: 11px;
	}
.fieldcell i optgroup option {
	padding: 0;
	padding-left: 4px;
	}


/* Small graphics */
.remove {
	float: right;
	clear: right;}
.add {
	display: block;
	/* float: right; */
	display: block;
	font-style: normal;
	padding: 5px;
	text-align: left;
	background-color: #eee;
	margin-bottom: 1px;
	}
.add img {float: left; margin-right: 10px;}
.fieldcell .info {
	float: right;
	}

.priceFrom,
.priceTo {
	width: 4em;
	}
.submit {display: block;}

/* Submit */
.submitArea {
	background: #D6DFC3;
	text-align: center;
	padding: 10px;
	clear: both;
	}
.submitArea input {
	margin: 0 auto;
	display: block;
	}


/*   ---------------   */
/*        PHOTOS       */
/*   ---------------   */

.movable {
	background-image: url(assets/buttons/arrow_out.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	}
.photoItem {
	margin-top: 1em;
	padding: 28px 18px 18px 28px;
	border: 1px solid #ccc;
	height: 1%;
	overflow: hidden;
	position: relative;
	background-color: #eee;
	}
.photoItem form {
	height: 1%;
	overflow: hidden;
	border: 0px solid red;
	}
.photoItem .thumb {
	float: left;
	position: relative;
	margin-right: 20px;
	cursor: move;
	}
.photoItem i {
	font-style: normal;
	font-weight: bold;
	display: block;
	}
.photoItem input {margin-top: 0.5em;}
.photoItem input.text {
	width: 400px;
	}
.photoItem .photoDelete {
/*	display: block;
	margin-top: 1em;
	border: 1px solid #ccc;
	background: #FFEFEF;
	width: 130px;
	padding: 3px;
	color: #000;
*/
	position: absolute;
	bottom: 20px;
	right: 20px;

	}
.photoDelete:hover {background: #EFD1D1;}
.photoItem .photoDelete img {
	float: left;
	margin-right: 6px;
	}
.photoOptions {}
#pos-info {
	font-size: 110%;
	font-weight: bolder;
	padding: 5px;
	margin: 5px 0;
	text-align: center;
}


/*   ---------------   */
/*      CONTACTS	   */
/*   ---------------   */
.contact {
	margin-top: 1em;
	padding: 20px;
	border: 1px solid #96A379;
	overflow: hidden;
	position: relative;
	background: #D6DFC3;
}

.contact input.text {
	width: 200px;
	display: block;
}
/* SPECIFIC TO Contacts RESULT HERE */
.contactList {
	border: 1px solid #96A379;
	padding: 10px 10px;
	margin: 5px 0;
	background-color: #D6DFC3;
	height: 1%;
	overflow: hidden;
	position: relative;
}
.contactListOn {
	background-color: #E6EFD1;
	cursor: hand;
	cursor: pointer;
}
.contactList h3 {
	font-size: 15px;
	color: #333;
	margin: 0 0 0 24px;
	float: left;
	width: 175px;
}
.contactListOn h3 {
	color: #000;
}
.contactList .title {
	position: absolute;
	bottom: 10px;
	right: 300px;
	width: 170px;
}
.contactList a.remove {
	position: absolute;
	left: 10px;
}
.contactList .phone {
	position: absolute;
	bottom: 10px;
	right: 240px;
}
.contactList .mail{
	position: absolute;
	bottom: 6px;
	right: 8px;
}
.contactList a.email {
	position: absolute;
	bottom: 10px;
	right: 40px;
}
.contactList a {
	color: #96A379;
   text-decoration: none;
}
.contactList a.email {
	text-decoration: underline;
}
.contactList a:link {color: #585F47;}
.contactList a:visited {color: #585F47;}
.contactList a:hover {color: #585F47;}
.contactList a:active {color: #585F47;}

/*   ---------------   */
/*      PACKAGES       */
/*   ---------------   */

.packageItem {
	margin-top: 1em;
	padding: 20px;
	border: 1px solid #96A379;
	height: 1%;
	overflow: hidden;
	position: relative;
	background: #D6DFC3;
	}

.packageItem .thumb {
	position: relative;
	margin-bottom: 1em;
	}
.packageText {
	float: left;
	width: 400px;
	padding-bottom: 1em;
}
.packageItem i {
	font-style: normal;
	font-weight: bold;
	display: block;
	padding-top: 1em;

	}
.packageItem input {margin-top: 0.5em;}
.packageItem input.text {
	width: 200px;
	display: block;
	}
.packageItem textarea {
	width: 300px;
	height: 150px;
	}
.packageItem .packageDelete {
	display: block;
	margin-top: 1em;
	border: 1px solid #ccc;
	background: #FFEFEF;
	width: 140px;
	padding: 3px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #000;
	}
.packageDelete:hover {background: #EFD1D1;}
.packageItem .packageDelete img {
	float: left;
	margin-right: 6px;
	}
.packageOptions {float: left;}



/*   ---------------   */
/*      AMENITIES      */
/*   ---------------   */
.amenityList {
	list-style-type: none;
	float: left;
	position: relative;
	zoom: 1;
	width: 200px;
	margin-right: 20px;
	}
#memberdb .amenityList {
	margin-right: 50px;
	}
.amenityList input {
	/* No Luck, see http://meyerweb.com/eric/thoughts/2007/05/15/formal-weirdness/ */
}
.amenityList li {
	vertical-align: middle;
	height: 1%;
	overflow: hidden;
	font-size: 1.1em;
	}
.amenityList label {
  padding: 4px;
  display: block;
	background: #D6DFC3;
	margin-bottom: 1px;
}
.amenityList label.amenityOn {
	background-color: #E6EFD1;
	cursor: hand;
	cursor: pointer;
	}
.amenityList li.fieldPending label {
	background: #FFFF99;
	border: 1px solid orange;
	}
.amenityList li.fieldPending label.amenityOn {
	background: #FFFFb2;
	cursor: hand;
	cursor: pointer;
	}

/* SPECIFIC TO SEARCH RESULT HERE */
.searchResult {
	border: 1px solid #96A379;
	padding: 10px 20px;
	margin: 5px 0;
	background-color: #D6DFC3;
	height: 1%;
	overflow: hidden;
	position: relative;
}
.searchResultOn {
	background: url(assets/searchResultOn.gif) no-repeat 98% center #E6EFD1;
	cursor: hand;
	cursor: pointer;
}
.searchResult a.remove {
	position: absolute;
	left: 10px;
}
.searchResult h3 {
	font-size: 15px;
	color: #333;
	margin: 0 0 0 20px;
	float: left;
	width: 280px;
	}
.searchResultOn h3 {
	color: #000;
}
.searchResult .phone {
	position: absolute;
	bottom: 10px;
	right: 300px;
}
.searchResult a.email {
	position: absolute;
	bottom: 10px;
	right: 90px;
}
.searchResult a {
	color: #96A379;
   text-decoration: none;
}
.searchResult a.email {
	text-decoration: underline;
}
.searchResult a:link {color: #585F47;}
.searchResult a:visited {color: #585F47;}
.searchResult a:hover {color: #585F47;}
.searchResult a:active {color: #585F47;}

.pending {
	background-color: #FFFF99;
	border: 1px solid orange;
}
.pendingMsg {
	padding: 5px;
	text-align: center;
}
.pendingPhotoCaption, .pendingLogo,
.pendingFileName {
	text-align: center;
}
.pendingFileName a {
	text-decoration: none;
	margin-bottom: 5px;
	display: block;
}
/*
#pendingUpdates {
	width: 100%;
}
#pendingUpdates .labelcell {
	width: 100px;
}
#pendingUpdates .fieldcell {
	width: 100%;
}
#pendingUpdates .fieldcell div {
	float: left;
	color: green;
}
#pendingUpdates .fieldcell div + div {
	color: red;
}
label.pendingUpdate {
	display: block;
}
*/
#subnavcontainer a.hasPending {
	background: url(images/flag_green.png) center right no-repeat;
	padding-right: 21px;
}
.fieldcell .form_calendar {
	display: inline;
	float: none;
	vertical-align: bottom;
}

/* Pending Member Stuff */

.pendingUpdates {
	width: 100%;
}
.pendingPhotoCaption img,
.pendingUpdates img  {
	float: left;
}
.updates .field {
	float: left;
	clear: left;
	margin-top: 3px;
	position: relative;
}
.authorization {
	 float: right;
	position: relative;
	width: 100px;
	padding: 10px;
	background: #EAEFE0;
	border: 1px solid #C3CFA8;
}
.authorization label {
	margin: 5px;
	font-weight: bold;
	font-size: 13px;
}