tml, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END OF RESET SCRIPT */



body, html {
  font-family:arial, sans-serif;
  background:#f7f7f7;
  color:#555;
  font-size:14px;
  padding:0px;
  margin:0px;
}

h1, h2, h3, h4, h5, h6 {
  display:block;
  font-weight:normal;
  color:#333;
}

h1 {
  font-size:30px;
  padding:5px 0px 10px;
  margin-bottom:5px;
  text-shadow:0px 1px 0px #fff;
}

h2 {
  font-size:24px;
  padding:12px 0px;
}

.toph2 {
  background: #f7f7f7;
  padding:8px 12px;
  font-size:20px;
  margin-bottom: 12px;
}

.toph2 span {
  color: #009DFF;
}

h3 {
  font-size:20px;
  padding:10px 0px;
}

#header {
  background:#000;
  box-shadow:inset 0px -40px 5px rgba(255,255,255,0.15);
  height:100px;
  color:#fff;
  position:relative;
}

#logo {
  display:block;
  position:absolute;
  top:5px;
  color:#fff;
  height: 50px;
  padding-left:50px;
  font-size:30px;
  line-height: 50px;
  text-decoration:none;
  text-shadow:1px 2px 0px rgba(255,255,255,0.28);
  background:url("/themes/default_admin/images/logo.png") 7px 7px no-repeat;

}

.header-show-web a {
  position:absolute;
  top:0px;
  left:50%;
  width:100px;
  margin-left: -50px;
  height: 20px;
  line-height: 20px;
  border:1px solid #333;
  background:#222;
  font-size: 12px;
  color:#fff;
  text-decoration: none;
  text-align: center;

}

#user-info {
  position:absolute;
  right:10px;
  color:#009DFF;
  line-height:20px;
  height:44px;
  top:8px;
  text-align:right;
  padding-right:50px;
  background:url("/themes/default_admin/images/user-icon.png") right center no-repeat;
}

#user-info input[type=submit]{
  background:none;
  border:0px;
  color:#fff;
  line-height:16px;
  height:16px;
  margin-top:2px;
  padding:0px;
}

#user-info input[type=submit]:hover {
  color:#009DFF;
}

#top-nav {
  background:#222;
  border-top:1px solid #333;
  top:61px;
  position:relative;
}

#top-nav ul {

}

#top-nav ul li {
  float:left;

}
#top-nav ul li a{
  line-height:37px;
  padding:0px 10px;
  font-size:14px;
  border-left:1px solid #222;
  border-right:1px solid #222;
  color:#fff;
  display:inline-block;
  text-decoration:none;
}

#top-nav ul li a:hover {
  color:#66C4FF;
}

#top-nav ul li a.active {
  color:#009DFF;
  background:#000;
  border-left:1px solid #333;
  border-right:1px solid #333;
}

#content {
  padding:15px;
  box-shadow:0px 4px 4px rgba(0, 0, 0, 0.18) inset;
  min-height: 200px;
}

.question-item {
  border:1px solid #ddd;
  padding:10px;
  background:#f7f7f7;
  margin-bottom:10px;
  position:relative;
}

.question-item h3 {
  padding-bottom:5px;
}

.question-extra {
  position:absolute;
  top:8px;
  right:8px;
}

.question-description {
  font-size:14px;
  margin-top:5px;
  margin-bottom:15px;
}

.question-option {
  padding:5px;
  margin:5px 5px 0px 0px;
  border:1px solid #ddd;
  display:block;
  background:#fff;
}

.question-option form {
  float: right;
}

.question-result-item {
  padding:0px 0px 10px 0px;
  border-bottom:1px dotted #aaa;
}

.option-result-item {
  line-height: 23px;
  color:#555;
}

.question-result-item h3 {
  color:#009DFF;
}

.option-result-item span {
  font-size:14px;
  font-weight: bold;
}

.ori-name {
  font-size: 14px;
  color:#222;
  font-weight: bold;
  display: inline-block;
}


#login {
  margin:auto;
  position:relative;
  top:200px;
  width:308px;
  box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;  
  -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;  
  -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
  border:1px solid #ddd;
  border-radius:10px;
  padding:15px;
  background:#f7f7f7;  
}

#login label {
  display:inline-block;
  width:80px;
  text-align:right;
  margin-right:6px;
}

#login input[type=submit] {
  float:right;
}

#top-offer {
  padding:10px;
  border-radius:3px;
  border:1px solid #ddd;
  background:#eee;
  margin-bottom:15px;
  box-shadow: inset 0px 0px 1px #fff;
}


#left-content {
	width:20%;
	float: left;
  border-radius:3px;
  overflow:hidden;
	background: #eaeaea;
	border:1px solid #bbb;
	padding: 0px 0px 0px;
	position: relative;
}

.left-content-title {
  padding:6px 0px;
  text-align: center;
  font-size:15px;
  border-radius: 3px 3px 0px 0px;
  font-weight: normal;
  border-bottom:1px solid #bbb;
  box-shadow: inset 0px 0px 1px #fff;
}

#left-content ul {
	position: relative;
	overflow: visible;
}

#left-content li {
  position:relative;
  min-height:32px;
  line-height:32px;
}

#left-content.categories-tree ul {
 padding-left:15px;
}



#left-content ul.level0 {
  display: block;
  padding-left:0px;
}

#left-content li > a {
	padding: 5px 55px 5px 10px;
	box-shadow: inset 0px 8px 10px #fafafa;
	font-size: 14px;
  overflow:hidden;
	color: #111;
  border-top:1px solid #bbb;
	text-decoration: none;
	line-height:19px;
	display: block;
	min-height: 22px;
  line-height: 20px;
  position:relative;
  border-left:3px solid #009DFF;
}

.left-content-buttons {
  position:absolute;
  bottom:2px;
  right:2px;
  height: 23px;
  text-align: right;
}

.left-content-buttons .blue-button {
  padding:0px 5px !important;
  box-shadow: none;
  font-size: inherit;
  overflow:inherit;
  color: inherit;
  border-top:inherit;
  text-decoration: inherit;
  line-height:inherit;
  min-height: initial;
  position:absolute;
  bottom:3px;
  right:3px;
}

.left-content-buttons .yellow-button {
  padding:0px 5px !important;
    margin-right: 3px;
  box-shadow: none;
  font-size: inherit;
  overflow:inherit;
  color: inherit;
  border-top:inherit;
  text-decoration: inherit;
  line-height:inherit;
  display: inline-block;
  min-height: initial;
  float: right;
}

#left-content li.hidden > a {
  border-left:3px solid #888;
}

#left-content li:first-child> a {
  border-top:0px;
}

#left-content li > a:hover {
	background: #f7f7f7;
}

#left-content li > a.active {
  background: #fafafa;
  border-left:3px solid #0079C4;
}

#left-content li.active > a {
	background: #278dc2;
  color: #FFFFFF;
	box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1) inset;
}

#left-content li > a .desc {
	font-size: 12px;
	color:#888;
  line-height: 14px;
	display: block;
}

.arrow {
  width:16px;
  height:12px;
  background:url("/themes/default_admin/images/arrow-up.png") no-repeat center #ccc;
  border-radius:2px;
  position:absolute;
  top:14px;
  right:30px;
}

.arrow.down {
  background:url("/themes/default_admin/images/arrow-down.png") no-repeat center #ccc;
  right:10px;
}

#left-content li.active a span {
	color:#ddd;
}

#right-content {
  width:77%;
  float:right;
  border-radius:3px;
  overflow:hidden;
  padding:1%;
  background:#fff;
  border:1px solid #bbb;
} 

.help {
  font-size:16px;
  text-align:center;
  color:#FF6100;
}

.form-item {
  background:#f7f7f7;
  padding:1%;
  border:1px solid #eee;
  border-radius:4px;
  margin-bottom:6px;
}

.form-item label{
  display:inline-block;
  float:left;
  width:12%;
  min-width:150px;
  text-align:right;
  padding-right:0.5%;
  position:relative;
  padding-top:5px;
}

.form-edit .form-item {
  background: #F7FDFF; /* EFF6F9; */
  border:1px solid #D9EEF7;
}

.form-add .form-item {
  background:#EDFFF4;
  border:1px solid #CCFFDF;
}














.notifications-part {
  position:fixed;
  right: 2px;
  top:102px;
  width:400px;
}

.notification {
  width:310px;
  min-height: 20px;
  color:#fff;
  padding:20px 25px 20px 65px;
  background:rgba(0,0,0,0.8);
  font-size:15px;
  line-height:20px;
  margin-bottom:10px;
  z-index: 10;
  position: relative;
  border-radius: 4px;
}

.notification.success {
  background:url("/themes/default_admin/images/notification-success.png") no-repeat 7px 7px rgba(0,0,0,0.8);
  color:#0ECA60;
}

.notification.error {
  background:url("/themes/default_admin/images/notification-error.png") no-repeat 7px 7px rgba(0,0,0,0.8);
  color:#EC3F1E;
}

.notification.info {
  background:url("/themes/default_admin/images/notification-info.png") no-repeat 7px 7px rgba(0,0,0,0.8);
  color:#009DDB;
}

.notification.warning {
  background:url("/themes/default_admin/images/notification-warning.png") no-repeat 7px 7px rgba(0,0,0,0.8);
  color:#F4B525;
}



.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

input[type=submit], button, .button, .green-button, .blue-button, .red-button, .yellow-button {
  width: auto;  
  padding: 0px 10px;
  height:32px;
  line-height:32px; 
  cursor:pointer;
  display:inline-block;
  text-decoration:none;
  border: 0px;  
  font-size: 14px;  
  color: #FFFFFF;
  border-radius: 3px;  
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px; 
}

input {
  font-family:arial;
  font-size:14px;
}

input[type=text], input[type=password], input[type=file], input[type=email], textarea, select {   
  padding: 5px 9px;
  color:#222;  
  border: solid 1px #ddd;  
  outline: 0;
  border-radius:3px;   
  width: 200px;  
  background: #FFFFFF url('bg_form.png') left top repeat-x;  
  background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #f7f7f7), to(#FFFFFF));  
  background: -moz-linear-gradient(top, #FFFFFF, #f7f7f7 1px, #FFFFFF 25px);  
  box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;  
  -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;  
  -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;  
}

select { 
  width:218px;
}

input[type=submit] {
  background:#ddd;
  color:#333;
  box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;  
  -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;  
  -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;
}  
  
textarea {   
  width: 400px;  
  max-width: 400px;  
  height: 150px;  
  line-height: 150%;
  font-size:14px;
  font-family:arial;  
}  
  
input:hover, textarea:hover,  
input:focus, textarea:focus {   
  border-color: #C9C9C9;   
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  
}  
  
.form label {   
  margin-left: 10px;   
  color: #999999;   
}  
  
.blue-button { 
  background: url("/themes/default_admin/images/blue-button-bg.png") repeat-x left top #1658FF !important;
  color:#fff !important;
  border:1px solid #0186D8 !important;
}

.blue-button:hover {
  background: url("/themes/default_admin/images/blue-button-bg-r.png") repeat-x left top #1658FF !important;
}

.yellow-button { 
  background: url("/themes/default_admin/images/yellow-button-bg.png") repeat-x left top #1658FF !important;
  color:#fff !important;
  border:1px solid #E5B530 !important;
}

.yellow-button:hover {
  background: url("/themes/default_admin/images/yellow-button-bg-r.png") repeat-x left top #E5B530 !important;
}

.green-button { 
  background: url("/themes/default_admin/images/green-button-bg.png") repeat-x left top #06C100 !important;
  color:#fff !important;
  border:1px solid #3EA55D !important;
} 

.green-button:hover { 
  background: url("/themes/default_admin/images/green-button-bg-r.png") repeat-x left top #06C100 !important;
}
 
.red-button { 
  background: url("/themes/default_admin/images/red-button-bg.png") repeat-x left top #D02135 !important;
  color:#fff !important;
  border:1px solid #C33A00 !important;
} 

.red-button:hover { 
  background: url("/themes/default_admin/images/red-button-bg-r.png") repeat-x left top #D02135 !important;
} 

.blue-button:hover, .green-button:hover, .red-button:hover, .yellow-button:hover {
  color:#fff;
  text-decoration:none; 
}

.big-button {
  float:right;
  height:41px !important;
  line-height:41px !important;
  font-size:18px !important;
  margin-top:11px !important;
}

.small-button {
  height:21px !important;
  line-height:21px !important;
  font-size:11px !important;
}

.back-button {
  color:#222;
  text-decoration: none;
  background: #ddd;
  border:1px solid #ccc;
}

a {
  color:#222;
}
        
a:hover {
  color:#009DFF;
}