@CHARSET "UTF-8";

#custom_color_sheme { padding: 0px; margin-left: 30px; }
#custom_color_sheme fieldset.view { height: 595px; width: 800px; margin: 0px; margin-left: 5px;}
#custom_color_sheme legend { margin-left: 10px; margin-right: 10px; color: black; font-style: italic; font-weight: bold;}
#custom_color_sheme img { margin: 0px; padding: 0px; position: relative; top: 0; right: 10px;}

fieldset.view div.layer { position: relative; top: 25px; text-align: right; height: 575px; width: 800px; margin-bottom: -575px; background-repeat: no-repeat !important; background-position: 80% 35%;}
#_lines_layer { text-align: left;}
#_lines_layer img { right: 1px;} 

#color_palete , #schema_options, #color_help { padding: 5px; width: 790px; margin: 5px;}
#color_palete ul { list-style: none; clear: both;}
#color_palete ul li { cursor: pointer; display: block; float: left; border: 1px #4B4B4B solid; width: 95px; height: 20px; margin: 3px 4px; line-height: 25px; font-size: 10px;}
#color_palete ul li div { font-weight: bold; text-align: center; font-family: sans-serif; font-size: 12px; line-height: 20px;}
#color_palete ul li div.w { color: white; }

#custom_color_sheme .color_0 { background: url("../img/carbon_color.png"); }
#custom_color_sheme .color_1 { background-color: #FFFFFF; }
#custom_color_sheme .color_2 { background-color: #FFF542; }
#custom_color_sheme .color_3 { background-color: #FF971C; }
#custom_color_sheme .color_4 { background-color: #C71712; }
#custom_color_sheme .color_5 { background-color: #910F66; }
#custom_color_sheme .color_6 { background-color: #65B000; }
#custom_color_sheme .color_7 { background-color: #51DAFF; }
#custom_color_sheme .color_8 { background-color: #1761AB; }
#custom_color_sheme .color_9 { background-color: #633D9C; }
#custom_color_sheme .color_10 { background-color: #000F75; }
#custom_color_sheme .color_11 { background-color: #4D5C6B; }
#custom_color_sheme .color_12 { background-color: #03050A; }

div.layer { margin: 0; padding: 0; }

#custom_color_sheme ul.views { position: relative; top: 460px; margin: 10px; }
#custom_color_sheme ul.views li { display: block; float: right; width: 140px; height: 100px; padding-left: 5px; margin-top: 3px; background-repeat: no-repeat !important; }
#custom_color_sheme ul.views li:HOVER { cursor: pointer !important; }

#custom_color_sheme ul.color_panel {
	position: absolute;
	cursor: pointer;
}

#schema_options label{
	vertical-align: 10%;
}

#schema_options input {
	margin-left: 20px;
}

#custom_color_sheme ul.color_panel li {
	display: block; float: left; width: 40px; height: 20px; margin: 3px 0px 0px 10px; border: 1px #4B4B4B solid; font-size: 1px; line-height: 14px;
}

#custom_color_sheme ul.color_panel li div.select {
	border: 3px gray solid; background: transparent;
}


#_progress_load {
	text-align: center;
}

#color_code_info { font-size: 25px; font-weight: bold; font-style: italic; position: absolute; width: 790px; text-align: right; }
#color_code_info span { padding: 0px 3px 0px 3px; }

#color_help ol { list-style-position: inside; }