/**
 * Contao Open Source CMS
 *
 * Copyright (c) 2005-2015 Leo Feyer
 *
 * @license LGPL-3.0+
 */

/* HTML */
html {
	font-size:100%;
	-webkit-text-size-adjust:100%;
}

/* Body */
html,body,form,pre,figure,ul,li {
	margin:0;
	padding:0;
}
img {
	border:0;
}
ul,li {
	list-style:none;
}

/* Font family */
a,b,body,cite,div,em,h1,h2,h3,h4,h5,h6,i,label,legend,li,ol,p,strong,td,th,u,ul {
	font-family:Verdana,sans-serif;
}
fieldset,form,input,optgroup,select,textarea {
	font-family:"Trebuchet MS",Verdana,sans-serif;
}

/* Font size and color */
a,body,div,label,legend,li,ol,p,td,th,ul,fieldset,form,input,optgroup,select,textarea {
	font-size:11px;
	font-size:.6875rem;
	color:#444;
}
fieldset,form,input,optgroup,select,textarea {
	font-size:12px;
	font-size:.75rem;
}
h1,h2,h3,h4,h5,h6 {
	font-size:12px;
	font-size:.75rem;
	color:#444;
}
table {
	border-spacing:0;
	border-collapse:collapse;
}
th,td {
	padding:0;
	text-align:left;
}
.tl_small {
	font-size:9px;
	font-size:.5625rem;
}
.tl_small,.tl_gray {
	color:#999;
}
.tl_green {
	color:#77ac45;
}
.tl_red {
	color:#c33;
}
.tl_blue {
	color:#4b85ba;
}
.tl_orange {
	color:#f90;
}
span.mandatory {
	color:#c33;
}

/* Basic elements */
a {
	color:#444;
	text-decoration:none;
}
a:hover,a:focus,a:active {
	color:#77ac45;
}
hr {
	height:1px;
	margin:18px 0;
	border:0;
	background:#ddd;
	color:#ddd;
}
p {
	margin:0 0 12px;
	padding:0;
}
.hidden {
	display:none;
}

/* Invisible elements */
.clear {
	clear:both;
	height:0.1px;
	line-height:0.1px;
	font-size:0.1px;
}
.invisible {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}

/* Forms */
optgroup {
	padding-top:3px;
	padding-bottom:3px;
	font-style:normal;
	background:#fff;
}
fieldset.tl_checkbox_container,fieldset.tl_radio_container {
	border:0;
	margin:15px 0 1px;
	padding:0;
}
fieldset.tl_checkbox_container {
	line-height:14px;
}
fieldset.tl_checkbox_container legend,fieldset.tl_radio_container legend {
	font-weight:bold;
	margin:0;
	padding:0;
}
fieldset.checkbox_container,fieldset.radio_container {
	border:0;
	margin:0;
	padding:0;
}

/* Text fields */
.tl_text,.tl_text_2,.tl_text_3,.tl_text_4,.tl_textarea {
	margin:1px 0;
}
.tl_text {
	width:312px;
}
.tl_text_2 {
	width:150px;
}
.tl_text_3 {
	width:97px;
}
.tl_text_4 {
	width:70px;
}
.tl_textarea {
	width:676px;
	height:240px;
}
.tl_text_unit {
	margin:1px 0;
	width:248px;
}
.tl_text_trbl {
	margin:1px 0;
	width:53px;
}
.tl_text_interval {
	margin:1px 0;
	width:154px;
}
.tl_text,.tl_text_2,.tl_text_3,.tl_text_4,.tl_textarea,.tl_text_unit,.tl_text_trbl,.tl_text_interval {
	border:1px solid #aaa;
	padding:2px 3px;
	border-radius:3px;
}
.mac .tl_text,.mac .tl_text_2,.mac .tl_text_3,.mac .tl_text_4,.mac .tl_textarea,.mac .tl_text_unit,.mac .tl_text_trbl,.mac .tl_text_interval {
	padding:3px;
}
.tl_text:focus,.tl_text_2:focus,.tl_text_3:focus,.tl_text_4:focus,.tl_textarea:focus,.tl_text_unit:focus,.tl_text_trbl:focus,.tl_text_interval:focus {
	background-color:#ebfdd7;
}
.tl_text[disabled],.tl_text_2[disabled],.tl_text_3[disabled],.tl_text_4[disabled],.tl_textarea[disabled],.tl_text_unit[disabled],.tl_text_trbl[disabled],.tl_text_interval[disabled],
.tl_text[readonly],.tl_text_2[readonly],.tl_text_3[readonly],.tl_text_4[readonly],.tl_textarea[readonly],.tl_text_unit[readonly],.tl_text_trbl[readonly],.tl_text_interval[readonly] {
	color:#bbb;
	background-color:#f9f9f9;
	border:1px solid #c8c8c8;
}
pre,.tl_textarea.monospace {
	font-family:Courier,monospace;
	font-size:12px;
	font-size:.75rem;
}
.tl_textarea.monospace:focus {
	background:none;
}

/* Select menus */
.tl_select,.tl_mselect,.tl_select_column {
	margin:1px 0;
}
.tl_box .tl_select,.tl_tbox .tl_select,.tl_box .tl_mselect,.tl_tbox .tl_mselect {
	width:320px;
}
.tl_select_column {
	width:140px;
}
.tl_select_unit {
	margin:1px 0;
	width:60px;
}
.tl_select_interval {
	margin:1px 0;
	width:154px;
}
.tl_select,.tl_mselect,.tl_select_column,.tl_select_unit,.tl_select_interval {
	border:1px solid #aaa;
	padding:1px;
	border-radius:3px;
}
.mac .tl_select,.mac .tl_mselect,.mac .tl_select_column,.mac .tl_select_unit,.mac .tl_select_interval {
	padding:2px 1px;
}
.tl_select[disabled],.tl_mselect[disabled],.tl_select_column[disabled],.tl_select_unit[disabled],.tl_select_interval[disabled] {
	color:#bbb;
	background-color:#f9f9f9;
	border:1px solid #c8c8c8;
}

/* Checkboxes */
.tl_checkbox {
	margin:1px 3px 0 0;
	vertical-align:bottom;
}
.mac .tl_checkbox {
	margin:0 3px 0 0;
	position:relative;
	top:-1px;
}
.mac .tl_checkbox_single_container .tl_checkbox {
	top:0;
}
.ie .tl_checkbox {
	margin:-3px 0 -1px -2px;
	position:relative;
	top:1px;
	vertical-align:middle;
}
.ie .tl_checkbox_single_container .tl_checkbox {
	top:0;
}
.tl_tree_checkbox {
	margin:0 3px 0 0;
}
.mac .tl_tree_checkbox {
	margin:2px 3px 0 0;
}
.tl_checkbox_single_container {
	margin:16px 0 1px;
}
.tl_checkbox_single_container label {
	font-weight:bold;
}
.tl_checkbox_container label {
	display:block;
	margin:-14px 0;
	padding-left:20px;
}
.tl_checkbox_container label:last-child {
	margin-bottom:0;
}

/* Grouped checkboxes */
.checkbox_toggler {
	font-weight:bold;
}
.checkbox_toggler_first {
	font-weight:bold;
	margin-top:3px;
}
.checkbox_toggler img,.checkbox_toggler_first img {
	vertical-align:top;
	position:relative;
	top:-2px;
	margin-right:3px;
}
.checkbox_options {
	margin:0 0 6px 21px !important;
}

/* Radio buttons */
.tl_radio {
	margin:1px 3px 0 0;
	vertical-align:bottom;
}
.win .tl_radio {
	margin:1px 3px 3px 0; /* see #4599 */
}
.tl_tree_radio {
	margin:0 3px 1px 0;
	vertical-align:middle;
}
.safari .tl_radio,.safari .tl_tree_radio {
	margin-left:1px;
}

/* Radio table */
.tl_radio_table {
	margin:2px 0 1px;
}
.tl_radio_table td {
	padding:0 24px 1px 0;
}
.tl_radio_table img,.tl_radio_table input {
	vertical-align:middle;
}

/* Upload fields */
.tl_upload_field {
	margin:1px 0;
}

/* Submit buttons */
.tl_submit {
	padding:5px 12px 5px 13px;
	border:1px solid #aaa;
	border-radius:3px;
	color:#555;
	cursor:pointer;
	line-height:1;
	text-shadow:1px 1px 0 #eee;
	background:#eee;
	background-image:-moz-linear-gradient(bottom, #ccc 0%, #eee 60%);
	background-image:-webkit-linear-gradient(bottom, #ccc 0%, #eee 60%);
	background-image:-o-linear-gradient(bottom, #ccc 0%, #eee 60%);
	background-image:-ms-linear-gradient(bottom, #ccc 0%, #eee 60%);
	background-image:linear-gradient(to top, #ccc 0%, #eee 60%);
}
a.tl_submit {
	font-family:"Trebuchet MS",Verdana,sans-serif;
	font-size:12px;
	font-size:.75rem;
	display:inline-block;
}
a.tl_submit,a.tl_submit:hover {
	color:#555;
}
.firefox input.tl_submit {
	padding:2px 12px 2px 13px;
}
.opera input.tl_submit {
	padding:4px 12px 4px 13px;
}
.tl_submit:focus,.tl_submit:hover {
	box-shadow:0 0 3px #aaa;
}
.tl_submit:active {
	color:#bbb;
	box-shadow:0 0 6px #999;
}
.tl_submit:disabled {
	cursor:default;
	background:#ddd;
	text-shadow:none;
	color:#999;
	box-shadow:none;
}

/* Floats */
.clr {
	clear:both;
	display:table; /* see #6093 */
	width:100%; /* see #1495 */
}
.w50 {
	width:50%;
	float:left;
	height:72px;
}
.long {
	width:100%; /* see #6320 */
}
.w50 .tl_help {
	margin-right:24px;
}
.wizard .tl_text {
	width:288px;
}
.wizard .tl_text_2 {
	width:138px;
}
.long .tl_text {
	width:663px;
}
.long .tl_select {
	width:670px;
}
.m12 {
	margin:12px 0;
}
.webkit .m12 {
	margin:13px 0 11px;
}
.cbx {
	height:48px;
}
.inline div {
	display:inline;
}
.autoheight {
	height:auto;
}

/* Tips */
.tl_tip {
	height:13px;
	overflow:hidden;
	cursor:pointer;
}
.tip-wrap {
	z-index:99;
}
.tip {
	max-width:320px;
	padding:3px 6px 4px;
	border-radius:3px;
	box-shadow:1px 1px 3px #666;
	background:#666;
	background-image:-moz-linear-gradient(bottom, #333 0%, #666 80%);
	background-image:-webkit-linear-gradient(bottom, #333 0%, #666 80%);
	background-image:-o-linear-gradient(bottom, #333 0%, #666 80%);
	background-image:-ms-linear-gradient(bottom, #333 0%, #666 80%);
	background-image:linear-gradient(to top, #333 0%, #666 80%);
}
.tip div {
	line-height:1.3;
}
.tip div,.tip a {
	color:#fff;
}
.tip-top {
	height:6px;
	position:absolute;
	top:-13px;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-bottom:7px solid #666;
}

/* Headline gradient */
#header h1,#tl_navigation h1,h1.main_headline {
	background:#909390;
	background-image:-moz-linear-gradient(top, #909390, #b3b6b3);
	background-image:-webkit-linear-gradient(top, #909390, #b3b6b3);
	background-image:-o-linear-gradient(top, #909390, #b3b6b3);
	background-image:-ms-linear-gradient(top, #909390, #b3b6b3);
	background-image:linear-gradient(to bottom, #909390, #b3b6b3);
}

/* Wide screen */
@media (min-width:1200px) {
	.tl_text {
		width:404px;
	}
	.tl_text_2 {
		width:196px;
	}
	.tl_text_3 {
		width:127px;
	}
	.tl_text_4 {
		width:92px;
	}
	.tl_textarea {
		width:854px;
	}
	.tl_text_unit {
		width:340px;
	}
	.tl_text_trbl {
		width:76px;
	}
	.tl_text_interval,.tl_select_interval {
		width:200px;
	}
	.tl_box .tl_select,.tl_tbox .tl_select,.tl_box .tl_mselect,.tl_tbox .tl_mselect {
		width:412px;
	}
	.wizard .tl_text {
		width:380px;
	}
	.wizard .tl_text_2 {
		width:184px;
	}
	.long .tl_text {
		width:845px;
	}
	.long .tl_select {
		width:853px;
	}
	.tip {
		max-width:410px;
	}
}

/* Handheld */
@media (max-width:767px) {
	.w50 {
		float:none;
		width:auto;
	}
	.cbx {
		height:32px;
	}
	img {
		max-width:100%;
		height:auto;
	}
	.ie8 img {
		width:auto; /* see #5789 */
	}
	a img {
		max-width:none;
	}
	.tl_text,.long .tl_text,.tl_textarea,.tl_box .tl_select,.tl_tbox .tl_select,.tl_box .tl_mselect,.tl_tbox .tl_mselect,.long .tl_select {
		width:100%;
	}
	.tl_text_2 {
		width:-webkit-calc(50% - 2px);
		width:calc(50% - 2px);
	}
	.tl_text_3 {
		width:-webkit-calc(33% - 2px);
		width:calc(33% - 2px);
	}
	.tl_text_4 {
		width:-webkit-calc(25% - 3px);
		width:calc(25% - 3px);
	}
	.tl_text_unit {
		width:-webkit-calc(100% - 64px);
		width:calc(100% - 64px);
	}
	.tl_text_trbl {
		width:-webkit-calc(25% - 19px);
		width:calc(25% - 19px);
	}
	.tl_text_interval,.tl_select_interval {
		width:-webkit-calc(50% - 2px);
		width:calc(50% - 2px);
	}
	.wizard .tl_text {
		width:-webkit-calc(100% - 24px);
		width:calc(100% - 24px);
	}
	.wizard .tl_text_2 {
		width:-webkit-calc(50% - 14px);
		width:calc(50% - 14px);
	}
	.tip {
		max-width:220px;
	}
	.tl_text,.tl_text_2,.tl_text_3,.tl_text_4,.tl_textarea,.tl_text_unit,.tl_text_trbl,.tl_text_interval,.tl_select,.tl_mselect,.tl_select_interval {
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.tl_version_panel .tl_select {
		width:44%;
	}
	.tl_select_column {
		width:66px;
	}
}
