* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 margin-left: 10%;
 background: #F0F1EF;
}
#wrapper {
	margin-top: 40px;
	width: 922px;
	z-index: 5;
	margin-left: 2px;
	left: 14px;
	top: 9px;
	text-align:center;
}
#overlay {
  display: none;
  z-index: 10;
  position: absolute;
  width: 90%;
  height: 100%;
  background: #F0F1EF;
  opacity: .7;
  filter: alpha(opacity=50);
}
#header {
 color: #333;
 width: 900px;
 float: left;                                                                          
 padding: 10px;
 border: 1px solid #F0F1EF;
 background-image: url('images/gradient_background.jpg'); 
 background-repeat: repeat; 
}

#topheader {
 float: left;
 height: 22px;
 font-family: Arial, Helvetica, sans-serif;
 color: #333;
 width: 100%;
 font-size: 10pt;
 background: url('images/topbar.jpg');
}
#topheaderright {
float: right; 
}
#topheaderleft {
margin-top: 2px;
margin-left: 10px;
float: left;
}

#topheader a:link{color:blue;text-decoration:none}
#topheader a:visited{color:blue;text-decoration:none}
#topheader a:hover{color:black;text-decoration:underline}

#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #b4fcfb;
 padding: 0px;
 width: 200px;
 float: left;
 height: 720px;
 
}

#checkbox {
border:none;
}

#content { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #b4fcfb;
 padding: 10px;
 width: 655px;
 display: inline;
 height: 700px;
 overflow: auto;
}
#rightcolumn { 
 z-index: 5;
 color: #333;
 border: 1px solid #ccc;
 background: #f2f2e6;
 padding: 10px;
 width: 200px;
 float: left;
 position: relative;
 height: 500px;
 overflow: auto;
}
#footer {
 clear: both;
 margin-top: 0;
 color: #333;
 width: 100%;
 border: 1px solid #ccc;
 background: url('images/topbar.jpg');
}

#footer a:link{color:#524040;text-decoration:none}
#footer a:visited{color:#524040;text-decoration:none}
#footer a:hover{color:#524040;text-decoration:underline}

.leftmenu a:link{display: block; width: 130px; color:black;text-decoration:none; border: 0px solid; background-color:transparent;}
.leftmenu a:visited{display: block; width: 130px; color:black;text-decoration:none; background-color:transparent;}
.leftmenu a:hover{display: block; width: 130px;color:black;text-decoration:none;  background-color:#acad83;}

h3{
font-size:12px;
font-weight:bold;
}
th{
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border-bottom:1px solid #ccc;
}
td{
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border-bottom: 0px solid #e6e6b0;
}
input{
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #222;
}
#logindiv { 
  width:360px; 
  height:220px; 
  padding:24px; 
  background:#ecfdce; 
  border:1px solid #ccc;
  margin:auto;
}

#promptDiv { 
  width:278px; 
  height:48px; 
  padding:10px;
  margin-bottom:16px;
  background:#ffffff;
  text-align:left;
  font-size:11px;
  color:#666666;
  border:1px solid #222;
}

#buttonDiv { 
  text-align:center;
}
.fieldTitle {
  margin-bottom:3px;
  font-weight:bold;
  color:#666666;
}
.fieldEntry {
  margin-bottom:8px;
}

#login {
display:none;
position: absolute;
margin-top: 10%;
margin-left: 15%;
z-index: 15;
width: 455px;
background: #c4c5a5;
font:"Times New Roman", Times, serif;
border:1px solid #9f9f5b;
text-align: left;
}


/* menus */
/* block or none */
#salesmenu {
display: block;
}
#salesmenu a:link{
color: red;
}

.requiredField {
  color: red;
}

.style12 {
	font-size: 36px;
	font-weight: bold;
}
.style13 {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	color: #0000FF;
}
.style14 {font-family: "Times New Roman", Times, serif}
.style16 {
	font-family: "Times New Roman", Times, serif;
	color: #666666;
}



.style19 {font-size: 36px; color: #0000FF; }

.frame {
	background: #F6EBCE;
	border: 1px solid #E2BF64;
	margin: 0px 10px 0px 0px;
	padding: 10px;
}