* {
    margin: 0;
    padding: 0
}

body { 
    background-color: #ccc;
    color: #333;
    padding: 10px 0;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: left;
}

a img {
	border: none;
}

a:link,
a:visited {
    color: rgb(241,127,38); 
    text-decoration: none
}
a:hover,
a:focus,
a:active { 
    color: rgb(50,199,199); 
    text-decoration: underline
}

a.nolink,
a.nolink:link,
a.nolink:visited,
a.nolink:active,
a.nolink:focus,
a.nolink:hover {
    color: #aaa; 
    text-decoration: none
}

input[type="checkbox"] {
    margin-right: 5px;
}
input[type="radio"] {
    margin-top: 3px;
    margin-right: 5px;
}

textarea {
    resize: none
}

textarea.samplecode {
    background-color: #f3f3f3
}

textarea,
select,
input[type="text"],
input[type="password"] {
    border: 1px solid rgb(241,127,38);
    padding: 2px;
}

input[type="text"].selected {
    border: 1px solid rgb(50,199,199);
}

input[type="button"],
input[type="submit"],
a.button {
	color: white;
	border: none;
    background-color: rgb(241,127,38);
    font: normal bold 12px Arial;
    line-height: 20px;
    padding: 2px 9px; 
    cursor: pointer;
    text-transform: lowercase
}
a.button {
    line-height: 24px;
    border: 1px solid rgb(241,127,38);
}

input[type="button"].mini-button,
input[type="submit"].mini-button,
a.mini-button {
	color: white;
	border: none;
    background-color: rgb(241,127,38);
    font: normal bold 10px Arial;
    line-height: 14px;
    padding: 1px 4px; 
    cursor: pointer;
    text-transform: lowercase
}

a.button:hover, a.mini-button:hover,
a.button:focus, a.mini-button:focus,
a.button:active, a.mini-button:active
{ 
    text-decoration: none
}

hr {
    height: 0;
	border-color: #999; 
    border-width: 0 0 1px 0;
    border-style: none none solid none; 
}

ul {
    padding-left: 25px; 
    padding-top: 5px;
    list-style-type: square;
}

ol {
    padding-left: 30px;
    padding-top: 5px;
}

li {
    padding: 3px 0
}

label {
    font-weight: bold;
}

label.padright {
    padding-right: 8px;
}
legend {
    font-weight: bold;
    font-size: 14px;
    border: 1px solid gray;
    padding: 2px 10px;
    margin: 0;
    background-color: #eee
}
.entry_help {
    font-size: 11px;
    color: #999;
}
.entry_help_padding {
    padding-bottom: 5px;
}

.orange { color: rgb(241,127,38) }
.blue   { color: rgb(50,199,199) } /*52,204,204, 136,198,212*/
.brown  { color: rgb(147,128,76) }
.grey   { color: rgb(76,81,75) }

.good { color: green }
.bad {color: red }
.bof {color: goldenrod }

.orange_bg { background-color: rgb(241,127,38) }
.blue_bg   { background-color: rgb(50,199,199) }
.brown_bg  { background-color: rgb(147,128,76) }
.grey_bg   { background-color: rgb(76,81,75) }
.lightblue_bg   { background-color: rgb(227,249,249) }
.lightorange_bg { background-color: rgb(252,227,207) }

.orange_br { border-color: rgb(241,127,38) }
.blue_br   { border-color: rgb(50,199,199) } 
.darkblue_br { border-color: rgb(36,142,142) }
.brown_br  { border-color: rgb(147,128,76) }
.grey_br   { border-color: rgb(76,81,75) }

fieldset .custom_legend {
     position: relative;
     top: -8px; 
     font-weight: bold;
     font-size: 14px;
     color: white;
     background-color: rgb(50,199,199);
     border: 1px solid rgb(36,142,142);
     padding: 2px 10px;
     margin: 0;
     text-transform: lowercase;
}

fieldset .custom_legend_help {
     position: relative;
     top: -8px; 
}

fieldset {
    background-color: rgb(235,231,221);
    border: 1px solid rgb(36,142,142);
    padding: 0 5px 5px 5px;
    margin: auto auto;
}

fieldset fieldset {
    background-color: rgb(248,247,243);
}

fieldset.spacenext {
    margin-top: 20px;
}

p,h1,h2,h3,h4,h5,h6 {
    padding: 5px;
}

h1,h2,h3,h4,h5,h6 {
    padding-top: 15px;
}

.limited {
    width: 42em;
}

div.page_title {
    padding: 8px 0 5px 10px;
    font-size: 20px;
    font-weight: bold;
}

.basicbody {
    padding: 0 5px 5px 5px;
}

.defaultbody {
    padding: 10px 10px 10px 25px;
}

.simplebody {
    padding: 20px 10px 10px 10px;
}

#body_box {
    width: 740px;
    border: 1px solid black; 
    background-color: white;
    text-align: left;
    margin-left: auto;
    margin-right: auto
}

#header {
    height: 70px;
}

#header img.logo {
    float: left;
    height: 70px;
    width: 83;
}

#header_login {
    float: right;
    text-align: right;
    padding: 5px 10px 5px 5px;
}

#header_name {
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 95px;
    padding-top: 18px;
}
#subheader_name {
    float: left; 
    font-size: 12px; 
    font-weight: bold; 
    padding-left: 13px;
}
#header_motto {
    float: right;
    font-size: 15px;
    letter-spacing: 0px;
    padding: 8px 10px 3px 0;
}

#header_menu {
    clear: both;
    padding: 3px 11px 3px 10px;
    color: white;
    text-transform: uppercase;
    /*font-variant: small-caps;*/
    font-size: 11px;
}
#header_menu a:link,
#header_menu a:visited,
#header_menu a:active {
    color: white; 
    text-decoration: none
}
#header_menu a:hover,
#header_menu a:focus { 
    text-decoration: underline
}

#footer {
    clear: both;
    text-align: left;
    font-size: 11px;
    padding-bottom: 5px;
}

#footer #footer_msg {
    text-align: center;
    font-size: 15px; 
    line-height: 20px; 
    color: white;
    margin: 0 0 5px 0;
    padding: 0;
}

#footer #footer_copyright {
    text-align: center;
    padding-left: 10px; 
    padding-bottom: 5px;
}

#footer #google_translate_element {
    float: right; 
    padding-right: 10px    
}

a.pdffile {
   background: transparent url(/img/fff/page_white_acrobat.png) center right no-repeat scroll;
}

a.docfile {
   background: transparent url(/img/fff/page_white_word.png) center right no-repeat scroll;
}

a.twitter {
   background: transparent url(/img/twitter16x16.png) center right no-repeat scroll;
}

a.facebook {
   background: transparent url(/img/facebook16x16.png) center right no-repeat scroll;
}

a.pdffile,
a.docfile,
a.twitter,
a.facebook
{
   position: relative;
   padding: 1px 20px 1px 0;
   margin: 0;
   white-space: nowrap
}


span.error {
    background: transparent url(/img/fff/error.png) no-repeat scroll top left;
    padding-left: 20px;
    color: red;
}

div.error {
    margin-top: 5px;
    text-align: center;
    background-color: red;
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 0
}

div.error_detail {
    font-size: 120%; 
    border-width: 3px;
    border-style: dashed;
    margin: 10px 0
}

#debug_trace {
    display: none;
    border: 1px dashed gray;
    padding: 10px;
    margin-top: 20px;
    background-color: #eee
}

div.noscript {
    border: 1px solid red;
    background: pink; 
    color: #CC3232; 
    text-align: center;
    margin: 5px 5px 0 5px;
    padding: 3px 0;
}

div.infomsg_old {
    border: 1px solid black;
    font-size: 18px;
    margin: 2px 5px;
    float: right
}
div.infomsg {
    border: 1px solid black;
    font-size: 18px;
    margin: 5px 5px 0 5px;
}
div.infomsg div.infomsg_l {
    float: left;
    border: 1px solid black;
    background-color: gold;
    border-style: none solid none none; 
    padding: 3px 10px
}
div.infomsg div.infomsg_r {
    padding: 3px 10px 3px 35px;
    background-color: palegoldenrod
}

div.menutab {
    border: 3px solid rgb(50,199,199); 
    border-style: none none solid none;
    text-align: right;
    text-transform: lowercase;
    margin: 0 10px;
    padding: 0;
    clear: both;
}
div.menutab a {
    background-color: rgb(227,249,249); /*229,242,245*/
    border: 1px solid rgb(50,199,199); 
    border-style: solid solid none solid;
    padding: 0 5px;
    font-size: 14px;
    line-height: 15px;
}
div.menutab a.selected {
    background-color: rgb(50,199,199); 
    color: black;
    font-weight: normal;
}
div.menutab a.hidden {
    display: none
}

div.menutab a:link,
div.menutab a:visited
{
    color: #333;
    text-decoration: none
}

div.section {
    font-size: 15px;
    font-weight: bold;
    border: 1px solid gray;
    border-style: solid none solid none;
    padding: 3px 0;
    margin: 5px 5px;
    text-align: center;
}

div.search_result {
    border-width: 1px; 
    border-style: solid none solid none;
    padding: 2px 0;
    margin: 0 5px 0px 5px
}

span.mandatory {
    color: red;
    padding: 3px
}

table.formtable {
}
table.formtable tr {
    vertical-align: top;
}
table.formtable td {
    padding: 3px 0;
}
table.formtable td.label {
    text-align: right;
    padding-right: 5px;
    vertical-align: middle
}
table.formtable td.pad_for_help {
    padding-bottom: 1.3em;
}
table.formtable td.field {
    text-align: left;
    vertical-align: middle
}
table.formtable td.field label {
    font-weight: normal
}

#search_io_not_included {
    padding-top: 5px;
    font-size: smaller;
    color: red
}

#listing_table_outer {
    padding: 0 5px;
}

#listing_table {
    width: 100%;
    border-spacing: 0 6px 
}

#listing_table tr {
    background: rgb(248,247,243);
}
#listing_table tr:hover {
    background: rgb(251,251,249);
}

#listing_table th {
    border: 1px solid #ccc;
    border-style: solid none;
    padding: 2px 0;
    text-align: left
}

#listing_table td {
    padding: 5px 0;
    border: 1px solid #bbb;
    border-style: solid none solid none;
    vertical-align: top;
    text-align: left
}

#listing_table td.props_image {
    width: 110px;
    padding-left: 5px;
    border-style: solid none solid solid;
}

#listing_table td.props_image div.image_not_available {
    color: #ccc;
    text-align: center;
    vertical-align: center;
    width: 98px;
    height: 68px;
    border: 1px solid #ccc;
    font-size: smaller;
    font-weight: bold;
    padding-top: 30px;
}

#listing_table td.props_info {
    padding-right: 10px;
}
#listing_table td.props_info div.props_edit {
    padding-bottom: 2px; 
    font-size: x-small
}
#listing_table td.props_location {
    width: 150px;
}
#listing_table td.props_owner {
    width: 125px;
    padding-right: 5px;
    border-style: solid solid solid none;
}

#listing_table td.props_owner div.props_owner_spacer {
    padding-top: 5px;
}
#listing_table td.props_owner div.starting_at_price {
    text-align: center;
}
#listing_table td.props_owner div.starting_at_price span {
    font-weight: bold;
    color2: rgb(50,199,199);
    color: rgb(36,142,142); 
    font-size: 140%
}


table.calendar_month {
    float: left;
    border-collapse: separate;
    border-spacing: 2px;
    table-layout: fixed;
    border: 1px solid black;
    padding: 0;
    margin: 0 5px 5px 0;
    height: 165px;
}

table.calendar_month td {
    text-align: right;
    margin: 0;
    padding: 0 2px 0 2px;
    border: 1px solid #aaa;
    background: rgb(248,247,243) url(/img/pixel.png) repeat-x center;
    letter-spacing: -0.25px;
}
table.calendar_month td.empty {
    text-align: right;
    background: transparent;
    border: 1px solid transparent;
}

table.calendar_month td.a {
    background: #afa;
}

table.calendar_month th {
    text-align: center;
    background-color: #ddd;
    padding: 0;
}

table.calendar_month th.headmonth {
    background-color: rgb(227,249,249);
}

#recaptcha_widget {
    border: 1px solid #ccc; 
    background-color: #f7f7f7; 
    padding: 5px;
}
#recaptcha_buttons {
    float:right
}
#recaptcha_buttons img {
    border: 1px solid #ccc
}
#recaptcha_image {
    border: 1px solid #ccc; 
    margin-bottom: 5px;
}

/*-------------------------------------------------------------------------*/
.olbg {
   border: 1px solid rgb(36,142,142);
}
.olcg {
   background-color: rgb(50,199,199);
   text-align: center;
   padding: 1px 5px;
   margin: 0px;
   white-space: nowrap
}
.olcfont {
    font: bold 16px Arial;
    color: #eee;
}
.olfg {
    background-color: rgb(239,250,245);
    padding: 3px 5px;
    margin: 0px;
}
.olffont {
    font: normal 12px Arial;
    color: #333333;
}
.olfgbubble {
    padding: 3px 5px 3px 10px;
    margin: 0px;
}
.olbgbubble {
    padding: 0px;
    margin: 0px;
}
.help {
    display: inline;
    background: transparent url(/img/help.gif) no-repeat scroll top left;
    width: 0;
    height: 16px;
    cursor: help;
    padding-right: 16px;
    margin-left: 5px;
    vertical-align: center;
}


