/* ::: GENERAL STYLES ::: */

BODY { background-color: #E6E6E6; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; text-align: center; }
HTML, BODY, TABLE, TD, A, SPAN, DIV, SELECT, INPUT, TEXTAREA { font-family: Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;  font-size: 8pt; line-height: 12pt;}
IMG { border: 0; }


/* ::: TEXTS ::: */
FONT.right {float: right;}
FONT.t_blue {font-size: 11pt; font-weight: bold; color: #007DA4; line-height: 15pt;}
FONT.t_white {font-size: 11pt; font-weight: bold; color: #FFFFFF; line-height: 15pt;}
FONT.t_grey {font-size: 11pt; font-weight: bold; color: #ACACAC; line-height: 15pt;}
FONT.n_white {font-size: 8pt; font-weight: bold; color: #FFFFFF; line-height: 15pt;}
FONT.red {  font-weight: bold; color: #F50000; }
BR.top { line-height: 14px;}
BR.double{ line-height: 38px;}

/* ::: LINKS ::: */
* { outline: none; padding: 0px; margin: 0px; }
A:link.text, A:visited.text { color: #007DA4; text-decoration: underline; }
A:hover.text, A:active.text { color: #ACACAC; text-decoration: none; }

A:link.text_b, A:visited.text_b { font-weight: bold; color: #007DA4; text-decoration: none; }
A:hover.text_b, A:active.text_b { font-weight: bold; color: #ACACAC; text-decoration: none; }

#main {
position: relative;
width:760px; height: 100%; 
}

/* ::: ACCESS ::: */

#box_access {
width:305px; z-index:0; 
background-color: #007DA4;
background-image: url(../../img/bg/access.gif);
padding: 19px; padding-left: 28px; padding-right: 28px;
border: 2px #007DA4 solid; border-top: 1px #007DA4 solid; border-bottom: 1px #007DA4 solid;
clear: both;
overflow: auto;
}
html > body #box_access { width: 245px; }

#access { width: 100%; color: #FFFFFF; font-weight: bold;}
#access .name { width: 66px; height: 28px; text-align: right; }
#access .field { height: 28px; text-align: right; }
#access .title { width: 100%; padding-bottom: 6px; text-align: right;}
#access .button { width: 100%; padding-top: 6px; text-align: right;}

INPUT.access { width: 170px; height: 18px; background-color: #FFFFFF; border: 1px #FFFFFF solid; font-size: 8pt; color: #007DA4; font-weight: bold; }

/* ::: TOP ::: */
#top {
width:595px; height: 96px;
z-index:0; 
background-color: #FFFFFF;
border-bottom: 4px #007DA4 solid;
text-align: left;
padding-top: 20px;
padding-left: 30px; padding-right: 30px;
}
#top.access { width:305px;}
html > body #top { width: 535px; height: 70px; }
html > body #top.access { width: 245px; height: 70px; }


/* ::: MENU ::: */

#menu {
width:595px; height: 26px; z-index:0;
background-image:  url(../../img/menu/bg_off.gif); 
background-color: #007DA4;
border: 2px #007DA4 solid; border-top: 1px #007DA4 solid; border-bottom: 1px #007DA4 solid;
}
html > body #menu { width:591px; height: 24px; }

#menu ul{ list-style: none;  margin:0; padding:0;}
#menu li { border-left: 1px solid #007DA4; float: left; }
#menu li a {
display: block;
width: 291px;
padding-top: 4px; padding-bottom: 4px;
text-decoration: none;
text-align: center;
font-size: 14px; font-weight: bold;	color: #FFFFFF;
background-color: #007DA4;
background-image: url(../../img/menu/bg_off.gif);
}
#menu li a:hover {
color: #FFFFFF;
background-color: #007DA4;
background-image: url(../../img/menu/bg_on.gif);
}

/* ::: SUBMENU ::: */

#submenu {
width:595px; height: 26px; z-index:0; 
background-color: #FFFFFF;
border-bottom: 1px #007DA4 solid;
padding-top: 4px; padding-bottom: 4px; padding-left: 30px; padding-right: 30px;
text-align: left; color: #007DA4;
}
html > body #submenu { width:535px; height: 18px; } 

INPUT.form_property { width: 113px; height: 18px; background-color: #E8E8E8; border: 1px #007DA4 solid; font-size: 8pt; }
INPUT.form_bids { width: 131px; height: 18px; background-color: #E8E8E8; border: 1px #007DA4 solid; font-size: 8pt; }

/* ::: CONENT ::: */

/* ::: CONTENT ::: */

#content {
width:595px; z-index:0;
background-image: url(../img/bg/content_left.gif); 
background-color: #FFFFFF;
border-bottom: 4px #007DA4 solid;
clear: both;
overflow: auto;
}

/* ::: COLUMNS_COVER ::: */ 
#height { float: left; height: 430px;} 

#canvas {
position:relative;
width: 594px; z-index:0;
padding-top: 20px; padding-left: 30px; padding-right: 30px;
float: right;
}
#canvas.legal { padding-left: 60px; padding-right: 60px;}
html > body #canvas { width:534px; } 
html > body #canvas.legal { width: 574px; }

/* ::: FOOT ::: */

#foot {
width:595px; height: 34px; z-index:0; 
background-color: #FFFFFF;
padding: 10px; padding-left: 30px; padding-right: 30px;
color: #007DA4;
text-align: left; 
}
#foot.access { width:305px; text-align: center;  }
#foot.error { width:305px; text-align: center; background-color: #F50000; color: #FFFFFF; font-weight: bold; }
html > body #foot { width:535px; height: 14px; }
html > body #foot.access { width:245px; height: 14px; text-align: center;  }
html > body #foot.error { width:245px; height: 14px; text-align: center; background-color: #F50000; color: #FFFFFF; font-weight: bold;  }

/* ::: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ::: */

/* :::: FORM :::: */

#head_form {
width: 535px; z-index:0;
padding: 8px;
background-color: #007DA4;
border: 1px #007DA4 solid; border-top: 8px #007DA4 solid;
overflow: auto;
clear: both;
font-size: 11pt; font-weight: bold; color: #FFFFFF;
}
html > body #head_form { width: 516px; }

#fields_form {
width: 535px; z-index:0;
border: 1px #007DA4 solid;
color: #007DA4;
padding-bottom: 8px;
overflow: auto; text-align: center;
clear: both;
}
html > body #fields_form { width: 532px; }

#p_left {
width: 264px; z-index:0;
padding: 8px; padding-right: 0px;
text-align: left;
float: left;
}
#p_left.form { padding: 0px; padding-left: 8px; padding-top: 8px;}
html > body #p_left { width: 254px; }

#p_right {
width: 264px; z-index:0;
padding: 8px; padding-left: 0px;
text-align: left;
float: right;
}
#p_right.form { padding: 0px; padding-right: 8px; padding-top: 8px;}
html > body #p_right { width: 254px; }

#p_span {
width: 533px; z-index:0;
padding: 8px; padding-top: 0px; padding-bottom: 0px;
text-align: left;
}
html > body #p_span { width: 516px; }

#foot_form {
width: 535px; z-index:0;
border: 1px #007DA4 solid;
background-color: #007DA4;
color: #FFFFFF;
margin-bottom: 20px;
overflow: auto;
clear: both;
}
html > body #foot_form { width: 532px; }

INPUT.form_b { width: 254px; height: 18px; background-color: #FFFFFF; border: 1px #007DA4 solid; font-size: 8pt; }
SELECT.form_b{ width: 254px; height: 18px; font-size: 8pt; color: #000000;}
TEXTAREA.form_b { width: 516px; background-color: #FFFFFF; border: 1px #007DA4 solid; font-size: 8pt; }
html > body TEXTAREA.form_b { width: 516px; }
SELECT.bids{ width: 254px; height: 18px; font-size: 8pt; color: #000000;}
INPUT.file_bids { width: 516px; height: 18px; background-color: #FFFFFF; border: 1px #007DA4 solid; font-size: 8pt; }

/* ::: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ::: */

/* :::: LIST :::: */

#category_list {
width: 535px; z-index:0;
border: 1px #007DA4 solid;
color: #007DA4;
padding: 8px; padding-bottom: 2px;
text-align: left;
overflow: auto;
clear: both;
}
html > body #category_list { width: 516px; }

#head_property { width: 100%; color: #007DA4; font-weight: bold; padding-top: 6px;}
#head_property .box { width:28px; }
#head_property .ref { width:60px; padding-right: 32px; }
#head_property .location { width:120px; padding-right: 32px; }
#head_property .property { width:100px; padding-right: 32px; }
#head_property .button { text-align: right; }

#list_property { width: 535px; border: 1px #007DA4 solid;}
html > body #list { width: 534px; border: 1px #007DA4 solid; }
#list_property .box { width:28px; border-bottom: 1px #007DA4 solid; padding: 6px; padding-left: 8px; padding-right: 0px;}
#list_property .ref { width:60px; border-bottom: 1px #007DA4 solid; padding: 6px; padding-right: 32px; padding-left: 0px;}
#list_property .location { width:120px; border-bottom: 1px #007DA4 solid; padding: 6px; padding-right: 32px; padding-left: 0px;}
#list_property .property { width: 100px;  border-bottom: 1px #007DA4 solid; padding: 6px; padding-right: 32px; padding-left: 0px;}
#list_property .button { text-align: right; border-bottom: 1px #007DA4 solid; padding-right: 8px; }

#head_bids { width: 100%; color: #007DA4; font-weight: bold; padding-top: 6px;}
#head_bids .box { width:28px; }
#head_bids .ref { width:92px; padding-right: 32px; }
#head_bids .object { width:220px; padding-right: 32px; }
#head_bids .button { text-align: right; }

#list_bids { width: 535px; border: 1px #007DA4 solid;}
html > body #list_bids { width: 534px; border: 1px #007DA4 solid; }
#list_bids .box { width:28px; border-bottom: 1px #007DA4 solid; padding: 6px; padding-left: 8px; padding-right: 0px;}
#list_bids .ref { width:92px; border-bottom: 1px #007DA4 solid; padding: 6px; padding-right: 32px; padding-left: 0px;}
#list_bids .object { width:220px; border-bottom: 1px #007DA4 solid; padding: 6px; padding-right: 32px; padding-left: 0px;}
#list_bids .button { text-align: right; border-bottom: 1px #007DA4 solid; padding-right: 8px; }

#ok {
position:absolute;
width:535px;
top: 150px; left: 30px; z-index:1; 
background-color: #007DA4;
padding: 20px;
font-size: 16pt;
color: #FFFFFF;
line-height: 24px;
}
html > body #ok { width:495px;}

#error_list {
width: 535px; z-index:0;
border: 1px #007DA4 solid;
padding: 8px;
font-weight: bold; color: #F50000;
text-align: left;
overflow: auto;
clear: both;
}
html > body #error_list { width: 516px; }