/* Message Box */
@import url("msgbox.css");

/* Form */
@import url("form.css");

/* Misc */
@import url("misc.css");

/* List */
@import url("list.css");

/* Tags */
@import url("tag.css");

/* Widget */
@import url("widget.css");

/* Tab */
@import url("tab.css");

/* Body */
body {margin: 0; padding: 0px; background-color: #FFFFFF; }

/* Work & Admin Areas */
.WorkArea, .AdminArea {
 margin: 15px 15px 30px 15px;
 padding: 0px;
 text-align: left;
 background-color: white;
}
h1.boTitle {
  color: black;
  font-family: arial,helvetica,sans-serif;
  margin: 0 0 10px 0;
  padding: 10px 2px 2px 2px;
  font-size: large;
  border-bottom: 1px solid black;
}
h2.boTitle {
  color: #333333;
  font-family: arial,helvetica,sans-serif;
  margin: 15px 0 10px 0;
  padding: 10px 2px 2px 2px;
  font-size: medium;
  padding: 3px;
}
span.wsTitle {
  color: #EE6600;
  font-style: italic;
  white-space: nowrap;
}

/* Work Areas Exceptions */

.AdminArea.admin-groupList,
.AdminArea.admin-groupChooser,
.AdminArea.admin-groupsChooser,
.AdminArea.admin-memberList,
.AdminArea.admin-memberChooser,
.AdminArea.admin-membersChooser,
.WorkArea.work-workspace-workspaceGroupList,
.WorkArea.work-workspace-workspaceMemberList,
.WorkArea.work-pubBrowser,
.WorkArea.work-editCat {
  margin: 0px; padding: 0px; 
}

/* boTitle icons */

.WorkArea.work-pubBrowser h1.boTitle,
.WorkArea.work-caddy-publicationCaddyManager h1.boTitle,
.WorkArea.content h1.boTitle { 
  padding-left: 55px;
  background-image: url(../../images/jalios/icons/content.gif);
  background-repeat: no-repeat;
}

.WorkArea.portlet h1.boTitle {
  padding-left: 55px;
  background-image: url(../../images/jalios/icons/portlet_big.gif);
  background-repeat: no-repeat;
}
.WorkArea.form h1.boTitle {
  padding-left: 55px;
  background-image: url(../../images/jalios/icons/form_big.gif);
  background-repeat: no-repeat;
}

.WorkArea.work-editCat h1.boTitle,
.WorkArea.work-caddy-categoryCaddyManager h1.boTitle {
    padding-left: 55px;
  background-image: url(../../images/jalios/icons/categories_big.gif);
  background-repeat: no-repeat;
}

.WorkArea.deleted h1.boTitle {
  padding-left: 55px;
  background-image: url(../../images/jalios/icons/trash_big.gif);
  background-repeat: no-repeat;
}

.WorkArea.work-archiveBrowser h1.boTitle { 
  padding-left: 55px;
  background-image: url(../../images/jalios/icons/archive_big.gif);
  background-repeat: no-repeat;
}

.WorkArea.work-workList h1.boTitle,
.WorkArea.work-workReport h1.boTitle,
.WorkArea.work-pubCalendar h1.boTitle,
.AdminArea.admin-wfList h1.boTitle { 
  padding-left: 55px;
  background-image: url(../../images/jalios/icons/workList.gif);
  background-repeat: no-repeat;
}
.WorkArea.front-editProfile h1.boTitle,
.WorkArea.front-memberProfile h1.boTitle,
.WorkArea.work-workspace-workspaceMemberList h1.boTitle,
.WorkArea.work-caddy-memberCaddyManager h1.boTitle,
.AdminArea.admin-editMember h1.boTitle,
.AdminArea.admin-memberList h1.boTitle { 
  padding-left: 55px;
  background-image: url(../../images/jalios/icons/member_big.gif);
  background-repeat: no-repeat;
  width: 100%; /* force size to prevent blank title in IE */
}
.WorkArea.work-workspace-workspaceGroupList h1.boTitle,
.WorkArea.work-caddy-groupCaddyManager h1.boTitle,
  .AdminArea.admin-groupList h1.boTitle { 
  padding-left: 55px;
  background-image: url(../../images/jalios/icons/group_big.gif);
  background-repeat: no-repeat;
}
.WorkArea.work-workspace-editWorkspaceRole h1.boTitle {
  padding-left: 55px;
  background-image: url(../../images/jalios/icons/role_big.gif);
  background-repeat: no-repeat;
}
.WorkArea.work-workspace-editWorkspaceCommon h1.boTitle,
.WorkArea.work-caddy-workspaceCaddyManager h1.boTitle,
.AdminArea.work-workspace-workspaceList h1.boTitle   { 
  padding-left: 55px;
  background-image: url(../../images/jalios/icons/workspace.gif);
  background-repeat: no-repeat;
}
.WorkArea.admin-mail-workspaceMail h1.boTitle,
.AdminArea.admin-mail-adminMailPassword h1.boTitle, 
	.AdminArea.admin-mail-adminMail h1.boTitle { 
  padding-left: 55px;
  background-image: url(../../images/jalios/icons/mail_big.gif);
  background-repeat: no-repeat;
}

.AdminArea.admin-portalProfiler h1.boTitle { 
  padding-left: 55px;
  background-image: url(../../images/jalios/icons/gauge_big.gif);
  background-repeat: no-repeat;
}

.AdminArea.admin-memoryMonitor h1.boTitle { 
  padding-left: 55px;
  background-image: url(../../images/jalios/icons/memory_big.gif);
  background-repeat: no-repeat;
}

/* Diff List */
.listCreateRow   {background-color:#FFFFCC; font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
.listUpdateRow   {background-color:#FFCC99; font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
.listDeleteRow   {background-color:#DDDDDD; font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
.listConflictRow {background-color:#FF0000; font-family: Arial, Helvetica, sans-serif; font-size: 10pt}

/* JSyncLog List */
.listJsyncLogError    {background-color:#FF0000; font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
.listJsyncLogIn       {background-color:#FFCC99; font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
.listJsyncLogOut      {background-color:#FFFFCC; font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
.listJsyncLogInternal {background-color:#EEEEEE; font-family: Arial, Helvetica, sans-serif; font-size: 10pt}

/* Back-Office Menus (Work and Admin Menu) */
.boMenu {
  padding: 0;
  margin: 0;
  border-collapse:  collapse;
  border-spacing: 0px;
  background-image: url('../../images/jalios/layout/bg/menuBg.gif');
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #000000;
  border-top: 0px solid black;
  border-bottom: 1px solid #666666;
}
.boMenu td {
  border-left: 1px solid #999999;
  height: 22px;
}

.boMenu .menuIcon {
  white-space: nowrap;
  padding: 0 5px;
}
.boMenu .menuSeparator {
  white-space: nowrap;
  padding: 0 3px;
  background-color: #CCCCCC;
}
.boMenu .menuText {
  white-space: nowrap;
  padding: 0;
}
.boMenu .menuText a {
  text-decoration: none;
  display: block;
  color: #000000;
  padding: 0px 8px;
  line-height: 22px;
}
.boMenu .menuText a:hover {
  
}
.boMenu .menuText.active {
  font-weight: bold;
}
.boMenu .menuFiller {
  width:100%;
}

/* Back-Office Sub Menus (Work and Admin SubMenu) */
.boSubMenu {
  width:100%;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #000000;
  border-bottom: 1px solid black;
  height: 22px;
}
.boSubMenu a:hover {
  color: blue;
}

.boSubMenu td {
	padding-left: 8px;
}

/* Work Area active menus */
#contentWAMenu a:hover,
.menuText.active#contentWAMenu         { background-color: transparent; background-image: url('../../images/jalios/layout/bg/lightblue.gif'); }
#workflowWAMenu a:hover,
.menuText.active#workflowWAMenu        { background-color: transparent; background-image: url('../../images/jalios/layout/bg/lightorange.gif'); }
#editCategoriesWAMenu a:hover,
.menuText.active#editCategoriesWAMenu  { background-color: transparent; background-image: url('../../images/jalios/layout/bg/lightgreen.gif'); }
#portletWAMenu a:hover,
.menuText.active#portletWAMenu         { background-color: transparent; background-image: url('../../images/jalios/layout/bg/lightyellow.gif'); }
#formWAMenu a:hover,
.menuText.active#formWAMenu            { background-color: transparent; background-image: url('../../images/jalios/layout/bg/lightpurple.gif'); }
#profileWAMenu a:hover,
.menuText.active#profileWAMenu         { background-color: transparent; background-image: url('../../images/jalios/layout/bg/lightgray.gif'); }
#adminWAMenu a:hover,
.menuText.active#adminWAMenu           { background-color: transparent; background-image: url('../../images/jalios/layout/bg/lightred.gif'); }
#caddyWAMenu:hover,
.menuIcon.active#caddyWAMenu           { background-color: transparent; background-image: url('../../images/jalios/layout/bg/lightblue.gif'); }


/* Work Area sub menus */
.boSubMenu#contentWASubMenu  { background-color: #A3BAFF; }
.boSubMenu#workflowWASubMenu { background-color: #FFC824; }
.boSubMenu#portletWASubMenu  { background-color: #FFFF33; }
.boSubMenu#formWASubMenu     { background-color: #CC99FF; }
.boSubMenu#adminWASubMenu    { background-color: #FF9999; }
.boSubMenu#caddyWASubMenu    { background-color: #88BBEE; }

/* Admin Area active menus */
#usersAdminMenu a:hover,
.menuText.active#usersAdminMenu      { background-color: transparent; background-image: url('../../images/jalios/layout/bg/lightblue.gif'); }
#workAdminMenu a:hover,
.menuText.active#workAdminMenu       { background-color: transparent; background-image: url('../../images/jalios/layout/bg/lightorange.gif'); }
#reportingAdminMenu a:hover,
.menuText.active#reportingAdminMenu  { background-color: transparent; background-image: url('../../images/jalios/layout/bg/lightbottlegreen.gif'); }
#mailAdminMenu a:hover,
.menuText.active#mailAdminMenu       { background-color: transparent; background-image: url('../../images/jalios/layout/bg/lightgreen.gif'); }
#monitoringAdminMenu a:hover,
.menuText.active#monitoringAdminMenu { background-color: transparent; background-image: url('../../images/jalios/layout/bg/lightyellow.gif'); }
#operationAdminMenu a:hover,
.menuText.active#operationAdminMenu  { background-color: transparent; background-image: url('../../images/jalios/layout/bg/lightred.gif'); }
#confAdminMenu a:hover,
.menuText.active#confAdminMenu       { background-color: transparent; background-image: url('../../images/jalios/layout/bg/lightgray.gif');}
#devAdminMenu a:hover,
.menuText.active#devAdminMenu        { background-color: transparent; background-image: url('../../images/jalios/layout/bg/lightpurple.gif'); }

/* Admin Area sub menus */
.boSubMenu#usersAdminSubMenu      { background-color: #A3BAFF; }
.boSubMenu#workAdminSubMenu       { background-color: #FFAA00; }
.boSubMenu#reportingAdminSubMenu  { background-color: #62B38A; }
.boSubMenu#mailAdminSubMenu       { background-color: #66FF33; }
.boSubMenu#monitoringAdminSubMenu { background-color: #FFFF00; }
.boSubMenu#operationAdminSubMenu  { background-color: #FF9999; }
.boSubMenu#devAdminSubMenu        { background-color: #CC99FF; }


/* Navbar */
a.navbar    { font-weight: normal; margin: 0px 2px 0px 2px; text-decoration: none; color: #000000; }
a.navbarSel { font-weight: bold;   margin: 0px 2px 0px 2px; text-decoration: none; color: #000000; }


/* Workflow */
td.wfInfoBorder	      { background-color: #000000; }
td.wfInfoName	        { background-color: #EEEEEE; }
td.wfInfoValue	      { background-color: #FFFFFF; }
span.wfLabelNormal    { color: #000000; font-weight: bold; }
span.wfLabelNew       { color: #FF0000; font-weight: bold; }
span.wfLabelUpdated   { color: #0000FF; font-weight: bold; }
.work-state           { color: #FF9900; font-weight: bold; }
.pub-state            { color: #000000; }

/* Version */
span.diff-add    {background-color: #FFDD88; }
span.diff-remove {background-color: #99DD99; text-decoration: line-through; }
.no-change, .no-change A    {color: #AAAAAA; }
.diff-wysiwyg   {
  background-color: #FFFFFF; 
  margin-top:       3px;
  padding:          3px;
  border:           1px solid #CCCCCC
}


/* Tree */
.tree, .tree SPAN, .tree A, .tree TD {
 border:0px solid red;
 padding:0px;
 margin:0px;
 border-collapse:collapse;
 font:12px Arial, Helvetica, sans-serif;
 text-decoration:none;
 color:black;
 white-space:nowrap;
}
.tree A:hover {
 text-decoration: underline;
}
.tree INPUT {
 width:12px;
 height:12px;
}
.tree A.node IMG {
 border:0px;
}

.ULtree , .ULtree UL { font: 12px Arial, Helvetica, Sans-Serif; color: #333333; list-style-type : none ; }
.ULtree LI           { font: 12px Arial, Helvetica, Sans-Serif; color: #333333; margin : 2px 2px 0px -25px ; white-space: nowrap; } 
.ULtree A            { font: 12px Arial, Helvetica, Sans-Serif; color: #333333; text-decoration: none;}
.ULtree A:hover      { text-decoration: underline; }
.clickable           { cursor: pointer; }

/* Archived Publication, XML View Table */
.xmlTable       { 
	background-color: #FFFFFF;
	border-collapse: collapse;
	border-spacing: 0px;
	font:10pt Arial, Helvetica, sans-serif;
}
.xmlTable	td    { 
	padding: 2px;
	border: 1px solid gray;
	vertical-align: top; }
.xmlTable	td table td { border: 0px solid gray; }
.xmlTable	td table td table td{ border: 1px solid gray; }


/* Admin Menu (main admin and workspace admin) */
#adminMenu {
  width: 100%;
}
#adminMenu a {
  text-decoration: none;
  color: #000000;
}
#adminMenu a:hover {
  text-decoration: underline;
  color: #000000;
}
#adminMenu, #adminMenu td {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: small;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
#adminMenu p {
  padding: 3px 7px;
  margin: 0px 0px;
  color: #666666;
  background-color: #F0F0F0;
  font-size: x-small;
}
#adminMenu p strong {
  color: #EE6600;
  font-weight: normal;
}
#devTools {
  width: 30%;
}

#adminMap .mainBlock {
  padding: 0px 10px 0px 10px;
}
#devTools .mainBlock {
  border: 1px solid #6C94C0;
  background-color: #EFF7FF;
  padding: 0px;
  margin: 10px 20px 20px 20px;
}

#adminMenu img.icon {
  margin-right: 8px;
}
#adminMap .secondaryBlock {
  margin: 10px 5px;
}
#devTools .secondaryBlock {
  padding: 5px 5px 5px 5px;
}
#adminMenu .mapTable .secondaryBlock {
  border: 2px solid #DDDDDD;
}
#adminMap table {
  width: 100%;
  border-spacing: 0px;
}
#adminMap table td {
  vertical-align: top;
  width: 50%;
  padding: 0px;
  margin: 0px;

}
#adminMenu h1 {
  color: black;
  font-family: arial,helvetica,sans-serif;
  margin: 0 0 10px 0;
  padding: 2px 2px;
  font-size: large;
  border-bottom: 1px solid black;
}
#adminMap h1 {
  padding-left: 55px;
  padding-top: 10px;
  background-repeat: no-repeat;
}
#devTools h1 {
  border-bottom-width: 0px;
  background-color:  #C5DBF7;
  padding: 2px 5px;
  margin-bottom: 0px;
}
#adminMenu h2 {
  color: black;
  font-family: arial,helvetica,sans-serif;
  margin: 0;
  padding: 0;
  font-size: medium;
}
#adminMenu .mapTable h2 {
  padding: 3px;
  margin-bottom: 0px;
  background-color: #DDDDDD;
}
#adminMenu ul {
  list-style: none;
  margin: 2px 0 0 8px;
  padding: 0;
}
#adminMenu ul ul {
  list-style: none;
  margin: 0 0 0 22px;
  padding: 0;
}
#adminMenu ul li {
  padding: 2px 0px;
}
#adminMenu ul ul li {
  font-size: x-small;
}
#adminMenu ul ul.listLeft {
  float: left;
  margin-right: 10px;
}
#devTools #dev {
  background-color: #FFEEEE;
  border: 1px solid #CC7777;
  padding: 0px;
}
#devTools #dev h1 {
  background-color: #FFCCCC;
}
#devTools #dev hr {
  color: #993333;
  height: 0px;
  border-top: 1px dashed #993333;
  background-color: transparent;
}
#devTools p {
  color: red;
  font-size: small;
  background-color: transparent;
}
#adminMenu #adminFunc h1 {
  background-image: url("../../images/jalios/icons/adminFunc.gif");
}
#adminMenu #adminTech h1 {
  background-image: url("../../images/jalios/icons/adminTech.gif");
}
#adminMenu #docs h1 {
  background-image: url("../../images/jalios/icons/books.gif");
}

.relevance {
  position: absolute;
  margin-top: 2px;
  border: 1px solid #295c7d;
  background-color: #e7eff7;
  width: 25px;
  height: 10px;
  text-align: left;
  font-size: 8px;  
}
.relevance .level {
  background-color: #4384f0;
  height: 10px;
}

.relevance .percent {
  font-size: 9px;
  line-height: 10px;
  font-family: verdana;
  position: absolute;
  text-align: center;
}


.dataReport h1 {
  font-family: Arial, Helvetica, Sans-Serif;
  margin: 20px 0 10px 0;
  padding: 2px 2px;
  font-size: large;
  border-bottom: 1px solid black;
}

.dataReport .link {
  padding: 5px 5px;
}

.dataReport h3 {
  font-family: Arial, Helvetica, Sans-Serif;
  padding: 2px 5px;
}