/*
	Documentation
	---------------------------------------------------------------------------------------------
	border-radius ==> http://www.the-art-of-web.com/css/border-radius/
	
	CSS3:
	border-top-right-radius
	border-bottom-right-radius
	border-bottom-left-radius
	border-top-left-radius
	border-radius
	
	Mozilla equivalent:
	-moz-border-radius-topright
	-moz-border-radius-bottomright
	-moz-border-radius-bottomleft
	-moz-border-radius-topleft
	-moz-border-radius
	
	WebKit equivalent:
	-webkit-border-top-right-radius
	-webkit-border-bottom-right-radius
	-webkit-border-bottom-left-radius
	-webkit-border-top-left-radius
	-webkit-border-radius
	
	
	linear-gradient ==> http://www.olivergast.de/2011/03/19/css3-farbverlaufe-erzeugen/
	
	background-color:#F1F1F1;
	background-image:-moz-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ececec));
	background-image:-webkit-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
	background-image:-o-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
	background-image:-ms-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
	background-image:linear-gradient(top, #f9f9f9 0%, #ececec 100%);
*/



/*~~~ defaults ~~~*/
.themeOptionsWrapper textarea,
.themeOptionsWrapper input[type="text"],
.themeOptionsWrapper input[type="password"],
.themeOptionsWrapper input[type="file"],
.themeOptionsWrapper input[type="button"],
.themeOptionsWrapper input[type="submit"],
.themeOptionsWrapper input[type="reset"],
.themeOptionsWrapper input[type="email"],
.themeOptionsWrapper input[type="number"],
.themeOptionsWrapper input[type="search"],
.themeOptionsWrapper input[type="tel"],
.themeOptionsWrapper input[type="url"],
.themeOptionsWrapper select {
	background-color:#fff;
	border-color:#bbb;
}
.themeOptionsWrapper textarea:focus,
.themeOptionsWrapper input[type="text"]:focus,
.themeOptionsWrapper input[type="password"]:focus,
.themeOptionsWrapper input[type="file"]:focus,
.themeOptionsWrapper input[type="button"]:focus,
.themeOptionsWrapper input[type="submit"]:focus,
.themeOptionsWrapper input[type="reset"]:focus,
.themeOptionsWrapper input[type="email"]:focus,
.themeOptionsWrapper input[type="number"]:focus,
.themeOptionsWrapper input[type="search"]:focus,
.themeOptionsWrapper input[type="tel"]:focus,
.themeOptionsWrapper input[type="url"]:focus,
.themeOptionsWrapper select:focus {
	border-color:#000;
}
.themeOptionsGradient {
	background-color:#F1F1F1; /* default background-color */
	background-image:-moz-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ececec));
	background-image:-webkit-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
	background-image:-o-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
	background-image:-ms-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
	background-image:linear-gradient(top, #f9f9f9 0%, #ececec 100%); /*CSS3*/
}
.themeOptionsGradient:hover,
.themeOptionsGradient.hoverEvent,
.themeOptionsGradient.open {
	background-color:#e5e5e5;
	background-image:-moz-linear-gradient(top, #f9f9f9 0%, #d1d1d1 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d1d1d1));
	background-image:-webkit-linear-gradient(top, #f9f9f9 0%, #d1d1d1 100%);
	background-image:-o-linear-gradient(top, #f9f9f9 0%, #d1d1d1 100%);
	background-image:-ms-linear-gradient(top, #f9f9f9 0%, #d1d1d1 100%);
	background-image:linear-gradient(top, #f9f9f9 0%, #d1d1d1 100%);
}
.themeOptionsBorderRadiusAll {/* http://www.kreativr.de/css3-buttons/ */
	-moz-border-radius:3px; /* Mozilla-Browser wie Firefox */
	-webkit-border-radius:3px; /* Webkit-Browser wie Chrome oder Safari */
	border-radius:3px; /* Browser wie IE9 oder Opera*/
}
.themeOptionsBorderRadius-TopLeftRight {
	-moz-border-radius-topright:3px;
	-moz-border-radius-topleft:3px;
	
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}
.themeOptionsBorderRadius-BottomLeftRight {
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}
.themeOptionsBackgroundTransitions {
	-moz-transition:all .2s ease-in-out; 
	-webkit-transition:all .2s ease-in-out;  
	-ms-transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	transition:all .2s ease-in-out;
}

/*~~~ layout ~~~*/
.themeOptionsWrapper {
	color:#333333;
	padding:20px;
}
.themeOptionsWrapper .themeOptionsMainHeadline {
	color:#464646;
	font-size:23px;
	line-height:23px;
	margin-bottom:10px;
}
.themeOptionsWrapper .themeOptionsSubHeadline {
	font-weight:bold;
	padding:10px 0 20px 5px;
}
.themeOptionsWrapper .themeOptionsHint {
	color:#e04300;
}


.themeOptionsWrapper .themeOptionsBlock {
	padding-bottom:20px;
}
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockHeadline {
	font-size:15px;
	line-height:35px;
	text-shadow:0 1px 0 #fff;
	border-color:#DFDFDF;
	box-shadow:0 1px 0 #fff inset;
	color:#464646;
	text-shadow:0 1px 0 #fff;
	border-style:solid;
	border-width:1px;
	padding:0 10px;
	cursor:pointer;
}


.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther {
	display:none;/* will be displayed with JS, Look at "theme-options.js" */
	background-color:#FCFCFC;
	border-color:#DFDFDF;
	border-style:none solid solid;
	border-width:1px;
}
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner {
	padding:20px 20px 0 20px;
}
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner .themeOptionsBlockDescription {
	padding-top:10px;
	padding-bottom:30px;
	font-style:italic;
}


.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner fieldset {
	border:solid 1px #f1f1f1;
	padding:0 20px 20px 20px;
	margin-bottom:30px;
}
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner fieldset input.themeOptionsInputText,
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner fieldset textarea.themeOptionsTextarea {
	width:60%;
}
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner fieldset textarea.themeOptionsTextarea {
	height:170px;
}
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner fieldset .themeOptionsBlockSubDescription {
	padding-top:5px;
}
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner fieldset .themeOptionsBlockSubDescription .themeOptionsHint {
	font-weight:bold;
}


.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner .themeOptionsBlockCheckbox,
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner .themeOptionsBlockRadio,
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner .themeOptionsBlockSelect,
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner .themeOptionsBlockTextarea,
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner .themeOptionsBlockText {
	padding-top:20px;
}
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner .themeOptionsBlockSelect label,
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner .themeOptionsBlockTextarea label,
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner .themeOptionsBlockText label {
	display:block;
	padding-bottom:2px;
}
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner .themeOptionsBlockCheckbox label,
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner .themeOptionsBlockRadio label {
	padding-left:5px;
}
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner .themeOptionsBlockCheckbox .themeOptionsBlockSubDescription,
.themeOptionsWrapper .themeOptionsBlock .themeOptionsBlockOuther .themeOptionsBlockInner .themeOptionsBlockRadio .themeOptionsBlockSubDescription {
	display:inline;
	padding-left:30px;
	font-style:italic;
}


.themeOptionsWrapper .themeOptionsSubmit {
	padding-bottom:10px;
}