/* //////////////// GENERAL INFO //////////////// 

Site: www.HydVentures.com
Author : Robert Kraner
Designer : Robert Kraner
Company: e-koda.com
Contact: robert.kraner@e-koda.com
Version: 1

//////////////// //////////////// //////////////// */


/*//////////////// CLEAR ALL PADDING AND MARGIN //////////////// */

* { margin: 0; padding: 0; }

/* //////////////// STRUCTURE ELEMENTS //////////////// */

#wrapper { width: 923px; background: #ffffff; border-left: 1px solid #efefef;border-right: 1px solid #efefef;}
#headerlogo { width: 250px; background: #ffffff; border-top: 1px solid #efefef; float:left;}
#headerads { text-align:center; width: 673px; background: #ffffff; border-top: 1px solid #efefef; float:left;}
#textads2 { text-align:right; width: 900px; background: #ffffff; border-top: 1px solid #efefef; float:right;}
#topleftbar { width: 540px; background: #ffffff; border-top: 1px solid #efefef; float:left;}
#leftcolumn { width: 170px; background: #ffffff; border-right: 1px solid #efefef; border-top: 1px solid #efefef; float:left;}
#rightcolumn { text-align:center; width: 170px; height:100%; background: #ffffff; border-left: 1px solid #efefef; border-top: 1px solid #efefef; float:left; }
#middlecolumn { width: 575px; background: #ffffff; border-top: 1px solid #efefef; float:left; padding-left:4px;}
#footer { text-align:center; width: 900px; background: #ffffff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
#middlebox { width: 570px; background: #ffffff; border: 1px dotted #efefef; }
.property {width: 135px; float:left; text-align:center;}
#middleboxfull { width: 570px; background: #efefef; border: 1px dotted #AAAAAA; }
#loginbox { background: #D3E4F7; padding-left:5px; padding-bottom:3px; }

/* //////////////// GENERAL STYLE //////////////// */

body {  font: .83em/1.33em "Verdana", Arial, serif; margin: 14px; background: #ffffff; color: #000000; }
.inverse { color:#ffffff; background-color:#86BFF9; }
img { border-color: #efefef;}
a:link, a:visited { color: #005CE6;}
.button {padding: 1px; color: #000000; border: 1px solid gray; background-color:#dddddd; font: .83em/1.33em Verdana, Arial, serif; text-decoration: none;}
a:hover, a:active { border-bottom: 1px dotted #005CE6; text-decoration: none; }
.button {padding: 1px; color: #000000; border: 1px solid gray; background-color:#dddddd; font: .83em/1.33em Verdana, Arial, serif; text-decoration: none;}
.pic {text-decoration:none; border-bottom: none;}

h1, h2, h3, h3, h4 { color: #004DA8; }
h1 { font-size: 1.4em; }
h2 { font-size: 0.8em; }
h3 { font-size: 1.1em; }

/* //////////////// MENU & LIST STYLES //////////////// */

#navContainerRight { font: .83em "Verdana", Arial, serif; height:16px; padding-top:3px;width:383px;background: #86BFF9; text-align:right; float:left; border-top: 1px solid #efefef;}
.navList li { display: inline; list-style-type: none; padding-right:5px; }
.navList li a, .navList li a:visited { color: #004DA8; text-decoration: none; }
.navList li a:hover, .navList li a:active { background: #D3E4F7; color: #00326F; border-bottom: none} 
.noList { list-style-type: none;}

#navContainerLeft { font: 1.0em "Verdana", Arial, serif; background: #86BFF9; }
.navList1 li { color: #004DA8; border-bottom: 1px dotted #ffffff; height:20px; display: block; list-style-type: none; padding-left:10px; padding-top:5px; }
.navList1 li a, .navList1 li a:visited { color: #004DA8; text-decoration: none; }
.navList1 li a:hover, .navList1 li a:active { background: #D3E4F7; color: #00326F; border-bottom: none} 
.noList { list-style-type: none;}
.blue {color:##005CE6; }


#navContainerLeft1 { font: 0.7em "Verdana", Arial, serif; background: #D3E4F7; }
.navList2 li { color: #004DA8; height:15px; display: block; list-style-type: none; padding-top:2px; padding-left:15px;}
.navList2 li a, .navList2 li a:visited { color: #004DA8; text-decoration: none; }
.navList2 li a:hover, .navList2 li a:active { background: #ffffff; color: #00326F; border-bottom: none} 
.noList { list-style-type: none;}

/* //////////////// FORM STYLE //////////////// */

input.field1 { border: 1px solid gray; width: 150px; background-color:#ffffff; font: .83em/1.33em "Verdana", Arial, serif; color:#005CE6;}
input.field2 { border: 1px solid gray; width: 200px; background-color:#ffffff; font: .83em/1.33em "Verdana", Arial, serif; color:#005CE6;}
input.field3 { border: 1px solid gray; width: 100px; background-color:#ffffff; font: .83em/1.33em "Verdana", Arial, serif; color:#005CE6;}
input.field4 { border: 1px solid gray; width: 50px; background-color:#ffffff; font: .83em/1.33em "Verdana", Arial, serif; color:#005CE6;}
input.field5 { border: 1px solid gray; width: 135px; background-color:#ffffff; font: .83em/1.33em "Verdana", Arial, serif; color:#005CE6;}
input.formButton { border: 1px solid gray; background-color:#dddddd; font: .83em/1.33em "Verdana", Arial, serif; color: #005CE6;}
select.field { border: 1px solid gray; width: 200px; background-color:#ffffff; font: .83em/1.33em "Verdana", Arial, serif; color:#005CE6;}
select.field1 { border: 1px solid gray; width: 50px; background-color:#ffffff; font: .83em/1.33em "Verdana", Arial, serif; color:#005CE6;}
select.field2 { border: 1px solid gray; width: 80px; background-color:#ffffff; font: .83em/1.33em "Verdana", Arial, serif; color:#005CE6;}
textarea.text { border: 1px solid gray; width: 350px; height:100px; background-color:#ffffff; font: .83em/1.33em "Verdana", Arial, serif; color:#005CE6;}
textarea.text1 { border: 1px solid gray; width: 550px; height:200px; background-color:#ffffff; font: .83em/1.33em "Verdana", Arial, serif; color:#005CE6;}