/*
	These are examples of styles for the button icons (you must supply the icon files yourself)
	
	For nice icon sets, check out the following sites.
	- http://www.famfamfam.com/
	- http://code.google.com/p/fugue-icons/
    - http://www.everaldo.com/crystal/
    
    See the notice.txt file in the images folder for possible licence conflicts with these images.
    Some icons may be licenced under the Creative Commons licence - http://creativecommons.org/licenses/by/2.5/
    
*/
.x-edit-wordpaste {background: url(../icons/htmleditorplugins/wordpaste.png) 0 0 no-repeat !important;}
.x-edit-table {background: url(../icons/htmleditorplugins/insert_table.png) 0 0 no-repeat !important;}
.x-edit-hr {background: url(../icons/htmleditorplugins/insert_hr.png) 0 0 no-repeat !important;}
.x-edit-indent {background: url(../icons/htmleditorplugins/edit-indent.png) 0 0 no-repeat !important;}
.x-edit-char {background: url(../icons/htmleditorplugins/insert_symbol.png) 0 0 no-repeat !important;}
.x-edit-outdent {background: url(../icons/htmleditorplugins/edit-outdent.png) 0 0 no-repeat !important;}
.x-edit-subscript {background: url(../icons/htmleditorplugins/edit-subscript.png) 0 0 no-repeat !important;}
.x-edit-superscript {background: url(../icons/htmleditorplugins/edit-superscript.png) 0 0 no-repeat !important;}
.x-edit-removeFormat {background: url(../icons/htmleditorplugins/edit-removeFormat.png) 0 0 no-repeat !important;}
.x-edit-image {background: url(../icons/htmleditorplugins/insert_image.png) 0 0 no-repeat !important;}
.x-edit-findandreplace {background: url(../icons/htmleditorplugins/edit-findandreplace.png) 0 0 no-repeat !important;}
.x-edit-undo {background: url(../icons/htmleditorplugins/edit-undo.png) 0 0 no-repeat !important;}
.x-edit-redo {background: url(../icons/htmleditorplugins/edit-redo.png) 0 0 no-repeat !important;}
.x-edit-removelink {background: url(../icons/htmleditorplugins/edit-removelink.png) 0 0 no-repeat !important;}
.x-edit-strikethrough {background: url(../icons/htmleditorplugins/edit-strikethrough.png) 0 0 no-repeat !important;}

/*
    When using the famfamfam set of icons, the following styles can be used, assuming the famfamfam 
    set of icons was extracted to a folder named 'icons' - Thanks to 'dearsina' on the Ext JS Forums for this.

.x-edit-wordpaste {background: url(icons/page_white_word.png) 0 0 no-repeat !important;}
.x-edit-table {background: url(icons/table.png) 0 0 no-repeat !important;}
.x-edit-hr {background: url(icons/text_horizontalrule.png) 0 0 no-repeat !important;}
.x-edit-indent {background: url(icons/text_indent.png) 0 0 no-repeat !important;}
.x-edit-char {background: url(icons/text_letter_omega.png) 0 0 no-repeat !important;}
.x-edit-outdent {background: url(icons/text_indent_remove.png) 0 0 no-repeat !important;}
.x-edit-subscript {background: url(icons/text_subscript.png) 0 0 no-repeat !important;}
.x-edit-superscript {background: url(icons/text_superscript.png) 0 0 no-repeat !important;}
.x-edit-removeFormat {background: url(icons/exclamation.png) 0 0 no-repeat !important;} 
.x-edit-undo {background: url(../images/default/editor/arrow_undo.png) 0 0 no-repeat !important;}
.x-edit-redo {background: url(../images/default/editor/arrow_redo.png) 0 0 no-repeat !important;}

*/

/*
	These styles are used for the character map
*/
.char-item {
	float: left; 
	border: 1px solid #99BBE8; 
	background-color: #ffffff;
	margin: 3px; 
	text-align: center; 
	vertical-align: middle; 
	width: 20px; 
	height: 20px; 
	font-size: 14px;
	color: #15428B;
	cursor: pointer;
}

.char-item.x-view-selected {
	border: 1px solid #15428B;
	background-color: #777;
}

.char-over {
	border: 1px solid #15428B;
	background-color:#d0def0;
}
.ux-icon-combo-icon {
        background-repeat: no-repeat;
        background-position: 0 50%;
        width: 18px;
        height: 14px;
    }
 
    /* X-BROWSER-WARNING: this is not being honored by Safari */
    .ux-icon-combo-input {
        padding-left: 25px;
    }
 
    .x-form-field-wrap .ux-icon-combo-icon {
        top: 3px;
        left: 5px;
    }
    .ux-icon-combo-item {
        background-repeat: no-repeat ! important;
        background-position: 3px 50% ! important;
        padding-left: 24px ! important;
    }
/** vim: ts=4:sw=4:nu:fdc=4:nospell
 *
 * Ext.ux.form.LovCombo CSS File
 *
 * @author    Ing.Jozef Sakáloš
 * @copyright (c) 2008, by Ing. Jozef Sakáloš
 * @date      5. April 2008
 * @version   $Id: Ext.ux.form.LovCombo.css 189 2008-04-16 21:01:06Z jozo $
 *
 * @license Ext.ux.form.LovCombo.css is licensed under the terms of the Open Source
 * LGPL 3.0 license. Commercial use is permitted to the extent that the 
 * code/component(s) do NOT become part of another Open Source or Commercially
 * licensed development library or toolkit without explicit permission.
 * 
 * License details: http://www.gnu.org/licenses/lgpl.html
 */
.ux-lovcombo-icon {
	width:16px;
	height:16px;
	float:left;
	background-position: -1px -1px ! important;
	background-repeat:no-repeat ! important;
 }

.ux-lovcombo-icon-checked {
	background : url(../../extjs/resources/images/default/menu/checked.gif);
}
.ux-lovcombo-icon-unchecked {
	background : url(../../extjs/resources/images/default/menu/unchecked.gif);
}

/* IE patch */
.ext-ie .ux-lovcombo-item-text {
	position:absolute;
	left:16px;
	top:3px;
 }

.ext-ie .ux-lovcombo-icon {
	float:none;
 }

.ext-ie .x-combo-list-item {
	position:relative;
 }