/* Update OpenCart */
#menu {z-index:10;}

/* All color #c12222 */
#web0808 a, #web0808 .breadcrumb a:last-child, #web0808 .breadcrumb a:hover, #web0808 .vtabs a.selected, #web0808 .vtabs a.selected:hover, #web0808 .contentweb0808 h2, #web0808 .iconselector .selected-icon, #web0808 .iconselector .selected-icon:hover {color:#22b699;}

/* All border bottom #c12222 */
#web0808 .htabs {border-bottom:2px solid #22b699;}

/* All background #c12222 */
#web0808 .htabs a.selected {background:#22b699;}

/* Admin Theme */
#web0808 a {text-decoration:none; outline:none;}
#web0808 a:active {outline:none; background:none;}
#web0808 a:hover {cursor:pointer; outline:none; color:#000;}

#web0808 .breadcrumb {text-align:center; color:#ccc; margin-top:5px;}
#web0808 .breadcrumb a {text-decoration:none; font-size:11px; color:#666;}

#web0808 .success, #web0808 .warning, #web0808 .attention {border:none; color:#333;}
#web0808 #web0808notification {display:table; width:100%; background:#fff; margin:0 0 20px 0; padding:10px 0; position:relative; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2); box-shadow:0 0 5px rgba(0, 0, 0, 0.2);}
#web0808 #web0808notification p { display:table-cell; vertical-align:middle; margin:10px 0; padding:0 35px 0 0; line-height:22px; color:#666;}
#web0808 #web0808notification p a { font-weight:600; text-decoration:none; color:#333;}
#web0808 #web0808notification .iconp { width:40px; height:40px; padding:0 10px; margin:0;}
#web0808 #web0808notification .iconp i { cursor:default; float:left; width:40px; height:40px; font-size:32px; text-align:center; line-height:40px;}
#web0808 .success p.iconp i { color:#81ad29;}
#web0808 .warning p.iconp i { color:#c12222;}
#web0808 .attention p.iconp i { color:#FFCC66;}
#web0808 .information p.iconp i { color:#FFCC66;}
#web0808 table #web0808notification {display:inline-block; margin:10px 0 0 0;}

#web0808 .box { min-width:980px; max-width:1220px; margin-left:auto; margin-right:auto; background:#f5f5f5;}
#web0808 input[type='text'] { padding:10px; border:1px solid #ccc; background:#fff; color:#999; width:150px; min-width:150px; max-width:150px;}
#web0808 select { padding:9px 10px; border:1px solid #ccc; background:#fff; color:#999; width:170px; min-width:170px; max-width:170px;}
#web0808 textarea { padding:10px; border:1px solid #ccc; background:#fff; color:#999; line-height:19px;}
#web0808 input[type="text"]:focus, #web0808 select:focus, #web0808 textarea:focus { color:#000; outline:none; border:1px solid #999; -moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.2); box-shadow:inset 0 0 3px rgba(0,0,0,0.2);}
#web0808 select.miniselect {width:80px; min-width:80px; max-width:80px;}
#web0808 input[type="text"].miniinputtext {width:100px; min-width:100px; max-width:100px;}
#web0808 a.button, #web0808 input.button {font-size:12px; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block; text-decoration:none; border:none; margin:0; padding:7px 10px; text-shadow:1px 1px 0 rgba(0,0,0,0.2); -moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.1); box-shadow:inset 0 -2px 0 rgba(0,0,0,0.1); vertical-align:top;}
#web0808 a.button i, #web0808 input.button i {float:left; width:14px; height:14px; font-size:14px; line-height:14px; margin:0 3px 0 0;}
#web0808 a.button, #web0808 input.button {color:#fff; background-color:#81ad29;}
#web0808 a.button:hover, #web0808 input.button:hover {color:#fff; background-color:#aeaeae;}
#web0808 a.button_alt, #web0808 input.button_alt {color:#fff; background-color:#444;}
#web0808 a.button_alt:hover, #web0808 input.button_alt:hover {color:#fff; background-color:#aeaeae;}

#web0808 .heading .buttons {margin-right:14px; padding-top:17px;}
#web0808 .heading {background:#444444; border:none; height:60px; padding-left:0; padding-right:0; -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -khtml-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;}
#web0808 .heading h1 { color:#f5f5f5; font-size:18px; padding:14px 0 0 14px; line-height:32px;}
#web0808 .heading h1 i { float:left; text-align:center; width:32px; height:32px; line-height:32px; font-size:22px; margin:0 5px 0 0; color:#f5f5f5;}
#web0808 .contentweb0808 { border-bottom:none; border-left:none; border-right:none; padding:30px;}
#web0808 .contentweb0808 h2 {margin:0 0 10px 0; padding:10px; background:#f5f5f5; border-bottom:1px solid #ccc;}
#web0808 .contentweb0808 .toph2 {margin:0 0 10px 0;}

#web0808 .htabs {display:inline-block; width:100%; padding:0; height:auto; min-height:36px; line-height:16px; margin-bottom:10px; background:none;}
#web0808 .htabs a {border-top:none; border-left:none; border-right:none; background:#fff; padding:10px 15px; font-size:12px; font-weight:normal; color:#333; margin-right:0; display:none;}
#web0808 .htabs a:hover {color:#000;}
#web0808 .htabs a.selected {padding:10px 15px; color:#fff;}
#web0808 .htabs a.selected:hover {cursor:text; color:#fff;}
#web0808 .htabs a .iicon {float:left; width:16px; height:16px; font-size:14px; text-align:center; line-height:16px; margin:0 5px 0 0; color:#999;}
#web0808 .htabs a.selected .iicon {color:#fff;}
#web0808 .htabs-content {background:#fff; padding:1px 10px 10px 10px; margin:-10px 0 0 0; -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2); box-shadow:0 0 5px rgba(0, 0, 0, 0.2);}
#web0808 .secondhtabs {border-bottom:2px solid #444444;}
#web0808 .secondhtabs a.selected {background:#444444; color:#fff;}

#web0808 .vtabs {width:190px; padding:0; border-right:none;}
#web0808 .vtabs a {display:none; text-transform:uppercase;}
#web0808 .vtabs a, .vtabs span {display:block; float:left; text-align:left; width:160px; margin-bottom:0; clear:both; border-top:none; border-left:none; border-bottom:none; background:#f5f5f5; padding:20px 0 20px 20px; color:#999;}
#web0808 .vtabs a:hover, .vtabs span:hover {color:#333;}
#web0808 .vtabs a.selected {padding:20px 0 20px 20px; background:#fff; -moz-box-shadow:-2px 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow:-2px 0 2px rgba(0, 0, 0, 0.2); box-shadow:-2px 0 2px rgba(0, 0, 0, 0.2); position:relative; z-index:6;}
#web0808 .vtabs a.selected:hover {cursor:text;}
#web0808 .vtabs-content {margin-left:180px; min-height:300px; background:#fff; padding:10px; -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2); box-shadow:0 0 5px rgba(0, 0, 0, 0.2); position:relative; z-index:5;}

#web0808 table.form > tbody > tr > td:first-child {width:150px; padding:15px 0 10px 15px;}
#web0808 table.form > tbody > tr > td {padding:15px 5px; border-bottom:1px solid #eee}
#web0808 table.form > tbody > tr:last-child > td {border-bottom:none;}
#web0808 table .helplinktd { width:100px; vertical-align:top;}
#web0808 table.form-top-options { margin-bottom:0; border-bottom:1px solid #eee}

#web0808 table.list {border-left:none;border-top:none;}
#web0808 table.list td {border-bottom:none; border-right:none;}
#web0808 table.list thead td {background-color:#f5f5f5; border-bottom:1px solid #ccc;}
#web0808 table.list tr > td:first-child {width:150px; padding:15px 0 10px 15px;}
#web0808 table.list tr > td {padding:15px 5px; border-bottom:1px solid #eee}
#web0808 table.list > tbody > tr:last-child > td {border-bottom:none;}
#web0808 table.list > tbody > tr:hover td {background-color:#fff;}
#web0808 .opac-options {cursor:no-drop !important; opacity:0.4 !important;}
#web0808 .opac-options input {cursor:no-drop !important;}

#web0808 .help {padding:5px 0;}
#web0808 .helplink { display:inline-block; padding:3px 0 0 0; margin:13px 0 0 0; font-size:11px; color:#666;}
#web0808 .helplink i { font-size:12px; color:#22b699;}
#web0808 .helplink:hover { color:#000;}
#web0808 .image {background:#fff; min-width:150px; border:1px solid #cccccc; vertical-align:top; margin:0 10px 0 0; text-align:center;}
#web0808 .image .image08title { display:inline-block; width:100%; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #CCCCCC;}
#web0808 .scrollbox {width:auto; min-height:130px;}
#web0808 .scrollbox div {margin:0; padding:8px;}
#web0808 .scrollbox div.odd {background:#f5f5f5;}
#web0808 .colorpicker_icon_info {font-size:24px; vertical-align:middle; margin:0 0 0 5px; color:#444444;}

#web0808 .imageselector a {position:relative; display:inline-block; margin:5px 15px 5px 0; -webkit-border-radius:50%; -moz-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;}
#web0808 .imageselector a img {display:inline-block; -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -webkit-border-radius:50%; -moz-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; border:6px solid #fff;}
#web0808 .imageselector .selected img {-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); box-shadow:0 0 5px rgba(0, 0, 0, 0.3); opacity:1;}
#web0808 .imageselector span {display:none; position:absolute; top:-11px; left:50%; margin:0 0 0 -22px; width:32px; height:32px; background:#81ad29; border:6px solid #fff; -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.3); box-shadow:0 2px 2px rgba(0, 0, 0, 0.3); -webkit-border-radius:50%; -moz-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;}
#web0808 .imageselector span i {float:left; width:32px; height:32px; line-height:32px; font-size:22px; text-align:center; color:#fff}
#web0808 .imageselector .selected span  {display:block;}

#web0808 .javabut { display:table; width:100%; margin:5px 0 0 0; overflow:auto;}
#web0808 .javabut a { cursor:pointer; float:left; text-decoration:none; color:#333; background-color:#e6e6e6; background-image:url(images/mini_sh.png); background-position:left bottom; background-repeat:repeat-x; padding:6px 11px; margin:0; -moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.1); box-shadow:inset 0 -2px 0 rgba(0,0,0,0.1); text-shadow:1px 1px 0 rgba(255,255,255,0.6); min-width:25px; min-height:24px; line-height:24px; text-align:center; border-bottom:1px solid #a8a8a8;}
#web0808 .javabut a:hover {background-position:0 10px; border-bottom:1px solid #bdbdbd;}
#web0808 .javabut a.first-child {-moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px;}
#web0808 .javabut a.last-child {-moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0;}
#web0808 .javabut .selected {color:#fff; background-color:#81ad29; background-image:none; text-shadow:1px 1px 0 rgba(0,0,0,0.2); -moz-box-shadow:inset 0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,0.3); box-shadow:inset 0 2px 2px rgba(0,0,0,0.3); cursor:default; border-bottom:1px solid #81ad29;}
#web0808 .javabut .disabled .selected {color:#999999; background-color:#eeeeee; text-shadow:none; -moz-box-shadow:inset 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,0.1); box-shadow:inset 0 2px 2px rgba(0,0,0,0.1); border-bottom:1px solid #d9d9d9;}
#web0808 .javabut .selected:hover {border-bottom:1px solid #81ad29;}
#web0808 .javabut .disabled .selected:hover {border-bottom:1px solid #d9d9d9;}
#web0808 .javabut .iconselection { font-size:20px; vertical-align:middle; color:#aeaeae;}
#web0808 .javabut .selected .iconselection {color:#fff;}
#web0808 .javabut .separator { float:left; width:100%; height:2px; padding:4px 0;}
#web0808 .opac {cursor:no-drop !important; opacity:0.4 !important; color:#333 !important; background-color:#e6e6e6 !important; background-image:url(images/mini_sh.png) !important; background-position:left bottom !important; -moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.1) !important; -webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.1) !important; box-shadow:inset 0 -2px 0 rgba(0,0,0,0.1) !important; text-shadow:1px 1px 0 rgba(255,255,255,0.6) !important; border-bottom:1px solid #a8a8a8 !important;}

#web0808 .iconselector { background-color:#fff; border:1px solid #ccc; width:360px; max-height:84px; padding:5px; overflow-y:scroll;}
#web0808 .iconselector a { text-decoration:none !important; float:left; color:#ccc; padding:5px; font-size:22px; width:32px; height:32px; text-align:center; line-height:32px;}
#web0808 .iconselector a:hover { color:#444;}
#web0808 .iconselector .selected-icon:hover { cursor:default;}

#web0808 .web0808-contact {background:#444; color:#666; position:relative; border-bottom:10px solid #333; border-top:3px solid #ccc;}
#web0808 .web0808-contact .title-web0808-contact {background:#444; color:#666; font-size:32px; line-height:44px; padding:85px 0 130px 100px; text-shadow:1px 1px 0 #333;}
#web0808 .web0808-contact .title-web0808-contact .icon-star {color:#E88E27;}
#web0808 .web0808-contact .title-web0808-contact span {color:#999;}
#web0808 .web0808-contact .button {position:absolute; right:25px; bottom:25px; padding:20px 40px; font-size:22px; font-weight:bold; text-shadow:2px 2px 0 rgba(0,0,0,0.2); -moz-box-shadow:inset 0 -5px 0 rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 -5px 0 rgba(0,0,0,0.1); box-shadow:inset 0 -5px 0 rgba(0,0,0,0.1);}
#web0808 .web0808-contact .web0808up {background:#333; width:42px; height:42px; position:absolute; left:20px; bottom:0; text-decoration:none; -webkit-border-radius:21px 21px 0 0; -moz-border-radius:21px 21px 0 0; -khtml-border-radius:21px 21px 0 0; border-radius:21px 21px 0 0;}
#web0808 .web0808-contact .web0808up i {float:left; width:42px; height:42px; line-height:42px; font-size:32px; text-align:center; color:#666;}
#web0808 .web0808-contact .web0808up:hover i {color:#fff;}





#web0808 .show-htop-info2-status, #web0808 .show-htop-info1-status, #web0808 .show-htop-custom-tab {margin-top:-20px;}




