.mobileHeader { 
font-family: 'Open Sans', sans-serif; 
font-size:14px; 
font-weight: 400;
letter-spacing: -0.03em;
background:#333;
color:#fff;
-webkit-box-shadow:inset 0 0 5px 5px #222;
-moz-box-shadow:inset 0 0 5px 5px #222;
box-shadow:inset 0 0 5px 5px #222 
}

.mobileHeader ul { display:block; margin:0 0 15px; padding:0; border-top:1px solid #1a1a1a; border-bottom:1px solid #4d4d4d }
.mobileHeader ul li { display:block; margin:0; line-height:39px; border-top:1px solid #4d4d4d; border-bottom:1px solid #1a1a1a }
.mobileHeader ul li:hover,.mobileHeader ul li.active,.mobileHeader ul li.mobileHeader-class-active{ line-height:40px }
.mobileHeader ul li:hover > a, .mobileHeader ul li:hover > span, .mobileHeader ul li.active > a, .mobileHeader ul li.active > span, .mobileHeader ul li.mobileHeader-class-active > a, .mobileHeader ul li.mobileHeader-class-active > span {
color: #82aeb2; -webkit-box-shadow:inset 0 0 15px 3px #222; -moz-box-shadow:inset 0 0 15px 3px #222; box-shadow:inset 0 0 15px 3px #222 }
.mobileHeader ul li a,.mobileHeader ul li span { padding:0 15px; display:block ;text-decoration:none; color:#fff }
.mobileHeader ul li#subMenuPage a, .mobileHeader ul li#subMenuPage02 a, .mobileHeader ul li#subMenuPage03 a { background-color: #444; color: #ccc; padding: 0 28px; height: 39px; }
.mobileHeader ul li#subMenuPage a:hover, .mobileHeader ul li#subMenuPage02 a:hover, .mobileHeader ul li#subMenuPage03 a:hover { color: #82aeb2; background: url('../images/turquoise-bullet.png'); background-position: 14px; background-repeat: no-repeat; }
.mobileHeader ul li#subMenuResponsive, .mobileHeader ul li#subMenuResponsive02, .mobileHeader ul li#subMenuResponsive03 { background: url('../images/arrow-responsive.png'); background-position: top right; background-repeat: no-repeat; }
.mobileHeader ul li#subMenuResponsive a, .mobileHeader ul li#subMenuResponsive a:hover { color: #fff; }

.mobileHeader ul li.clientAccess a { background: url('../images/users-icon.png'); background-position: top right; background-repeat: no-repeat; }

.mobileHeader ul li a,.mobileHeader ul li span{ padding:0 15px; display:block ;text-decoration:none; color:#fff}


.mobileHeader input[type="text"],.mobileHeader input[type="password"],.mobileHeader input[type="date"],.mobileHeader input[type="datetime"],.mobileHeader input[type="email"],.mobileHeader input[type="number"],.mobileHeader input[type="search"],.mobileHeader input[type="tel"],.mobileHeader input[type="time"],.mobileHeader input[type="url"],.mobileHeader textarea,.mobileHeader select { width:95%; font-size:14px; padding: 8px 10px; margin: 20px 15px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px; border:none; background: #eee; color:#333; display:block; clear:both }
.mobileHeader ul li #headerSearchButtonResp img { margin: 24px 0 0 10px; }

@media (min-width: 1px) and (max-width: 500px) {
.mobileHeader input[type="text"],.mobileHeader input[type="password"],.mobileHeader input[type="date"],.mobileHeader input[type="datetime"],.mobileHeader input[type="email"],.mobileHeader input[type="number"],.mobileHeader input[type="search"],.mobileHeader input[type="tel"],.mobileHeader input[type="time"],.mobileHeader input[type="url"],.mobileHeader textarea,.mobileHeader select { width:90%; }
}