/**
 ****************************
 **** =Page styles **********
 ****************************
 */

 body {
    font-family: Georgia, serif;
    font-size: 14px;
    margin: 0px auto;
    text-align: center;
 }

 img {
   border: 0px;
 }

 form {
   margin: 0;
   padding: 0;
 }

table {
  border-collapse: collapse;
}

 #container {
   width: 770px;
   margin: 0px auto;
 }

 #header {
 	background: url(images/header.jpg);
    height: 131px;
 }

 #header h1 {
 	font-size: 0px;
 }

#leases, #classifieds {
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 12px;
}

table.admin {
  width: 100%;
}

table.admin td {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

#lease table {
  width: 100%;
  border-bottom: 1px solid #999;
}
#lease td {
  border-top: 1px solid #999;
  padding: 4px;
}
#leases td {
  padding: 5px;
}
#expire_date {
  color: #B83C3E;
  font-style: italic;
  float: right;
}

 #menu-content {
 	background: #fff url(images/menu-content.jpg);
 }

 #menu, #sidebar{
 	float: left;
 	width: 155px;
 	text-align: left;
 	background: transparent;
 	padding-left: 18px;
 	padding-top: 7px;
 	padding-bottom: 7px;
 }

 #content {
 	background: transparent;
 	width: 569px;
 	padding-right: 16px;
 	padding-top: 7px;
 	padding-bottom: 7px;
 	float: right;
 	text-align: justify;
 }

 #footer {
    background: url(images/footer.jpg);
 	width: 770px;
 	color: #fff;
 	text-align: center;
 	padding-top: 3px;
 	padding-bottom: 5px;
 	clear: both;
 }

#footer a {
  color: #fff;
  font-size: 11px;
  font-family: Verdana, Arial, san-serif;
  margin-left: 6px;
  margin-right: 6px;
}

/**** paragraphs ****/
h2, h3, h4 {
  text-align: center;
}

/**** Classes ****/

.error {
  border: 2px solid #f00;
  padding: 5px;
  background-color: #ff0;
  color: #f00;
  text-align: center;
}

.hint {
  color: orange;
  font-size: 12px;
  margin-bottom: 5px;
}

.menulink {
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 7px;
}

.menulink:before {
  content: "> ";
}

.centered {
  text-align: center;
  clear: both;
}


/**** Form style ****/
label {
  width: 150px;
  float: left;
  text-align: right;
  margin: 0 1em 0 0;
  clear: both;
}

label:after {
  content: ":";
}

div.check_option {
  float: left;
  width: 150px;
}

input.button {
  float: right;
  margin-bottom: 5px;
  margin-right: 5px;
}

#menulogin {
  font-size: 10px;
  font-family: Verdana, Arial, san-serif;
  padding: 3px;
}

#menulogin label {
  width: 101px;
  float: left;
  text-align: left;
  margin: 0 1em 1px 0;
  clear: both;
}

#menulogin input {
  margin-bottom: 2px;
}

#menulogin input.input_box {
  width: 130px;
}

.row1 {
  background-color: #FFF397;
}

.row2 {
  background-color: #f3f3f3;
}

.soldrow {
	color: #0F6F0F;
	font-style: italic;
}

.draftrow {
	color: #FF7200;
	font-weight: bold;
	font-style: italic;
}

.expiredrow {
	color: red;
}

#locked_out {
  background-color: #FFF397;
  border: 2px dashed #999;
  padding: 45px;
  text-align: center;
  font-size: 16px;
  color: #666;
}

.thumbnail {
  margin-right: 15px;
  float: left;
  border: 1px solid #999;
}

#message {
  color: #f00;
  background-color: #ff0;
  border: 2px dotted #f00;
  padding: 8px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  font-family: Courier New, Verdana, san-serif;
}

#mainphoto {
  text-align: center;
}

#photos {
  list-style-type: none;
  margin-left: -1.2em;
}
#photos li {
  list-style-type: none;
  float: left;
  cursor: move;
  font-weight: bold;
  text-align: center;
  margin: 1em;
}

#welcome {
  font-weight: bold;
  padding-bottom: 5px;
}

span.pics {
  color: orange;
}

#gsHeader {
	display:none;
}

textarea {
	width: 370px;
}

td.right {
	text-align: right;
}

#classified_categories li {
	float: left;
	width: 250px;
}


#classified-email table input, #classified-email textarea {
	border: 1px solid #777;
}

fieldset.admin {
	color: #BB3D40;
	border: 3px double #BB3D40;
}

.red {
	color: red;
}

.input-note {
	margin-left: 165px;
}

.helpbox {
	border: 1px solid green;
	padding: 10px;
	background-color: #C8FFBF;
}

.helpbox .close {
	color: red;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.fright {
	float: right;
}
.fleft {
	float: left;
}
.tcenter {
	text-align: center;
}