/*### CSS-RESET ###*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	font-family: Arial,sans-serif;
}

body {
	background-image: url('../img/body_bg.gif');
	background-repeat: no-repeat;
	background-position: 0px 235px;
}

p,li,ol{
	font:1em/1.4em Arial,sans-serif;
}

#content-top {
	width:100%;
	height:160px;
	margin:0px;
	padding-bottom:20px;
	background:#333e49;
	border-bottom:10px solid #dce3e8;
	background-image: url('../img/header_bg.jpg');
}

#header {
	width:920px;
	height:180px;
	overflow:hidden;
	margin:0px auto;
	padding:0px;
	background: url('../img/logo_fairplay.png') no-repeat;
}

#header h1{
	color:#E10E10;
	padding-top:30px;
	margin-left:160px;
	font-size:1.8em;
}

#header h2{
	color:white;
	margin-left:160px;
	font-size:1.5em;
}

ul#navi {
	width:920px;
	margin:0;
	margin-top:46px;
	padding:0;
}

ul#navi li {
	list-style-type:none;
	display:inline;
}

ul#navi li a{
	display:inline-block;
	padding:0.6em 2% 0.5em 2%;
	margin:0em 0.2em 0em 0em;
	background-image: url('../img/navi_bg.jpg');
	color:#333e49;
	text-decoration:none;
	font-weight:bold;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
}

ul#navi li a:hover{
	color:white;
}

ul#navi li a:active,ul#navi li a.active{
	color:black;
	background: #dce3e8;
}

hr{ height:2px; color:#ddd; }
em,q{ font-weight:bold; font-style:normal; }
h3,h4 {
	margin-top:1em;
	color:#e10e10;
}

h4.black{
	color:#555;
}

table{
	width:70%;
	margin:1em 0;
	font-size:0.8em;
}
thead,.formats .header,.formats .header:hover{
	background: url('../img/header_bg.jpg') bottom center #333e49;
	color:#fff;
}
th,td,.formats li{
	margin:2px;
	padding:0.4em 1em;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
table .small{
	width:5em;
}
tr:nth-child(even),
.formats li:nth-child(even){
	background:#f0f0f0;
}
#files tr:hover,#files tr.ready:hover,.formats li:hover,.formats li.active{
	background:#a0ffa0;
}

.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }
.hidden{ display:none; }
p.small{ font-size:0.8em; }
#hints p{
	color:#880000;
	font-size:1.2em;
	border:1px solid #ccc;
	padding:0.5em;
}
#content{
	display:block;
	position:relative;
	width:960px;
	margin:0px auto 0px auto;
	padding:0;
	padding-top:20px;
	background:white;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
a{
	color:#333e49;
}
#content address{
	font-style:normal;
}

#content h3{
	color:#e10e10;
	font-size:1.3em;
	line-height:1.3em;
}
p,address{
	margin:1em 0;
}

#content-left {
	width:600px;
	float:left;
	position:relative;
	padding-left:20px;
	background:white;
}

#content-left img {
	float:right;
	padding:0px 0px 10px 20px;
}

#content-left p,ol{
	margin:0.5em 0;
}

#content-left ol{
	margin-left:1em;
	padding-left:20px;
	font-size:0.9em;
}

#content-left ol li{
	margin-bottom:10px;
}

#content-left-top {
	margin-bottom:40px;
}

#content-right {
	padding:0px 20px 0px 20px;
	width:270px;
	margin-top:0;
	display:block;
	float:right;
	position:relative;
	right:0px;
	color:#333e49;
}

#footer {
	float:left;
	/* width:730px; */
	width:870px;
	margin-top:3em;
	padding:10px 20px 10px 20px;
	border-top:1px solid #dce3e8;
	font-size:0.8em;
	color:#666;
}

#footer p {
	float:left;
	width:300px;
	margin:0px;
	padding:0px;
}

#footer ul {
	float:right;
	text-align:right;
	/* width:500px; */
	margin:0px;
	padding:0px;
}

#footer li {
	list-style-type:none;
	display:inline;
	padding:0px;
	margin:0px;
}

#footer li a {
	padding:0px;
	margin:0px;
	color:#666;
	text-decoration:none;
}

#footer li a:hover {
	color:#333e49;
}

.sidebar {
	background-color:#dce3e8;
	margin-bottom:40px;
	width:240px;
	padding:0px;
}
.sidebar h4 {
	color:#E10E10;
	font-size:1.2em;
	padding:20px 20px 0px 20px;
}
.sidebar ul {
	padding-bottom:20px;
	padding-right:20px;
}
.sidebar li {
	padding-bottom:5px;
	font-size:0.9em;
}
.sidebar a {
	text-decoration:none;
	color:#333e49;
}
.sidebar a:hover {
	color:black;
	background:#ccc;
}
.sidebar p {
	margin:0;
	padding:0.5em 20px 10px 20px;
	font-size:0.9em;
}
.sidebar img {
	margin:15px 15px 0px 15px;
	width:210px;
	padding:0px;
}

#content-right .products {
}

#content-right .products p{
	font-size:0.8em;
	display:block;
	margin-top:0px;
	padding-left:10px;
}

#files{ width:600px; }
#files tr.ready{ background:#f0fff0; }
#files a{
	margin:0.2em 0.5em;
	line-height:100%;
	cursor:pointer;
}
.crop{
	color:#333e49;
	text-decoration:underline;
	cursor:pointer;
}
#files img{
	max-width:50px;
	max-height:50px;
}

.formats{
	display:block;
	margin:1em;
	padding:0;
	list-style:none;
}

.formats li{
	clear:both;
	font-size:1.2em;
	margin-bottom:-1px; /* fixing 2px border between two li */
	padding:0.1em 0.5em;
	overflow:hidden;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	line-height:auto;
	cursor:pointer;
}
.formats{
	font-size:0.8em;
	margin:0 0 1em 0;
}
.impossible{
	color:#ccc;
}

#lightbox-wrapper{
	position:fixed;
	z-index:100;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.6)";
	background:#515151;
}
#lightbox-content{
	position:absolute;
	z-index:200;
	top:200px;
	left:0px;
	width:880px;
	height:auto;
	min-height:630px;
	background:#fff;
	border:1px solid #515151;
	opacity:1;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
#lightbox-content .save {
	display:block;
	float:right;
	margin-right:12px;
}
#lightbox-content p{
	margin:1em 0;
}
#lightbox-content small{
	display:block;
	margin-top:3em;
	height:1em;
}

#cropbox-left,#cropbox-right{
	display:inline-block;
	position:absolute;
}
#cropbox-left{
	left:30px;
	top:30px;
	width:500px;
	height:500px;
	background:url('../img/loader.gif') center center no-repeat #fff;
}
#cropbox-right{
	width:240px;
	height:auto;
	right:30px;
	top:30px;
}
#cropbox-right .scrollable{
	height:530px;
	padding-right:20px;
	overflow:auto;
}

button,.button {
	font-weight:bold;
	margin:1em 0;
	padding: 1px 6px 1px 6px;
	cursor:pointer;
	outline-width: 0;
	border: 1px solid #000;
	border-radius: 20px;
	-moz-border-radius: 20px;

	box-shadow:0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 1px 0px rgba(255, 255, 255, 0.5);			
	-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);
	background-color: #444;
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
}
button.big,.button.big{
	line-height:1em;
	font-size:1em;
}
button:hover,.button:hover,
button:focus,.button:focus {
	background-color: #666;
	color: #fff;
}
button:active,.button:active {
	background-color:#222;
	color:#ccc;
	-webkit-transition-duration: 0.0s;
	-moz-transition-duration: 0.0s;
	-o-transition-duration: 0.0s;
}
button[disabled] {
	background:#aaa;
}


#content form {
	margin-top:20px;
	margin-bottom:20px;
	width:600px;
}
form a {
	color:#333e49;
}
form a:hover {
	color:black;
}
form.styled p{
	font-size:0.9em;
}
form sup{
	font-weight:bold;
	color:darkred;
}
form select {
	width:70px;
	border:1px solid #dce3e8;
	padding:0.2em;
}
form fieldset {
	padding:10px;
	background-color:#dce3e8;
	margin-bottom:10px;
	border:0px;
}
form label {
	width:110px;
	display:inline-block;
}
form input, form textarea {
	padding:0.2em;
	font-size:1em;
	width:350px;
	border:1px solid #dce3e8;
	border-bottom:1px dotted #333e49;
}
form textarea {
	display:block;
	margin:1em auto;
	height:6em;
}
form input[type=radio],
form input[type=checkbox],
form input[type=file] {
	width:auto;
}

form .forgotten{
	background:#f0c0c0;
}

form .special-1 {
	width:148px;
	margin-right:20px;
	border:1px solid #dce3e8;
	border-bottom:1px dotted #333e49;
}
form .special-2 {
	width:61px;
	margin-right:20px;
	border:1px solid #dce3e8;
	border-bottom:1px dotted #333e49;
}
form .special-3 {
	width:228px;
	margin-right:20px;
	border:1px solid #dce3e8;
	border-bottom:1px dotted #333e49;
}