/* General rules */
#footer,
a {
  color: #fff;
  text-decoration: none;
}
a * {
  border: none;
}
a:hover {
  color: #ccc;
}
.selected {
  color: #6f7261;
}
div.cssback span,
a span {
  display: none;
  background-repeat: no-repeat;
  background-position: 9999px 9999px;
}
p {
	padding-bottom: 10px;
}

img {
	border: 1px solid #fff;
}

/* Specific */
body {
  background-color: black;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
}
.title {
 font-size:     22px;
 margin-bottom:  8px;
 color:        white;
 font-weight:   bold;
 font-family:  Arial;
}
.error {
  color: #FF0000;
}
.success {
  color: #99CCFF;
}

.subtitle {
  position: relative;
  float: left;
  margin-top:    6px;
 *margin-top:    8px;
}
div.underPageTitle {
  position: relative;
  float: left;
  margin-top: 6px;
 *margin-top: 7px;
}

.subtitle {
  color:         #FF0000;
  font-size:     9.5px;
  font-weight:   bold;
  margin-bottom: 6px;
  position:      relative;
  font-family:   Arial;
}
div#mainTitle {
  position: relative;
  float: left;
  width: 100%;
  height: 22px;
  background-repeat: no-repeat;
  background-position: 1px -1px;
  font-family:  Arial;
}
.count {
 color: #FF0000;
}
div#content {
  background-color: black;
}
.menu div.separator {
  height: 10px;
}
.menu div.halfSeparator {
  height: 5px;
}
.menu .submenu {
  padding-left: 19px;
}
a.send_email {
  position: relative;
  padding-left: 2px;
}
a.send_email img.selected,
a.send_email:hover img.regular {
  display: none;
} 
a.send_email img.regular,
a.send_email:hover img.selected {
  display: inherit;
}

.menu  ul {
  list-style-type: disc;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  margin-left: 12px;
  padding: 0px;
}
#description {
  font-size: 12px;
  padding-bottom: 32px;
  padding-top:    20px;
}
#mainContent {
  height: 420px;
  vertical-align: bottom;
}

/* lists */
.list * {
  color: #99CCFF;
  font-weight: bold;
  font-size: 10px;
}
.list .current,
.list a {
  position: relative;
  float: left;
  width: 10px;
  margin-right: 10px;
}
.list a:hover {
  color: #FF0000; 
}
.label {
  color: #5F9A22;
  font-weight: bold;
}

/* default template */
div#mainDetails {
  padding-top: 6px;
}
div#mainDetails .one {
  width: 426px;
  min-height: 300px;
  padding-right: 19px;
}
div#mainDetails .two {
  width: 195px;
  top: -2px;
}
div#mainDetails .one div#floorplans div.image,
div#mainDetails .one div#images div.image {
  background-color: gray;
  min-height: 282px;
}
div#mainDetails .one .ready div#floorplans div.image,
div#mainDetails .one .ready div#images div.image {
  background-color: transparent;
  position: relative;
  float: left;
}
div#mainDetails .one .row.container {
  float:          left;
  padding-bottom: 5px;
  position:       relative;
}
div#mainDetails div#text {
  padding-bottom: 20px;
  line-height: 18px;
}
div#mainDetails div#text, div#mainDetails div.basetext {
  color:       #999999;
  font-size:   12px;
  font-family: Verdana;
  clear: both;
}
#mainContent a {
  font-weight: bold;
  color: #99CCFF;
} 
#text a, div.basetext a, .action {
  color: #99CCFF;
  font-weight: normal;
}
.action {
  text-decoration: underline;
}
.dialog .selected a,
.dialog a.selected,
.dialog a:hover,
.current,
#mainContent .selected a,
#mainContent a.selected,
#mainContent a:hover {
  color: #FF0000;
}
.column .two * {
  font-family: Verdana;  
}
.column .one .header,
.column .two .header {
  background-repeat:   no-repeat;
  background-position: -1px 0;
  padding-bottom:      15px;
  position:            relative;
  min-height:          15px;
  float:               left;
  left:                -1px;
  font-weight:         bold;
  font-size:           13px;
} 
.column .two .entry {
  padding-top: 10px;
  font-size: 10px;
}
.column .two .title,
.column .one .action {
  color: white;
  font-size: 10px;
  margin-bottom: 4px;
  margin-left: 0;
}
.column .two .text{
  color: #999999;
  margin-bottom: 4px;
}
div.form * {
  font-family: Arial;
}
div.form table {
  position: relative;
  float: left;
}
div.form div.title {
  font-size: 12px;
}
div.form .c1 {
  width: 80px;
  left: -1px;
  vertical-align: bottom;
  padding-bottom: 1px;
}
div.form .c1.top {
  vertical-align: top;
  padding-top: 10px;
}
div.form .c2 {
  padding-top: 5px;
  padding-left: 10px;
}
div.form label {
  font-size: 10px;
  color: #5F9A22;
  font-weight: bold;
  text-align: left;
  float: left;
  position: relative;
}
div.form textarea, 
div.form input[type=text],
div.form input[type=password] {
  width: 340px;
  border: 1px solid white;
  background-color: black;
  color: white;
  font-size: 13px;
}
div.form textarea {
  height: 70px;
} 
div.form input[type=text],
div.form input[type=password] {
  height: 20px;
}
div.form input[type=checkbox] {
  position: relative;
  clear: none;
  float: left;
  margin-right: 5px;
}
div.form input[type=image] {
  color: #99CCFF;
  font-weight: bold;
  font-size: 9.5px;
}

#plans_list, #images_list {
  padding-top: 8px;
  width: 420px;
}
div.plans-label,
div.images-label {
  position: relative;
  float: left;
  width: 50px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: 0 1px;
}
div.images-label {
  background-image: url(/assets/images/label-images.png);
}
div.plans-label {
  background-image: url(/assets/images/label-plans.png);
}
#g-images-controls,
#g-images-return-listing {
  clear:both;
  padding-left: 40px;
}
.image_list_numbers {
  clear: both;
}

/* pagination */
div.page_controls div.disabled,
div.page_controls span,
div.page_controls a {
  position: relative;
  float: left;
  margin-left: 10px; 
  color: #99CCFF;
  font-weight: bold;
  margin-right: 0;
}
div.page_controls div.disabled,
div.page_controls a {
  height: 15px;
  background-repeat: no-repeat;
  font-size: 15px;
}
div.previous.disabled,
a.previous {
  width: 55px;
  background-image: url(/assets/images/label-previous.png);
  background-position: 0 1px;
}
a.previous span,
a.previous:hover {
  background-image: url(/assets/images/label-previous-hover.png);
}
.dialog a#returntolisting {
  position: relative;
  float: left;
  width: 120px;
  background-image: url(/assets/images/imagegallery-returntolisting-label.png);
  background-repeat: no-repeat;
}
.dialog a#returntolisting span,
.dialog a#returntolisting:hover {
  background-image: url(/assets/images/imagegallery-returntolisting-label-hover.png)
}
div.next.disabled, a.next {
  width: 29px;
  background-image: url(/assets/images/label-next.png);
  background-position: 0 2px;
}
a.next span,
a.next:hover {
  background-image: url(/assets/images/label-next-hover.png);
}
div.page_controls div.enlarge.disabled, 
div.page_controls a.enlarge {
  width: 102px;
  background-image: url(/assets/images/label-enlarge-image.png);
  background-position: 0 1px;
  float: right;
}
div.page_controls a.enlarge span,
div.page_controls a.enlarge:hover {
  background-image: url(/assets/images/label-enlarge-image-hover.png);
}


#floorplans div.page_controls div.enlarge.disabled, 
#floorplans div.page_controls a.enlarge { 
  background-image: url(/assets/images/label-enlarge-plans.png);
}
#floorplans div.page_controls a.enlarge span,
#floorplans div.page_controls a.enlarge:hover {
  background-image: url(/assets/images/label-enlarge-plans-hover.png);
}


/* dialogs */
body div.dialog .close {
  position: relative;
  height:   10px;
  padding-bottom: 6px;
}
body div.dialog .close a {
  float:          right;
  height:         12px;
  padding-bottom: 2px;
  padding-right:  24px;
  *padding-right: 20px;
  padding-top:    2px;
  position:       relative;
  width:          30px;
}

body div.dialog .close a, 
body div.dialog .close a span {
  display: inherit;
  font-weight: bold;
}
body div.dialog .close a:hover {
  color: #FF0000;
}
.dialog .top-left {
  height:14px;
  margin-top:-14px;
}
.dialog .top-right {
  height:14px;
  margin-left:14px;
  margin-top:-14px;
}
.dialog .bottom-right {
  height:22px;
  margin-left:14px;
  margin-top:-22px;
}
.dialog .bottom-left {
  height:22px;
}
body div.dialog .inside {
  padding-left:   20px;
  padding-right:  20px;
}
body div.dialog {
  background-color: white;
}
body div#dWorking.dialog {
  background-color: transparent;
}
body div.dialog .inside * {
  background-color: black;
}
body div.dialog .inside form {
  width: 100%;
  display: table;
}

/* sendto friend */
div#sendToAFriend.form #typeWords {
  color: white;
}
div#sendToAFriend.form .c1 label {
  width: 100px;
  float: rigth;
  text-align: right;
}
div#sendToAFriend.form .c2 {
  width: 350px;
}
div#sendToAFriend.form .success a {
  text-decoration: underline;
}
div#sendToAFriend.form .success a:hover {
  color: red;
}
div#sendToAFriend.form :hover.c2 input.unselected,
div#sendToAFriend.form input.selected {
  display: none;
}
div#sendToAFriend.form input.unselected, 
div#sendToAFriend.form :hover.c2 input.selected {
  display: inherit;
}
div#sendToAFriend.form textarea, 
div#sendToAFriend.form input[type=text] {
  width: 345px;
}

.dialog div#image-gallery table {
  text-align: center;
  width: 100%;
}

.dialog div#image-gallery a.image-link {
  position: relative;
  float: left;
  width: 800px;
  height: 600px;
}
.dialog div#image-gallery a.image-link img {
  text-align: center;
  *text-align: justify;
  vertical-align: middle;
  position: relative;
  max-width: 800px;
  max-height: 600px;
}