/* CSS Document */

* {	  font-size:12px;}
html .fixpng{behavior: url(/iepngfix.htc);}
html { height: 100%; margin-bottom: 1px;}
/*TAG MODS*/
body  {

  margin:0px;
  color:#5B5B5B;
  font-family:Georgia, Arial, Helvetica, sans-serif;
  font-size:12px;
  
}

img, div { behavior: url(/includes/javascript/iepngfix/iepngfix.htc) }

h1  {

 font-family: Arial, Helvetica, sans-serif;
  margin: 0px 0px 0px 0px;
  padding-right:3px;
  color:#004593;
  font-size:40px;
  font-weight:bold;
  letter-spacing:-2px;

}
h2  {

  margin: 0px 0px 0px 0px;
  color:#000000;
  font-size:20px;
  letter-spacing:-1px;
   font-weight:bold;

  
   
} 
h3  {
  margin:0px;
  color:#84A4AD;
  font-size:112%;
  display:inline;

    display:block;
}
h4  {

  margin: 0px 0px 0px 0px;
  color:#0B4C97;
  font-size:18px;
  letter-spacing:-1px;
   font-weight:normal;

  
   
}

.img_preload {
left: 0;
position: absolute;
top: 0;
visibility: hidden;
} 
p
{
	  font-size:12px;
	line-height:160%;
}
a:link, a:visited, a:active  {
  color:#0066CC;
  text-decoration:underline;
  font-weight:bold;
  outline:0;
}

a:hover  {
  color:#3E9EFF;
  text-decoration:underline;
    outline:0;

}



a.menu:link, a.menu:visited, a.menu:active  {
  color:#f2f2f2;
  text-decoration:none;

  font-size:12px;
  font-weight:bold;
}
a.menu:hover  {
  color:#ffffff;
  text-decoration:underline;

}

a.tiny:link, a.tiny:visited, a.tiny:active, .tiny  {
  color:#cccccc;
  text-decoration:none;

  font-size:10px;
  font-weight:normal;
}
a.tiny:hover  {
  color:#4884CC;
  text-decoration:underline;

}

#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;
}
a.footer:link, a.footer:visited, a.footer:active, .footer
{
  color:#999999;
  font-size:10px;
  font-weight:normal;
}
a.ewm_logo:link, a.ewm_logo:visited, a.ewm_logo:active, .ewm_logo
{
  color:#C4C4C4;
  font-size:10px;
  text-decoration:none;
  font-weight:normal;
}

/*GUTS*/
.container  {

  padding: 10px;
  margin:0 auto;
  background-color:#FFFFFF;
  border-style:dashed;
  border-color:#CCCCCC;
  border-width:1px;

}
/*FORMS*/
INPUT
{
  height:18px;
 
  padding-left:2px;
 
  border:1px solid #CCCCCC;
  
   color:#000000;
  font-weight:normal;
    font-family:Georgia, Arial, Helvetica, sans-serif;
   font-size:13px;
}
SELECT
{

  height:20px;
 
  padding:2px;
 
  border:1px solid #CCCCCC;
  
  color:#000000;
  font-weight:normal;
    font-family:Georgia, Arial, Helvetica, sans-serif;
   font-size:13px;

}
TEXTAREA
{
 
  padding:4px;
 
  border:1px solid #CCCCCC;
  color:#000000;
  font-weight:normal;
    font-family:Georgia, Arial, Helvetica, sans-serif;
   font-size:13px;

}


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:13px;
  font-weight:bold;
  font-family:Georgia, Helvetica, sans-serif;
  color:#fff;
  height:24px;
  background-color:#004593;
  border-color:#003877;
  }
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;
  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
{
  border: 1px #eeeeee solid;
  background-color:#F7f7f7;
  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 #eeeeee solid;
  background-color:#F7f7f7;
  margin-bottom:10px;
}


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

TABLE.form TH {
  background-color:#DEE4E8;
  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;
}


.repair_tabs  li.selected {
  color: #2d2b2b;
  position:relative;
  background-image: url(images/shadeactive.gif);
  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;
    }



/***********************************
**
** 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;
}






/*****************************************************
    **
    ** Form Validation
    **
    *****************************************************/
    .required{
    
    padding-left:2px;
    padding-right:2px;
    
    }
    
    input.required, textarea.required {
    
    width:245px;
    padding-left:2px;
    padding-right:2px;
    
    }
    
    select.required {
    border: 1px solid #00A8E6;
    width:250px;
    padding-left:2px;
    padding-right:2px;
    
    }
    
    input.validation-failed, textarea.validation-failed {
    border: 1px solid #FF3300;

    
    }
    input.validation-passed, textarea.validation-passed {
    border: 1px solid #00CC00;
   
    
    }
    
    .validation-advice {
    position:relative;
    margin:0px;
    margin-top:0px;
    padding: 2px;
    background-color: #FF0000;
    color : #FFF;
    font-weight: bold;
    width:200px;
    }
    
    .custom-advice {
    margin: 5px 0;
    margin-left:5px;
    padding: 5px;
    background-color: #C8AA00;
    color : #FFF;
    font-weight: bold;
	  }