@import url(treecat.css);
@import url(treegroup.css);
@import url(widget/autocomplete.css);

.formArea            { padding: 10px; 
                       border:  1px solid #999999;
                       background: #FAFAFA;
                       background-image: url("../../images/jalios/layout/bg/formBg.gif");
                       background-repeat: repeat-x;
                       width: auto; display: table; min-width: 800px;
                     }
.formInfo            { font-size: small ;  font-family: Arial, Helvetica, sans-serif;}
.formInfoSmaller     { font-size: x-small; font-family: Arial, Helvetica, sans-serif;}
.formMandatory       { font-size: small ;  font-family: Arial, Helvetica, sans-serif; color: #FF0000;}
.formLabel           { font-size: 11pt  ;  font-family: Arial, Helvetica, sans-serif; font-weight: bold;  text-align: left; white-space:nowrap;}
.formLabelHeader     { font-size: 11pt  ;  font-family: Arial, Helvetica, sans-serif; font-weight: bold;  text-align: center; white-space:nowrap;}
legend.formLabel     { font-size: 11pt  ; }
.formDescription     { font-size: 9pt ; font-family: Arial, Helvetica, sans-serif; font-style: italic; color: #666666; text-align: left; margin: 0.1em 0; }
.formTextarea        { font-size: small ; font-family: Arial, Helvetica, sans-serif; border: 1px #999999 solid; background-color: #FFFFFF; padding: 1px;}
.formTextfield       { font-size: small ; font-family: Arial, Helvetica, sans-serif; border: 1px #999999 solid; background-color: #FFFFFF; padding: 1px;}
.formChooserfield    { font-size: small ; font-family: Arial, Helvetica, sans-serif; border: 1px #999999 solid; background-color: #DDDDDD; padding: 1px; width: 5em;}
.formCheckbox        { margin: 1px; padding: 0px; vertical-align: middle;}
.formRadiobox        { margin: 1px; padding: 0px; vertical-align: middle;}
.formLabelbox        { font-size: small ; font-family: Arial, Helvetica, sans-serif; text-align: left;}
.formSelectbox,
.formCombobox        { font-size: small ; font-family: Arial, Helvetica, sans-serif; border: 1px #999999 solid; background-color: #FFFFFF; padding: 1px;}
.formListbox         { font-size: small ; font-family: Arial, Helvetica, sans-serif; border: 1px #999999 solid; background-color: #FFFFFF; padding: 1px;}
.formUnits           { font-size: x-small  ; font-family: Arial, Helvetica, sans-serif; }
.formButton:hover    { border: 1px solid #999999;  }
.formButton          { font-size: small; 
                       font-family: Arial, Helvetica, sans-serif; 
                       background-color: #DDDDDD; 
                       border: 1px solid #666666; 
                       height: 23px; 
                       background-image: url("../../images/jalios/layout/bg/buttonBg.gif"); 
                       background-repeat: repeat-x; 
                       margin: 2px; 
                       padding: 0 6px; 
                       width:auto;
                       overflow:visible;
                     }
.formChooserLabelfield {
                       background-color: #EEEEEE; 
                       cursor: default;
                       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
                       filter:alpha(opacity=80);
                       opacity: 0.8;
                       -moz-opacity:0.8;
                     }
.seriousButton:hover { border: 1px solid #DD6666;  }
.seriousButton       { background: #CC9999 url("../../images/jalios/layout/bg/seriousButtonBg.gif"); 
                       color: #FFFFFF; 
                       border: 1px solid #990000; 
                       font-weight: bold; 
                     }
.mainButton:hover    { border: 1px solid #6666FF;  }
.mainButton          { 
											 background: #99BBEE url("../../images/jalios/layout/bg/mainButtonBg.gif"); 
                       color: #FFFFFF; 
                       border: 1px solid #333388;
                       font-weight: bold; 
                     }

.browser-Safari INPUT[type="file"] { width: 35em; } /* Chrome Fix */

.ajax-refresh-job BUTTON:hover,
.ajax-refresh-job INPUT:hover,
.disabledButton:hover,
.formButton[disabled]{ border: 1px solid #666666;  }

.ajax-refresh-job BUTTON,
.ajax-refresh-job INPUT,
.disabledButton      { background-color: #BCBCBC;
                       background-image: url("../../images/jalios/layout/bg/mainButtonDisbBg.gif");
                       color: #666666; 
                       border: 1px solid #666666;
                     }
.formDisabled        { color: gray; background-color: #DCDCDC; }
.tinyButton          { font-size: 75%; height: 18px; }


A.formButton         { 
                       font-size: x-small; 
                       font-family: Arial, Helvetica, sans-serif; 
                       border: 1px solid #666666; 
                       padding: 3px; 
                       color: #333333; 
                       text-decoration:none;
                     }
.UI_EDITOR_TEXTFIELD .tab-page,
.UI_EDITOR_TEXTAREA  .tab-page,
.UI_EDITOR_WIKIAREA  .tab-page { white-space: nowrap; }

.UI_EDITOR_COLORCHOOSER      .formTextfield { }
.UI_EDITOR_DATECHOOSER       .formTextfield { }
.UI_EDITOR_TEXTFIELD_INTEGER .formTextfield,
.UI_EDITOR_TEXTFIELD_DOUBLE  .formTextfield,
.UI_EDITOR_DURATIONCHOOSER   .formTextfield { text-align: right; }
.UI_EDITOR_WARNAREA          .formTextarea,
.UI_EDITOR_IMAGEMAPAREA      .formTextarea  { background-color: #FFEECC; }
.UI_EDITOR_RICHTEXT          .formRichText  {
	background-color: #FFEECC;
	border: 1px #999999 solid; 
	padding: 10px;
}
.UI_EDITOR_PASSWORD .formTextfield {
  background-image: url('../../images/jalios/icons/keyLight.gif');
  background-repeat:   no-repeat;
  background-position: center right;
}

/* Wysiwyg Popup Edition */

.UI_EDITOR_RICHTEXT .formRichTextLink  {
  width: 640px; 
  padding: 4px 2px;  
}

  /* edits info and links */
.UI_EDITOR_RICHTEXT .editLinks {
}
.UI_EDITOR_RICHTEXT .editLink {
  font-size: 9px; 
  color: white;
  text-decoration: none;
  background-color: #DDDDDD; 
  border: 1px solid #333388; 
  background-image: url("../../images/jalios/layout/bg/mainButtonBg.gif"); 
  background-repeat: repeat-x; 
  padding: 2px 6px; 
  cursor: default;
}
.UI_EDITOR_RICHTEXT .editLink:hover {
  border: 1px solid #6666FF; 
}
.UI_EDITOR_RICHTEXT .editInfo {
 background: transparent url("../../images/jalios/icons/arrowSmallLeft.gif") no-repeat scroll left center;
 padding-left: 11px;
 margin-left: 10px;
 color: brown;
}
  /* preview and source links */
.UI_EDITOR_RICHTEXT .viewsLinks {
  float: right;
}
.UI_EDITOR_RICHTEXT .srcLink, .UI_EDITOR_RICHTEXT .prevLink,
.UI_EDITOR_RICHTEXT .srcLinkDisabled, .UI_EDITOR_RICHTEXT .prevLinkDisabled { padding: 1px 5px; }
.UI_EDITOR_RICHTEXT .srcLink, .UI_EDITOR_RICHTEXT .prevLink { color: gray;}
.UI_EDITOR_RICHTEXT .showSrc .prevLinkDisabled { display: none; }
.UI_EDITOR_RICHTEXT .showSrc .srcLink { display: none; }
.UI_EDITOR_RICHTEXT .showSrc .srcLinkDisabled { font-weight: bold; background-color: #FFEECC;}
.showSrc textarea { display: block; }
.showSrc iframe { display: none; }
.UI_EDITOR_RICHTEXT .showPrev .srcLinkDisabled { display: none; }
.UI_EDITOR_RICHTEXT .showPrev .prevLink { display: none; }
.UI_EDITOR_RICHTEXT .showPrev .prevLinkDisabled { font-weight: bold; background-color: #fcfcf0;}
.showPrev textarea { display: none; }

  /* preview and source content */
.UI_EDITOR_RICHTEXT TEXTAREA {
  width: 640px; 
  height: 300px;
	background-color: #FFEECC;
	border: 1px #999999 solid; 
}
.UI_EDITOR_RICHTEXT IFRAME.formRichTextPopup {
  width: 640px; 
  height: 300px;
	border: 2px #999999 dotted; 
}

.js .UI_EDITOR_RICHTEXT TEXTAREA.disabled {
  display: none;
}

/* Mandatory */

IMG.mandatory { }
.js .req .formTextfield,
.js .req .formTextarea {
  margin-left: 1px;
  border-left: 2px solid #E83038;
}

/* Misc */

A.ctxLangForm {
  vertical-align: top;
}

/* Widget */

.inline-widget {
	display: inline;
}

.float-widget {
	float: left;
}

.nolist-widget LI {
	list-style-type: none;
}
.nolist-widget OL,
.nolist-widget UL {
  padding-left: 4px;
  margin-left:  0px;
}

/* Disabled */
.disabled .formLabel{
  color: #666666;
}


/* ----------------------------------------------- */
/*  WIDGET TLIST                                   */
/* ----------------------------------------------- */

.widget UL,
.widget OL{
  padding: 0px;
  margin:  0px 0px 0px 4px;
  clear: both;
  list-style-position: inside; 
}
.widget LI {
  padding: 0px;
  margin:  0px;
  display:list-item;
  white-space: nowrap;
}

.browser-IE6 .widget LI {
  white-space: normal;
  zoom:1;
}

.widget OL { 
  list-style-type: decimal-leading-zero;
}

.widget LI .icon,
.widget LI INPUT {
  vertical-align: middle;
}

.widget LI .grip {
  width:  10px;
  height: 18px;
  vertical-align: middle;
  border: 1px solid #999999;
  border-width: 1px 0px 1px 1px;
  background-image: url('../../images/jalios/icons/portal/advmode/gripLightGreyH.gif');
  cursor: move;
}

.js .widget .dragdrop .formTextfield{
  margin-left: 0px;
  border-left: 1px solid #999999;
}


/* Tabbed */

.js .widget OL.wdg-tabpane,
.js .widget UL.wdg-tabpane {
  padding: 0px;
}

.js .widget OL.wdg-tabpane LI,
.js .widget UL.wdg-tabpane LI {
  list-style-type: none;
  list-style-position: outside;
}

.browser-IE6 .widget OL.wdg-tabpane,
.browser-IE7 .widget OL.wdg-tabpane, 
.browser-IE8 .widget OL.wdg-tabpane {
  margin-left: 2px;
}
.browser-IE6 .widget OL.wdg-tabpane .wikitoolbar,
.browser-IE7 .widget OL.wdg-tabpane .wikitoolbar, 
.browser-IE8 .widget OL.wdg-tabpane .wikitoolbar{
  margin-left: 2px;
}

/* Tabbed Pager */

.js .widget UL.wdg-tab {
  padding-left: 2px;
  overflow: hidden;
}
.js .focus-widget UL.wdg-tab {
  padding-left: 0px;
}
.js .widget UL.wdg-tab LI {
  display: inline;
  float: left;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 160%;
  
  clear: none;
  padding: 0;
  margin: 0;
}

.js .widget UL.wdg-tab LI A {
  border: 1px solid #CCCCCC;
  display: block;
  margin: 1px 2px 1px 0px;
  padding: 0px 5px;
  text-decoration: none;
  outline: none;
  color: #666666;
}

.js .widget UL.wdg-tab LI A,
.js .widget UL.wdg-tab LI A:visited { color: #666666; }
.js .widget UL.wdg-tab LI A:hover   { border: 1px solid #666666;}

.js .widget UL.wdg-tab LI.selected A {
  font-weight: bold;
  background-color: #DBE3ED;
  color: #333333;
  border-color: #999999;
}

/* ----------------------------------------------- */
/*  WIDGET FOCUS/BLUR                              */
/* ----------------------------------------------- */


.js A.ctxWidgetMenu,
/* .js A.ctxLangForm, */
/*.js IMG.action,     */
/*.js .widget A.editArea,*/
.js DIV.treecat-msg,
.js .wdglang { display: none; }
.js .widget LI .grip { display: none; }


/*.js .UI_EDITOR_RICHTEXT A.ctxLangForm,  */
/*.js .focus-widget A.ctxLangForm,        */
/*.js .focus-field  A.ctxWidgetMenu,      */
/*.js .focus-field  IMG.action,           */
/*.js .focus-field  A.editArea        { display: inline;  }*/
.js .dragdrop LI .grip              { display: inline;  margin-left: -4px; }

.browser-IE6 .dragdrop LI .grip,
.browser-IE7 .dragdrop LI .grip,
.browser-IE8 .dragdrop LI .grip { 
  display: inline;  margin-left:  2px; 
}

/* Show all ml/mv */
.js .ml        A.ctxWidgetMenu, /* Multilang */
.js .widget LI A.ctxWidgetMenu { display: inline; }

/* Hide ml/mv in BO */
.js .work-editCat         .ml  A.ctxWidgetMenu, 
.js .work-editCat         LI   A.ctxWidgetMenu,
.js .editPublicationForm  .ml  A.ctxWidgetMenu, 
.js .editPublicationForm  LI   A.ctxWidgetMenu { display: none; }

/* Show specific ctxwidget */
.js .work-editCat        .fd                      A.ctxWidgetMenu, 
.js .work-editCat        .UI_EDITOR_QUERYCHOOSER  A.ctxWidgetMenu,
.js .editPublicationForm .fd                      A.ctxWidgetMenu,
.js .editPublicationForm .UI_EDITOR_QUERYCHOOSER  A.ctxWidgetMenu { display: inline; }



.js IMG.cross {
  width:  16px;
  height: 16px;
  background-image: url('../../images/jalios/icons/cross.gif'); 
}

.js A:hover IMG.cross {
  width:  16px;
  height: 16px;
  background-image: url('../../images/jalios/icons/cross-hover.gif'); 
}

.js .UI_EDITOR_ENUMERATE_RADIO      .cross,
.js .UI_EDITOR_ENUMERATE_CHECK      .cross,
.js .UI_EDITOR_ENUMERATE_CATEGORIES .cross,
.js .UI_EDITOR_ENUMERATE_MEMBER     .cross,
.js .UI_EDITOR_ENUMERATE_GROUP      .cross,
.js .UI_EDITOR_ENUMERATE_COMBO      .cross,
.js .UI_EDITOR_WIKIAREA             .cross,
.js .UI_EDITOR_RICHTEXT             .cross,
.js .UI_EDITOR_ENUMERATE_BOOLEAN    .cross  { display: none; }

.js .formTextfield,
.js .formTextarea{ margin: 2px; }
.js .focus-field .formTextfield,
.js .focus-field .formTextarea{
  margin: 0px;
  background-color: #FFFFED;
  border: 3px solid #9EDDE6;
}


/* Add button */
.js .widget LI                .ss_add  { display: none;   }
.js .widget LI:last-child     .ss_add  { display: inline; }
.js .widget .wdg-tab LI       .ss_add  { display: inline; }

.widget A.ieadd   { font-size: small ;  font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.widget IMG.ieadd { margin-left: 28px; vertical-align: middle; }
.UI_EDITOR_WIKIAREA IMG.ieadd,
.UI_EDITOR_TEXTAREA IMG.ieadd { margin-left: 4px; }

/* Fix for 6.1.x
.js FORM DIV.UI_EDITOR_RICHTEXT UL.wdg-tab LI IMG.ss_add,
.js FORM DIV.UI_EDITOR_RICHTEXT .ieadd { display: none; }
*/

/* Drag n Drop */
.js .dragdrop .focus-field .grip {
  border-color:#9EDDE6;
	border-style:solid;
	border-width:3px 0 3px 3px;
	margin-left: -6px;
}

.browser-IE6 .dragdrop .focus-field .grip,
.browser-IE7 .dragdrop .focus-field .grip,
.browser-IE8 .dragdrop .focus-field .grip { 
  margin-left:  0px;
}

.js .focus-field INPUT.req,
.js .focus-field TEXTAREA.req,
.js .req .focus-field .grip {
  border-color:#F78386;
}


/* ----------------------------------------------- */
/*  WIDGET RESIZABLE                               */
/* ----------------------------------------------- */

.focus-field TEXTAREA.resizable {
  /*overflow-y: scroll;*/
  background-image: url('../../images/jalios/icons/resize-ie.gif');
  background-repeat: no-repeat;
  background-position: bottom right;
}

.UI_EDITOR_WIKIAREA TEXTAREA.resizable       { background: #FFFFFF; }
.UI_EDITOR_WIKIAREA TEXTAREA.resizable:focus { background: #FFFFFF; }



/* ----------------------------------------------- */
/*  WIDGET CALENDAR                                */
/* ----------------------------------------------- */

#calendar-container{
  z-index: 10001;
}

/* ----------------------------------------------- */
/*  WIDGET LANGFLAGS                               */
/* ----------------------------------------------- */
/*
.js .wdglang-cpr .wdglang       { width: 48%; }
.js .wdglang-cpr .wdglang-right { float: right; }
*/

.ml .formTextfield,
.ml .formTextarea{
  background-image: url('../../images/jalios/icons/ml_gray.gif');
  background-repeat:   no-repeat;
  background-position: bottom right;
}
.focus-widget .formTextfield,
.focus-widget .formTextarea{
  background-image: url('../../s.gif');
}



/* ----------------------------------------------- */
/*  WIDGET WIKITOOLBAR                             */
/* ----------------------------------------------- */

.UI_EDITOR_WIKIAREA { white-space: nowrap; }

DIV.wikitoolbar{
  border: 1px solid #999999;
  background-color: #F0F0EE;
  background-image: url('../../images/jalios/icons/resize-r.gif');
  background-repeat: no-repeat;
  background-position: bottom right;
  
  height: 25px;
  overflow: hidden;
  zoom:1;
  margin-top: 0px;
  
  -moz-border-radius-bottomright:     4px;
  -moz-border-radius-bottomleft:      4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius:  4px;
  border-bottom-right-radius:         4px;
  border-bottom-left-radius:          4px;
  
  box-shadow:         inset 0px -5px 8px -3px #BFB5AB;
  -moz-box-shadow:    inset 0px -5px 8px -3px #BFB5AB;
  -webkit-box-shadow: inset 0px -5px 8px -3px #BFB5AB;
  
  display: none;
}

.browser-Safari DIV.wikitoolbar {
  margin-top: -4px;
}

.js .focus-field  DIV.wikitoolbar { display: block;   }

DIV.wikitoolbar A {
  width:  18px; 
  height: 18px;
  margin:  1px 0px 0px 0px;
  padding: 2px 1px 1px 2px;
  display: block;
  float:   left;
  border:  1px solid transparent;
  
}

DIV.wikitoolbar A:hover{
  border:  1px solid #BFB5AB;
  box-shadow:         inset 1px 1px 3px #BFB5AB;
  -moz-box-shadow:    inset 1px 1px 3px #BFB5AB;
  -webkit-box-shadow: inset 1px 1px 3px #BFB5AB;
  background-color: #E0E0DD;
}

.browser-IE7 DIV.wikitoolbar A:hover,
.browser-IE6 DIV.wikitoolbar A:hover {
  border: 1px solid #3399FF;
  background-color: #D2E0ED;
}

DIV.wikitoolbar A:focus { 
  outline: none; 
}

.wikitoolbar .wikitb IMG {
  background: transparent url(../../images/jalios/icons/wikitoolbar-sprite-t.png) no-repeat top left; 
  border: 0;
}

.browser-IE7 DIV.wikitoolbar A,
.browser-IE6 DIV.wikitoolbar A {
  border:  1px solid #F0F0EE;
}
.browser-IE7 .wikitoolbar IMG,
.browser-IE6 .wikitoolbar IMG {
  background: #F0F0EE url(../../images/jalios/icons/wikitoolbar-sprite.png) no-repeat top left; 
}

.wikitoolbar .wiki-bold IMG { background-position: 0 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-boldfixed IMG { background-position: -22px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-bolditalic IMG { background-position: -44px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-br IMG { background-position: -66px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-fixed IMG { background-position: -88px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-h1 IMG { background-position: -110px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-h2 IMG { background-position: -132px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-h3 IMG { background-position: -154px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-help IMG { background-position: -176px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-hr IMG { background-position: -198px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-indent IMG { background-position: -220px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-italic IMG { background-position: -242px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-link IMG { background-position: -264px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-list_bullets IMG { background-position: -286px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-list_numbers IMG { background-position: -308px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-outdent IMG { background-position: -330px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-preview IMG { background-position: -352px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-pubimg IMG { background-position: -374px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-publink IMG { background-position: -396px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-search IMG { background-position: -418px 0; width: 18px; height: 18px; } 
.wikitoolbar .wiki-spell IMG { background-position: -440px 0; width: 18px; height: 18px; }