/*---------------------------------------------------------------------------------------------
    FORM STYLES
  --------------------------------------------------------------------------------------------- */

#inqlite { 
	width: 220px; 
	position:relative; 
	top:0px; 
	left:0px; 
}

#inqlite fieldset {
	margin: 5px 0px;
	padding: 5px 5px;
	border: 1px solid #cccccc;
}

#inqlite legend {
	font-weight: bold;
	color: #003366;
	font-size: 120%;
	margin: 0px;
	padding: 0.5em;
}

#inqlite form { margin: 3px 0px 0px 0px; text-align: left; }


#inqlite input {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	font-size: 11px;
	background-color: #e8eef1;
	border: 1px solid #666666;
	width: 180px;
}

#inqlite input.inputSubmit{
	margin: 0 5px 0px 0px;
	width: 50px;
	font-size: 11px;
	border: 1px outset #999999;
}

#inqlite select {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	font-size: 11px;
	background-color: #e8eef1;
	border: 1px solid #666666;
	width: 180px;
}

#inqlite select.formGrad { width: 60px; }

/*---------------------------------------------------------------------------------------------
    TAB STYLES - Based on Dan Cederholm's Simplified CSS Tabs Trick
  --------------------------------------------------------------------------------------------- */

.tabnav
{
	height: 16px;
	margin: 5px 0 0 0;
	padding-left: 5px;
	width: 190px;
	position: relative;
	top: 0px;
	_top: 1px; /* show to IE, hide from other browsers */
}

.tabnav li
{
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
	
.tabnav a:link, .tabnav a:visited
{
	float: left;
	background: #f7efd6;
	font-size: 10px;
	line-height: 11px;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin-right: 4px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #666;
}

.tabnav a:link.active, .tabnav a:visited.active
{
	border-bottom: 1px solid #e8dfc7;
	background: #e8dfc7;
	color: #000;
	text-decoration: none;
}

.tabnav a:hover
{
	background: #f7efd6;
	text-decoration: underline;
	color:#000;
}

.tabcontent
{ 
	background: #e8dfc7;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px 1px 1px 1px;
	margin-bottom: 5px;
	padding: 5px;
	width: 185px;
}

/*---------------------------------------------------------------------------------------------
    POPUP INFO BOX STYLES
  --------------------------------------------------------------------------------------------- */

#inqliteWhat { 
	width:450px; 
	left:-100px; 
	top:-50px;
	background-color: #F7EDD4;
	background-image: url(/includes/inquiry/images/background.jpg);
	background-repeat: no-repeat;
}

#inqlitePopup { width:300px; left:-60px; }

#inqliteHelp { width:200px; left:-10px; }

#inqliteHelpHead { width:100%;height:25px;background:#999999;}

#inqliteHelpHead a { 
	color:#fff;
	float:right;
	margin:0 3px 0 0;
	padding: 3px 3px 3px 0;
	font-weight: bold;
}

#inqliteHelpHead a:hover { color: #ccc;}


/*---------------------------------------------------------------------------------------------
    SELECT-FREE for POPUP BOX - fix IE (pre 7.0) select z-index bug - www.hedgerwow.com
  --------------------------------------------------------------------------------------------- */

.select-free
{
	top:-20px; 
	border:2px solid #999999; 
	background:#ffffff; 
	font-size: 12px;
	position:absolute;
	z-index:10;
	overflow:hidden;/*must have*/
	width:33em;/*must have for any value*/;
	padding: 0 0 10px 0;
}

.select-free p { padding: 0px 10px 0 10px; line-height: 120%;}

.select-free iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}

#user_comment { display: none; }