#colorText {
	position: absolute;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px
}

.rt_section_inner {
	background-color: #e1e4ef; 
	padding: 4px; 
	border: black solid 1px; 
	border-color: white gray gray white;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#f8f9fc,endColorStr=#e1e4ef);
	/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#fbfbfb,endColorStr=#dfdfdf);*/
}

.rt_section_outer {
	background-color: #CCCCCC; 
	padding: 0px; 
	border: black solid 1px; 
	border-color: silver black black silver;
	margin-bottom: 10px;
}

.rt_fieldset {
	margin: 10px;
}

.rt_fieldset td, .rt_fieldset select, .rt_fieldset input  {
	font-size: 10px;
}

.rt_fieldset_legend {
	font-size: 12px;
	color: black;
	margin-bottom: 5px;
}

.toolbar {
	font-size:9px; 
	width: 100%; 
	padding-top: 2px;
	position: relative;
	top: -2px;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#f8f9fc,endColorStr=#e1e4ef);
	/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#fbfbfb,endColorStr=#dfdfdf);*/
}

.toolbar_disabled {
	font-size:9px; 
	width: 100%; 
	padding-top: 2px; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
	position: relative;
	top: -2px;
}

.font_select {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px
}

.separator {
	border-left: gray solid 1px; 
	border-right: white solid 1px; 
	height: 20px; 
	margin-right: 4px; 
	margin-left: 4px;
}

.button {
	vertical-align: top; 
	cursor: default; 
	border: none 1px; 
	margin-right: 1px;
	margin-left: 1px; 
	cursor: default;
}

.button:hover {
	vertical-align: top; 
	cursor: default ;  
	border: black solid 1px; 
	margin: 0px; 
	border-color: white gray gray white;
	cursor: default;
}

.button:active, .button_active {
	vertical-align: top; 
	cursor: default ;  
	margin: 0px; 
	border: black solid 1px; 
	border-color: gray white white gray; 
	position: relative; 
	top: 1px; 
	left: 1px; 
	background-color: #E2E2E2; 
	cursor: default;
}

.design_window, .code_window{
	width: 100%; 
	height: 350px; 
	border: black solid 1px; 
	background-color: white; 
	border-color: gray silver silver gray;
}

.design_window {
	overflow: auto;
	padding: 10px; 
}

.code_window textarea {
	width: 100%;
	height: 346px;
	overflow: auto;
	border: 0px;
	margin-right: 2px;
}


.color_picker, .color_picker_small {
	padding: 5px; 
	background-color:#CCCCCC; 
	border-top: gray solid 1px; 
	border-left: gray solid 1px; 
	border-right: black solid 1px; 
	border-bottom: black solid 1px; 
}

.color_picker {
	width: 212; 
	height:135px;  
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=2)
		progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#fbfbfb,endColorStr=#DFDFDF);
}

.color_picker_small { 
	width: 150; 
	height:120px;  
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=1)
		progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#fbfbfb,endColorStr=#DFDFDF);
}

.cp_td, .cp_td_small {
	border-top: white solid 1px; 
	border-left: white solid 1px; 
	border-right: gray solid 1px; 
	border-bottom: gray solid 1px;
	cursor: pointer; 
	font-size:1px; 
	cursor: default;
}

.cp_td {
	width: 10px; 
	height: 10px; 
}

.cp_td_small {
	width: 6px; 
	height: 6px; 
}

.cp_td_mo, .cp_td_mo_small {
	border-top: gray solid 1px; 
	border-left: gray solid 1px; 
	border-right: white solid 1px; 
	border-bottom: white solid 1px;
	cursor: pointer; 
	font-size:1px ; 
	cursor: default;
}

.cp_td_mo {
	width: 10px; 
	height: 10px; 
}

.cp_td_mo_small {
	width: 6px;
	height: 6px;
}


.color_preview {
	width: 100%; 
	height: 100%; 
	background-color: white; 
	margin-right: 5px; 
	border-top: gray solid 1px; 
	border-left: gray solid 1px; 
	border-right: white solid 1px; 
	border-bottom: white solid 1px;
}


.color_preview_code, 
.color_preview_name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px
}

.preview_table {
	margin-top: 4px;
}

.small_checkbox {}

.small_text {
	font-size: 9px;
}
