/* General styles */
html { height: 100%; }

BODY.whitePage          { height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color:#ffffff; }
BODY.whitePage_CKEditor { height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color:#ffffff; }
BODY { height: 100%; margin:0 auto; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color:#B3BFCC; } /* BACAD9, 414141, #B1B6BF, 353a57 */

td, div {font-family: Arial, Helvetica, sans-serif; font-size: 13px;}

th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #749AD3; color: #000; text-align:center;  }

th a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline} 
th a:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline}
th a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline}
th a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none}

a:link {color: #2b2b2c; text-decoration: underline} 
a:active {color: #fff; text-decoration: underline}
a:visited {color: #000; text-decoration: underline}
a:hover {color: #414141; text-decoration: none}

input { font-family: "Courier New", Courier, mono; font-size: 12px; color: #000000; }
input[type="submit"]:disabled { background-color:#cccccc; color:#666666}
input.textbox {font-family: "Courier New", Courier, mono; font-size: 12px; color: #000000; border: 1px solid #bbbbbb; }
input.checkbox {font-family: "Courier New", Courier, mono; font-size: 12px; color: #000000;  margin: 0 28px 0 0; }
textarea {font-family: "Courier New", Courier, mono; font-size: 12px; color: #000000; border: 1px solid #bbbbbb;}
select {font-family: "Courier New", Courier, mono; font-size: 12px; color: #000000; border: 1px solid #bbbbbb;}

input.inputsubmit { background-color:#749AD3; border-color:#cccccc #0E1F5B #0E1F5B #F0C36D; border-style:solid; border-width:1px;
					color:#060606; padding:2px 15px 3px; text-align:center;	 font-size: 12px; font-family: Verdana,Arial; }

.controlButton { background-color:#3862AA; border-color:#cccccc #0E1F5B #0E1F5B #F0C36D; border-style:solid; border-width:1px; color:#fff; padding: 4px 15px 4px;	
				text-align:center; font-size: 12px;	font-family: Verdana,Arial; text-decoration: none }
a.controlButton:link {color: #060606; text-decoration: none; display: inline-block; } 
a.controlButton:active {color: #060606; text-decoration: none; display: inline-block;}
a.controlButton:visited {color: #060606; text-decoration: none; display: inline-block;}
a.controlButton:hover {color: #060606; text-decoration: none; display: inline-block;}

.controlButtonDisabled { background-color:#cccccc; border-color:#cccccc #0E1F5B #0E1F5B #F0C36D; border-style:solid; border-width:1px; color:#666666; padding: 4px 15px 4px;	
				text-align:center; font-size: 12px;	font-family: Verdana,Arial; text-decoration: none }

div.box { background:#749AD3; padding: 10px 20px 5px 20px; margin-left:5px; margin-right:0px; margin-top:-12px; border:1px solid #749AD3; text-align:left; font-size: 12px; }
div.panelSettings { width: 800px; border: 1px solid #505050; padding: 5px; } /* Admin part */

.normalCnt { font-size: 12px; }

/* Specific styles */
.sectionCnt { padding-left: 10px; }
.mainTable { width: 100%; height: 700px; background-color: #ffffff; border: 1px solid black; padding: 5px;  }
.subTitle {  font-family: Verdana, Arial, Tahoma; font-size: 13px; font-weight: bold; padding-left: 0px; color: #353a57; }
.sectionTitle { display: block; height: 24px; border-bottom: 1px dashed #353a57; padding-left: 0px; font-family: Verdana, Arial, Tahoma; font-size: 13px; color: #353a57;  letter-spacing: 1px;  }
.helpButton { float:right; height: 24px; font-family: Verdana, Arial, Tahoma; font-size: 17px; color: #353a57;border: 1px solid #cccccc; cursor: pointer; cursor: hand; }
.error {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff0000; font-weight: normal; font-style:normal; } 
.message {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #128512; font-weight: normal; font-style:normal; } 
.nbsp {font-family: Arial, Verdana, Helvetica, Sans-Serif;	font-size: 2px;}
.grayTxt {color: #6b6b6b;}
.note {font-size: 12px; font-weight: normal; font-style: italic;  }
.backToTop{font-family: Arial, font-size: 1	2px; }
.frameBox { border: 1px solid #cccccc; }
.formRow { height: 25px; }

.docSectionTitle { font-family: Verdana, Arial, Tahoma; font-size: 13px; font-weight: bold; padding-left: 0px; padding-top: 15px; padding-bottom: 5px; color: #353a57; }

/* fresh green color: 669900 */
.browserToolBar { height: 48px; display: block; float: none; text-align: right; margin-top: 0px; }

/* toolbar buttons */
a.toolBarButton { display: inline-block; *display: inline; zoom: 1; color: #000000; font-size: 13px; background-color:#efefef; padding: 7px 10px 7px 10px; white-space: nowrap; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
a.toolBarButton:link { color: #000000; font-size: 13px; text-decoration: none;} 
a.toolBarButton:active { color: #000000; font-size: 13px; text-decoration: none;}
a.toolBarButton:visited { color: #000000; font-size: 13px; text-decoration: none;}
a.toolBarButton:hover { color: #fff; font-size: 13px; text-decoration: none; background-color:#3862AA; }

a.toolBarButtonDisabled { display: inline-block; *display: inline; zoom: 1; color: #666666; font-size: 13px; background-color:#eaeaea; padding: 7px 10px 7px 10px; white-space: nowrap; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
a.toolBarButtonDisabled:link { color: #666666; font-size: 13px; text-decoration: none;} 
a.toolBarButtonDisabled:active { color: #666666; font-size: 13px; text-decoration: none;}
a.toolBarButtonDisabled:visited { color: #666666; font-size: 13px; text-decoration: none;}
a.toolBarButtonDisabled:hover { color: #666666; font-size: 13px; text-decoration: none;}


/* top menu */
a.topLinkButton { color: #fff; padding-top: 2px; padding-bottom: 2px; padding-left: 3px;padding-right: 3px; white-space: nowrap;}
a.topLinkButton:link { color: #fff; font-size: 13px; text-decoration: none;} 
a.topLinkButton:active { color: #fff; font-size: 13px; text-decoration: none;}
a.topLinkButton:visited { color: #fff; font-size: 13px; text-decoration: none;}
a.topLinkButton:hover {	font-size: 13px; text-decoration: none; color: #fff; background-repeat: repeat-x; background-color:#749AD3; }

/* main menu */
.menuContainer { background-color: #414141; height: 25px; } /* C3D9FF 76A9D9 */

#navContainer { width: 100%; height: 40px; /*background: url(images/menu_bgr1.png) repeat-x;*/ background-color: #142957; /* C3D9FF 76A9D9 */ } 
#subnavContainer { width: 100%; height: 40px; background-color: #3862AA;  /* 97A8B9 E0EAF5 C3D9FF 76A9D9 DFE9F6 93D9ED 93d9ed 7FB9D3 */ } 
#cntHolder { background-color: #ffffff; /* C3D9FF 76A9D9 */	padding: 20px 20px 20px 20px; }

#nav { margin: 0; padding: 0; float: left; }
#nav li { margin: 0 0px 0 0px; padding: 0 2px 0 0; list-style: none; display: inline-block;	float: left; height: 40px; line-height: 40px; 
		border-left: 0px dashed #ffffff; background: url(images/menu_dev.png) no-repeat; background-position: right center; cursor: pointer; cursor: hand; 
		*display: inline; zoom: 1; /* IE5.5+ */ }
#nav a { display: inline-block; height: 40px; padding: 0 15px 0 15px; /*background: url(images/menu_bgr1.png) repeat-x;*/
		font-family: Verdana, Arial, Tahoma; font-size: 13px; font-variant:normal; font-weight: normal;	text-transform: capitalize;
		letter-spacing: 0.4px; color: #ffffff; text-decoration: none; }
#nav a:hover { /*background: url(images/menu_bgr_drk1.png) repeat-x; */background-color: #3862AA; color: #fff; text-decoration: none; }
#nav li.drk a { /*background: url(images/menu_bgr_drk1.png) repeat-x;*/ background-color: #3862AA; color: #fff; }


#subnavContainer a {display: inline-block; letter-spacing: -0.6px; padding: 10px 9px 5px 9px; height: 25px; *height: 20px; font-family: Verdana, Arial, Tahoma; font-size: 14px; font-variant:small-caps; font-weight: normal; text-decoration: none; }
@media screen and (-webkit-min-device-pixel-ratio:0) {	#subnavContainer a { letter-spacing: -0.5px; padding: 3px 7px 12px 7px;font-size: 15px; line-height: 30px; } } /* Chrome and Safari */

#subnavContainer a:active {color: #fff; text-decoration: none; } 
#subnavContainer a:link {color: #fff; text-decoration: none; } 
#subnavContainer a:visited {color: #fff; text-decoration: none; }
#subnavContainer a:hover {color: #1e3b89; text-decoration: none; }

#subnavContainer a.drk:active { color: #1e3b89; background-color: #ffffff; }
#subnavContainer a.drk:link { color: #1e3b89; background-color: #ffffff; }
#subnavContainer a.drk:visited { color: #1e3b89; background-color: #ffffff; }
#subnavContainer a.drk:hover { color: #1e3b89; background-color: #ffffff; }


/* vertical menu */
verticalMenuContainer { margin: 0; padding: 0; }
ul.verticalMenu{ margin: 0; padding: 0; }
ul.verticalMenu li { margin: 2px 0 0 0; padding: 0; list-style: none; height: 19px; }

reportMenuContainer { height: 30px; margin: 0; padding: 5px;  }
ul.reportMenu { margin: 0; padding: 0; }
ul.reportMenu li { margin: 0 15px 20px 0; padding: 0; list-style: none; height: 19px; display: inline-block; *display: inline; zoom: 1; }

a.selectedMenuLinkItem { background-color: #3862AA; color: #fff;}


/* Tinybox CSS */
#tinybox			{position:absolute; display:none; top:0; left:0; padding:0; background-color: #fff; z-index:2000; width: 1px; height: 1px; border:3px solid #D4D0C8; }
#tinymask			{position:absolute; display:none; top:0; left:0; padding:0; background-color: #000; z-index:1500; width: 1px; height: 1px; }
#tinyCoveringFrame	{position:absolute; display:none; top:0; left:0; padding:0; background-color: #000; z-index:1600; width: 1px; height: 1px; }
#tinycontent		{background:#ffffff; width:100%; height:100%; z-index:2100; border: 0px solid red; overflow:auto; }
#tinyToolBar {position:relative; width:100%; height:25px; background:#cccccc url(images/header_vline.gif); background-position: 0px -1px; border-bottom: 1px solid #505050; text-align: right;}
#tinyToolBarBtnClose {float:right; width:17px; height:17px;  background: #cccccc url(images/toolbar_close.gif) no-repeat; cursor: pointer; cursor: hand; border: 1px solid #c9c6be; margin: 2px;}
#tinyToolBarBtnMaximize {float:right; width:17px; height:17px;  background: #cccccc url(images/toolbar_maximize.gif) no-repeat; cursor: pointer; cursor: hand; border: 1px solid #c9c6be; margin: 2px;}
#tinyToolBarBtnRestore {float:right; width:17px; height:17px;  background: #cccccc url(images/toolbar_restore.gif) no-repeat; cursor: pointer; cursor: hand; border: 1px solid #c9c6be; margin: 2px;}

/*#tinyContentRow2 { height: 99%; }
*:first-child+html #tinyContentRow2 { height: expression((document.getElementById("tinybox").offsetHeight-document.getElementById("tinyToolBar").offsetHeight-4) + "px"); }
*/

/* great dark gray: 666A75 
	great orange: EF9023

nice green: #9CC99A, light green: #d0e8cf
*/

.ps-page-menu-index { padding: 0 3px; cursor: pointer; cursor: hand; } 
.ps-page-menu-index.ps-selected { background-color: #749AD3 } /* #E9DEBE 93D9ED*/

table.ps-browser-grid { border: 1px solid #808080;  border-collapse: collapse; } /* BrowserControl classes */
.ps-browser-header-row { }
.ps-browser-header-row th { border-collapse:collapse; margin:0 auto !important; padding: 0 !important; background-color: #749AD3 !important; } /* BrowserControl header cells */        
.ps-browser-header-row th .wrapper { margin: 3px; background-color: #749AD3 !important; position: relative; width: auto; height: auto; 
                                     font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #000; text-align:center; }                                      
.ps-browser-header-row th .bar { width: 100%; height: 16px; background-color: #fff; display: block; position: absolute; bottom: 0px; left: 0px; }

/*position: absolute; z-index: 2; left: 0pt; top: 0pt; right: 0pt; bottom: 0pt */

.ps-browser-grid-body { border: 1px solid #808080; border-collapse: collapse; } /* remove from scrool grid, copy styles? */
.ps-browser-grid tbody {}
.ps-browser-grid caption { background:#fff; color:#000; font-size:1.2em; margin:0 auto; }

.ps-browser-filter-row { background-color: #749AD3 }/*c4e7f1, F0F8FF 93D9ED*/
.ps-browser-filter { white-space: nowrap } 

.ps-browser-row { background-color: #fff; }
.ps-browser-alt-row { background-color: #f5f5f5; }
.ps-browser-row td, .ps-browser-alt-row td { padding: 3px; white-space: pre-line; }
.ps-browser-row.ps-selected, .ps-browser-alt-row.ps-selected { background-color: #9fafc6 !important;  }
                
.ps-browser-grid .savbtns { width: 40px; background-color: #c4e7f1; padding: 0 !important; margin: 0 !important; text-align:center; font-size: 7px; display: none; } /* ok cancel button cells for editted row */
.ps-browser-grid.ps-editMode .savbtns { width: 40px; background-color: #c4e7f1; padding: 0 !important; margin: 0 !important; text-align:center; font-size: 7px; display: table-cell; *display: block; zoom:1;  } 

/**html {display: block;}*/
                
.ps-browser-grid .ps-th-allow-filter { } /* BrowserControl header cells class for columns on which filters can be applied */
                
.ps-icon-filter { cursor: pointer; cursor: hand; position: absolute; left: 2px; top: 0; } /* width: 10px; height: 10px; background-image:url('images/lock_icon_small.png'); */
.ps-icon-sort { cursor: pointer; cursor: hand; position: absolute; left: 20px; top: 0;  }

.ps-btn-filter { background-color: fff; width: 25px; height: 20px; background: #fff url('/BCLShared/images/button_ok_small.png'); background-position: 0 -2px; 
                 cursor: pointer; cursor: hand; white-space: nowrap; position: absolute; top: -100px; left: -100px; border: 1px solid #ccc; display: none; }

.ps-filter-op {font-family: "Courier New", Courier, mono; font-size: 11px; color: #000000; border: 1px solid #bbbbbb; width: 40px;} 
.ps-filter-ctrl {font-family: "Courier New", Courier, mono; font-size: 11px; color: #000000; border: 1px solid #bbbbbb; }
.ps-filter-text, .ps-filter-select { width: 100px !important; }
.ps-filter-date, .ps-filter-double { width: 75px !important; }
.ps-filter-bool { width: 40px !important; }

input.checkbox.ps-filter-ctrl {font-family: "Courier New", Courier, mono; font-size: 11px; color: #000000;  margin: 0 28px 0 0; }

/*ps-filter-text
ps-filter-date
ps-filter-double
ps-filter-bool
ps-filter-select
ps-filter-list*/

/*3F5478*/


.ui-tabs {  padding: 0.1em; }   
.ui-tabs .ui-widget-header { background: #7E7E7E;  }    
.ui-tabs .ui-tabs-nav li a { padding: .2em 1em }
.ui-tabs .ui-tabs-panel { padding: 0; margin: 0; }        
.ui-tabs .ui-state-default a, .ui-tabs .ui-state-default a:link, .ui-tabs .ui-state-default a:visited { color: #555; background-color: #ccc;  }        
.ui-tabs .ui-state-active a, .ui-tabs .ui-state-active a:link, .ui-tabs .ui-state-active a:visited { color: #333; background-color: #fff; }
.ui-tabs .ui-state-active, .ui-tabs .ui-widget-content .ui-state-active { border: 1px solid #fff }
.ui-tabs .ui-state-hover, .ui-tabs .ui-widget-content .ui-state-hover { border: 1px solid #fff }
  
.tabs_dragging {cursor:move !important}
.tabs_absolute { position: absolute !important; z-index: 10000 !important;}     

.balanceGrid .ps-browser-header-row th { background-color: #D0161D !important; border:1px solid #fff; color:#fff; border-collapse:collapse; margin:0 auto; font-size: 10px; } 
.balanceGrid .ps-browser-header-row th .wrapper { margin: 3px; background-color: #D0161D !important; position: relative; width: auto; height: auto; 
                                     font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  color: #fff; text-align:center; }                                      
.balanceGrid .ps-browser-header-row th .bar { width: 100%; height: 16px; background-color: #fff; display: block; position: absolute; bottom: 0px; left: 0px; }

.balanceGrid .ps-browser-filter-row { background-color: #D0161D }

.balanceGrid .ps-browser-grid-body {border-collapse:collapse;}
.balanceGrid .ps-browser-grid td {border:1px solid #fff; color:#fff;}
.balanceGrid .ps-browser-grid tbody {background:#eee; color:#000;}
.balanceGrid .ps-browser-grid caption {background:#fff; color:#000; font-size:1.2em; margin:0 auto;}
  


.balanceGrid .ps-browser-row { background-color: #eee; } 
.balanceGrid .ps-browser-alt-row { background-color: #ddd; }
.balanceGrid .ps-browser-row td, .balanceGrid .ps-browser-alt-row td { padding: 0px; color: #000; font-size: 11px; }                
.balanceGrid .ps-browser-row.ps-selected, .balanceGrid .ps-browser-alt-row.ps-selected { background-color: #F6E99D !important; }

.balanceGrid td.browserRowMinusBalance {background:red; color:#fff;}

/* PaymentGridList styles  */
.aresBrowserDataRow td { padding-top: 2px; }
.aresBrowserSearchRow td { background-color: #F0F8FF; padding: 5px; }