/*
	CSS to set :
	 	Main template layout
	 	Page layout
	 	HTML render
	 	Specific display class

	SICPA WEBAPP Guidelines
		Corporate dark blue: R-0 V-31 B-55 -> #001F37
		Corporate mid blue: R-0 V-152 B-219 -> #0098DB
		Light blue: R-234 V-246 B-253 -> #EAF6FD
		Light grey: rgb(225, 225, 225) -> #E1E1E1
*/


/**
 * --- Main 
 */
* {	margin: 0; }
html, body { height: 100%; font: 12px "Arial"; color: #001F37; background-color: white;}


/**
 * --- Template definition (template.xhtml) 
 */ 
.wrapper { background-color:white; 	min-height: 100%; height: auto !important; 	height: 100%; 	margin: 0 auto -113px; }
.footer, .push { height: 111px; }
.footer { color: #0098DB;	background-color: #001F37;	border-color:  #0098DB;	border-width: 2px;	border-style:solid none none none; }
	.footer_text{ font: 10px "Arial"; text-align: right;	padding: 25px 25px 25px 25px;}
.header { color: #0098DB;	background-color: #001F37;	height: 111px;	border-style:none none solid none;	border-width: 2px;	border-color:  #0098DB;	padding : 0px;}
	#header_logo { padding:15px 25px 25px 0px; z-index:1000;}
	#header_text_top {	position: absolute;	top: 0px; left:0px; font: 16px "Arial"; color: white; font-style:normal;text-align: left; padding:25px 0px 0px 25px; margin:0px; z-index:100;}
	#header_text_bottom { position: absolute; top:65px;	left:0px; font: 16px "Arial"; color: #0098DB; font-style:normal; text-align: left; padding:0px 0px 12px 25px; margin:0px; z-index:100;}
.main { padding: 0px; margin: 0px; width:100%; }
.side {  vertical-align:top; background-color:white; height:150px auto; width:10px;  border-right:2px solid #0098DB; }
.sideMenu { width:205px; }
.sidearrow { float:right; padding-right:1px; border:none; background-color: white; }
.content {border-top:0px;  vertical-align:top; align:center; background-color:white; color: #001F37;   border-style:none;	padding : 5px 15px 15px 25px; }
.identityDiv { position: absolute; right:15px; top:80px; z-order:10;}


/**
 * --- Loading
 */
.loading { font-size: 10px; font-weight: bold; text-align: center; padding:1px;}
 

/**
 * --- All pages 
 */
h1, h2, h3, h4, .title, .menuheader, .menubigheader { color: #0098DB; font: normal 16px "Arial"; margin: 0px 0px 10px 0px; padding:0px; text-align: left; }
h1 { font-size: 16px; }
h2 { font-size: 15px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
img {border:none;}
fieldset {	border-style:none; }
a:active, a:link, a:visited {	color:  #001F37; text-decoration: none; }
a:hover { color: #0098DB; text-decoration: none; }
.whiteLink:active, .whiteLink:link, .whiteLink:visited {color: white;}
.whiteLink:hover { text-decoration: underline; }
.columnHeader, .columnHeader:active, .columnHeader:link, .columnHeader:visited, .columnHeader:hover { color: white;	text-decoration: none;	font: Arial; }
.selected { font-weight: bold; background-color:#EAF6FD;}
hr { margin-top: 15px; margin-bottom: 15px;}
.arrow { background: white url(../img/arrowblue.gif) no-repeat left center; padding-left: 22px; }
.info { font-size: 10px; font-weight: bold;}
.subheader { font: 14px "Arial"; color: #0098DB;}
.hidelink {border:0; padding:2px;}
.significant { font-size: 13px; font-variant: small-caps;  }
.mediumSup { font-size: 14px; vertical-align:super;} 
.simpleSup { font-size: 10px; vertical-align:super;}
.legend { font-size: 8px;}
.invisible { color: white; background-color:white; font-size:8px; vertical-align: bottom; cursor:default; float:right;}
/* image */
.i {border:0; vertical-align: top; padding-left:7px; cursor:pointer;} /* short name to slim html page */
.iNP {border:0; vertical-align: top; padding:0px; cursor:pointer;} /* short name to slim html page */
.iNP2 {border:0; vertical-align: top; padding:0px 2px 0px 2px; cursor:pointer;} 
.iI {border:0; vertical-align: top; padding-left:7px; } /* image Info (not clickable) short name to slim html page */

/** 
 * --- Forms
 */
.fieldbox { position:relative; width: 100%; clear:both;}
	.simpleline, .largevalueline { width:400px; border-bottom: 1px solid #0098DB; margin:0px 0px 0px 150px; padding:0px; text-align:left; vertical-align: bottom;}
	.name {float:left; clear:left; width: 150px ;  margin:0px 0px 0px 0px ; padding-top: 4px; vertical-align: center; }
	.value {float:left; width:400px; margin:0px 0px 0px 0px ; padding-top: 4px; border-style: none;  border-bottom: 1px solid #0098DB; }
	.largevalue { float:left; clear:left; width:550px; margin-left:30px; margin-top:4px; border-style: none;}
	.largevalueline { margin:0px 0px 0px 120px;}
	.message{ border:none; float:left; width:200px;}
	.value textarea { width:398px; border-style:none;} 
	.value input[type='text'], .value input[type='password'] { width:400px; border-style:none; }
	.value input[type='checkbox']{padding:0px; height:17px; }
	.inplace {border: none; cursor:pointer; width:400px; padding-top: 4px; margin:0px 0px 0px 0px ;}
    .hover { color: #0098DB;background-color :#EAF6FD; }      
.fieldActionButtons { position:relative; clear:both; padding-top:15px; padding-left: 150px; margin-bottom:15px; }
/**.listActionButtons { position:relative; clear:both; padding-top:5px; padding-left: 0px; margin-bottom:15px; } */
.listActionButtons { position:relative; float:right; padding-top:5px;  margin-bottom:10px; }
.popupActionButtons { width:100%; position:relative; clear:both; padding-top:15px; margin-bottom:0px; }
.actionButtons { /* if needed */ }
.formTab { padding:0px; }
.formTabContent { padding:5px; }
.command { width: 120px; margin-right:10px; }
.commandLarge { width: 180px; margin-right:10px; }
.commandAddIcon { color: #0098DB !important; padding-right:10px; padding-top:3px; padding-bottom:3px; padding-left: 20px;  background: #EAF6FD url(../img/add_icon.gif) no-repeat left center !important; }
.command, .commandLarge, .commandAddIcon, textarea, select, input[type='text'], input[type='textarea'], input[type='password'] { border: 1px solid #0098DB; background: white;	color:  #001F37;    font: Arial;}
input[type='submit'], input[type='button'], input[type='reset'] { background: #EAF6FD; color: #0098DB; border-color: #0098DB;	outline: none;	text-align: center;	padding: 1px; }
input[type='button'][disabled] { background: #EEE; color: #BBB; border-color: #BBB;	outline: none;	text-align: center;	padding: 1px; }
.readonly, .readonly input[type='text'], .readonly textarea{   background-color:#EAF6FD !important; }
.textreadonly, .textreadonly textarea{ color: #0098DB !important; background-color: transparent !important; }
.disabled { background-color:white; color: #BBB;padding-top: 4px; margin:0px 0px 1px 0px;}
.required { color:red;}
.messages { float:left; height:25px; width:100%;}
.addition { float: left; margin-left: 15px; vertical-align: middle; }

.uploadctrl{width: 400px !important; border-width: 1px 1px 0px 1px; border-color: #0098DB; border-style: solid;}

/**
 * --- Login page 
 */
.panelLogin { float:right; right:0; width:350px; border-style: solid !important; border-color:#0098DB; border-width: 1px;}
	.panelLogin input[type='text'], .panelLogin input[type='password'] { width: 130px; padding:0px; }
	.login_command {width: 130px; padding:0px; }
	.columnLoginLeft { width:50%; padding:2px; text-align: right}
	.columnLoginRight { width:50%;padding:2px; text-align: left;}
.panelRecover { float:right; right:0; width:400px; border-style: none !important; }
	.panelRecover input[type='text']{ width: 230px; padding:0px; }
	.recover_command {width: 130px; padding:0px; }
	.columnRecoverLeft { width:30%; padding:2px; text-align: right}
	.columnRecoverRight { width:70%;padding:2px; text-align: left;}
.mainColumnLoginLeft { width:50%; padding-right:5px; vertical-align:top;}
.mainColumnLoginRight { width:50%;padding-left:5px;vertical-align:top;  }
.panelLoginInformation { /* if needed */ }
.panelLoginError {  /* if needed */  }


/**
 * --- Change password
 */
.panelChangePwd { width:500px; border-style: solid !important; border-color:#0098DB; border-width: 1px; }
	input.panelChangePwd {width: 130px;}
	.changePwd_command { width: 130px; }


/**
 * --- Errors & success
 */
h3.error { text-indent: 25px; color: red; background: url(../img/error_icon.gif) no-repeat; }
.error-no-icon, .dateError { text-indent: 25px; text-align: left; color: red; }
.errors { color:red;}
.error-message { color:red;  vertical-align: middle; float:left; width:350px; margin:4px 0px 0px 0px; padding: 0px; border-style: none; }
img.errors { padding-right: 5px;}
.errors input {	border: 1px solid red;}
.errors textarea {	border: 1px solid red;}
.success { color: green; }
.warn { color: #CC3300; }
.generalerror { width:400px auto; padding-top:50px;}



/**
 * --- Menu bar
 */
.menubigheader { margin-left:0px; font: 14px "Arial";}
.menuheader { margin-left:20px; font: 10px "Arial";}
.menusubheader { margin-left:20px; vertical-align: top; }


/**
 * --- Tables
 */
.bigtable {clear:left; width:100%; margin-bottom: 15px;}
.dataTableHeader { background-color: #001F37; color: white;  text-align:left; }
.dataTableSubHeader, .dataTableSubHeader a:active, .dataTableSubHeader a:link, .dataTableSubHeader a:visited { background-color: #EAF6FD; color: #0098DB !important;  text-align:center; vertical-align: center;}
.dataTableSubHeader a:hover { text-decoration: underline; }
.oLi { color:#0098DB; background-color: white; } /* short name to slim html page */
.eLi { color: #0098DB; background-color: #EAF6FD; }/* short name to slim html page */
.eLi2 { color: #0098DB; background-color: #EAF6FD; vertical-align: top;}
.hlLine {color: #0098DB; background-color: #C8C8C8; }
.dataTableFooterTip { font-style: italic;}
.action {width:50px; text-align: center;}
.id {width:20px;}
.standardField {width:50px;}
.longField {width:100px;}
.veryLongField {width:250px;}
.panelPagination { float:right; right:0; height:15px; border-style: solid !important; border-color:#0098DB; border-width: 1px; background-color: #EAF6FD; }
.panelExport, .panelExportLarge, .panelExportTall {color:#0098DB;  margin-bottom:10px; padding:3px; float:left; right:0; width:88px; height:16px; border-style: solid !important; border-color:#0098DB; border-width: 1px; background-color: #EAF6FD; }
.panelExportLarge {width:148px; }
.panelExportTall {height:40px;}
.panelExportTall hr { border-collapse:collapse; padding:0px; margin:3px; border-bottom: 1px solid #0098DB; border-top: none;  }
.center { text-align:center;}
.nC {text-align: right !important;} /* Number Cell: short name to slim html page */
.aC { padding:1px !important;} /* Action Cell: short name to slim html page */
.nT { clear:left; width:100%; margin: 0px;} /* Nested Table: short name to slim html page */
.nT td {border-collapse:collapse; padding:0px; margin:5px; border-bottom: 1px solid #0098DB; border-top: none;  } /* Nested Table: short name to slim html page */ 
.tL, .tQ {vertical-align: middle; padding-top: 5px !important; font-weight: bold; border-bottom: none !important; border-right: none !important; border-left:none !important; border-top: 1px solid #0098DB !important;} /* total Label: short name to slim html page */
.tQ {text-align:right; min-width:30px; max-width:30px;  } /* total Quantity: short name to slim html page */
.lG {vertical-align: top; border-right:none !important; border-left: 1px solid #0098DB !important; } /* label Group: short name to slim html page */
.lFG, .qG { vertical-align: bottom; border-right:none !important; border-left: none; border-bottom: 1px solid #0098DB !important;} /* Label Final Group  quantity Group: short name to slim html page */
.qG {text-align:right; min-width:30px; max-width:30px; border-top: 1px solid #0098DB ; } /* quantity Group: short name to slim html page */
.xP {padding-top:5px !important;} /* Extra Padding: short name to slim html page */
.fP {float:left; margin:5px;} /* Float Padding: short name to slim html page */
.group { border-top: 1px solid #0098DB !important; }
.lL { color: #0098DB !important;  text-decoration: underline !important; }/* List Link: short name to slim html page */
.xM {margin:7px !important;} /* Extra Margin: short name to slim html page */

/**
 * --- Reports
 */
.reportLink { float:right; }
.disclaimer {font:10px "Arial"; font-weight: bold; padding-top: 10px; padding-bottom: 10px; float: left; clear: both; width: 100%;}
.panelCap{background-color: white; margin-bottom:5px; font:12px "Arial"; font-weight: bold; color: #0098DB !important;}
.noticePanel{width: 500px; clear:left; border-style: solid; border-color:#0098DB; border-width: 1px;}

/**simple grouping table */
.groupTB {clear:left; width:100%; margin-bottom: 15px; border-collapse: collapse;}
.groupTB  th, .groupTB td {text-decoration: none; text-align:left; }
.groupTB  th{background-color: #001F37; color: white;  vertical-align: center; padding: 3px; margin: 3px; border: 1px solid #001F37;}
.groupTB  td{border: 1px solid #001F37; border-top: 0px; color:#000000; vertical-align: top; padding: 3px; margin: 3px;}
.groupTB  .tdtopborder{border: 1px solid #001F37; color:#000000; vertical-align: top; padding: 3px; margin: 3px;}
.groupTB .totalLN {background-color: #E1E1E1; color: #001F37; font-weight:bold; padding-bottom: 5px;}


/**
 * --- Wizard
 */
.previous {float:left;}
.next {float:right;}

/**
* E-Pay
*/
.payTB {color: #001F37;  text-align:left; }
.payTB td {padding: 5px 10px 5px 5px; margin: 0px; border-bottom: 1px solid #0098DB; border-collapse:collapse;} 
.boldFont {font-weight: bold;}

/*
	CSS to override RichFaces settings

	SICPA WEBAPP Guidelines
		Corporate dark blue: R-0 V-31 B-55 -> #001F37
		Corporate mid blue: R-0 V-152 B-219 -> #0098DB
		Light blue: R-234 V-246 B-253 -> #EAF6FD
*/

.rich-pnl {	border-style:none; }
.rich-pnl-b { padding: 1px; }

/**
 * --- DataTable
 */
.rich-table { border-style: none; width:100%; margin-bottom:10px; }
.rich-table-cell {border-style: none; color:#0098DB; }
.rich-table-subheadercell, .rich-table-headercell {border-style: none; color:white; text-decoration: none; text-align: left; vertical-align: middle;}
.rich-table-subheadercell a:active,.rich-table-subheadercell a:link,.rich-table-subheadercell a:visited {	color:  white; text-decoration: none; }
.rich-table-subheadercell a:hover { color: white; text-decoration: underline; }
.rich-table-headercell a:active,.rich-table-headercell a:link,.rich-table-headercell a:visited, .rich-table-headercell a:hover {	color:  white; text-decoration: none; }
.rich-table-footercell, .rich-table-footercell a:active,.rich-table-footercell a:link,.rich-table-footercell a:visited, .rich-table-footercell a:hover  {border-style: none; border-top: 1px solid #0098DB; color:#0098DB; background-color: white; font-weight: bold; text-decoration: none; text-align: left; vertical-align: middle;}
.rich-table-subfootercell, .rich-table-subfootercell a:active,.rich-table-subfootercell a:link,.rich-table-subfootercell a:visited, .rich-table-subfootercell a:hover  {border-style: none; border-top: 1px solid #0098DB; color:#0098DB; background-color: white; font-weight: bold; text-decoration: none; text-align: left; vertical-align: middle;}
.rich-subtable-cell {border-style: none; color:#0098DB; }


/**
 * --- DataScroller
 */
.rich-datascr { }	
.rich-dtascroller-table {  }	
.rich-datascr-button { font-weight: bold; font-family: "Courier"; font-size: 10px; color:#0098DB; border: 0px;}
.rich-datascr-ctrls-separator {  }	
.rich-datascr-act {background-color: #001F37; color:white;}
.rich-datascr-inact	{background-color:#EAF6FD;}
.rich-datascr-button-dsbld { color:gray; border: 0px;}

/**
 * --- Inplace Select
 */
.rich-inplace-select { border-style:none; background: white url(../img/arrowbluedown.gif) no-repeat center right; padding-right:0px;}
.rich-inplace-select-view { background-color: white; padding-top: 4px; margin:0px;}
.rich-inplace-select-view-hover { color: #0098DB; padding-top: 4px; margin:0px;}
.rich-inplace-select-field{background-color:white; border-color:#0098DB; padding-top: 4px; margin:0px;}
input.rich-inplace-select-arrow { width:0px !important;} /* Need to add a margin to preserve the visibility of left label */

/**
 * --- Panel
 */
.rich-panel {border-style:none;}

/**
 * --- Tab panel
 */
.rich-tabpanel-content {border-style:none; margin-left:0px; padding-left:0px; }

/**
 * --- Toolbar
 */
.rich-toolbar {border-style:none; padding-top:10px;}/* background-image:none; background-color:white; color:#001F37; font-weight: normal;}*/

/**
 * --- PanelMenu
 */
.rich-pmenu-top-group-div {border-style:none;} 
.rich-pmenu-top-group {background-image:none; background-color:white; color:#001F37; font-size: 13px; font-variant: small-caps; font-weight: bold;}
.rich-pmenu-group {border-style:none;}
.rich-pmenu-item {border-style:none;}

/**
 * --- Calendar
 */
.rich-calendar-input {width:378px !important;}/* Need to keep some space for calendar display */
.rich-calendar-holly {color:gray; background-color:#EAF6FD;}
.rich-calendar-weekends {color:gray; }
.rich-calendar-hover {color:white; background-color:#001F37;}
.rich-calendar-today {color:white; background-color:#0098DB;}
.rich-calendar-editor-btn-selected {color:white; background-color:#0098DB;}

.rich-calendar-time-layout input{width: 40px !important;}

/**
 * --- Pick list
 */
.rich-picklist-source-items { margin:0 0 8px 0; }