input[type=submit]{
	padding: 8px 20px;
	background: #EEE;
	border: 1px solid #CCC;
	cursor: pointer;
	margin-left: 720px;
}

input[type=submit]:hover{
	background: #CCC;
}

#error {
	width: 800px; 
	padding: 20px; 
	margin-top: 20px; 
	background:#ffc3b9; 
	color: #d14229; 
	display: none;
}


/* --- Banner form --- */
#text_field_wrapper{
	margin: 20px 0px; 
	background-color: #EEE; 
	padding: 20px; 
	width: 780px; 
	border: 1px solid #CCC;
}

#banner_text{
	width: 600px; 
	font-size: 12px; 
	border: 1px solid #CCC; 
	line-height: 20px
}

#banners_wrapper{
	margin-right: 20px; 
	display: inline-block;
}

#sizes_wrapper{
	display: inline-block;
}

#icons_wrapper{
	margin: 20px 0px;
}

#colors_wrapper{
	margin: 20px 0px; 
	background-color: #EEE; 
	padding: 20px; 
	width: 780px; 
	border: 1px solid #CCC;
}

#banner_result{
	padding: 20px; 
	margin-bottom: 35px; 
	width:780px; 
	background-color: #EEE; 
	border: 1px solid #CCC;
	text-align: center;
	display: block;
}
/* --- Color selection --- */
input[type="radio"] {
   /*  display:none; */
   width: 0px;
}
input[type="radio"] + label {
    background: #000000;
    font-family:Arial, sans-serif;
    width:19px;
    height:19px;
    display:inline-block;
    margin: 0px -1px;
    cursor:pointer;
    vertical-align:middle;
}

#f1 + label {
	background: #ffffff;
}
#f1:checked + label{
     border: 2px solid #ffffff;
}
#f2 + label {
	background: #000000;
}
#f2:checked + label{
     border: 2px solid #000000;
}

#r1 + label {
	background: #e6007e;
}
#r1:checked + label{
     border: 2px solid #e6007e;
}
#r2 + label {
	background: #8dc049;
}
#r2:checked + label{
     border: 2px solid #8dc049;
}
#r3 + label {
	background: #0b8cb5;
}
#r3:checked + label{
     border: 2px solid #0b8cb5;
}
#r4 + label {
	background: #86898c;
}
#r4:checked + label{
     border: 2px solid #86898c;
}
#r5 + label {
	background: #e41b13;
}
#r5:checked + label{
     border: 2px solid #e41b13;
}
#r6 + label {
	background: #0b70b7;
}
#r6:checked + label{
     border: 2px solid #0b70b7;
}
#r7 + label {
	background: #6f4f9b;
}
#r7:checked + label{
     border: 2px solid #6f4f9b;
}
#r8 + label {
	background: #f7a824;
}
#r8:checked + label{
     border: 2px solid #f7a824;
}
#r9 + label {
	background: #004e9c;
}
#r9:checked + label{
     border: 2px solid #004e9c;
}
#r10 + label {
	background: #008238;
}
#r10:checked + label{
     border: 2px solid #008238;
}


/* --- END Color selection --- */


 
/* --- color-picker (not in use) --- */
#bg_picker {
	margin:0;
	padding:0;
	border:0;
	width:70px;
	height:20px;
	border-right:20px solid #3289c7;
	line-height:20px;
}

#font_picker {
	margin:0;
	padding:0;
	border:0;
	width:70px;
	height:20px;
	border-right:20px solid white;
	line-height:20px;
}
/* --- END color-picker --- */