/**
 * Interface Elements
 */

BODY { 
	background: url("../../media/temp/bkg.gif") repeat-x; 
	margin: 0px;
	font-family: Verdana, Arial, Helvetica;
	color: #69c; 
}

H1, H4 {
	padding-left: 16px;
	margin-top: 5px;
	margin-bottom: 0;
	color: #69c; 
	font-family: Verdana, Arial, Helvetica;
	font-size: 15px;
	font-weight: bold;
}

H2, H3 {
	color: #69c; 
	font-weight: normal; 
	font-size: 15px; 
	line-height: 16px; 
	font-family: Verdana, Arial, Helvetica;
	margin-left: 16px;
	padding-left: 16px;
	margin-top: 16px;
	background: url("../../media/other/arrow.gif") no-repeat left ;
}

H3 {
	margin-left: 32px;
}

H4 {
	margin-top: 12px;
	margin-bottom: 14px;
}

A:link, A:visited {
	text-decoration: none;
	color: #069;
	font-weight: bold;
}

A:hover, A:active {
	text-decoration: underline;
	color: #eb8944;
}

.left {
 display: inline;
 float: left;
}

.right {
 display: inline;
 float: right;
}

#container {
 margin: 0 auto;
 vertical-align: top;
 width: 770px;
}

#header {
 clear: both;
 color: #B1122C;
 font-size: 22pt;
 font-weight: bold;
 margin-top: 25px;
}

#banner {
	width: 760px;
	height: 169px;
	margin-top: 2px;
	overflow: hidden;	
}

#links {
	background: #e4edf6 url('../../media/other/bkg_dot.gif');
	float: left;
	width:176px;
	height: 600px;
}

#links UL {
	list-style: none;
	font-weight: bold; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica;
	padding-left: 16px;
	margin-top: 0;
}

#links LI {
	padding-bottom: 17px;
}

#links .sales_office {
	color: #E83934!important;
	font-size: 14px;
}

#form {
 width: 580px;
 float: left;
}



/**
 * GUI Controls Defauls
 */
textarea, select, .gui_text, .gui_number, .gui_dropdown, .gui_dropdown_m, .gui_textarea, INPUT {
	color: #666; 
	font-weight: normal; 
	font-size: 9px; 
	font-family: Verdana, Arial, Helvetica;
	background-color: #f2f7fa; 
	border: solid 1px #69c;
	padding:0;
}

.gui_text, .gui_number, .gui_dropdown, INPUT {
	height: 18px;
}

.gui_button {
 font-size: 8pt;
}

#form .xx_wide {
 width: 400px;
}

#form .x_wide {
 width:300px;
}

#form .wide {
 width:200px;
}

#form .wide_narrow {
 width:80px;
}

#form .wide_narrow_1 {
 width:150px;
}

#form .narrow {
 width:40px;
}

#form .x_narrow {
 width:30px;
}

#form .xx_narrow {
 width:20px;
}

.visible {
 display: block !important;
}

.hidden {
 display: none !important;
}

/**
 * Form Layout
 */


#form OL {
 margin: 0;
 padding: 0;
 list-style: none;
}

#form OL LI {
 clear: left;
 margin: 0;
 padding: 0;
 font-size: 9px; 
 font-family: Verdana, Arial, Helvetica;
 color: #069;
}

#form OL LI LABEL {
 font-size: 9px; 
 font-family: Verdana, Arial, Helvetica;
 color: #069;
 display: inline;
 float: left;
 width: 165px;
 cursor: pointer; 
 height: auto;
 margin-left: 12px;
 -moz-user-select:none;
}

#form OL LI LABEL.label_x_narrow {
 width: 80px;
 text-align: right;
 margin-right: 5px;
}

#form OL LI LABEL.label_xx_narrow {
 width: 50px;
 text-align: left;
 margin-right: 5px;
 margin-left: 2px;
}

#form OL LI LABEL.label_narrow {
 width: 100px;
 text-align: right;
 margin-right: 5px;
}

#form OL LI LABEL.label_narrow_wide {
 width: 130px;
 text-align: right;
 margin-right: 5px;
}

#form OL LI LABEL.label_wide {
 width: 140px;
 text-align: right;
 margin-right: 5px;
}

.clear {
	clear: both;
}

.text_left {
	text-align: left!important;
}

.err {
	clear: both;
	color: red;
	background-color: yellow;
	padding-left: 180px;
	margin-bottom: 5px;
}