/*
	These are examples of styles for the button icons
*/
.x-edit-wordpaste {background: url(plugins/document-word-text.png) 0 0 no-repeat !important;}
.x-edit-table {background: url(plugins/table.png) 0 0 no-repeat !important;}
.x-edit-hr {background: url(plugins/edit-rule.png) 0 0 no-repeat !important;}
.x-edit-indent {background: url(plugins/edit-indent.png) 0 0 no-repeat !important;}
.x-edit-char {background: url(plugins/edit-char.png) 0 0 no-repeat !important;}
.x-edit-outdent {background: url(plugins/edit-outdent.png) 0 0 no-repeat !important;}
.x-edit-subscript {background: url(plugins/text_sub.png) 0 0 no-repeat !important;}
.x-edit-superscript {background: url(plugins/text_super.png) 0 0 no-repeat !important;}
.x-edit-removeFormat {background: url(plugins/style-delete.png) 0 0 no-repeat !important;}
.x-edit-pictures {background: url(plugins/image.png) 0 0 no-repeat !important;}
.x-edit-videos {background: url(plugins/film.png) 0 0 no-repeat !important;}
.x-edit-cut {background: url(plugins/cut.png) 0 0 no-repeat !important;}
.x-edit-copy {background: url(plugins/copy.png) 0 0 no-repeat !important;}
.x-edit-paste {background: url(plugins/paste.png) 0 0 no-repeat !important;}
.x-edit-link {background: url(plugins/world_link.png) 0 0 no-repeat !important;}
.x-edit-unlink {background: url(plugins/link_break.png) 0 0 no-repeat !important;}

.x-toolbar-nouvelles {background: url(plugins/nouvelles.png) 0 0 no-repeat !important;}
.x-toolbar-musique {background: url(plugins/musique.png) 0 0 no-repeat !important;}
.x-toolbar-spectacles {background: url(plugins/spectacles.png) 0 0 no-repeat !important;}
.x-toolbar-videos {background: url(plugins/film.png) 0 0 no-repeat !important;}
.x-toolbar-biographie {background: url(plugins/biographie.png) 0 0 no-repeat !important;}
.x-toolbar-contact {background: url(plugins/contact.png) 0 0 no-repeat !important;}
.x-toolbar-mailinglist {background: url(plugins/mailinglist.png) 0 0 no-repeat !important;}
.x-toolbar-quitter {background: url(plugins/quitter.png) 0 0 no-repeat !important;}

.x-toolbar-musique-add {background: url(plugins/musique_add.png) 0 0 no-repeat !important;}
.x-toolbar-musique-delete {background: url(plugins/musique_delete.png) 0 0 no-repeat !important;}
.x-toolbar-ajouter {background: url(plugins/add.png) 0 0 no-repeat !important;}
.x-toolbar-supprimer {background: url(plugins/delete.png) 0 0 no-repeat !important;}

.x-form-embed textarea  {
	font-size: 11px !important;
	height: 150px !important;
}

/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

.x-grid3-col-biographieTexte {
	white-space:normal !important;
}

/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.ext-ie .x-row-editor .x-form-text {
    margin:0 !important; 
}
.x-row-editor-header {
    height:2px;
    overflow:hidden;
    background: transparent url(plugins/row-editor-bg.gif) repeat-x 0 0;
}
.x-row-editor-footer {
    height:2px;
    overflow:hidden;
    background: transparent url(plugins/row-editor-bg.gif) repeat-x 0 -2px;
}
.ext-ie .x-row-editor-footer {
    margin-top:-1px;
}

.x-row-editor-body {
    overflow:hidden;
    zoom:1;
    background: #f5f5f5;
    padding-top:2px;
}
.x-row-editor .x-btns {
    position:absolute;
    top:28px;
    left:20px;
    padding-left:5px;
    background: transparent url(plugins/row-editor-btns.gif) no-repeat 0 0;
}
.x-row-editor .x-btns .x-plain-bwrap {
    padding-right:5px;
    background: transparent url(plugins/row-editor-btns.gif) no-repeat right -31px;
}
.x-row-editor .x-btns .x-plain-body {
    background: transparent url(plugins/row-editor-btns.gif) repeat-x 0 -62px;
    height:31px;
}
.x-row-editor .x-btns .x-table-layout-cell {
    padding:3px;
}



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

.char-item.x-view-selected {
	background-color: #777;
}

.char-over {
	border: 1px solid #555;
	background-color:#ccc;
}


/* Spotlight */
.x-spotlight {
     -moz-opacity: 0.0;
    opacity: .0;
    filter: alpha(opacity=0);
}


/* Disabled grid */
.x-grid-disabled {
    cursor: progress;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}


/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
#img-chooser-dlg .details{
    padding: 10px;
    text-align: center;
}
#img-chooser-dlg .details-info{
    border-top: 1px solid #cccccc;
    font: 11px Arial, Helvetica, sans-serif;
    margin-top: 5px;
    padding-top: 5px;
    text-align: left;
}
#img-chooser-dlg .details-info b{
    color: #555555;
    display: block;
    margin-bottom: 4px;
}
#img-chooser-dlg .details-info span{
    display: block;
    margin-bottom: 5px;
    margin-left: 5px;
}

#img-chooser-view{
    background: white;
    font: 11px Arial, Helvetica, sans-serif;
}
#img-chooser-view .thumb{
    background: transparent;
    padding: 3px;
}
#img-chooser-view .thumb img{
    height: 60px;
    width: 80px;
}
#img-chooser-view .thumb-wrap{
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 5px;
}
#img-chooser-view .thumb-wrap span{
    display: block;
    overflow: hidden;
    text-align: center;
}
#img-chooser-view .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;
    padding: 4px;
}
#img-chooser-view .x-view-selected{
	background-color:#CCCCCC !important;
	border: 1px solid #ACACAC;
    padding: 4px;
}
#img-chooser-view .x-view-selected .thumb{
    background:transparent;
}
#img-chooser-view .x-view-selected span{
	color: #000000;
}
#img-chooser-view .loading-indicator {
    font-size:11px;
    background-image:url('../../resources/images/grid/loading.gif');
    background-repeat: no-repeat;
    background-position: left;
    padding-left:20px;
    margin:10px;
}