.texta {color: orange; font-weight: bold; font-size: 10pt; font-family: arial, sans-serif;}
.textc {color: red; font-weight: bold; font-size: 10pt; font-family: arial, sans-serif;}
.textd {color: Navy; font-weight: bold; font-size: 10pt; font-family: arial, sans-serif;}
.texte {color: black; font-weight: bold; font-size: 10pt; font-family: arial, sans-serif;}
.textf {color: #fffff0;  font-weight: bold; font-size: 10pt; font-family:Arial;}
.textg {color: black; font-size: 10pt; font-family: arial, sans-serif;}
.textH {color:#E0E0F8; font-weight:bolder; font-size: 12pt; font-family: arial, sans-serif;}
.txtSlogin {color: black; font-weight: bold; font-size: 9pt; font-family: arial, sans-serif;}
.txtTitle { border-color:Fuchsia; border-width:thin; elevation:higher: black; font-weight: bold; font-size: 11pt; font-family: Verdana, Arial;}

.bodyd
{
	background-color: #e0ecf8;
} 

.tablea {text-align: left; vertical-align: top; border: thin solid black; border-spacing: 1; font-size: 9pt; font-family: arial, sans-serif;}
.tableb {text-align: left; vertical-align: top; border: thin solid red; border-spacing: 1; font-size: 10pt; font-family: arial, sans-serif;}
.tablec { width:98%; color: black; text-align: left; vertical-align: top; border:2; border-spacing: 4; font-size: 9pt; font-family: arial, sans-serif;
          font-weight:bold;  background-color: #E0ECF8; border-color: Fuchsia;  border: 1px solid #B7D6B4;}
.tabled { width:auto; color: black; text-align: center; vertical-align: top; border:1; border-spacing: 0; font-size: 8pt; font-family: arial, sans-serif;
          background-color: #D7FFD7; border-color:Navy;  border: 1px solid #B7D6B4;}
   
         
.tableContainer { position: relative; padding-top:30px; margin:0 auto; width:100%}
.innerframe { overflow: auto; width:auto; height:350px}
.tableContainer thead tr { position: absolute; top:0px; left:0px;}

.pt8 { color: black; font-size: 8pt; font-weight:bold; font-family:Arial}
.inputSM { font-size: 8pt; font-weight:bold; text-align: center; background-color:#d2b48c;}
.inputSW { font-size: 8pt; font-weight:bold; text-align: center; background-color:#a9a9a9;}
.inputNA { font-family:Arial; font-size: 7pt; text-align: left; background-color:#E0ECF8;}
.ipU { font-size: 8pt; font-weight:bold; text-align: center; background-color:#F5A9D0;}
.ipM { font-size: 8pt; font-weight:bold; text-align: center; background-color:#04B45F;}


.captiona { text-align: center; vertical-align: middle; padding: 4; background-color:Maroon; color: white; background-position: center;  font-family:Verdana; font-weight: bold; font-size: 10pt;}
.captionb { text-align: center; vertical-align: middle; padding: 8; background-color:Gray; color: white; background-position: center; font-weight: bold; font-size: 11pt;}

.blinkytext {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 0.8em; color:Maroon;
     text-decoration: blink;
 }

.tra {text-align: center; vertical-align: top; padding: 1; margin: 1; background-color:  #333300; color: white; border: thin none; background-position: left top;
      font-weight: bold; font-size: 10pt; font-family: Verdana, arial;}
.trb {text-align: center; vertical-align: top; padding: 1; margin: 1; background-color: #336699; color: white; border: thin; background-position: left top;
      font-weight: bold; font-size: 10pt; font-family: arial;}
.trc {text-align: left; vertical-align: top; padding: 1; margin: 1; background-color:#BDBDBD; color:#0B0B61 border: thin; background-position: left top;
      font-weight: bold; font-size: 10pt; font-family: arial;}

.tda {text-align: left; vertical-align: top; padding: 1; margin: 1; background-color: white; color: black; border: thin none; background-position: left top;}
.tdb {text-align: center; vertical-align: top; padding: 1; margin: 1; background-color: AntiqueWhite ; color: black; border: thin none; background-position: left top;}
.tdc {text-align: left; vertical-align: top; padding: 1; margin: 1; color:Red; border: thin none; background-position: left top;}
.tdDept {text-align: right; vertical-align:middle; padding: 8; margin: 1; color:Black; border: thin none; background-position: left top;}
.tde { color: white;  font-family: Georgia, Garamond, Batang; font-size:10pt; }


.buttona {color: white; background-color: black;  font-weight: bold; font-size: 10pt; font-family: arial, sans-serif;}
.buttonb {color: yellow; background-color: green; font-weight: bold; font-size: 10pt; font-family: arial, sans-serif;}
.buttonc {color: black; background-color: yellow; font-size: small; font-family: Arial Rounded MT Bold, arial, sans-serif; border: thick outset blue; }
.buttond {color:#ffffff; background-color:Maroon; font-size: 10pt; font-weight: bold; font-family: arial, sans-serif; padding:5;}

.table_opt { background-color:Yellow; width:auto }


/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.root { 
display: block;
font-size: 14%;
font-family: 'Courier New',Courier,monospace;
}
.body_gen { 

}

.container {
width: 700px;
margin-left: auto;
margin-right: auto;
padding: 5px;
font-size: 14;
}
        
.banner {
height:200px;
padding: 5px;
margin: 0;
border-bottom: none;
background:  url("../wine/img/head.jpg") no-repeat;
}

.banner h1 {
margin: 0 15px 0 0;
padding-top: 50px;
border-bottom: none;
border-top: none;
font-size: 175%;
text-align: right;
}

.content {
padding: 0px;
margin-left: 80px;
margin-bottom: 0;
color: #663300;
}

.sidebar {
float: left;
width: 150px;
margin: 0 5px 5px 5px;
padding: 3px;
line-height: 1.4em;
border-right: 1px solid #dfd0b9;
}

.footer {
padding: 3px;
margin: 0 0 0 0;
font-size: 8pt;
text-align: left;
border-top: 1px solid #dfd0b9;
color: black;
background: inherit;
BACKGROUND-POSITION: 50% bottom;  
BACKGROUND-REPEAT: repeat-x; 
BACKGROUND-COLOR:#b0c4de;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
HEIGHT: 25px; 

}

#footer a:link, #footer a:visited {
background: inherit;
color: #333;
border-bottom: none;
}

.footer a:hover {
border-bottom: none;
background-color: inherit;
color: #663300;
}

.p {
padding: 3px 5px 0px 5px;
}

.content h1, #sidebar h1 {
margin: 5px;
font-size: 110%;
text-transform: uppercase;
padding: 3px;
border-bottom: 1px solid #dfd0b9;
border-top: 1px solid #dfd0b9;
color: #EB6D00;
background: inherit;
}

.h2 {
font-size: 110%;
padding: 5px;
margin:5px;
color: #508B4B;
background:#CFE4CD;

}

.h3 {
margin: 0 3px 5px 3px;
padding: 3px;
text-align: left;
font-size: .80em;
font-weight:bold;
color:Navy;
background: inherit;
font-family : Verdana;
text-align:center;
}

.h4 {
text-align: left;
padding: 3px;
margin: 0 0 0 0;
font-size: .85em;
}

.txtErr {
text-decoration: none;
border-bottom: none;
color: #f91606;
background: inherit;
font-family: 'Times New Roman',Times,serif;
}

.txtGreen {
text-decoration: none;
border-bottom: none;
color: #006633;
background: inherit;
}

.a:hover {
color: red;
background: inherit;
}

.a img {
border: 0;
}

.img {
float: left;
padding: 3px;
margin: 3px;
border: 0px solid #dfd0b9;
}

.intro {
float:left;
width:220px;
margin: 3px 0 5px 0;
padding: 5px;
text-align:left;

}

.intro2 {
float: left;
width: 220px;
margin: 3px 0 5px 0;
padding: 5px;

}

.intro3 {
float: right;
width:220px;
margin: 3px 0 5px 0;
padding: 5px;

}

.update {
font-size: 1em;
background: inherit;
color:#4F210D;
}

#navcontainer { width: 150px;margin-top: 20px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a {
display: block;
padding: 3px;
width: 130px;
background-color: #CFE4CD;
color: #666;
border-bottom: 1px solid #F0E9DD;
border-left: 8px solid #FBAA69;
}

#navcontainer a:link, #navlist a:visited {
text-decoration: none;
}

.navcontainer a:hover {
border-left: 8px solid #B7D6B4;
background-color: #FFA961;
color: #fff;
}

.box {
margin: 10px; 
background: inherit;
color: #663300;
border: 1px solid #B7D6B4;
padding: 5px;
}

.buttond {
color: #B7D6B4; background-color:#663300;
font-size: 10pt;
font-weight: bold; 
font-family: arial, sans-serif; 
padding:2;
 }


.search { 
background: #CFE4CD no-repeat; 
color: #000;
border-top: 1px solid #F0E9DD;
border-bottom: 1px solid #F0E9DD;
clear: both;
text-align: center; 
padding: 5px 0 5px 0;
}

.input.search { 
	width: 100px; 
	border: none;
	padding: 4px; 
}

.input.login { 
	width: 100px;
	border: none; 
	padding: 4px; 
}

.bodydd
{
	background-color: #e0ecf8;
	margin-top: 8;
	margin: 5;
	padding: 0;
	line-height: 2em;
	
	font-family: Verdana, Arial;
	background-image: none;
	vertical-align: middle;
	color: black;
	direction: ltr;
	border-top-style: inset;
	border-right-style: inset;
	border-left-style: inset;
	position: static;
	text-align: justify;
	border-bottom-style: inset;
}