/* common */
* {
	margin: 0;
	padding: 0;
	font-family: 'PT Sans', sans-serif;
	zoom: 1;
}
img {
	border:none;
}
body {
	background: url('img/bg-u.png');
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ' ';
	display: table;
	clear: both;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}

/* general container */
#inner-content-wrapper {
	width: 900px;
	padding: 110px 50px 150px 50px;
	min-height: 600px;
	height: auto;
	background: #fff;
	margin: 0 auto;
	color: #131313;
	font-size: 14px;
}

/* hrefs */
a {
	cursor: pointer;
}
a[href].href-null {
	text-decoration: none;
}
a[href].href-default {
	text-decoration: underline;
	color: #00aded;
}
a[href].href-default:hover {
	text-decoration: none;
}
a[href].href-default.hover-red:hover {
	text-decoration: underline;
	color: #f05824;
}
a[href].href-border {
	text-decoration: none;
	color: #00aded;
	border-bottom: 1px solid #00aded;
}
a[href].href-border:hover {
	border-bottom: 0;
}
a.href-dashed {
	text-decoration: none;
	color: #00aded;
	border-bottom: 1px dashed;
}
a.href-dashed:hover {
	color: #f05824;
}
a.href-dashed.black {
	color: #131313;
}
a.href-dashed.black:hover {
	color: #00aded;
}
a.href-dashed.black:active,
a.href-dashed.black.active {
	color: #f05824;
}
.zoom a[href] { /* no decoration for images */
	text-decoration: none !important;
	border: none !important;
}

/* alerts */
.alert-message {
	padding: 20px 4%;
	margin: 15px 0;
	width: 92%;
}
.alert-message.alert-error {
	background: #ffb0b0;
	color: #a00000;
}
.alert-message.alert-success {
	background: #b1e6b1;
	color: #008000;
}
.alert-message.alert-info {
	background: #b0dfff;
	color: #004194;
}

/* headers */
h1 {
	color: #191919;
	font-size:24px;
	padding-bottom: 15px;
	font-weight: bold;
	/*text-transform: uppercase;*/
	margin-top: 30px;
}
h1.nouppercase {
	text-transform: none;
}
h1.ft-detail {
	padding-bottom: 4px;
}
h2.orange {
	color: #f05824;
}
h3 {
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 25px;
}
.ft-title {
	text-transform: uppercase;
}
/* forms */
.form-field {
	border: 1px solid #dadee4;
	outline: none;
	box-sizing: border-box;
}
input.form-field,
textarea.form-field {
	padding: 0 0 0 4px;
}
form input,
form select,
form textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form-field.ff-standard {
	height: 27px;
}
sup.required {
	color: #f00;
	font-size: 15px;
}
form textarea {
	resize: none;
}

/* buttons */
.btn {
	display: inline-block;
	cursor: pointer;
	border: 0;
	text-decoration: none;
	position: relative;
}
.btn.btn-thin {
	font-size: 13px;
	padding: 1px 4px;
	background: #00aded;
	color: #fff;
}
.btn.btn-thin:hover {
	background: #f05824;
}
.btn.btn-normal {
	font-size: 13px;
	height: 27px;
	line-height: 27px;
	font-weight: bold;
	letter-spacing: 0.5px;
	padding: 0 18px;
	background: #00aded;
	color: #fff;
}
.btn.btn-normal.btn-normal-big {
	height: 40px;
	line-height: 40px;
	padding: 0 36px;
}
.btn.btn-normal:hover {
	background: #f05824;
}
.btn.btn-normal.btn-apdx-arrow {
	margin-right: 29px; 
}
.btn.btn-normal.btn-apdx-arrow:after {
	content: ' ';
	position: absolute;
	top: 0px;
	right: -29px;
	width: 29px;
	height: 35px;
	background: url(img/btn_apdx_arrow.png);
}
.btn.btn-normal:hover.btn-apdx-arrow:after {
	background-position: right;
}
.btn.btn-normal.btn-normal-big.btn-inner-arrow {
	padding: 0 51px 0 36px;
}
.btn.btn-normal.btn-inner-arrow:after {
	content: ' ';
	position: absolute;
	top: 40%;
	right: 35px;
	width: 11px;
	height: 7px;
	background: url(img/btn_inner_arrow.png);
}
.btn.btn-normal.btn-disabled {
	background: #ccc;
	cursor: default;
}
.btn.btn-normal::-moz-focus-inner { /* Remove FF inner border bug */
	border: 0px;
	padding: 0px;
}
.btn.btn-frame-light {
	text-decoration: none;
	padding: 4px 8px;
	font-size: 13px;
	font-weight: normal;
	color: #00aded;
	background: #fff;
	border: 1px solid #00aded;
}
.btn.btn-frame-light:hover {
	color: #fff;
	background: #f05824;
	border-color: #f05824;
}
.btn.btn-dashed {
	text-decoration: none;
	margin: 0 10px;
	font-size: 13px;
	font-weight: normal;
	color: #00aded;
	border-bottom: 1px dashed #00aded;
}
.btn.btn-dashed:hover {
	color: #f05824;
	border-color: #f05824;
}

/* anchors */
.g_anchor { 
	position: relative; 
	top: -90px; 
	width: 1px; 
	height: 1px; 
	display: block; 
}

/* dividers */
hr.hr-full {
	border: none;
	height: 1px;
	width: 1000px;
	background-color: #c2c8d3;
	position: relative;
	left: -50px;
	margin: 20px 0px;
}
hr.zigzag {
	display: block;
	border: 0;
	position: relative;
	width: 1000px;
	height: 8px;
	background: url('img/zigzag.png');
	left: -50px;
	opacity: 0.2;
}

/* hints */
.hint {
	position: relative;
	display: inline-block;	
	vertical-align: middle;
	cursor: pointer;
	/*z-index: 1;*/	/* solution with z-index must be improved */
}

.hint.p-hint-red {
	width: 17px;
	height: 17px;
	background: url(img/hint_o_red.png);
}
.hint.p-hint-red:hover {
	background-position: -17px;
}
.hint.o-hint-red {
	width: 17px;
	height: 22px;
	background: url(img/hint_o_red.png);
}
.hint.o-hint-red:hover {
	background-position: -17px;
}
.hint.o-hint-blue-red {
	width: 14px;
	height: 17px;
	background: url(img/hint_o_blue_red.png);
}
.hint.o-hint-blue-red:hover {
	background-position: bottom;
}
.hint.o-hint-gray-red {
	width: 14px;
	height: 17px;
	background: url(img/hint_o_gray_red.png);
}
.hint.o-hint-gray-red:hover {
	background-position: bottom;
}
.hint .hint-window {
	font-style: normal;
	position: absolute;
	top: 0;
	font-style: normal;
	font-size: 13px;
	text-align: left;
	padding: 10px 15px;
	background: #fff !important;
	border: 1px solid #c6cbd6;
	box-shadow: 2px 2px 10px -1px rgba(0, 0, 0, .2);
	cursor: text;
	z-index: 991; /* solution with z-index must be improved */
}
.hint .hint-table {
	border-collapse: collapse;
}
.hint .hint-table .controls-column {
	padding: 0 0 0 15px;
	vertical-align: top;
}
.hint-window .hint-arrow {
	position: absolute;
	display: block;
	width: 18px;
	height: 22px;
	background: url(img/hint_arrow.png);
}
.hint-window .hint-content,
.hint-window .hint-content:hover,
.hint-window .hint-content:active {
	color: #131313;
	font-size: 13px;
	font-weight: normal;
	word-wrap: break-word;
}
.hint-window .hint-content a:hover {
	color: #f05824!important;
}
.hint-window .hint-content h4 {
	padding-right: 20px;
}


/* modals */
.x-modal {
	position: absolute;
}
.x-modal .x-modal-close {
	width: 15px;
	height: 15px;
	background: url(img/x-close.png);
	cursor: pointer;
	float: right;
	position: absolute;
    right: 15px;
}
.x-modal .x-modal-close:hover {
	background-position: bottom;
}

/* menu */
.tab-menu {
	position: relative;
	width: 900px;
	height: 25px;
	left: -50px;
	border-bottom: 3px solid #f3f3f3;
	background: #fff;
	padding: 15px 50px 0;
}
.tab-menu a {
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	cursor: pointer;
	padding: 0 20px 7px;
	border-bottom: 3px solid #f3f3f3;
	text-decoration: none;
	color: #131313;
}
.tab-menu a:hover {
	border-bottom: 3px solid #00aded;
	color: #00aded;
}
.tab-menu a.active {
	border-bottom: 3px solid #f05824;
	color: #f05824;
}

.tab-menu.reversed {
	border-bottom: 0;
	border-top: 3px solid #f3f3f3;
	padding: 7px 50px 0;
	margin: 20px 0 0;
}
.tab-menu.reversed a {
	padding: 7px 20px 0;
	border-bottom: 0;
	border-top: 3px solid #f3f3f3;
}
.tab-menu.reversed a:hover {
	border-bottom: 0;
	border-top: 3px solid #00aded;
}
.tab-menu.reversed a.active {
	border-bottom: 0;
	border-top: 3px solid #f05824;
}

.tab-pages .tab-page {
	display: none;
}

.tab-pages .tab-page h2 {
	margin: 25px 10px 25px 0px;
}

/* color labels */
.type_color_label {
	position: relative;
	text-transform: uppercase;
	color: white;
	font-size: 11px;
	font-weight: bold;
	padding: 7px 10px;
	display: inline-block;
}
.type_color_label:after {
	content: ''; 
	position: absolute;
	left: 0;
	bottom: -6px;
	border: 3px solid transparent;	
	border-left: 3px solid;
	border-top: 3px solid;
	border-left-color: inherit;
	border-top-color: inherit;
}

/* rating stars */
.rating-stars {
	width: 88px;
	height: 17px;
	overflow: hidden;
	position: relative;
	display: inline-block;
}
.rating-stars .stars_bg,
.rating-stars .stars_fg {
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url(img/kit/rating_stars.png);
	background-position: bottom;
	z-index: 203;
}
.rating-stars .stars_bg {
	background-position: top;
	z-index: 201;
}
.rating-stars .bar {
	position: absolute;
	top: 0;
	left: 0;
	background: #f05824;
	z-index: 202;
}
h1 .rating-stars {
	top: 1px;
}