/* CSS Document */
html { height: 100%; margin-bottom: 1px; }
/*TAG MODS*/
body  {

  margin:0px;
  color:#5B5B5B;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
  width: 100%;
}

.img_div{
text-align:left; height:230px; position:absolute; left:10px; top:-240px; display:none; border:#000 1px solid; background-color:#CCCCCC; padding:5px;
}
h1  {
  
  margin:5px 3px 2px 1px;
  padding-right:3px;
  color:#333333;
  font-size:20px;
  font-weight:normal;
  
}
h2  {

  margin:5px 5px 5px 1px;
  color:#666666;
  font-size:15px;
  
  border-bottom:1px dotted #cccccc;
    display:block;
}
h3  {
  margin:0px;
  color:#84A4AD;
  font-size:112%;
  display:inline;

    display:block;
}

a:link  {
  color:#336699;
  text-decoration:underline;

}
a:visited  {
  color:#336699;
  text-decoration:underline;

}
a:hover  {
  color:#003366;
  text-decoration:underline;
  
}
a:active  {
  color:#003366;
  text-decoration:underline;
  
}


a.menu:link  {
  color:#ffffff;
  text-decoration:none;
 
  font-size:14px;
  font-weight:bold;
}
a.menu:visited  {
  color:#ffffff;
  text-decoration:none;

  font-size:14px;
  font-weight:bold;
}
a.menu:hover  {
  color:#00CC00;
  text-decoration:underline;
  
  font-size:14px;
  font-weight:bold;
}
a.menu:active  {
  color:#ffffff;
  text-decoration:none;
 
  font-size:14px;
  font-weight:bold;
}

#systemWorking { 
	position:absolute; 
	left:0px; 
	top:0px; 
	width: 100px; 
	height: 100px; 
	background-color: #f2f2f2; 
	border: #000 solid 2px; 
	padding: 10px; 
	color:#000;
	font-size:14px;
	font-weight:bold;
	display:none;
}

.rush{
	background-color:#FF0000; 
	border:#000 1px solid; 
	margin:1px; 
	color:#fff; 
	padding:2px;
	margin-top:4px;
	text-align:center;
}

.need_info{
	background-color:#FFFF66; 
	border:#000 1px solid; 
	margin:1px; 
	color:#000; 
	padding:2px;
	margin-top:4px;
	text-align:center;
}

.quick_quote{
	background-color:#429cff; 
	border:#000 1px solid; 
	margin:1px; 
	color:#000; 
	padding:2px;
	margin-top:4px;
	text-align:center;
}

.preapproved{
	background-color: #66FF66; 
	border:#000 1px solid; 
	margin:1px; 
	color:#000; 
	padding:2px;
	margin-top:4px;
	text-align:center;
}

/*GUTS*/
.container  {
  
  padding: 10px;
  margin:0 auto;
  background-color:#FFFFFF;
  border-style:dashed;
  border-color:#CCCCCC;
  border-width:1px;
 
}
/*FORMS*/
INPUT
{
  height:18px;
  font-size:11px;
  padding:2px;
  color:#000000;
  border:1px solid #CCCCCC;
  font-weight:normal;
  font-family:"Trebuchet MS", Arial, Helvetica;
}
SELECT
{
 
  height:20px;
  font-size:11px;
  padding:2px;
  color:#000000;
  border:1px solid #CCCCCC;
  font-family:"Trebuchet MS", Arial, Helvetica;
}
TEXTAREA
{
  font-size:11px;
  padding:4px;
  color:#000000;
  border:1px solid #CCCCCC;
  font-weight:normal;
  font-family:"Trebuchet MS", Arial, Helvetica;
}


INPUT.filebox
{
  padding:4px;
  color:#000000;
  height:30px;
  width:300px;
}

INPUT.button
{
  font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
  color:#000;
  height:18px;
  background-color:#fff;
	border: 1px solid #778;
	height:24px;
	background: white url(images/shade.gif) top left repeat-x; 
}

INPUT.submit
{

  font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
  color:#fff;
  height:24px;
  background-color:#4C97F2;
  border-color:#4C97F2;
  background-image:url(images/button_bg.gif);
}
INPUT.cancel
{
  font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
  color:#fff;
  height:24px;
  background-color:#FF6666;
  border-color:#FF3333;
}

INPUT.dd_width, RADIO.dd_width, CHECKBOX.dd_width {
  height:18px;
	width: 246px;
}

INPUT.dd_width, TEXTAREA.dd_width, RADIO.dd_width, CHECKBOX.dd_width {
	font-family:  tahoma, sans-serif;
  font-size: 12px;
  border-color :#cccccc;
  color: #000000;
  font-weight: normal;
  border-width: 1px;
  border-style: solid;
	padding-left:2px;
	padding-right:2px;
  margin: 2px;
}

SELECT.dd_width {
  height:20px;
	width: 250px;
  font-family:  tahoma, sans-serif;
  font-size: 12px;
  border-color :#cccccc;
  color: #000000;
  font-weight: normal;
  border-width: 1px;
  border-style: solid;
  margin: 2px;

}

.noborder, table.noborder, table.noborder TD, table.noborder TH, table.noborder TR
{
	border-color:#f7f7f7;
	border:none;
	padding:0;
	margin:0;
	background-color:none;
}





/* Sortable tables */
table.sortable {
  background-color:#fff;
  color:#000000;
  font-size: 12px;
  border-collapse:collapse;
  border: 1px #eeeeee solid;
}

table.sortable TH{
  background-color:#DEE4E8;
  color:#000000;
  font-size: 14px;
  font-weight:bold;
  border-collapse:collapse;
  border: 1px #eeeeee solid;
	text-align:left;
}

table.sortable TD{
  border: 1px #eeeeee solid;
}

table.sortable a.sortheader {
	color:#000000;
	text-decoration:none;
}
table.sortable span.sortarrow {
    color: black;
		font-family:"Times New Roman", Times, serif;
		font-weight:bolder;
		font-size:18px;
    text-decoration: none;
}

tr.sortable_row {
  background-color:#fff;
}

tr.sortable_row:hover{
  background-color:#f2f2f2;
}

/* End Sortable tables */

TABLE.form1
{
	border-width:1px;
	border-color:#CCCCCC;
	border-style:solid;
	background-color:#F7f7f7;
	margin-bottom:10px;
}

TABLE.header
{
	margin:0;
	padding:4px;
}


TABLE.header TD {
  font-size:11px;
  font-family: tahoma, arial;
  border-collapse:collapse;
  border: none;
  color:#000000;
}


TABLE.form 
{
	border: 1px #A8BFCF solid;
	background-color:#F7f7f7;
	border-collapse:collapse;
	margin-bottom:10px;
}


TABLE.form TD {
  font-size:11px;
  font-family: tahoma, arial;
  border: 1px #A8BFCF solid;
	border-collapse:collapse;
  color:#000000;
}

TABLE.form TH {
  background-color:#DEE4E8;
	border: 1px #A8BFCF solid;
	border-collapse:collapse;
  color:#000000;
  font-size: 11px;
  font-weight:bold;
	text-align:left;
}



/* Reports */
TABLE.report 
{
	background: #ffffff;
	border-color:#00CC00;
	border-style:outset;
	border-width: 2px; 
	margin-top:5px;
	padding:4px;
}
.report
{
	color: #000000;
	font-weight:bold;
	font-size:14px;
}
TABLE.error 
{
	background: #ffffff;
	border-color:#FF0000;
	border-style:outset;
	border-width: 2px; 
	margin-top:5px;
	padding:4px;
	
}
.error 
{ 
	color:#990000;
	font-weight:bold;
	font-size:14px;
}
.label
{
	font-size:9px;
	font-family:arial;
	color:#999999;
}
.red
{
	color:#CC0000;
}

.odd
{
	background-color:#f2f2f2;
}
/* Ajax Tabs*/
	.shadetabs{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	}
	
	.shadetabs li{
	display: inline;
	margin: 0;
	}
	
	.shadetabs li a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #778;
	color: #2d2b2b;
	background: white url(images/shade.gif) top left repeat-x;
	}
	
	.shadetabs li a:visited{
	color: #2d2b2b;
	}
	
	.shadetabs li a:hover{
	text-decoration: underline;
	color: #2d2b2b;
	}
	
	.shadetabs li.selected{
	position: relative;
	top: 1px;
	}
	
	.shadetabs li.disabled a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #778;
	color: #2d2b2b;
	background: white url(images/shade.gif) top left repeat-x;
	}

	.shadetabs li.disabled a:hover{ /*selected main tab style */
	text-decoration: none;
	}

	
	.shadetabs li.selected a{ /*selected main tab style */
	background-image: url(images/shadeactive.gif);
	border-bottom-color: white;
	}
	
	.shadetabs li.selected a:hover{ /*selected main tab style */
	text-decoration: none;
	}
	
	.contentstyle{
	border: 1px solid gray;
	width: 98%;
	margin-bottom: 1em; padding: 10px;
	min-height:100px;
	}
/* End Ajax Tabs*/


.repair_tabs
{
	padding:0;
	margin:0;
	margin-left:5px;
	margin-bottom:2px;
	text-align:left;
}

.repair_tabs ul {
	list-style:none;
}

.repair_tabs li {
	display: inline;
	text-decoration: none;
	padding: 3px 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	color:#999999;
	font-size:11px;
	font-weight:bold;
	border: 1px solid #999;
	border-bottom:none;
	cursor:pointer;
}


.repair_tabs  li.selected {
	color: #2d2b2b;
	position:relative;
	/*background-image: url(images/shadeactive.gif);*/
	background-color:#FFFF00;
	border: 1px solid #000;
	border-bottom-color: white;
}
.repair_tabs li.disabled {
	color: #2d2b2b;
	position:relative;
	background: white url(images/shade.gif) top left repeat-x;
	border: 1px solid #000;
	border-bottom:none;
}

.small_date
{
  color:#999999;
  font-size:10px;
  font-family:Arial, Helvetica, sans-serif;
}

.im_notes
{
  color:#000;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
	margin-top:5px;
	padding:5px;
	border:#000000 1px solid;
	background-color:#f7f7f7;
	height:300px;
	overflow:auto;
}

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);*/
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

/* -------------------------------------------- */
/* --- AutoSuggest --- */

	ul.autosuggest
	{
		position: absolute;
		list-style: none;
		margin: 0;
		padding: 0;
		overflow-y: auto;
	}
	
	ul.autosuggest li
	{
		text-align: left;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	
	ul.autosuggest li a:link,
	ul.autosuggest li a:visited
	{
		display: block;
		padding: 2px;
		text-decoration: none;
		background-color: #eee;
	}

	ul.autosuggest li a:hover,
	ul.autosuggest li a:active
	{
		color: #000;
		background-color: #FFFFCC;
	}


	ul.autosuggest li.highlight a:link,
	ul.autosuggest li.highlight a:visited
	{
		color: #000;
		background-color: #FFFFCC;
	}

/* --------------------------------------------------- */

.ewm_suggestions {
    -moz-box-sizing: border-box;
		display:block;
    box-sizing: border-box;
    border: 1px solid black;
    position: absolute;
		background-color:#FFFFFF;
		color:#000;
		z-index:100;

}

.ewm_suggestions div {
    cursor: default;
    padding: 0px 3px;
		background-color:#FFFFFF;
		z-index:101;
}

.ewm_suggestions div.current {
    background-color: #0a246a;
    color: white;
		z-index:101;
}

/* ------------------------------------------------ */
		.suggestion_list
		{
		font-size:12px;
		background: white;
		border: 1px solid;
		padding: 0;
		text-indent:4px;
		z-index:3;
		}
		
		.suggestion_list ul
		{
		padding: 0;
		margin: 0;
		list-style-type: none;
		z-index:4
		}

		.suggestion_list li
		{
		padding: 0;
		margin: 0;
		list-style-type: none;
		z-index:5
		}
		
		.suggestion_list a
		{
		text-decoration:none;
		color:#000066;
		}

		.suggestion_list a:hover
		{
		text-decoration:none;
		color:#fff;
		}
		
		.suggestion_list .selected
		{
		background: #000066;
		color: white;
		
		}
		
		.suggestion_list .selected a
		{
		color: white;
		}

		#autosuggest
		{
		display: none;
		}
		
/***********************************
**
** modal-message
**
***********************************/

.modalDialog_transparentDivs{	
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:3px solid #000;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}
	
	
/***********************************
**
** EWM Tabs
**
***********************************/
.ewm_tab_area {
	border: 10px solid #fff; 
	border-bottom: none;
	border-top: none;
	background: #fff;
	margin: 0 auto;
	margin-top:15px;
}

#ewm_tabs {
	background: #fff;
	margin: 0 auto 0 auto;
	padding: 0;
	height:24px;
	voice-family: inherit;
}

#ewm_meu {
	float:none;
	background:white;
	padding:0;
	margin:0;
	list-style:none;
	font-size:10px; 
	font-family:tahoma, verdana;
	z-index:10;
}
#ewm_meu ul {
	float:left;
	background:white;
	padding:1px 0 0 0;
	margin:0;
	list-style:none;
	font-size:11px; 
	font-family:tahoma,verdana;
	z-index:10;
}
#ewm_meu a {
	display: block;
	height:1.4em;
	padding:3px 0 0 0;	
	vertical-align:middle;
	text-decoration: none;
	color:#3D4068;
}

#ewm_meu a.shop_ewm_tab, span.shop_ewm_tab {
	display: block;
	background: transparent url("/images/shade.gif") top right;
	width:100%;
	padding: 3px 7px;
	margin-right: 3px;
	line-height:18px;
	height:21px;
	vertical-align:middle;
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
	color:#000;
	border: 1px solid #778;
}

#ewm_meu  li.shop_ewm_tab {
	background: transparent url("../images/shadeactive.gif") 0 0 no-repeat;
	margin:0 0 0 0;
	height:24px;
}
#ewm_meu li {
	float: left;
	text-align:center;
}
#ewm_meu li ul {
	position: absolute;
	margin:0 0 0 0;
	left: -999em;
	border:1px solid #979797;
	/*border-top:none;*/
	width: 177px;
	height: auto;
	font-weight: normal;
}
#ewm_meu li li {
	margin:0 0 0 0;
	padding:0 2px 2px 10px;
	width:165px;
	background:#f3f3f3;
	text-align:left;
}
#ewm_meu li li a {
	width:165px;
	overflow:visible;
	color:#333;
	font-size:11px;
}
#ewm_meu li li ul {
	margin-left:150px;
	margin-top:-21px;
}
#ewm_meu li:hover ul ul, #ewm_meu li:hover ul ul ul, #ewm_meu li.sfhover ul ul, #ewm_meu li.sfhover ul ul ul {
	left: -999em;
}
#ewm_meu li:hover ul, #ewm_meu li li:hover ul, #ewm_meu li li li:hover ul, #ewm_meu li.sfhover ul, #ewm_meu li li.sfhover ul, #ewm_meu li li li.sfhover ul {
	left: auto;
}
#ewm_meu li:hover, #ewm_meu li.sfhover {
	background-position: 0% -124px; 
}
#ewm_meu li li:hover, #ewm_meu li li.sfhover {
	width: 165px;
	background:#fff;
}

/*
WICK: Web Input Completion Kit
http://wick.sourceforge.net/
Copyright (c) 2004, Christopher T. Holland,
All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
Neither the name of the Christopher T. Holland, nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

*/



.floater {
position:absolute;
z-index:200;
bottom:0;
right:0;
display:none;
padding:0;
}

.floater td {
font-family: Gill, Helvetica, sans-serif;
background-color:white;
border:1px inset #979797;
color:black;
}

.matchedSmartInputItem {
font-size:0.8em;
padding: 5px 10px 1px 5px;
margin:0;
cursor:pointer;
}

.selectedSmartInputItem {
color:white;
background-color:#3875D7;
}

#smartInputResults {
padding:0;margin:0;
}

.siwCredit {
margin:0;padding:0;margin-top:10px;font-size:0.7em;color:black;
}

#div_tagsearch_update { font-size: 1.5em; color: red; position: relative; top: 60px; font-weight: bold; }