
/*a:active, a:focus{
   outline:none;
}*/

body { background: #67445e;   margin: 0;  padding: 0;  color: #000;  FONT-FAMILY: Tahoma, Arial;  FONT-SIZE: 11px; }
table { border-collapse: inherit;}
hr { height: 1px !important; border: 1px solid #d2d2d2 !important;}

/*
 * Ext elements
 */
.x-grid3-row-table { height: 22px;}
.x-grid3-row td, .x-grid3-summary-row td {  color: #4e4e4e; font-family: Arial, Helvetica, sans-serif}

.gridLink { color: #4e4e4e; text-decoration: underline; font-size: 11px; font-weight: normal; }
.grid-table-expand { margin: 5px 0;}
/*
 * HTML element
 */
 .background2None { background: none !important; padding-bottom: 0px !important};
 .clear { clear: both; }
 .toLeft { float: left; }
 .margeR20 { margin-right: 20px; }
 .margeL20 { margin-left: 20px; }
 .paddingL10{ padding-left: 10px;}
 .toBold { font-weight: bold; }
 .fontWeightToNormal { font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
 .textToGray12 { color: #313131; font-size: 12px; }
 img.preload {display:none;}
.visibility2Hidden{ visibility: hidden;}
.display2None { display: none;}
.HUI-tabPanelContent { position:relative; padding: 10px 10px; }
.HUI-tabBlockMargin { margin : 10px;}
.paddingT6 { padding-top : 6px !important;}
/**
 * DRUPAL THEME : HUI
 * used in druapl super admin section
 */

 tr.odd td, tr.even td { padding: 0.3em; }
 h1, h2, h3, h4, h5, h6 {margin-bottom: 0.5em;}
 h1 { font-size: 1.3em;}
 h2 { font-size: 1.2em;}
 h3, h4, h5, h6 { font-size: 1.1em;}
 p { margin-top: 0.5em; margin-bottom: 0.9em;}
 a { text-decoration: none; outline: none}
 a:link { color: #910076; text-decoration: underline;}
 a:visited { color: #910076;}
 a:hover { color: #910076; text-decoration: none;}
 fieldset { border: 1px solid #ccc;}
 pre { background-color: #eee; padding: 0.75em 1.5em; font-size: 12px; border: 1px solid #ddd;}

/* Page layout blocks / IDs */
#content { width: 100%; BACKGROUND-COLOR: #FAFBF6;}
#header { background-color: #FAFBF6;}
#logo { vertical-align: middle; border: 0;}
#logo img { float: left; padding: 0 1em; border: 0;}
#menu { padding: 0.5em 0.5em 0 0.5em; text-align: right;  vertical-align: middle;}
#navlist { font-size: 1.0em;  padding: 0 0.8em 1.2em 0;}
#navlist a { font-weight: bold;}
#subnavlist { padding: 0.5em 1.2em 0.4em 0; font-size: 0.8em;}
#subnavlist a {font-weight: bold;}
ul.links li { border-left: 1px solid #9cf;}
ul.links li.first { border: none;}
.site-name { margin: 0.6em 0 0 0; padding: 0; font-size: 2em;}
.site-name a:link, .site-name a:visited {}
.site-name a:hover { text-decoration: none;}
.site-slogan { font-size: 1em; display: block; margin: 0; font-style: italic; font-weight: bold;}
#main {  /* padding in px not ex because IE messes up 100% width tables otherwise */ padding: 0px;}
#mission, .node .content, .comment .content {line-height: 1.4em;}
#help { font-size: 0.9em; margin-bottom: 1em;}
#UI_window .form_subBlock_help {
color:#999999;
font-size:10px;
font-weight:normal;
margin:2px 0 4px;
}
.breadcrumb {margin-bottom: .5em;}
.messages {border: 1px solid #ccc; padding: 0.3em; margin-bottom: 1em;}
.error { border-color: red;}
.HUI-x-form-helpMark { background: url(../images/HUI/icons/help.png) no-repeat; width: 16px; height: 16px; display: block; float: left; margin: 1px 0 0 4px; }
#sidebar-left, #sidebar-right { /* padding in px not ex because IE messes up 100% width tables otherwise */ vertical-align: top;}
#footer { padding: 0px; font-size: 0.8em;}
.HUI-x-form-hide-helpMark { background: url(../images/HUI/icons/test.png) no-repeat; width: 22px; height: 16px; display: block; float: left; margin: 1px 0 0 4px; }
#sidebar-left, #sidebar-right { /* padding in px not ex because IE messes up 100% width tables otherwise */ vertical-align: top;}
#footer { padding: 0px; font-size: 0.8em;}
.HUI-x-form-hide-helpMark2 { background: url(../images/HUI/icons/test.png) no-repeat; width: 18px; height: 16px; display: block; float: left; margin: 1px 0 0 4px; }
#sidebar-left, #sidebar-right { /* padding in px not ex because IE messes up 100% width tables otherwise */ vertical-align: top;}
#footer { padding: 0px; font-size: 0.8em;}
.HUI-x-form-hide-helpMark3 { background: url(../images/HUI/icons/test.png) no-repeat; width: 16px; height: 16px; display: block; float: left; margin: 1px 0 0 4px; }
#sidebar-left, #sidebar-right { /* padding in px not ex because IE messes up 100% width tables otherwise */ vertical-align: top;}
#footer { padding: 0px; font-size: 0.8em;}
/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, .title a { font-weight: bold; font-size: 1.3em;  color: #910076;  margin: 0 auto;  /* decrease default margins for h<x>.title */}
.submitted { color: #999; font-size: 0.8em;}
.links { color: #999;}
.links a { font-weight: bold;}
.block, .box { padding: 0 0 1.5em 0;}
.block { border-bottom: 1px solid #bbb; padding-bottom: 0.75em; margin-bottom: 1.5em;}
.block .title { margin-bottom: .25em;}
.box .title { font-size: 1.1em;}
.node { margin: .5em 0 2em 0; }
.sticky { padding: .5em; background-color: #eee; border: solid 1px #ddd;}
.node .content, .comment .content { margin: .5em 0 .5em 0;}
.node .taxonomy { color: #999; font-size: 0.8em; padding-left: 1.5em;}
.node .picture { border: 1px solid #ddd; float: right; margin: 0.5em;}
.comment { border: 1px solid #abc; padding: .5em; margin-bottom: 1em;}
.comment .title a { font-size: 1.1em; font-weight: normal;}
.comment .new { text-align: right; font-weight: bold; font-size: 0.8em; float: right; color: red;}
.comment .picture { border: 1px solid #abc; float: right; margin: 0.5em;}

/* Module specific styles */
#aggregator .feed-source { background-color: #eee; border: 1px solid #ccc; padding: 1em;  margin: 1em 0;}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age { color: #999; font-style: italic; font-size: 0.9em;}
#aggregator .title { margin-bottom: 0.5em; font-size: 1em;}
#aggregator h3 { margin-top: 1em;}
#forum table { width: 100%;}
#forum td { padding: 0.5em;}
#forum td.forum, #forum td.posts { background-color: #eee;}
#forum td.topics, #forum td.last-reply { background-color: #ddd;}
#forum td.container { background-color: #ccc;}
#forum td.container a { color: #555;}
#forum td.statistics, #forum td.settings, #forum td.pager { height: 1.5em; border: 1px solid #bbb; }
#forum td .name { color: #96c;}
#forum td .links { padding-top: 0.7em; font-size: 0.9em;}
#profile .profile { clear: both; border: 1px solid #abc; padding: .5em; margin: 1em 0em;}
#profile .profile .name { padding-bottom: 0.5em;}
.block-forum h3 { margin-bottom: .5em;}
div.admin-panel .description { color: #999; }
div.admin-panel .body { background: #f8f7f4;}
div.admin-panel h3 { background-color: #215071; color: #fff; padding: 5px 8px 5px; margin: 0;}


/*  
 ** START HUI
 ** witch combined overwrite some Extjs classes and create other ones to custom UI
 ** 
 */

 /*
  * Start Menu
  */
.ux-start-menu { background: transparent none; border: 0px none; padding:0; }
/* .ux-start-menu .x-menu a.x-menu-item { padding: 3px 3px ;} */
.ux-start-menu .x-window-header {height: 24px; padding: 7px 0 0 0;}
.ux-start-menu .x-window-header-text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; font-weight: bold; float: left;} 
.ux-start-menu-header-logout { float: right; color: #FFF; font-size: 10px;  padding: 0 0 0 18px;}

.ux-start-menu-header-logout a { color: #FFF; font-size: 10px; font-weight: bold;}
.ux-start-menu-header-logout a:hover { color: #FFF;}
.ux-start-menu-header-logout a:visited { color: #FFF;}

#ux-start-menu-apps-container  .x-menu-item-active { background:#e2e2d7 url(../images/HUI/HUI_menu-item-over.png) repeat-x left bottom !important; border: none !important; padding-bottom: 1px;}
#ux-start-menu-tools-container .x-menu-item-active { background: #e2e2d7; border:  none; padding: 1px 0 1px 1px}

.ux-start-menu .x-menu-item-active a.x-menu-item {color:#233d6d;}

.ux-start-menu-tl { background: transparent url( ../images/HUI/HUI_start-menu-left-corners.png ) no-repeat 0 0;	height: 31px; padding-left:6px; zoom:1; z-index:1;  position:relative; }
.ux-start-menu-tr { background: transparent url( ../images/HUI/HUI_start-menu-right-corners.png ) no-repeat right 0; padding-right:6px; height: 31px; }
.ux-start-menu-tc { background: transparent url( ../images/HUI/HUI_start-menu-top-bottom.png ) repeat-x 0 0; overflow:hidden; height: 31px; zoom:1; }
.ux-start-menu-ml { background: transparent url( ../images/HUI/HUI_start-menu-left-right.png ) repeat-y 0 0; padding-left:6px; zoom:1; }
.ux-start-menu-bc { background: transparent url( ../images/HUI/HUI_start-menu-top-bottom.png ) repeat-x 0 bottom; zoom:1; }

.ux-start-menu-bc .x-window-footer { padding-bottom:6px; zoom:1; font-size:0; line-height:0; }
.ux-start-menu-bl { background: transparent url( ../images/HUI/HUI_start-menu-left-corners.png ) no-repeat 0 bottom; padding-left:6px; zoom:1; }
.ux-start-menu-br { background: transparent url( ../images/HUI/HUI_start-menu-right-corners.png ) no-repeat right bottom; padding-right:6px; zoom:1; }
.x-panel-nofooter .ux-start-menu-bc { height:6px; }
.ux-start-menu-splitbar-h { background-color:#d0d0d0;}
.ux-start-menu-bwrap { background:transparent none; border:0px none;}
.ux-start-menu-body { background:transparent none;	border:0px none;}
.ux-start-menu-apps-panel { background:#f4f3ee none; /* border:1px solid #1e2124; */}
.ux-start-menu-apps-panel  li.x-menu-list-item { border-bottom: 1px solid #dedcd3; height: 26px; padding: 4px 0 0 0; }
.ux-start-menu-apps-panel  ul.x-menu-list li.x-menu-list-item a.x-menu-item {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;	color:#235476;}
.ux-start-menu-apps-panel-ICO { background: url( ../images/HUI/HUI-ico-module.png ) no-repeat left center;}
.x-window-header-text { cursor:default;}
.x-panel-tl .x-panel-icon, .ux-start-menu-tl .x-panel-icon { background-position:0pt 4px;	background-repeat:no-repeat;	padding-left:20px !important;}
.ux-start-menu-body { background:transparent none;	border:0px none;}
.ux-toolmenu-sep { background-color:#18191a;	border-bottom:1px solid #858789;	display:block;	font-size:1px;	line-height:1px;	margin:2px 3px;}
.ux-start-menu-tools-panel { border:0px none; background:transparent url( ../images/HUI/HUI_start-menu-right.png ) repeat-y scroll right 0pt; }
.ux-start-menu-tools-panel .x-menu-item-icon { display: none;}
.ux-start-menu-tools-panel ul.x-menu-list li.x-menu-list-item a.x-menu-item {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;	color:#235476; padding:1px 21px 1px 3px;}
.ux-start-menu-tools-panel ul.x-menu-list li.x-menu-list-item .x-menu-item-active a.x-menu-item { color:#235476;}



/* Begin Start button */
.ux-startbutton-left, .ux-startbutton-right{ font-size:1px; line-height:1px; }
.ux-startbutton-left{ width:10px; height:28px; background:url( ../images/taskbar/black/startbutton.gif ) no-repeat 0 0;}
.ux-startbutton-right{ width:10px; height:30px; background:url( ../images/taskbar/black/startbutton.gif ) no-repeat 0 -28px;}
.ux-startbutton-left i, .ux-startbutton-right i{ display:block; width:10px; overflow:hidden; font-size:1px; line-height:1px;}
.ux-startbutton-center{	background:url( ../images/taskbar/black/startbutton.gif ) repeat-x 0 -56px; vertical-align: middle; text-align:center; padding:0; cursor:pointer;white-space:nowrap; }
/* End Start button */
 
 
 
 /*
  **  UI_footer
  **
  */  
 #UI_footer {}
 #UI_footer_toolBar { }
 #UI_footer .x-toolbar{	border: none; padding: 2px 0 2px 0; background:#f4f3f5; }
 #UI_footer .x-toolbar table { border-collapse: inherit }

 #UI_footer_toolBar table { border-collapse: inherit;} 
 #UI_footer .x-panel-body { border: none; background: none;}
 
 #UI_footer #UI_actions {} 
 #UI_footer #UI_actions .x-btn-left { background:transparent url(../images/HUI/HUI-actions-left.png) no-repeat; width: 4px; }
 #UI_footer #UI_actions .x-btn-with-menu .x-btn-center { background:transparent url(../images/HUI/HUI-actions-bg.png) repeat-x; width: 589px; text-align: left }
 #UI_footer #UI_actions .x-btn-right { background:transparent url(../images/HUI/HUI-actions-sprite.png) no-repeat scroll -38px -0px; width: 19px;}
 #UI_footer #UI_actions .x-btn-with-menu .x-btn-center .x-btn-text { color:#4e4e4e; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size:11px; height:25px !important; }
 
 #UI_actions-menu-list .x-menu-list { background:url(../images/HUI/UI_actions-menu-middle.gif) repeat-y center;	width: 614px; padding: 0px 0px; }
 #UI_actions-menu-list .x-menu-item-icon {margin-top: 3px;}
 #UI_actions-menu-list .x-menu-list-item { height: 20px; line-height: 18px; background:url(../images/HUI/UI_actions-comboMenu-item-sep.png) no-repeat center bottom;}
 #UI_actions-menu-list a.x-menu-item { cursor:pointer; outline-color: invert; outline-style:none; color: #4e4e4e; font-size: 11px; font-weight: bold; padding: 0 0 0 10px; font-family: Arial, Helvetica, sans-serif;}
 #UI_actions-menu-list .UI_actions_x-menu-item-active { }
 #UI_actions-menu-list .UI_actions_x-menu-item-active a.x-menu-item { color:#313131;}
 
 .UI_actions-comboMenu { /* background: #FFF none; */	padding: 2px; width: 614px; z-index: 15000; background: none; border: none;}
 .UI_actions-comboMenu-top { width: 614px; height: 3px; background: transparent url(../images/HUI/UI_actions-menu-sprite.png) no-repeat 0 0; }
 .UI_actions-comboMenu-bottom { width: 614px; height: 3px; background: transparent url(../images/HUI/UI_actions-menu-sprite.png) no-repeat 0 -3px; }
 
/* Custom UI_footer Button */
 #UI_footer .x-btn-with-menu { height: 25px;}
 #UI_footer .x-toolbar .x-btn-with-menu .x-btn-center em { padding-right: 8px; width: 179px; text-align: left; height: 25px !important; background: none;}
 #UI_footer .x-toolbar td  { vertical-align: top;}
 
 #UI_footer .x-btn-with-menu .x-btn-center { padding-right: 2px!important; background:url( ../images/HUI/HUI-menu-sprite.png) repeat-x 0 -25px;}
 #UI_footer .x-btn-with-menu .x-btn-center .x-btn-text{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; height: 25px !important; } 
 
 /** Hover 
  * #UI_footer .x-btn-over .x-btn-left {background-position:0 -63px;}
  * #UI_footer .x-btn-over .x-btn-right {background-position:0 -84px;}
  * #UI_footer .x-btn-over .x-btn-center {background-position:0 -105px;}	
  */
	
 #UI_footer .x-btn-left { background:url( ../images/HUI/HUI-menu-sprite.png) no-repeat 0 0; }	
 #UI_footer .x-btn-right {	background:url( ../images/HUI/HUI-menu-sprite.png) no-repeat 0 -50px; }

 #UI_footer .x-btn-wrap { margin: 0 0 0 5px;  }

 /* Custom UI_footer UI_actions */
 #UI_footer .x-form-field-wrap { margin: 0 0 0 5px; padding: 0 0 0 4px; background: url( ../images/HUI/HUI-actions-left.png) no-repeat 0 0;}
 #UI_footer .x-form-field-wrap .x-form-trigger{ width: 19px; height:25px; border:0; background:transparent url(../images/HUI/HUI-actions-sprite.png) no-repeat 0 0; cursor:pointer; border-bottom: none; position:absolute; top:0;}
 #UI_footer .x-form-field-wrap .x-form-trigger-over{background-position: -19px 0;}
 #UI_footer .x-form-field-wrap .x-form-trigger-click{background-position: -38px 0;}

	
 #UI_footer .x-form-text { padding: 4px 3px; background:#fff url(../images/HUI/HUI-actions-bg.png) repeat-x; border: none; height: 17px !important;}
 
/* .x-accordion-hd{color:#222;padding-top:4px;padding-bottom:3px;border-top:0 none;font-weight:normal;background:transparent url(../images/default/panel/light-hd.gif) repeat-x 0 -9px; background-color: #000} */
/* .x-panel-header-text { color: #FFF; } */
/* .x-panel-header{overflow:hidden;zoom:1;color:FFF;font:bold 11px tahoma,arial,verdana,sans-serif;padding:5px 3px 4px 5px;border:1px solid #99bbe8;line-height:15px;background:transparent url(../images/default/panel/white-top-bottom.gif) repeat-x 0 -1px; background-color: #000} */


/*
 ** UI_header
 **
 */
 #UI_header { font-family: Arial, Helvetica, sans-serif;  padding: 0 0 0 5px; color: #4e4e4e } 
 #UI_header_container { background: #67445e url(../images/HUI/promoTool_headerBg.png) no-repeat; height: 118px; padding: 5px 0 0 0;}
 #UI_header a,  #UI_west a { font-size: 10px; color: #910076; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline } 
 
 #UI_header_elementsLEFT { float: left;} 
 #UI_identity { float: left; width: 195px;} 
 #UI_elements { margin: 0 0 0 0;  float: right;}
 #UI_header .x-form-field{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #4e4e4e;}
 #UI_header .x-form-item { font-family: Arial, Helvetica, sans-serif; font-size:11px;  }
 
 #UI_profile { float: left; width: 600px; } 
 #UI_profile a {font-size: 10px; color: #235476; font-weight: bold;text-decoration: underline }
 #UI_datetime {color: #a74e6c; font-size: 19px; font-family: Arial, Helvetica, sans-serif; width: 390px; text-align: right; margin: 0 4px 6px 0;}

 #UI_myProfile { margin: 2px 6px 0 0; }
 #UI_myProfile .x-panel-body { background: none; border: none;}
 #UI_myProfile .x-btn button { font-size: 11px; color: #235476; }
 #UI_primary-menu { margin : 65px 0 0 125px}
 #UI_primary-menu .x-btn-with-menu { height: 27px;}
 #UI_myProfile_getMyPorfile {color: #f0e7f2}
 a.myProfileLink { font-weight: bold !important; color: #f0e7f2 !important; text-decoration: underline !important;font-size: 11px !important; padding: 2px 0 0 0; }
 
 #UI_myProfile_logout {text-align: right; margin: 3px 0 0 0; }
 
 #UI_profile-menu-list .x-menu-list { background:#68455f url(../images/HUI/HUI-comboMenu-middle.png) repeat-x center; border-left: 1px solid #806278; border-right: 1px solid #806278; width: 305px; padding: 0px 0px; }
 #UI_profile-menu-list .x-menu-item-icon {margin-top: 1px;}
 #UI_profile-menu-list .x-menu-list-item { line-height: 16px; } /* height: 18px; */
 #UI_profile-menu-list a.x-menu-item { line-height: 22px !important; cursor:pointer; outline-color:invert; outline-style:none; color: #FFF; font-size: 11px; padding: 0 0 0 12px; font-family: Arial, Helvetica, sans-serif; border-bottom:1px solid #988192;}
 #UI_profile-menu-list .UI_profile_x-menu-item-active { }
 #UI_profile-menu-list .UI_profile_x-menu-item-active a.x-menu-item { color:#e7daeb;}
 .UI_profile_x-menu-closeLink { font-size: 10px; font-weight: bold; color: #000; padding: 0 0 0 20px;  }

 #UI_primary-menu table { border-collapse: inherit;} 
 #UI_profile .x-toolbar { border: none; background:none; }
 

 #UI_profile .x-toolbar .x-btn-with-menu .x-btn-center em { padding: 4px 8px 0 0; width: 150px; text-align: left; height: 23px !important; background: none}
 
 #UI_primary-menu .x-btn-left { background-image: none; background:url( ../images/HUI/HUI-UI_menu-sprite.png) no-repeat 0 0; width: 10px; height: 27px; }	
 #UI_primary-menu .x-btn-right {	background:url( ../images/HUI/HUI-UI_menu-arrow.png) no-repeat 0 0; width: 24px; height: 27px;}
 #UI_primary-menu .x-btn-with-menu .x-btn-center { padding-right: 2px!important; background:url( ../images/HUI/HUI-UI_menu-sprite.png) repeat-x 0 -27px; height: 27px;}
 #UI_primary-menu .x-btn-with-menu .x-btn-center .x-btn-text{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFF; outline:none;} 

 #UI_profile-menu .HUI-menu-item { width: 160px; display: block; }
 
 
 #UI_footer-xsplit { height: 9px}

 /*
  ** UI_west (left)
  **
  */
 #UI_west { position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4E4E4E;}
 #UI_west .x-panel-bwrap, #UI_west .x-panel-bwrap .x-panel-body, #UI_window .x-panel { border-bottom: none; }
 .UI_west-bottom {  background: url(../images/HUI/UI_west-x-panel.png) no-repeat; height: 4px; width: 195px;}
 .UI_west-menu-item-separator { border-bottom: 1px solid #ddd9c7;}
 #UI_west .x-panel-header { background: url( ../images/HUI/UI_west-x-panel-header.png) no-repeat; border: none; height: 17px; } 
 #UI_west .x-panel-bwrap .x-panel-header { color: #313131; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #f2f0ea url( ../images/HUI/UI_west-UI_nav-x-panel-header.gif) repeat-x; height: 20px; border: none; border-bottom: 1px solid #d2d2d2 }
 #UI_west h3 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: 1px solid #d2d2d2; color: #313131; margin: 0px; background:#FFF; height: 28px; line-height: 24px; padding: 0 0 0 4px }

 #UI_west h3.active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: 1px solid #d2d2d2; color: #313131; margin: 0px; background:#f2f0ea url(../images/HUI/UI_west-UI_nav-x-panel-header.gif) repeat-x scroll 0%; height: 28px; line-height: 24px; padding: 0 0 0 4px }

 .UI_west_x-panel-inline-icon {
	background-position:0pt;
	background-repeat:no-repeat;
	float: left;
	height: 16px;
	margin-bottom: -1px;
	margin-right: 7px;
	margin-top: 5px;
	vertical-align: middle;
	width: 16px;
}

 #UI_west h3 a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #313131; font-weight: normal; outline:none; text-decoration: none !important; display: block; width: 80%; float: left; }
 #UI_west .x-tool-collapse-west { background: url( ../images/HUI/UI_west-tool-sprites.png) 0 0 no-repeat; background-position: 0 0; width: 15px; height: 16px;}
 #UI_west-xcollapsed .x-tool-expand-west { background: url( ../images/HUI/UI_west-tool-sprites.png) 0 0 no-repeat; background-position: 0 -16px; width: 15px; height: 16px;}
 #UI_west .x-accordion-hd { padding-top: 6px;} 
  
 .UI_west_search { width: 180px; margin: 5px 5px 5px 7px; }
 .UI_west_search .search-resetBtn { float: left; margin: 5px 4px 9px 0;}
 .UI_west_search .search-submitBtn { margin: 5px 0 9px 0;}  
  
 .navigation-wrap { color:  #235476; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } 
 .navigation-wrap a { color:  #235476; text-decoration: underline; font-size: 11px !important;} 
 .navigation-link { padding: 8px 4px 0px 10px; }
  
  
 #UI_west-UI_searchProfile .x-form-label-top .x-form-item { padding-bottom:0px;}
  
 /*  Ext Extends */  
 .UI_profile-comboMenu {/* background: #FFF none; */	padding: 2px; width: 307px; z-index: 15000; background: none; border: none;}
 .UI_profile-comboMenu-top { width: 307px; height: 7px; background: url(../images/HUI/HUI-comboMenu-top.png) no-repeat center; }
 .UI_profile-comboMenu-bottom { width: 307px; height: 7px;	background: url(../images/HUI/HUI-comboMenu-bottom.png) no-repeat center; }

 /*
  ** UI_window
  **
  */
 .no-bottom-border{ border-bottom: none;}
 #UI_window-bottom-left, #UI_window-bottom-center, #UI_window-bottom-right { height: 4px; background-repeat: no-repeat; font-size:1px; /* correction d'un bug IE */}
 #UI_window-bottom-left { width: 4px; background: #67445e url(../images/HUI/UI_window-bottom-left.png) no-repeat;}
 #UI_window-bottom-center { background: url(../images/HUI/UI_window-bottom-center.gif) repeat-x;}
 #UI_window-bottom-right { width: 4px; float: right; background: #67445e url(../images/HUI/UI_window-bottom-right.png) no-repeat; }

 
 #UI_window-tabPanelHeader-Promo {
 	padding: 4px 2px 2px 4px !important;
 }
 #UI_window .x-tab-panel-body { border-bottom: none !important}
 
/* List reference */ 
.list-visuel-included { background: transparent no-repeat url( ../images/HUI/reflistIncluded.png); display: block; width: 72px; height: 15px;}
.list-visuel-notIncluded { background: transparent no-repeat url( ../images/HUI/reflistNotIncluded.png); display: block; width: 72px; height: 15px;}
.list-visuel-refused { background: transparent no-repeat url( ../images/HUI/reflistRefused.png); display: block; width: 72px; height: 15px;}
/* Import */
 .list-visuel-imported {font-size: 11px; color: #339966; font-weight: bold; text-decoration: underline;}
.list-visuel-notimported {font-size: 11px; color: #CC3333; font-weight: bold; text-decoration: underline;}
.list-visuel-windimport {font-size: 11px; color: #67445e; font-weight: bold;}
 
/* IM window icons */
.userIco { background-image:url( ../images/icons/fam/user.gif ) !important;}
.logoutIco { background: url(../images/HUI/HUI_menu-ico-logout.png) no-repeat left center;}
.alertIco {  background: url( ../images/HUI/HUI-ico-alert.png ) no-repeat left center !important;}
.start { background-image: url( ../images/taskbar/black/startbutton-icon.gif ) !important;}
.bogus { background-image: url( ../images/bogus.png ) !important;}
.logout { background-image: url( ../images/logout.gif ) !important;}
.settings { background-image: url( ../images/gears.gif ) !important;}
.search-ico { background-image: url( ../images/HUI/icons/HUI-ico-search.png ); }
.mail-ico { background: no-repeat url( ../images/HUI/icons/HUI-ico-flech-left.png); padding: 0 0 0 18px}
.profile-ico { background: no-repeat url( ../images/HUI/icons/HUI-ico-profile.png); padding: 0 0 0 18px}
.tabPanel-toolBar-save-ico { background-image:url( ../images/icons/fam/user.gif ) !important;}

.gid-row-menu { background: transparent url(../images/HUI/icons/HUI-ico-menuRow.gif) no-repeat !important; }
.gid-row-uploadDialog { background: transparent url(../images/HUI/icons/picture_add.png) no-repeat !important; }

.save-ico { background: url(../images/HUI/icons/tabPanel-header-ico-save.png) no-repeat !important; }
.add-ico { background: url(../images/HUI/icons/tabPanel-header-ico-add.png) no-repeat !important; }
.addRec-ico { background: url(../images/HUI/icons/add.png) no-repeat !important; }
.addAss-ico { background: url(../images/HUI/icons/page_white_link.png) no-repeat !important; }
.delete-ico { background: url(../images/HUI/icons/tabPanel-header-ico-delete.png) no-repeat !important; }
.deleteRec-ico { background: url(../images/HUI/icons/delete.png) no-repeat !important; }
.edit-ico { background: url(../images/HUI/icons/tabPanel-header-ico-edit.png) no-repeat !important;}
.star-ico { background: url(../images/HUI/icons/tabPanel-header-ico-star.png) no-repeat !important;}
.duppl-ico { background: url(../images/HUI/icons/tabPanel-header-ico-duppl.png) no-repeat !important; }
.export-ico { background: url(../images/HUI/icons/tabPanel-header-ico-export.png) no-repeat !important; }
.panier-ico { background: url(../images/HUI/icons/tabPanel-header-ico-panier.png) no-repeat !important; }
.paniergo-ico { background: url(../images/HUI/icons/basket_go.png) no-repeat !important; }
.paniergoout-ico { background: url(../images/HUI/icons/basket_goOut.png) no-repeat !important; }
.valide-ico { background: url(../images/HUI/icons/tabPanel-header-ico-valid.png) no-repeat !important;}
.tabs { background: url(../images/HUI/icons/HUI-ico-liste.png) no-repeat; }

.save-ico-disabled { background: url(../images/HUI/icons/tabPanel-header-ico-save-disabled.png) no-repeat !important; }
.add-ico-disabled { background: url(../images/HUI/icons/tabPanel-header-ico-add-disabled.png) no-repeat !important; }
.delete-ico-disabled { background: url(../images/HUI/icons/tabPanel-header-ico-delete-disabled.png) no-repeat !important; }
.edit-ico-disabled { background: url(../images/HUI/icons/tabPanel-header-ico-edit-disabled.png) no-repeat !important;}
.star-ico-disabled { background: url(../images/HUI/icons/tabPanel-header-ico-star-disabled.png) no-repeat !important;}
.duppl-ico-disabled { background: url(../images/HUI/icons/tabPanel-header-ico-duppl-disabled.png) no-repeat !important; }
.export-ico-disabled { background: url(../images/HUI/icons/tabPanel-header-ico-export-disabled.png) no-repeat !important; }
.panier-ico-disabled { background: url(../images/HUI/icons/tabPanel-header-ico-panier-disabled.png) no-repeat !important; }
.valide-ico-disabled { background: url(../images/HUI/icons/tabPanel-header-ico-valid-disabled.png) no-repeat !important;}

.tabPanel-toolBar-icoStyle { border: 1px solid #FFF; }
#UI_window-tabPanelHeader {}
#UI_window-tabPanelHeader .ytb-spacer { width: 7px;}

/* PROMO MODULE*/

/* Edit */
.utils-empty-ico { background: transparent url(../images/HUI/icons/HUI-ico-empty.png) no-repeat;}
.promo-edit-generalInfo-ico { background: transparent url(../images/HUI/icons/UI-ico-tools.png) no-repeat;}
.promo-edit-promoDesc-ico { background: transparent url(../images/HUI/icons/UI-ico-description.png) no-repeat;}
.promo-edit-productDesc-ico { background: transparent url(../images/HUI/icons/UI-ico-editDescription.png) no-repeat;}
.promo-edit-price-ico { background: transparent url(../images/HUI/icons/UI-ico-list.png) no-repeat;}

/* List */
 /*  List cell Menu */  
 .profile-listCellMenu {/* background: #FFF none; */	padding: 2px; width: 151px; z-index: 15000; background: none; border: none;}
 .profile-listCellMenu-top { width: 147px; height: 7px; background: url(../images/HUI/HUI-listMenu-top.png) no-repeat center; }
 .profile-listCellMenu-bottom { width: 147px; height: 7px;	background: url(../images/HUI/HUI-listMenu-bottom.png) no-repeat center; }
 
 .profile-listCellMenu .x-menu-list { background:url(../images/HUI/HUI-listMenu-middle.png) repeat-y center; width: 147px; padding: 0px 0px; }
 .profile-listCellMenu .x-menu-item-icon { margin-top: 1px;}
 .profile-listCellMenu .x-menu-list-item { height: 20px; padding: 2px; line-height: 20px; background:url(../images/HUI/x-menu-listMenu-item-border.gif) no-repeat center bottom;}
 .profile-listCellMenu a.x-menu-item { color:#716e5d; cursor:pointer; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; outline-color:invert;outline-style:none;padding:0pt 0pt 0pt 8px;}
 
/* Common for All Module */
  /* Advanced Search */
  .UI_area_search { margin: 5px 5px 5px 7px; }
  #UI_area_search .x-tool { float: left;}
  .UI_area_search .search-resetBtn { float: left; margin: 5px 4px 9px 0;}
  .UI_area_search .search-submitBtn { margin: 5px 0 9px 0;}  
  .UI_area_search fieldset { border: none; padding: 0 0; margin: 25px 0 8px 0; }
  .UI_area_search fieldset legend { color:#333333; margin: 5px 0;}

  .UI_area_search-fieldset { margin: 10px 0 5px 0; padding: 0; border: none} 
  .UI_area_search-x-panel { padding: 0 0 0 126px; margin: 0; border: none} 
   
  .listOff { color: #e2001a; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif}
  .listOn { color: #678713; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif}
   
   
   
.separtor { margin: 0 0 8px 0;}

