/*
 * This file is part of Contao.
 *
 * (c) Leo Feyer
 *
 * @license LGPL-3.0-or-later
 */

/* Body */
body {
	background:#fff;
	padding:12px;
}

/* Elements */
h2 {
	margin:0;
	padding:3px 6px 4px;
	font-size:11px;
	font-size:.6875rem;
	background:#eee;
	border-bottom:1px solid #ddd;
}
.formbody {
	margin:12px 0 18px;
	text-align:right;
}
.formbody .tl_select {
	width:220px;
}
.formbody .tl_submit {
	margin-top:1px;
	vertical-align:top;
}
.webkit .formbody .tl_submit,.opera .formbody .tl_submit {
	padding-top:4px;
	padding-bottom:4px;
}
.opera .tl_metawizard_new .tl_submit {
	padding-top:3px;
	padding-bottom:3px;
}
.formbody .arrow {
	position:relative;
	top:2px;
}
.formbody .static-version {
	margin-right:3px;
	vertical-align:middle;
}

/* Messages */
.tl_info {
	margin:1px 0 0;
	padding:4px 5px 5px 25px;
	border-radius:3px;
	background:#eff5fa url("images/show.gif") no-repeat 6px center;
	color:#4b85ba;
}
.nobg .tl_info {
	background-color:transparent;
}

/* Diff */
#diff .change {
	margin-bottom:13px;
	border:1px solid #ddd;
	background:#fcfcfc;
	font-family:Courier,monospace;
	font-size:12px;
	font-size:.75rem;
	border-radius:3px;
}
#diff .replace.left,#diff .delete.left {
	background: #fdd;
}
#diff .replace.right,#diff .insert.right {
	background: #dfd;
}
#diff .replace ins {
	color:#060;
	background: #bfb;
}
#diff .replace del {
	color:#a00;
	background: #fbb;
}
#diff ins,#diff del {
	text-decoration: none;
}
#diff dl {
	margin:0;
	padding:0;
}
#diff dt,#diff dd {
	margin:0;
	padding:2px 6px 1px;
}

/* Handheld */
@media (max-width:767px) {
	.formbody .tl_select {
		width:35%;
	}
	.formbody .arrow {
		margin-left:7px;
	}
}