div.autocomplete { position: absolute; width: 250px; background-color: white; border: 1px solid #888888; margin: 0px; padding: 0px; max-height: 12em; }
div.autocomplete ul { list-style-type: none; margin: 0px; padding: 0px; max-height: 12em; overflow: auto; }
div.autocomplete ul li.selected { background-color: #d0d0ff; }
div.autocomplete ul li { white-space: nowrap; list-style-type: none; display: block; font-family: sans-serif; font-size: smaller; color: #000000;
	margin: 0px; padding: 0.1em; height: 1em; line-height: 1em; cursor: pointer; }
div.autocomplete ul li strong { color: #000080; }
div.autocomplete ul li .code { display: none; }

/*ArrayTypeHandler*/
ul.ArrayTypeHandler{ list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; width: 100%;  }
li.ArrayTypeHandlerElement { padding:0 0 0 0; margin:0 0 0 0; }
div.arrayElementPicker { display:inline; }
div.arrayElementRemove { display:inline;width:14px; }
div.arrayElementMove { display:inline;width:14px; }
div.uparrow { width:14px; }
div.downarrow { width:14px; }
img.citArrayTypeHandlerButton { display: inline; cursor: pointer; vertical-align: middle;}

/*rounded corners*/
.top { top:0; }
.right { right: 0; background-position: 10px 0; }
.bottom { bottom: 0; background-position: 0 10px; }
.left { left: 0; }
.bottom.right { background-position: 10px 10px; }

/* ParagrahTypeHandler */
.paragraphFullModeBtn {cursor:pointer;}

/* PairTypeHandler */
.citPair div {display: inline;}

/* Drop down */
select option.more {color: gray;}

/* MomentOrPeriodicity */
.citMomentOrPeriodicityPeriodicity {padding-left: 10px;}

/************************
 * CssColorTypeHandler  *
 ***********************/
.cssColorSelector .selectedColorBox {border-left: 1px solid #6F7C89; border-top: 1px solid #6F7C89; border-right: 1px solid #000; border-bottom: 1px solid #000;
	width: 25px; height: 25px; padding:0px; margin: 0px; cursor:pointer; display: block;}
.cssColorSelector .noSelectedColorBox {padding:0px; margin: 0px; background-image: url(../images/csscolor/NoColor.png); cursor:pointer; width: 23px; height: 25px; display:block;}
.cssColorSelector .disabledBox {cursor:default;}
.colorSelectorContainer { position:absolute; border: 1px solid #5C7081; width:260px; height: 200px;
	background-color:#EBF3FA; z-index: 150;}
.colorSelectorContainer .noColorContainer {margin-top: 5px; margin-bottom: 5px;text-align: center;}
.colorSelectorContainer .noColor {margin-left:auto; margin-right:auto; padding: 3px; border:1px solid #6F7C89; cursor:pointer; width: 144px; line-height: 11px;}
.colorSelectorContainer .defaultColors {margin-top: 10px; text-align:center;}
.colorSelectorContainer .defaultColors table {margin-left:auto; margin-right:auto;}
.colorSelectorContainer .defaultColors td {cursor: pointer;}
.colorSelectorContainer .defaultColors .colorBoxBorder {border: 1px solid #EBF3FA; padding: 3px;}
.colorSelectorContainer .defaultColors .colorSelected .colorBoxBorder {border-color: #000;}
.colorSelectorContainer .defaultColors .colorBox {width: 15px; height: 15px; border:1px solid #6F7C89;}
.colorSelectorContainer .colorCode {padding-left: 8px;padding-top: 5px;margin-top: 10px; border-top: 1px solid #6F7C89;}
.colorSelectorContainer .colorCode .colorCodePicker {margin-left: 5px;}
.colorSelectorContainer .colorCode .citError {padding-left: 3px;}
.colorSelectorContainer .buttons {margin-top: 15px;text-align: center;}
.colorSelectorContainer .buttons .button {width: 90px;margin: 0px;padding-top: 3px;}
.colorSelectorContainer .buttons .buttonSeparator {width: 20px;}
.colorSelectorContainer .buttons table {margin-left: auto; margin-right: auto;}