* { margin: 0; padding: 0; box-sizing: border-box; }

body {
	background: #F9F7F8;
	font-family: Verdana;
}

.relative { position: relative !important; }

.pull-left { float: left; }
.pull-right { float: right; }

.grey { color: #777; }

a { border-bottom: 1px solid #cbd6e2; color: #06C; text-decoration: none; }
a:hover { color: #38F; }
a.del { color: #C33; }

a img { border: none; }

h1 {
	color: #222;
	font-size: 23px;
	font-family: 'Lucida Sans Unicode', sans-serif;
	margin: 20px 0;
	font-weight: normal;
}

h1 #langs { float: right; }

h2 {
	color: #222;
	font-size: 19px;
	font-family: 'Lucida Sans Unicode', sans-serif;
	margin: 10px 0;
	font-weight: normal;
}

h2.grey {
	font-size: 120%;
	text-transform: uppercase;
}

h3 {
	color: #333;
	font-size: 17px;
	font-family: 'Lucida Sans Unicode', sans-serif;
	margin: 10px 0;
	font-weight: normal;
}

h4 {
	color: #333;
	font-size: 15px;
	font-family: 'Lucida Sans Unicode', sans-serif;
	margin: 10px 0;
	font-weight: normal;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after { clear: both; }

.table { border-collapse: collapse; }
.table th {
	border-bottom: 1px solid #DDD;
	color: #777;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 4px;
	text-align: left;
}

.table td {
	border-bottom: 1px solid #DDD;
	font-size: 12px;
	padding: 12px 16px 12px 0;
	}
.table td:last-child { padding-right: 0; }
.table.sortable td:first-child {
	background: url(/manage/i/sortable.png) 0 13px no-repeat;
	padding-left: 20px;
}

.table.sortable td.focus { background: #fff; }


form .group {
	margin-bottom: 12px;
	padding: 2px 0;
	}

label { font-size: 12px; display: block; margin-bottom: 4px; }
label.inline { display: inline-block; }

label > [type=radio] { margin: 0 5px 2px 0; vertical-align: middle  }

input[type=text],
input[type=password],
textarea,
select {
	border: 1px solid #CCC;
	border-top-color: #AAA;
	border-bottom-color: #DDD;
	border-radius: 2px;
	color: #444;
	display: inline-block;
	margin-bottom: 12px;
	padding: 8px;
	width: 400px;
}
select { width: 400px; }
select.input-s { width: 125px; }
input.input-xxs { width: 25px; }
input.input-xs, select.input-xs { width: 50px; }
select.input-time { width: 75px; }

textarea { height: 128px; }

.checkbox { vertical-align: text-bottom; }

.time-range .input-xxs { margin-right: 4px; }
.time-range em {
	color: #666;
	font-size: 12px;
	margin-right: 5px;
}

#redactor_modal input[type=text],
#redactor_modal input[type=password],
#redactor_modal textarea,
#redactor_modal select { width: 95%; }

.table td.name { font-size: 16px; }
.table td.actions * { font-size: 11px; opacity: .2 }
.table td.name span { font-size: 11px; color: #CCC; }
.table tr.lev2 td.name { font-size: 13px; padding-left: 20px; }
.table tr.inactive .name a { color: #888; font-style: italic; }
.table tr.lev3 td.name { font-size: 10px; padding-left: 40px; }

.table tr:hover td.actions * { opacity: 1; }

.redirect-page-variant input[type=text],
.redirect-page-variant select { width: 250px;}

div.values_field { display: block; }
div.values_field div { display: inline-block; }
div.values_field input[type=checkbox] { display: none; margin: 10px; }

div.values_field input[type=checkbox] + label {
	cursor: pointer;
	display: inline-block;
	margin: 0 -3px;
	padding: 8px 12px;
	background-image: linear-gradient(to bottom, #ffffff, #dddddd);
}

div.values_field input[type=checkbox]:checked + label {
	background: #666;
	box-shadow: 0 1px 8px #000 inset;
	color: #fff;
	cursor: default;
}

div.values_field input[type=checkbox]:first-of-type + label {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

div.values_field input[type=checkbox]:last-of-type + label {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.orders { width: 100%; }
.orders ul { margin-bottom: 10px; }

.main { margin: 0 60px 90px; padding-bottom: 5em; width: 70%; }

TABLE { border-collapse: collapse; width: 100%; table-layout: fixed; }
.level TABLE { border-collapse: separate; }
TABLE THEAD TH { font-weight: normal; text-align: left; border-bottom: 1px solid #CFD5D7; color: #999; }
TABLE TD { padding: 4px 0; border-bottom: 1px solid #CFD5D7; }
TABLE TH.br_none,
TABLE TD.br_none { border-bottom: none; padding-left: 17px; }

TABLE.simple { width: 360px; table-layout: auto; margin: -67px 0 15px 425px; }
TABLE.simple CAPTION { text-align: left; padding-bottom: 5px; }
TABLE.simple TD { padding: 4px 20px 4px 0; font-size: 11px; font-family: Verdana; }
TABLE.simple TD STRONG { font-size: 10px; }

#answer { display: none; clear: both; }
#answer-trigger {
	border-bottom: 1px dashed #7E98B4;
	float: right;
	font-size: 13px;
	cursor: pointer;
	margin-right: .2em;
}

TEXTAREA { padding: 8px; font: 12px Lucida Console; line-height: 1.25; }
FORM.linear2 TEXTAREA { margin-bottom: 10px; width: 99%; height: 100px;}


.form-line > div {
	display: inline-block;
	margin-right: 30px;
}

.seo-tags {
    float: right;
    position: relative;
    right: -50px;
    top: -20px;
    width: 432px;
}
.seo-tags .seo-fields {
    background: #eee;
    box-shadow: 0 2px 8px #ccc;
    display: none;
    margin-bottom: 20px;
    padding: 16px 16px 6px;
    position: absolute;
    z-index: 2;
}

.seo-tags .seo-trigger {
    border: 1px solid #ddd;
    color: #aaa;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 4px 10px;
    right: 0;
    top: -26px;
    position: absolute;
    text-decoration: none;
}

.seo-tags .seo-trigger.active {
    color: #222;
}

/*paging*/

#paging {
	margin-top: 20px;
}
#paging #act {
	background: linear-gradient(to bottom, #040c15 0%, #0e2642 52%, #3b5067 100%);
	color: #fff;
}
#paging span, #paging a {
	border-bottom: 0;
	border-radius: 2px;
	font-size: 16px;
	margin: 0 3px 0 0;
	padding: 8px 12px;
}
#paging a:hover {
	background: linear-gradient(to bottom, #b4bcc5, #bed6f2);
}

.orders td { vertical-align: top; }
.orders li { margin-bottom: 10px; }

.tabs {
	list-style: none;
	margin-bottom: 20px;
}
.tabs li {
	font-size: 13px;
	display: inline;
}
.tabs li a {
	border: 1px solid transparent;
	border-radius: 3px;
	display: inline-block;
	padding: 6px 10px;
}

.tabs li a.active {
	border: 1px solid #aaa;
	color: #333;
	text-decoration: none;
}

.tabs ~ h3 {
	color: grey;
	font-size: 100%;
	text-transform: uppercase;
}

.list.questions li {
	border: none;
	border-radius: 2px;
	margin-bottom: 20px;
	padding-left: 20px;
}

.questions li.hidden * { color: #999; }
.questions li.hidden p a { border: none; text-decoration: line-through;}

.questions .name em { margin-left: 15px; }

.questions p {
	line-height: 1.4;
	min-height: 1.4em;
	max-height: 2.8em;
	margin-top: 5px;
	overflow-y: hidden;
	position: relative;
}
.questions p a {
	text-decoration: none;
}


.questions p:after {
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    height: 100%;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 80%, #ffffff 100%);
    pointer-events: none;
}

.error-box {
	margin: 4em 75px 0;
	width: 50%;
	padding: 1em;
	background: #FFCCCC;
	font-size: 75%;
}

.table .accepted {
	background: #e4ffe3;
}

.openings li {
	list-style: none;
}
.openings label {
	display: inline-block;
	width: 100px;
}

.openings select.input-s {
	padding: 4px 2px;
	width: 90px;
}

.openings_custom select.input-xs,
.openings select.input-xs {
	padding: 4px 2px;
	width: 60px;
}

.openings li > div {
	display: inline-block;
	margin-left: 40px;
}

.openings input[type=checkbox] {
	margin-right: 2px;
	position: relative;
	top: 2px;
}

.openings_custom > div {
	display: inline-block;
	margin-right: 40px;
}