/* File Info
*
*  
* Body
*	The Body    BgColor [#FFFFFF]
*
* Content
*  	contentMarginLeft   [0]
*   contentMarginTop    [0]
*
*
* header
*	The header  BgColor [white]
*	The header  Height  [70]
*
* Module
*	moduleBgColor       [#FFFFFF]
*   moduleFontColor     [#000000]
*   moduleMargin		[0]
*   modulePadding       [5]
*
/**************************************************/

/*html{
	background:#fff url(/pcam/images/redux/documentloading.gif) center center no-repeat
}
body{
	visibility:hidden
}
#content.content{
	visibility:hidden!important
}
#content.showContent{
	visibility:visible!important
} */

/**************************************************/
/*     Header Definition						  */
table.logo{
  position : relative;
  left:      0px;
  top:       0px;
  height:    70px;
  width:     160px; 
  overflow-X: hidden;
  overflow-y: hidden;
  padding: 0px 0px 0px 0px;
  
  border: 0pt; 
 }
 
td.logoWidth {
  width:     160px; 

}

.headerTitle{
	color: #FFF;

}
 



/******************************/
div.header,div.navigation,div.content,div.contentInvisible,div.hideContent,div.tabulations,div.statusBar,div.navigationBar,div.hideContentInfo,div.add-record-details-table .validationContainer{

  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}

div.header{
 height: 70px; 
 background-color: white; 
 background-color:#FFFFFF;
}

div.navigationLogin{
width: 160px; 
 overflow-y:auto;
 overflow-X:hidden;
  background-color: #FFFFFF;
}

.navigation{
 background:#fafafa;
 border: 1px solid #f2f2f2;
 position:absolute;
 overflow: auto;
 left: 2px;
 top: 103px;
 width: 160px;
 bottom: 0px;
 direction: rtl;  /*scrollbar on the left*/
 display: none;
}

.navigation .innerNavigation {
 direction: ltr;  /*scrollbar on the left*/
}

div.content,div.contentInvisible,div.hideContent{
 position:relative;
 left: 175px;
 width: calc(100% - 175px);
 background:#fff;
 margin: 0px 0px 0px 0px;
 padding:1px 1px 1px 1px;
}

.standAlone div.content,
.standAlone div.contentInvisible,
.standAlone div.hideContent{
	margin:20px 0px 30px 0px;
	left: 0px;
	width: 100%;
	height: 60%;
}

div.hideContentInfo{
	 position:absolute;
 	background-color:transparent;
}

div.content,div.contentInvisible{
	visibility: hidden;
}

div.hideContent{
 cursor: wait;
 background-color:#FFFFFF;
}

.tabulations{
 height:30px;
 left:0;
 overflow:hidden;
 padding:1px 0 1px 180px;
 text-align:center;
 top:0px;
}
div.windowControl{
 position:absolute;
 width:30px;
}

div.navigationBar{
 position:absolute;
 overflow: hidden;
 height: 20px;
 background-color: #fff; 
 font-size: 9px;
 color: #fff;
 padding: 3px 0px 0px 3px;
 overflow: hidden;
 border-top : 1px;
 border-bottom : 0px ;
 border-left : 1px;
 border-right : 1px;
 border-style: solid;
}

#statusBar.globalFooterHeight{
    bottom: 27px !important;
}

.statusBar{
 position: absolute;
 bottom: 0;
 right: 0;
 left: 215px;
 color: #fff;
 font-size: 9px;
 height: 20px;
 overflow: hidden;
 padding: 0 0 0 5px;
}

.statusBar .emptyForm {
    padding-top: 0px !important;
}

/***********************/
/*  Fonts
************************/

.p, .formbutton, .cancelbutton, .formbuttonList , .textDescEditBox, .deleteComparison, .insertComparison,.textDescEditBoxAuditDetails, td.textDescEditBoxTop, .editbox, .editboxnoPre, .editBoxError,.editboxdisabled,
.normalText, .header1, .header2, .header3, .header4, .errorMessage, A.normalLink, A.normalLinkBold,
A.tabLinkInDisabled,A.tabLinkActive, A.tabLinkInActive,A.bigLink,A.menuLink,A.menuLinkInactive,A.menuLinkActive, .A.menuLinkBold,
A.menuLinkBoldActive, A.menuLinkBoldUnderline, A.menuLinkBoldUnderlineActive,A.logout, A.menuLinkBoldSmall, A.menuLinkBoldSmallActive,
.textDescValue, .textDescValue b, .textDescValueAuditDetails,td.errorMessage,td.tableheader,td.tableheaderCentre,
td.tableheaderright, td.tablecontentSpecial, td.tablecontent, td.tablecontent b, td.tablecontentBold, td.tablecontentRed, td.tablecontentYellow, td.tablecontentColor, td.tablecontentcentre, td.tablecontentColorcentre,
td.tablecontentright, td.tablecontentColorright, td.tablemenubold,td.tablegraph,
tr.tableheader, A.tableLink, A.tableLinkWhite, .subTab,
.successMessage, .warningMessage,
.pageTitle, .negativeNumber, .textDescValueUpperCase, .negativeNumberSmallFont,
.userName,
.paging,
.gwt-TreeItem,.gwt-CheckBox,.gwt-Label,
.gwt-pagingNumberLabel, .gwt-pagingNumberLabelCurrent,
.gwt-DialogBox .Caption ,
.diffTextArea, 
.select2-chosen, 
.select2-result-label,
select option,
.block .LabelAndInputFieldArea label,
.block .LabelAndInputFieldArea .value,
.block .LabelAndInputFieldArea .noneditable,
.block .blockRowTitle,
.dateTimeInputGroup .timezone,
.textDescValue u
{
font-size:   11px;
font-weight:600;
color:#444;
}

td.tablecontent b, .textDescValue b{
	font-weight: bold;
}

.tablecontentWrap{
	white-space: pre-wrap;
	word-break: break-all;
	word-wrap: break-word;
}

@-moz-document url-prefix() .editboxnoPre{
	font-size: 9px;
}

/*(.ie11 select[multiple="true"] option {
}
.editbox span,
 td.tablecontent span,
 table pre  {
font: inherit;
}
*/

.ie10 input, 
.ie10 select
{
padding-top: 1px;
padding-bottom: 1px;
}

/******************************/
/* Status Colors    		  
/*
/*  Are used
/*  BRAND_STATUS         BS   Brand Or FI Or Domain 
/*  INV_ACCOUNT_STATUS   IAS  Investment            
/*  SECURITY_STATUS      ES   Esecurity            
/*  CASH_ACCOUNT_STATUS  CAS  Cash accounts         
/*  CUSTOMER_STATUS      CS   Customer              
/*  MARKET_STATUS        MKT     
/*  CURRENCY_STATUS      CCYS
/*  
/*  //Maybe used
/*  ISSUER_STATUS        
/*  COUNTRY_STATUS      
/*  MARITAL_STATUS 
/*  COMMISSION_STATUS     
/*  LOCAL_CHARGE_STATUS    
/*  CALENDAR_STATUS     
/*
/*  Not used yet
/*  CASH_TRANS_STATUS
/*  MSG_HOLD_STATUS
/*  DUAL_INPUT_STATUS   
/*  SI_STATUS
/*  FX_DEAL_STATUS              
/*  MESSAGE_STATUS
/*  INVEST_TRANS_STATUS
/*  GROUP_STATUS                  
/*  FX_STATUS
/*  EMAIL_STATUS
/*  EXECUTIVE_STATUS
/*  EXT_PARTY_STATUS   
/*
/*  /*
/******************************/

.CS_PROTitle,.CS_CANCTitle,.CS_TERTitle,.CS_PENTitle,.CS_DECTitle,.CS_BARTitle,
.CS_PRO,.CS_CANC,.CS_TER,.CS_PEN,.CS_DEC,.CS_BAR,
.CAS_ACT,.CAS_CLD,.CAS_PNDCLS,.CAS_CANC,.CAS_SUS,
.BS_INCOMP,.BS_CANC,.BS_TER,.BS_BAR,.BS_ACT,
.IAS_ACT,.IAS_CLD,.IAS_PNDCLS,.IAS_CANC,.IAS_SUS,
.ES_ACT,.ES_INCOMP,.ES_SUSP,.ES_DEFUNCT,
.MKT_ACT,.MKT_INACT,
.CCYS_ACT,.CCYS_INA ,.IAS_REJ,.CAS_REJ,.IAS_PEND_APP,.CAS_PEND_APP,
.CS_PEND_APP,.CS_REJ,.SIS_PEND_APP,.SIS_REJECT,.SIS_REJ,.DIS_REJ,.On,.Off,.serverRestartRequired
{
font-size:   10px;
text-transform:uppercase;
font-weight: bold;
}

/** Pre or Pending   ORANGE**/
.CS_PEN,
.BS_INCOMP,
.ES_INCOMP,
.IAS_PEND_APP,
.CAS_PEND_APP,
.CS_PEND_APP,
.CS_REJ,.SIS_PEND_APP,.SIS_REJECT, .On
{color:orange;}


/** Proven or Active  GREEN**/
.CS_PRO,.CS_PROTitle,
.CAS_ACT,
.BS_ACT,
.IAS_ACT,
.ES_ACT,
.MKT_ACT,.CCYS_ACT,
.CSDS_ACT,
.On
{color:green;}


/**
/* CANC OR DEAD OR TER OR CLOSED OR PENDING 
/*  OR INA
/* BLACK
/*
/*.CS_CANCTitle,.CS_DECTitle,.CS_CANC,.CS_DEC,.BS_TER,.BS_CANC,.CAS_CANC,.CAS_PNDCLS,.CAS_CLD,.IAS_CANC,.IAS_PNDCLS,.IAS_CLD{color:black;}
/**/

.CS_PENTitle,.CS_CANCTitle,.CS_TERTitle,.CS_TERTitle,
.CS_CANC,.CS_TER,.CS_DEC,
.CAS_CLD,.CAS_PNDCLS,.CAS_CANC,.CAS_SUS
.BS_CANC,.BS_TER,.BS_ACT,
.IAS_CLD,.IAS_CANC,.IAS_SUS,
.ES_INCOMP,.ES_SUSP,.ES_DEFUNCT,
.MKT_INACT,
.CCYS_INA ,
CSDS_INACT
{color:black;}

/** BAR SUSP **/
.BS_BAR,.CS_BAR,.CAS_SUS,.IAS_SUS,.ES_DEFUNCT,.ES_SUSP,
.IAS_REJ,.CAS_REJ,.SIS_REJ,.DIS_REJ,.Off,.serverRestartRequired{color:red;}


/** Status in Title **/
.CS_PROTitle,.CS_PENTitle,.CS_CANCTitle,.CS_TERTitle,.CS_BARTitle,.CS_DECTitle{
font-size:17px;
}

/**
* End status 
**/



/**Text decoration for teh server restart message**/
.serverRestartRequired{

	font-size: 10px;
	font-weight: bold;  
	color: red;
}

.userName{
color: #FFFFFF;
}


.pageTitle,.header1, .header2,.header4,.header3, .gwt-DialogBox .Caption {
font-weight: bold; 
font-size:14px; 
}

.header2, td.header2{
font-size: 10px;
text-transform:uppercase;
}

.header3{
font-size: 12px; 
font-weight: bold;  
text-decoration : none}

.header4{
font-size: 12px; 
font-weight: bold;  
text-decoration : none}

.successMessage,.errorMessage  {
color: #CC3333;
font-weight: bold;
}

.successMessage{
color: #047803;
}

.warningMessage{
color: #FF7E00; 
font-weight: bold;
}

.subTab {
color: white; 
font-weight: bold;
}

A.normalLink{ 
font-size: 8pt; 
text-decoration : underline }
A.normalLink:hover {text-decoration : none}


A.normalLinkBold{ 
font-size: 8pt; 
text-decoration : none }
A.normalLinkBold:hover {text-decoration : underline}

/*********************/
/* Tabs
/*********************/
A.tabLinkInDisabled,A.tabLinkActive{ 
color: #FFFFFF;
font-size: 10pt; 
font-weight: bold; 
text-decoration : none
}

A.tabLinkInActive{ 
color: #000000;
font-size: 10pt;
font-weight: bold; 
text-decoration : none }

A.tabLinkInDisabled{
color: gray;
}

td.selectedTab {
	background-color: #C0C0C0; 
}

td.unselectedTab {
	background-color: #FFFFFF; 
}

/*********************/
/* Menu
/*********************/


A.menuLinkBoldActive{ 
font-weight: bold;  
text-decoration : none;
text-transform:uppercase;

}

A.menuLinkBoldUnderline{
font-size: 10px; 
font-weight: bold;  
text-decoration : none;
text-transform:uppercase;
}


A.bigLink{ 
font-size: 10pt; 
color: #000000; font-weight: normal; 
text-decoration : underline ;
}
A.bigLink:hover {text-decoration : none}

A.menuLink{ 
font-size: 10px; 
color: #000000;
text-decoration : none
}

A.menuLinkActive{ 
font-size: 10px; 
text-decoration : none
}

A.menuLinkInActive{ 
font-size: 10px; 
color: #C0C0C0;
text-decoration : none
}

A.menuLink:hover {text-decoration : underline ; }


A.menuLinkBold{
font-size: 10px; 
color: #000000; 
font-weight: bold;  
text-decoration : none}


A.menuLinkBoldUnderlineActive{
font-size: 10px;  
font-weight: bold;  
text-decoration : none}


A.menuLinkBoldSmall{font-size: 9px; 
 color: #000000; 
 font-weight: bold;  
 text-decoration : none
 }

A.menuLinkBoldSmallActive{font-size: 9px; 
 color: #754539; 
 font-weight: bold;  
 text-decoration : none
 }
A.logout{
font-size: 10px; 
color: #990000; 
font-weight: bold;  
text-decoration : none; 
text-align : right;}


A.tableLink{ 
font-size: 10pt; 
color: #754539; 
font-weight: normal; 
text-decoration : none 
}
A.tableLink:hover { 
text-decoration : underline; 
}

A.tableLinkWhite{ 
font-size: 10pt; 
color: #FFFFFF; 
font-weight: bold; 
text-decoration : none 
}
A.tableLinkWhite:hover { 
text-decoration : underline ;}


/*******************************************/
/* Status Audit Details Rows Count         */
/*******************************************/

.textDescEditBoxAuditDetails,.textDescValueAuditDetails{
color:#FFFFFF;
}
.textDescEditBoxAuditDetails{
font-weight: bold;
}





/**********************/
/* Form stuff         */
/*
.formbutton,.cancelbutton,.submitbutton,.formbuttonList {
BACKGROUND-COLOR: #7C0002; 
border-color: #f0f0f0 #7C0002 #7C0002 #f0f0f0;
COLOR: mediumslateblue;
font-size: 9px; 
font-weight: bold;
font-variant: small-caps; 
padding: 0px 0px 0px 0px
border: 0px;
text-align : center ;
vertical-align : middle;

}*********************/
/*
.saveButton,.findButton,.reloadButton,.deleteButton,.backButton,
.saveButtonDefault,.findButtonDefault,.deleteButtonDefault,.backButtonDefault,
.addButton,.addButtonChecker, .copyButton,.copyButtonChecker,
.binocularsButton,.binocularsButtonChecker, .magnifyButton,.magnifyButtonChecker,
.outgoingMessagesButton,.cancelMessagesButton,.calculateButton,.upButton,.downButton,.removeButton
{
color: mediumslateblue;
font-size: 9px; 
font-weight: bold;
border : 0px; 
height : 23px;
cursor: pointer;
padding: 0px 0px 0px 28px;
text-align : left;

}
*/
/*
.binocularsButton,
.binocularsButtonChecker,
.gwt-binocularsButton,
.magnifyButton,
.magnifyButtonChecker,
button.binocularsButton,
button.binocularsButtonChecker,
button.gwt-binocularsButton,
button.magnifyButton,
button.magnifyButtonChecker,
button.button.binocularsButton,
button.button.binocularsButtonChecker,
button.button.gwt-binocularsButton,
button.button.magnifyButton,
button.button.magnifyButtonChecker,
input[type="radio"],
input[type="checkbox"] {
	border-style: dotted !important;
	border-width: 1px !important;
	border-color: #fff !important;
}

.binocularsButton:focus,
.binocularsButtonChecker:focus,
.gwt-binocularsButton:focus,
.gwt-saveButton:focus,
.gwt-findButton:focus,
.gwt-backButton:focus,
.gwt-deleteButton:focus,
.magnifyButton:focus,
.magnifyButtonChecker:focus,
button.binocularsButton:focus,
button.binocularsButtonChecker:focus,
button.gwt-binocularsButton:focus,
button.gwt-saveButton:focus,
button.gwt-findButton:focus,
button.gwt-backButton:focus,
button.magnifyButton:focus,
button.magnifyButtonChecker:focus,
button.button.binocularsButton:focus,
button.button.binocularsButtonChecker:focus,
button.button.gwt-binocularsButton:focus,
button.button.gwt-saveButton:focus,
button.button.gwt-findButton:focus,
button.button.gwt-backButton:focus,
button.button.magnifyButton:focus,
button.button.magnifyButtonChecker:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	border-style: dotted !important;
	border-width: 1px !important;
	border-color: #c5c5c5 !important;
}

.binocularsButton:hover,
.binocularsButtonChecker:hover,
.gwt-binocularsButton:hover,
.gwt-saveButton:hover,
.gwt-findButton:hover,
.gwt-backButton:hover,
.gwt-deleteButton:hover,
.magnifyButton:hover,
.magnifyButtonChecker:hover,
button.binocularsButton:hover,
button.binocularsButtonChecker:hover,
button.gwt-binocularsButton:hover,
button.gwt-saveButton:hover,
button.gwt-findButton:hover,
button.gwt-backButton:hover,
button.magnifyButton:hover,
button.magnifyButtonChecker:hover,
button.button.binocularsButton:hover,
button.button.binocularsButtonChecker:hover,
button.button.gwt-binocularsButton:hover,
button.button.gwt-saveButton:hover,
button.button.gwt-findButton:hover,
button.button.gwt-backButton:hover,
button.button.magnifyButton:hover,
button.button.magnifyButtonChecker:hover,
input[type="radio"]:hover,
input[type="checkbox"]:hover {
	border-style: dotted !important;
	border-width: 1px !important;
	opacity: 0.5 !important;
	filter:alpha(opacity=50) !important;
}*/EfInstitutionCreateDetails

/*
.removeButton {
background: url(../../images/remove.png) no-repeat left ;
}

.upButton {
background: url(../../images/collapseup.gif) no-repeat left ;
}

.downButton {
background: url(../../images/collapsedown.gif) no-repeat left ;
}

.calculateButton{
background: url(../../images/BSP/calculateButton.gif) no-repeat left ;
}

.findButton,.findButtonDefault
{
background: url(../../images/BSP/findButton.gif) no-repeat  left ;
}

.reloadButton{
background: url(../../images/BSP/reloadButton.png) no-repeat  left ;
font-size: 10px;
}

.deleteButton,.deleteButtonDefault{
background: url(../../images/BSP/deleteButton.gif) no-repeat  left ;

}
.backButton,.backButtonDefault{
background: url(../../images/BSP/backButton.gif) no-repeat  left ;
}

.addButton,.addButtonChecker{
background: url(../../images/BSP/addButton.gif) no-repeat  left ;
font-size: 10px;
}
.exportButton{
	background: rgba(0, 0, 0, 0) url("../../images/icon_xls.gif") no-repeat scroll left center;
}

.plusButton{
background: url(../../images/add.png) no-repeat  left ;
font-size: 10px;
border : 0px; 
height : 23px;
cursor: pointer;
padding: 0px 0px 0px 28px;
}


.copyButton,.copyButtonChecker{
background: url(../../images/BSP/copyButton.gif) no-repeat  left ;
font-size: 10px;
}

.binocularsButton,.binocularsButtonChecker{
background: url(../../images/BSP/binocularsButton.gif) no-repeat  left ;
font-size: 10px;
}

.magnifyButton,.magnifyButtonChecker{
background: url(../../images/BSP/magnifyButton.gif) no-repeat  left ;
font-size: 10px;
}

.outgoingMessagesButton{
background: url(../../images/BSP/outgoingMessagesButton.gif) no-repeat  left ;
font-size: 10px;
}

.cancelMessagesButton{
background: url(../../images/BSP/cancelMessagesButton.gif) no-repeat  left ;
font-size: 10px;
}

*/

.calendarGif{
background: url(../../images/BSP/calendar.gif) no-repeat  left ;
}

.printerGif{
background: url(../../images/BSP/printer.gif) no-repeat  left ;
font-size: 10px;
padding: 0px 0px 4px 17px;
}

.editbox{
	COLOR: BLACK; 
}

.ie11 .editbox{
	min-height: 16px; 	
}

.ie11 textarea.editbox{
height:auto;
margin-right:10px;
}

.ie11 .dashboardSorting .dashboardSortPanel {
	padding-top:2px;
}
.ie11 .dashboardSorting .dashboardSortPanel td {
	padding-right:0;
	margin-right:2px;
}
.ie11 input[type='checkbox'] {
	margin-top:2px;
	margin-right:1px;
}
.editBoxError{
BACKGROUND-COLOR:#CC3333; 
COLOR: #ffffff; 
}

.editboxdisabled{
BACKGROUND-COLOR:#DDDDDD; 
COLOR: #ffffff; 
}


/**********************/
/* Table Properties   */
/**********************/

table.tableDecoration{
}

table.tableStandard {
    background-color: #FFFFFF; 
}

/**********************/
/* Single Row Table    */
/**********************/
td.textDescEditBoxTop,.textDescEditBox, .deleteComparison, .insertComparison{
font-weight: bold;
text-align : left ;
vertical-align : middle; 
}

td.textDescEditBoxTop  {
vertical-align : top; 
}

.textDescValue{
font-weight: none; 
}

.textDescValueUpperCase{
font-weight: bold; 
text-transform:uppercase;
}

td.errorMessage  {
color: #CC3333; 
font-weight: bold;  
}

td.noLink  { 
font-size: 8pt; 
color: gray;
}

.sortingDiv {
font-size: 10px;
color: white;
}

td.tableheader, td.tableheaderright ,td.tableheaderCentre {
--font-weight: bold;  
text-align : left ;
--color: #FFFFFF; 
vertical-align : middle; 
--font-size:11px;
height: 15px;
}

A.sortStyle{ 
/*
font-size:11px;
color: white; 
*/
color: #FFFFFF; 
text-decoration : none }

A.sortStyle:hover {text-decoration : underline}




td.tableheaderright{
text-align : right;
}

td.tableheaderCentre {
text-align : center;
}

td.tablecontentBold,td.tablecontentRed,td.tablecontentYellow,td.tablecontentSpecial,td.tablecontent, td.tablecontentColor{
text-align : left ;
vertical-align : middle;
}

td.tablecontentcentre,td.tablecontentCentre,td.tablecontentColorcentre,td.tablecontentColorCentre{
text-align : center ;
vertical-align : middle;
}

td.tablecontentright, td.tablecontentRight, td.tablecontentColorright, td.tablecontentColorRight{
text-align : right ;
vertical-align : middle;	
}

td.tablecontentSpecial{
    color: gray;
    font-weight: 600 !important;
    padding: 5px 10px;
}

td.tablecontentRed{
	font-weight: bold;
	background-color: #FF0000;
}

td.tablecontentYellow{
background-color: yellow;
}

td.tablecontentBold{
    font-weight: bold;
    padding: 0px 10px 0px 10px !important;
}

td.tablecontentWithWordWrap {
    padding: 0px 10px 0px 10px !important;
    word-break: break-all;
    width: 600px;
}

td.tablegraph{
color:#754539;
border-style:solid;
border-color: #754539;
}

.negativeNumber{
	color: #CC3333; 
}

.negativeNumberSmallFont{
	font-size: 10px; 
	color: #CC3333; 
}

/**********************/
/* Table menu             */
/**********************/
td.tablemenubold{
color: #FFFFFF; font-weight: bold;
}


/**********************/
/* Table List Content */
/*********************/

tr.tablecontent{
--background-color:#FFFFFF;
cursor:pointer;
}

tr.tablecontentColor {
--background-color:#E9D1D2;
cursor:pointer;
font-size: 12px;
font-weight: 600 !important;
color: #666666;
}

tr.hihglightTableContent,tr.highlightTableContent{
--background-color:#D7D1FD;
cursor:pointer;
}
tr.hihglightTableContent2,tr.highlightTableContent2{
--background-color: #CFCBB1
}
tr.hihglightTableContent3,tr.highlightTableContent3
{
--background-color: #AEA77B
}
tr.tablecontentRed {
--background-color: #FF6666
}

/**********************/
/* Framework UsingDiv  */
/**********************/






 
 

/******************************/
/* Calendar Stuff             */
/******************************/
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  font-size: 11px;
  color: #000000;
  cursor: default;
  background: #FFFFFF;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: #E9D1D2;
  color: #000000;

}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  color: #FFFFFF;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #edc;
  color: #000;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000000;
  padding: 2px;
  text-align: center;
  color: #000000;
  background-color:#FFFFFF;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #FF0000;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */

  background-color: #D7D1FD;
  border: 1px;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #c77;
  padding: 2px 0px 0px 2px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #fed;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  color: #000000;
  background-color:#FFFFFF;
}

.calendar tbody .rowhilite td {
  background: #ddf;
}

.calendar tbody .rowhilite td.wn {
  background: #efe;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #ffe;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #ddc;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fea;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { font-weight: bold; }

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #7C0002;
  color: #FFFFFF;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  /* border-top: 1px solid #655; */
  background: #7C0002;
  color: #FFFFFF;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #faa;
  border: 1px solid #f40;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #c77;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #ffe;
  color: #000;
  font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #fc8;
}

.calendar .combo .active {
  border-top: 1px solid #a64;
  border-bottom: 1px solid #a64;
  background: #fee;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #a88;
  padding: 1px 0px;
  text-align: center;
  background-color: #fed;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #988;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #866;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}



/****/

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-size:   10px;  
  font-style: normal;
  font-weight: normal;
}

div.menuBar {
  background-color: transparent;
  border: 0px outset #e0e0e0;
  padding: 0px 0px 0px 0px;
  text-align: left;
}

div.menuBar a.menuButton {
  background-color: transparent;
  border: 0px solid #e0e0e0;
  cursor: pointer;
  left: 0px;
  margin: 1px;
  padding: 0px 0px 0px 0px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border: 0px outset #e0e0e0;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: transparent;
  border: 0px inset #e0e0e0;
  left: 0px;
  top: 0px;
}


div.menu {
  background: #E9D1D2;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #D7D1FD;
  cursor: pointer;
}

div.menu a.menuItem span.menuItemText {
}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px inset #e0e0e0;
  margin: 4px 2px;
}


/************************************/
/*  Css for Tool Tip Div            */
/************************************/

#tooltip{
position: absolute;
width: 150px;
border: 1px solid black;
padding: 1px;
background-color: lightyellow;
visibility: hidden;
z-index: 500;
overflow:auto;
font-size:   10px;
}

/************************************/
/*  Css for sorting table           */
/************************************/

.sortingDiv {
font-size: 10px;
color: white;
}


/************************************/
/*  Css for rounded corners         */
/************************************/

.roundedCorners {
	padding: 0px;
}

/************************************/
/*  Css collapse & full Screen      */
/************************************/


div.collapseHover,div.collapse{
 width:8px;
 width: 100px;
 z-index: 10000;
 position:absolute;
 visibility:visible;
 background:url('../../images/collapseBar.gif');
 cursor: pointer;
}

div.collapseHover{
 background:url('../../images/collapseBarOver.gif');
}

div.expandHover,div.expand{
 width:8px;
 height:100px;
 z-index:10000;
 position:absolute;
 visibility:visible;
 background:url('../../images/expandBar.gif');
 cursor: pointer;
}

div.expandHover{
 background:url('../../images/expandBarOver.gif');
}


/************************************/
/*  Css for Pagination              */
/************************************/

.paging {
	font-size : 10;
}

.comboPaging {
	font-size : 10;
	position:relative;
	float:left;
}

.paging a, .paging span {
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    background: #FFFFFF;
}

.paging span.current {
    font-weight: bold;
    background: #E9D1D2;
}

.paging a {
    text-decoration: none;
}

.paging span {
    text-decoration: none;
}

.paging span.noborder {
    border: 0px solid;
    text-decoration: none;
       background:  #FFFFFF;
}

.paging a.nextprev {
    font-weight: bold;
}

.paging span.nextprev {
   	cursor: pointer
}

.paging span.nextprevdisable {
	border: 1px solid #ddd;
	color: #999;
}


/************************************/
/*  Css for windows                 */
/************************************/



.window {
  background-color: #c0c0c0;
  border-color: #f0f0f0 #606060 #404040 #d0d0d0;
  border-style: solid;
  border-width: 2px;
  margin: 0px;
  padding: 2px;
  position: absolute;
  text-align: left;
  visibility: hidden;
  z-index:20000;
}

.titleBar {
  background-color: #008080;
  cursor: default;
  color: #ffffff;
  font-size: 8pt;
  font-weight: bold;
  margin: 0px;
  padding: 2px 2px 2px .5em;
  text-align: right;
  white-space: nowrap;
}

.titleBarText {
  float: left;
  overflow: hidden;
  text-align: left;
}

.titleBarButtons {
  border-style: none;
  border-width: 0px;
  vertical-align: middle;
  width: 50px;
  height: 14px;
}

.clientArea {
  background-color: #ffffff;
  border-color: #404040 #e0e0e0 #f0f0f0 #505050;
  border-style: solid;
  border-width: 2px;
  color: #000000;
  font-size: 10pt;
  margin: 2px 0px 0px 0px;
  overflow: auto;
  padding: .5em;
}

.gwt-HorizontalSplitPanel{
  background-color: #FFFFFF;
  border: 1px solid #7C0002;
  padding: 5px 0px 0px 15px;
}


.gwt-HorizontalSplitPanel .hsplitter {
  background-color: #7C0002;
  cursor: move;
}

.gwt-HorizontalSplitPanel .left {
  background-color: #FFFFFF;
}


.borderPanel {

}

.borderBottomPanel {

}

 .gwt-TreeItem-selected {
	background: #E9D1D2;
  }



.gwt-pagingNumberLabel, .gwt-pagingNumberLabelCurrent {
	font-size : 10;
	border: 1px solid  #7C0002;
	background: #FFFFFF;
	color: #7C0002;
        padding: 3px;
	cursor: pointer;
}


.gwt-pagingNumberLabelCurrent
{
    font-weight: bold;
    background: #E9D1D2;
}


.gwt-PopupPanel{
   top: 110px!important;
   right: 5px!important;
   position: absolute;
   background: #fefefe url(/pcam/images/redux/chrome.png) top left repeat-x!important;
   margin-right: 10px;
    margin-left: -20px;
    padding: 2px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-shadow: #666 0px 2px 3px;
     -moz-box-shadow: #666 0px 2px 3px;
     box-shadow: #666 0px 2px 3px;
     width: 100px !important;
     display:inline-block;
     font-size:10px !important;
      font-weight: bold !important;
       color: #444 !important;
}

.im-gwt-waitwidget {
  font-size:10px !important;
   font-weight: bold !important;
   display: block;
   color:#444 !important;
   padding-right: 10px;
   padding-left: 10px;
}


.gwt-DialogBox{
	background-color: #FFFFFF;
	border-color: #7C0002;
 	border-style: solid;
 	padding: 5px 0px 0px 15px;
 	z-index: 10001;	 
}

.deleteComparison{
	background-color:#FFE6E6;
	text-decoration:line-through;
}

.insertComparison{
	background-color:#E6FFE6;
	text-decoration:underline;
}

.gwt-DialogBox .Caption{
	cursor:move;
}

.diffTextArea {
	background-color: #FFFFFF;
	border: 1px solid   #000000;
 	padding: 5px 0px 0px;
}

/*
UPDATED HEADER
*/
#header.header{

	display:block;
	left:0;
	overflow:visible;
	top:0;
	width:100%
}



#header .headerLogo{
	/* LOGO IMAGES HERE */
	width:160px
}
#header .headerTitle{
	padding:4px;
}
#header .switchFI,
#header .userName{
	float:right;
	margin:8px
}
#header .switchFI{
	margin-right:12px
}
.ie #header .switchFI{
	margin:5px 12px 0 0
}
#header .switchFI select{
	width:90px
}
#header .userName,
#header .userName a,
#header .tools span{
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	zoom:1
}
#header .logout a:hover{
	text-decoration:underline
}
#header .bottomRow{
	clear:both;
	display:block;
	margin-left:150px;
	padding-bottom:7px
}
#header .breadCrumb .pageTitle{
	display:block;
	margin-top:8px; 
}
#header .tools{
	cursor:pointer;
	float:right;
	margin:9px 0 0 0;
}
#header .tools a{
	display:inline-block;
	margin:2px 3px 0 3px;
	vertical-align:top
}
.ie #header .tools a{
	display:inline
}
#header .tools span img{
	float:left;
	margin-right:5px
}
#header .toolMenu{
	background:#fff none;
	-moz-box-shadow:1px 1px 4px rgba(0,0,0,.7);
	-webkit-box-shadow:1px 1px 4px rgba(0,0,0,.7);
	box-shadow:1px 1px 4px rgba(0,0,0,.7);	
	display:none;
	height:100px;
	position:absolute;
	right:110px;
	width:130px;
	top:32px;
	z-index:9999
}
.ie #header .toolMenu{
	border:1px #e2e2e2 solid;
	border-right:1px #808080 solid;
	border-bottom:1px #808080 solid;
	padding:0 0 4px 2px;
	right:112px;
	top:30px;
}
#header .toolMenu a{
	color:#000;
	display:block;
	font-size:12px;
	height:20px;
	text-decoration:none;
	vertical-align:bottom
}
#header .toolMenu a:hover{
	text-decoration:underline
}
#header .toolMenu a img{
	margin-right:5px
}

/* ======================GWT ============================ */


/*** Font definition ****/
.gwt-Label,.gwt-Label-URL, .gwt-ListBox, .gwt-InputReadOnly, .gwt-TextBox, .gwt-Label, .gwt-logo, .gwt-institutionName, .gwt-userName,.gwt-header-hyperLink, .gwt-pageTitle, .gwt-RadioButton,
.gwt-menuItem, .gwt-ButtonPaginationNumber, .gwt-ButtonPaginationNumber-active, .gwt-CheckBox , .gwt-Error-Message-Success,.gwt-Error-Message,
.gwt-Input-Error{
  font-size:   10px;
  color:       #000000;
}


.gwt-Input-Error{
	BACKGROUND-COLOR:#CC3333; 
	COLOR: #ffffff; 
}


.gwt-Label-URL{
 color: 0000FF;
 text-decoration: underline;
 cursor:pointer;
}
 
.gwt-logo, .gwt-institutionName {
	font-weight: bold; 
	font-size:   14px;
	color:       #FFFFFF;
	white-space: nowrap;

}


.gwt-userName, .gwt-header-hyperLink, .gwt-header-hyperLink a:link, .gwt-header-hyperLink a:visited, .gwt-header-hyperLink a:hover, .gwt-header-hyperLink a:active{
	color: #0000FF;
	white-space: nowrap;
}

/** Underline the header hyperlinks */
.gwt-header-hyperLink a{
text-decoration:underline;
}

/** Set the cursor of hyperlinks */
.gwt-hyperlink a,.gwt-header-hyperLink a{
cursor:pointer;
}

.gwt-pageTitle{
font-weight: bold; 
font-size:14px; 
color: #7C0002;
}


.gwt-Label, .gwt-RadioButton, .gwt-CheckBox{
font-weight: bold;
text-align : left ;
vertical-align : middle; 
color : #7C0002
}


.gwt-Error-Message-Success,.gwt-Error-Message{
color: #CC3333;
font-weight: bold;
}

.gwt-Error-Message-Success{
color: #399C6B;
}

/** end font **/


/** Panel definitions  **/
.gwt-ContentPanel{
    background-color: #FFFFFF; 
	border:1px solid #7C0002;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	top:3px;
}

.gwt-ContentPanelNoBorder{
	background-color: #FFFFFF; 
	border:0px solid #000000;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.gwt-MenuPanel{
	background-color: #FFFFFF;
	border:0px solid #000000;
	background-image: url('images/classic/menuBackground.gif'); 
	padding: 0px 0px 0px 0px;
}

.gwt-HeaderPanel{	
  position : relative;
  left:      0px;
  top:       0px;
  overflow-X: hidden;
  overflow-y: hidden;
  padding: 0px 0px 0px 0px;
  background-attachment: fixed; 
  background-image: url('images/classic/headerBackground.gif'); 
  background-repeat: repeat;
}

.gwt-MenuAndContentPanel{
 	background-color: white;
	border:1px
	padding: 0;
}


.gwt-DisplayInfoWidget{
	background-color: #CC4444;
	color:#FFFFFF;
	padding: 0px;
}
.gwt-DisplayInfoWidget-Label{
	font-size: 10px;
	color: white;
}

.gwt-LoaderPanel{
	background-image:url('images/loader.gif');
	background-repeat:no-repeat;
}

/** Collapse panel**/
.gwt-ArrowRight{
	background-image:url('images/classic/arrowRight.gif');
	background-position : center center;
	background-repeat:no-repeat;
	cursor:pointer;
}
.gwt-ArrowLeft{
	background-image:url('images/classic/arrowLeft.gif');
	background-position : center center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.gwt-PageTitleSeparator{
	background-image:url('images/classic/menuSeparator.gif');
	background-repeat:no-repeat;
}


.gwt-StatusBar{
  background-color: #7C0002; 
  border:1px solid #7C0002;
  border-top-width:0px;   
}

.gwt-StatusBar-Text{
  font-size:   9px;
    color:       #FFFFFF;
  font-weight: bold;
}


/** Menu Items **/

.gwt-menuItem a:link, .gwt-menuItem a:visited, .gwt-menuItem a:hover, .gwt-menuItem a:active{
	font-size: 10px; 
	color: #7C0002;
	text-decoration : none
}

.gwt-menu-arrow{
	background-image:url('images/classic/menuSelected.gif');
	background-repeat:no-repeat;
}
.gwt-menu-no-arrow{
	background-image:url('images/classic/menuSelected.gif');
	background-repeat:no-repeat;
}




/** Buttons definition **/
.gwt-findButton, .gwt-saveButton, .gwt-deleteButton, .gwt-backButton, .gwt-binocularsButton, .gwt-calendarButton {
color: mediumslateblue;
font-size: 9px; 
font-weight: bold;
border : 0px; 
height : 24px;
cursor: pointer;
padding: 0px 0px 0px 28px;
text-align : left;
}

.gwt-findButton {
background: url('images/classic/buttons/findButton.gif') no-repeat left ;
}

.gwt-saveButton{
background: url('images/classic/buttons/saveButton.gif') no-repeat left ;
}
.gwt-deleteButton{
background: url('images/classic/buttons/deleteButton.gif') no-repeat left ;
}
.gwt-backButton {
background: url('images/classic/buttons/backButton.gif') no-repeat left ;
}


/** Icons definition **/
.gwt-binocularsButton, .gwt-calendarButton, .gwt-debugButton, .gwt-readOnly, .gwt-write,.gwt-findButton,.gwt-backButton,.gwt-saveButton{
border : 0px; 
height : 24px;
cursor: pointer;
padding: 0px 0px 0px 22px;
}

.gwt-binocularsButton {
background: url('images/classic/buttons/binocularsButton.gif') no-repeat left ;
}

.gwt-calendarButton {
background: url('images/classic/buttons/calendar.gif') no-repeat left ;
}

.gwt-debugButton {
background: url('images/debug.gif') no-repeat left ;
}

.gwt-write{
background: url('images/write.gif') no-repeat left ;
}

.gwt-readOnly{
background: url('images/read.gif') no-repeat left ;
}


/** small Icons definition **/
.gwt-add, .gwt-remove , .gwt-collapse, .gwt-expand, .gwt-small-back, .gwt-accept{
border : 0px; 
height : 16px;
cursor: pointer;
padding: 0px 0px 0px 18px;
color: mediumslateblue;
font-size: 9px; 
font-weight: bold;
text-align : left;
}

.gwt-add{
background: url('images/add.png') no-repeat left ;
}
.gwt-remove{
background: url('images/remove.png') no-repeat left ;
}


.gwt-collapse{
background: url('images/collapse.gif') no-repeat left ;
}

.gwt-expand{
background: url('images/expand.gif') no-repeat left ;
}

.gwt-small-back{
background: url('images/back.png') no-repeat left ;
}

.gwt-accept{
background: url('images/accept.png') no-repeat left ;
}


/** Tabs definitions  **/
.gwt-TabPanel {
}


.gwt-TabBarFirst {
	display:none
}

.gwt-TabPanelBottom {
  background-color: #FFFFFF;
}

.gwt-TabBar {
  background-color: #FFFFFF;
}

.gwt-TabBarLeft {
  cursor: pointer;
  background-image: url('images/classic/tabCornerLeft.gif'); 
  background-repeat: no-repeat;
}

.gwt-TabBarLeft-selected {
  cursor: default;
  background-image: url('images/classic/tabCornerLeftSelected.gif'); 
  background-repeat: no-repeat;
}

.gwt-TabBarRight{
  cursor: pointer;
  background-image: url('images/classic/tabCornerRight.gif'); 
  background-repeat: no-repeat;
}

.gwt-TabBarRight-selected{
  cursor: default;
  background-image: url('images/classic/tabCornerRightSelected.gif'); 
  background-repeat: no-repeat;
}

.gwt-TabBarCenter{
	background-image: url('images/classic/tabBg.gif');
	background-repeat: repeat;
}

.gwt-TabBarCenter-selected{
	background-image: url('images/classic/tabBgSelected.gif');
	background-repeat: repeat;
}



.gwt-TabBar  {
}

.gwt-TabText{
  cursor: pointer;
  color: #000000;
  font-size: 10pt;
  border: 0px;
  border-bottom-width: 0px;
  padding: 0px;
}

.gwt-TabText-selected{
  cursor: default;
  color: #FFFFFF;
  font-size: 10pt; 
  font-weight: bold;
  
}

/**** Table GWT CSS ***/ 


.gwt-tableheader{
	font-weight: bold;  
	text-align : left ;
	color: #FFFFFF; 
	vertical-align : middle; 
	background-color:#7C0002;
	font-size:11px;
	height: 15px;
}
.gwt-HighlightRow-Selected, .gwt-highlightRow, .gwt-tablecontentColor,.gwt-tablecontent,.gwt-tablecontent-disabled {
	color: #000000;
	background-color:#E9D1D2;
	text-align : left ;
	vertical-align : middle;
	font-size:11px;
	height: 15px;
}
.gwt-tablecontentColor {
	background-color:#FFFFFF;
	cursor:pointer;
}
.gwt-tablecontent{
	cursor:pointer;
}

.gwt-highlightRow,.gwt-HighlightRow-Selected{
background-color:#D7D1FD;
cursor:pointer;
}

.gwt-tablecontent-disabled{
	background-color: #C0C0C0;
}


/** Util define **/
.cursorPointer{
	cursor:pointer;
}




/**********************/
/* Pagination CSS     */
/**********************/
.gwt-ButtonPaginationNumber, .gwt-ButtonPaginationNumber-active{
	font-size : 10;
	border: 1px solid  #7C0002;
	background: #FFFFFF;
	color: #7C0002;
        padding: 3px;
	cursor: pointer;
}


.gwt-ButtonPaginationNumber-active{
    font-weight: bold;
    background: #E9D1D2;
}