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

/* Body */
html,body {
	background:#333633;
}
a,body,div,form,input,select,label,p {
	color:#333633;
}
p {
	margin-bottom:0;
	font-weight:bold;
}
p,label {
	font-size:12px;
	font-size:.75rem;
}

/* Container */
#container {
	height:22px;
	margin:0 0 2px;
	padding:4px 6px 6px 12px;
	overflow:hidden;
	line-height:1;
	background:#eee;
	background-image:-moz-linear-gradient(top, #eee 25%, #ddd 100%);
	background-image:-webkit-linear-gradient(top, #eee 25%, #ddd 100%);
	background-image:-o-linear-gradient(top, #eee 25%, #ddd 100%);
	background-image:-ms-linear-gradient(top, #eee 25%, #ddd 100%);
	background-image:linear-gradient(to bottom, #eee 25%, #ddd 100%);
}

/* Left */
#left {
	width:17%;
	float:left;
	padding:7px 0 5px;
}

/* Right */
#right {
	width:83%;
	float:right;
	text-align:right;
}
.close {
	font-size:16px;
	font-size:1rem;
	color:#999;
	font-weight:bold;
	padding:0 3px;
}
.close:hover {
	color:#666;
}

/* Select menus */
.tl_select {
	width:100px;
	margin:1px 9px 1px 0;
	padding:1px;
	border:1px solid #aaa;
}

/* Form elements */
input,select,label {
	vertical-align:baseline;
}
.tl_text.user {
	width:180px;
	margin-right:9px;
}
.tl_submit {
	padding-top:4px;
	padding-bottom:4px;
}
.opera input.tl_submit {
	padding-top:3px;
	padding-bottom:3px;
	margin-top:1px;
}
.webkit .tl_text.user,.webkit .tl_submit {
	position:relative;
	top:-1px;
}

/* IE7 fixes */
.ie7 #container {
	padding:2px 6px 6px 12px;
}
.ie7 #left {
	padding:7px 0 5px;
}
.ie7 input,.ie7 select,.ie7 label {
	vertical-align:middle;
}

/* Hide the labels on small devices */
@media (max-width:1023px) {
	label {
		display:none;
	}
	#left {
		width:23%;
	}
	#right {
		width:77%;
	}
}