html { }

body {background: #83c018; font-size: 12px; font-family: Arial, sans-serif; color: #273907; line-height: 1.5;}
body.slide {background-color: #ffffff; overflow: hidden;};
h1 { font-size: 24px; font-weight: normal; text-transform: uppercase; color: #fff; }
a { color: inherit; }

div.canvas {
	width: 100%;
}

div.content {
	width: 960px;
	margin: auto;
}

ul { list-style: none; padding: 12px 0; }
ul li { display: inline; padding-right: 12px; text-transform: uppercase; }
ul li a { padding: 3px 12px; background: #69ad0f; border: 1px solid #569f09; color: #fff; text-decoration: none; }
ul li a:hover { background: #569f09; }
ul li button {cursor: pointer; font-size: 12px; padding: 3px 12px; padding-top: 1px; background: #69ad0f; border: 1px solid #569f09; color: #fff; text-decoration: none; }
ul li button:hover { background: #569f09; }

.box { padding: 12px; background: #98cc2b; border: 1px solid #569f09; }
.copyright { font-size: 10px; text-transform: uppercase; color: #557d10; }

div.section {
	clear: both;
}

div.sectionTitle {
	margin: 10px;
	margin-bottom: 0px;
	border-bottom: 1px solid #64A40F;
	text-align: center;
	background-color: #69AD0F;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
}

div.sectionContent {
	margin: 10px;
	margin-top: 0px;
	padding: 2px;
	border: 1px solid #69AD0F;
}

div.cpanel.slideShow {
	top: -60px;
	left: 0px;
	right: 0px;
	position: fixed;
	height: 60px;
	border-bottom: 10px solid #ffffff;
	z-index: 100;
	background: #83c018;
	padding-left: 20px;
	border-collapse: collapse;
	clear: both;
}

div.cpanel.slideShow ul {
	float: left;
}

div.slideInfo {
	float: right;
	top: 10px;
	right: 10px;
	margin: 20px;
	color: #ffffff;
}


div.field{
width: 100%;
clear: right;
background-color: #BEE175;
margin-bottom: 5px;
text-align: left;
overflow: auto;
}

div.field:last-child{
	margin-bottom: 0px;
}

div.field label{
width: 45%;
margin-right: 5px;
float: left;
text-align: left;
height: inherit;
padding: 5px;
vertical-align: middle;
}

div.errors {
	background: #FFB3B3;
	color: #B70303;
	font-weight: bold;
	margin-bottom: 10px;
	border: 2px solid #B70303;
	padding: 10px;
}


form.settings div.field div.value{
display: block;
width: 45%;
float: right;
text-align: left;
padding: 2px;
}

form.settings div.value input{
	
	
}

input.number {
	width: 30px;
	text-align: right;
	padding: 2px;
}
div.sprite {
	position: absolute;
	text-align: center;
	border: 1px solid red;
	padding: 0px;
	margin: 0px;
	background-color: red;
}

div.cb {
	width: 100%;
	clear: both;
}

div.slideScreen {
	position: fixed;
	top: 20px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	overflow: visible;	
}

div#slider {

}

div.slide {
	color: #303030;
	overflow: visible;
	font-size: 350pt;
	position: relative;
}


div.slideContent {
	
}

div.slideSpriteContent {
	border: 8px solid #303030;
	background: #F2FFD7;
	position: relative;
}

/* Slider */

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{
	text-align: center;
}	
#prevBtn, #nextBtn{ 
	display:block;
	width:55px;
	height:153px;
	position: fixed;
	top: 300px;
	}	
	
#nextBtn{ 
	right: 10px;
	}	
#prevBtn{ 
	left: 10px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:55px;
	height:153px;
	background: url('../i/prev.png') no-repeat;	
	}	
	
#nextBtn a{ 
	background: url('../i/next.png') no-repeat;	
	}