/******************************************************
 * Mobile stylesheet for : MapAbility.Com/ei8ic  2020 *
 ******************************************************/
HTML {
  width: 100%; height: 100%
}

BODY {
  width: 100%;
  height: 100%;
  font-size: 0.9em;
  color: #111;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  background: url("../images/boxes_bg2.gif");
  background-color: #006699;
  margin: 0px;
  text-align: left;
  line-height: 1.3em;
}

H1 {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1em;
  margin-bottom: 1em;
  padding: 0.5em;
  color: #111;
  background-color: #959dff;
  font-family: Arial, Helvetica, Geneva, sans-serif;
}

H1.error {
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 1em;
  padding: 1em;
  color: #111;
  background-color: #ff9595;
  font-family: Arial, Helvetica, Geneva, sans-serif;
}

H2 {
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 1em;
  color: #111;
  font-family: Arial, Helvetica, Geneva, sans-serif;
}

H3 {
  font-size: 1.1em;
  margin-top: 2em;
  margin-bottom: 0.5em;
  padding: 0.75em;
  color: #111;
  background-color: #dddfff;
  font-family: Arial, Helvetica, Geneva, sans-serif;
}

A {
  color: #111;
  text-decoration: underline;
}

A:hover {
  text-decoration: none;
  background-color: #dddfff;
}

ul.list-circle {
    list-style-type: circle;
}

ul.list-square {
    list-style-type: square;
}

OL {
  margin-left: 20px;
  list-style-type: decimal
}

OL LI {
  line-height: 1.3em;
}

INPUT {
  font-size: 11px;
  border-top-style: none;
  line-height: 16px;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none
}

SELECT {
  font-size: 11px;
  border-top-style: none;
  line-height: 16px;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none
}

A.small { 
  font-size: smaller;
}

TEXTAREA {
  font-size: 11px;
  border-top-style: none;
  line-height: 16px;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none
}

TEXTAREA.sorter {
  width: 900px;
  FONT-SIZE: 16px;
  background-color: #dddfff;
}

INPUT.sorter {
  FONT-SIZE: 16px;
  background-color: #dddfff;
}

.currencybox {
  width: 20em;
  color: #EEE;
  font-size: 0.8em;
  background: #4D67B3;
  float: right;
}

.currencybox select {
  color: #EEE;
  font-size: 0.8em;
  width: 10em;
  background: #4D67B3;
}

.contactBox {
  width:300px;
  background-color:#ddd;
  padding:0.5em;
}

.img100 img{
	width: 100px;
	height: auto;
}

.logo {
  display: block;
  padding: 0;
  float: left;
  font-size: 1.5em;
  line-height: 32px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

.container {
  width: 90%;
  border: #2F3F72 solid;
  padding: 1em;
  background-color: #fff;
  margin: 2em auto;
}

.content {
  border: 1em;
  padding: 0em;
  background-color: #fff;
  margin: 1em;
  text-align: left;
}

.img480 img{
	width: 300px;
	height: auto;
}

.img_mobile img{
	width: 300px;
	height: auto;
}

.imagepad {
  padding: 10px;
}

.warning {
  font-weight: bold;
  color: #f00;
}

.formbox {
  width: 250px;
}

.lbox {
  background-color: #707070;
}

.question {
  background-color: #dddfff;
  color: #000066;
  font-size: 1em;
  line-height: 1.2em;
  padding: 0.25em;
  }

.link {
  background-color: #888888;
  color: #eeeeee;
  font-size: 8pt;
  font-family: Verdana;
  }

TH.sitemap {
  background-color: #cccccc;
  font-weight: bold;
  color: #444444;
  padding: 6px;
}

A.sitemap {
  color: #444444;
  text-decoration: none;
}

TD.sitemap1 {
  background-color: #FFFF99;
  color: #444444;
}

TD.sitemap2 {
  background-color: #66FFCC;
  color: #444444;
}

TD.sitemap3 {
  background-color: #FF9999;
  color: #444444;
}

TD.sitemap4 {
  background-color: #00CCFF;
  color: #444444;
}


TD.sitemap5 {
  background-color: #FFCC99;
  color: #444444;
}

.error {
  COLOR: #f30
}

.clear {
  CLEAR: both; FONT-SIZE: 0px; LINE-HEIGHT: 0px; HEIGHT: 0px
}

.example {
  PADDING: 16px;
  BACKGROUND-COLOR: #bbbbbb;
  COLOR: #444444;
}

.list_error {
  background-color: #ff9595;
  padding: 8px;
}

a.tooltip {outline:none; }

a.tooltip strong {
  line-height:2em;
}

a.tooltip:hover {
  text-decoration:none;
}

a.tooltip span {
  z-index:10;
  display:none;
  padding:14px 20px;
  margin-top:-30px;
  margin-left:28px;
  width:280px;
  line-height:20px;
}

a.tooltip:hover span{
  display:inline;
  position:absolute;
  color:#111;
  border:1px solid #DCA;
  background:#fffAF0;
}
.callout {
  z-index:20;
  position:absolute;
  top:30px;
  border:0;
  left:-12px;
}

/*CSS3 extras*/
a.tooltip span {
  border-radius:4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: 5px 5px 8px #CCC;
  -webkit-box-shadow: 5px 5px 8px #CCC;
  box-shadow: 5px 5px 8px #CCC;
}

.button1{
  border: 1px solid #333f8f;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  padding: 4px 4px 4px 4px;
  text-decoration: none;
  margin: 2px;
  display: inline-block;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
  font-weight: bold;
  color: #FFFFFF;
  background-color: #4251B8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4251B8), to(#4A4878));
  background-image: -webkit-linear-gradient(top, #4251B8, #4A4878);
  background-image: -moz-linear-gradient(top, #4251B8, #4A4878);
  background-image: -ms-linear-gradient(top, #4251B8, #4A4878);
  background-image: -o-linear-gradient(top, #4251B8, #4A4878);
  background-image: linear-gradient(to bottom, #4251B8, #4A4878);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4251B8, endColorstr=#4A4878);
}

.button1:hover{
  border: 1px solid #27306d;
  background-color: #354092;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#354092), to(#363558));
  background-image: -webkit-linear-gradient(top, #354092, #363558);
  background-image: -moz-linear-gradient(top, #354092, #363558);
  background-image: -ms-linear-gradient(top, #354092, #363558);
  background-image: -o-linear-gradient(top, #354092, #363558);
  background-image: linear-gradient(to bottom, #354092, #363558);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#354092, endColorstr=#363558);
}