/*
Document   : layout
Created on : 19 Apr, 2013, 9:57:17 AM
Author     : ptech
Description:
Purpose of the stylesheet follows.
#F4F5F0
*/

body { background-color: #F4F5F0; color: #000; margin: 0px; padding: 0px; }
html,body {
    margin: 0px;
    padding: 0px;
}

/*main Style Do not Change*/
.Grid-layout { border-collapse: collapse;  width: 100%; margin: 0px; padding: 0px; vertical-align: top; box-shadow: 1px 1px 5px #999;}
.GridFooter-layout { border-collapse: collapse; text-align: right; height: 20px; margin: 0px; padding: 0px; }
.GridHeader-layout { border-collapse: collapse; text-align: left; height: 69px; margin: 0px; padding: 0px; }
.GridColumn-layout-body { border-collapse: collapse; background-color: /*#EFF2F9*/ /*#F4F5F0*/ #EFF2F9; vertical-align: top; padding: 10px; }

/*header Style Do not Change*/
.mainHeader { background:#36648b url('header_img.jpg') repeat-x center left; width: 100%; height: 44px; margin: 0px; padding: 0px; color: #fff; border: none; }
.mainRowHeader { margin: 0px; padding: 0px; border: none; }
.outputText { font-family: Verdana, sans-serif; font-size: 11px; color:white;}
.menuBar { width: 100%; height: 25px;  background:#b2aeab; text-align: left; border-bottom: 1px solid #000; border-top: 0px solid #FFF; border-left: 0px solid #FFF;  }

/*Footer Style Do not Change*/
.mainFooter { background:#36648b url('footer_img.jpg') repeat-x top left; width: 100%; height: 20px; text-align: right; border-top: 1px solid #000; }
.mainRowFooter { padding: 2px 5px 5px 0px; font-family: Verdana, sans-serif; font-size: 12px; color: #FFF; text-align: right; }
.Column-mainFooter-style { width: 30px; }
.Column-mainFooter-copy { width: 100%; text-align: center; }
.Column-mainFooter-hidden { width: 1px; }
.copyright { width: 100%; text-align: center; font-weight:normal;color: #FFFFFF; }

.iceform { width: 100%; border-collapse: collapse; border: none; margin: 0px; padding: 0px; }


/*Navigation Style Do not Change*/

.headergrid {height: 200px;}

.logo {width:  200px;height: 200px; padding-left: 20px !important;}

.appnamegrid {height: 200px;}

.appname {text-transform: capitalize;  font-weight: bold !important;}

.appnamedark {font-size: 12px;color:#FFFFFF; font-weight: bold !important;}

.appnamebar { color:#FFFFFF; padding-left: 20px; padding-right: 20px; font-weight: bold !important;}

.appnamelight {font-size: 12px;color:#FFFFFF; font-weight: bold !important;}

.subheadertext {color: white !important;font-size: 11px !important;font-weight: bold !important; padding-left: 2px; padding-right: 2px;}

.buttonFixed{background-color:#b2aeab ;width:100%; border-top: 1px solid #000;}

.mainFrameStyle{ width:100%; height:500px; overflow:auto; background-color:#EFF2F9}
/*End Navigation*/





/* Override CSS with ICEfaces*/


/* Style for PanelGrid where Datatable is used within the PanelGrid*/
.panelGrid-dt {  vertical-align: top; text-align: left; width: 100%; font-family: Verdana, Arial, Tahoma; font-size: 11px; color: #171449; border: 1px solid #B2BADE; background-color: transparent;  }
.panelGridFooter-dt {padding: 1px; background-color:#BCC6CC;font-weight: bold;text-align: center; vertical-align: top;}
.panelGridHeader-dt {padding: 1px; background-color:#BCC6CC;font-weight: bold;text-align: center; vertical-align: top;}
.panelGridRow-dt { text-align: left; vertical-align: top; }
.panelGridColumn-dt { text-align: left; vertical-align: top; }
/* PanelGrid Size */
/*Example StyleClass{panelGrid-dt panelGrid-dt-small }*/
.panelGrid-dt-small{width: 30%;}
.panelGrid-dt-medium{ width: 50%;}
.panelGrid-dt-full{ width: 100%;}/*End*/


/*Datatable Container with Height*/
.panelGroup-Datatable-Height { min-height:50px; max-height:250px; width:80%; border-collapse: collapse; overflow: auto; border: 1px solid #fff; background-color: transparent; vertical-align: top; }
.panelGroup-Datatable-Height1 { min-height:50px; max-height:250px; width:80%; border-collapse: collapse; overflow: auto; border: 1px solid #fff; background-color: transparent; vertical-align: top; }
.panelGroup-Datatable-Height2 { min-height:50px; max-height:250px; width:80%; border-collapse: collapse; overflow: auto; border: 1px solid #fff; background-color: transparent; vertical-align: top; }
.panelGroup-Datatable-Height4 { min-height:50px; max-height:250px; width:80%; border-collapse: collapse; overflow: auto; border: 1px solid #fff; background-color: transparent; vertical-align: top; }
.panelGroup-Datatable-NoHeight5 { width:80%; border-collapse: collapse; border: 1px solid #fff; background-color: transparent; vertical-align: top; }


/*Datatable Container with Height Medium*/
.panelGroup-Datatable-2col { height: 315px; width:50%; border-collapse: collapse; overflow: auto; border: 1px solid transparent; vertical-align: top; }

/*PanelGroup with Height*/
.panelGroup-Height { height: 315px; border-collapse: collapse; overflow: auto; border: 1px solid #fff; background-color: transparent; vertical-align: top; }
.panelGroup-Height1 { height: 200px; border-collapse: collapse; overflow: auto; border: 1px solid #fff; background-color: transparent; vertical-align: top; }
.panelGroup-Height2 { height: 150px; border-collapse: collapse; overflow: auto; border: 1px solid #fff; background-color: transparent; vertical-align: top; }
.panelGroup-Height4 { height: 80px; border-collapse: collapse; overflow: auto; border: 1px solid #fff; background-color: transparent; vertical-align: top; }
.panelGroup-NoHeight5 { border-collapse: collapse; border: 1px solid #fff; background-color: transparent; vertical-align: top; }






/* PanelGrid Style of diff size for only Textbox, labels, Dropdownlist  */
/* Note: Do Not Use this for Datable  */
/*table.smallpanelGridContainer {width:50%;}
table.smallpanelGridContainer100ptge {width:100%;}
table.mediumpanelGridContainer {width:100%;}
table.largepanelGridContainer {width:100%;}
table.smallpanelGridContainer th , table.mediumpanelGridContainer th, table.largepanelGridContainer th, table.smallpanelGridContainer100ptge th { padding: 1px;  color:#000;font-weight: bold;text-align: center;white-space: nowrap;}
table.smallpanelGridContainer th a, table.mediumpanelGridContainer th a, table.largepanelGridContainer th a,table.smallpanelGridContainer100ptge th a {}
table.smallpanelGridContainer tr, table.mediumpanelGridContainer tr, table.largepanelGridContainer tr,table.smallpanelGridContainer100ptge tr {}
table.smallpanelGridContainer tr tr , table.mediumpanelGridContainer tr tr, table.largepanelGridContainer tr tr ,table.smallpanelGridContainer100ptge tr tr {}
table.smallpanelGridContainer tr.rowOdd, table.mediumpanelGridContainer tr.rowOdd, table.largepanelGridContainer tr.rowOdd,table.smallpanelGridContainer100ptge tr.rowOdd {background-color: #eee;}
table.smallpanelGridContainer tr.rowEven , table.mediumpanelGridContainer tr.rowEven, table.largepanelGridContainer tr.rowEven,table.smallpanelGridContainer100ptge tr.rowEven {background-color: #F5F6FB; }
table.smallpanelGridContainer td, table.mediumpanelGridContainer td, table.largepanelGridContainer td ,table.smallpanelGridContainer100ptge.td {}
table.smallpanelGridContainer tbody table, table.mediumpanelGridContainer tbody table, table.largepanelGridContainer tbody table,table.smallpanelGridContainer100ptge tbody table {}
table.smallpanelGridContainer tfoot, table.mediumpanelGridContainer tfoot, table.largepanelGridContainer tfoot,table.smallpanelGridContainer100ptge tfoot {padding: 1px; background-color:#f3f1f2;font-weight: bold;text-align: center;white-space:nowrap;}
*/

.smallpanelGridContainer {width:50%; }
.smallpanelGridContainer100ptge {width:100%;}
.mediumpanelGridContainer {width:100%;}
.largepanelGridContainer {width:100%;}
.smallpanelGridContainer th , .mediumpanelGridContainer th, .largepanelGridContainer th, .smallpanelGridContainer100ptge th {font-weight: bold;text-align: center;}
.smallpanelGridContainer th a, .mediumpanelGridContainer th a, .largepanelGridContainer th a,.smallpanelGridContainer100ptge th a {}
.smallpanelGridContainer tr.rowOdd, .mediumpanelGridContainer tr.rowOdd, .largepanelGridContainer tr.rowOdd,.smallpanelGridContainer100ptge tr.rowOdd { /*background-color: #EEE;*/ }
.smallpanelGridContainer tr.rowEven , .mediumpanelGridContainer tr.rowEven, .largepanelGridContainer tr.rowEven,.smallpanelGridContainer100ptge tr.rowEven { /*background-color: #F5F6FB;*/  }
.smallpanelGridContainer tfoot, .mediumpanelGridContainer tfoot, .largepanelGridContainer tfoot,.smallpanelGridContainer100ptge tfoot {font-weight: bold;text-align: center;}










/*colum class for PanelGrid*/
.WidthSmall_A{
    width:150px;
}
.WidthSmall_B{
    width:300px;
}

/*colum class for PanelGrid*/
.WidthSmall100Ptge_A{
    width:150px;
}
.WidthSmall100Ptge_B{
    width:750px;
}


.WidthMedium_A{
    width:150px;
}
.WidthMedium_B{
    width:300px;
}
.WidthMedium_C{
    width:150px;
}
.WidthMedium_D{
    width:300px;
}



.WidthLarge_A{
    width:200px;
}
.WidthLarge_B{
    width:300px;
}
.WidthLarge_C{
    width:200px;
}
.WidthLarge_D{
    width:300px;
}
.WidthLarge_E{
    width:200px;
}
.WidthLarge_F{
    width:300px;
}
.WidthLarge_G{
    width:200px;
}
.WidthLarge_H{
    width:300px;
}
/*End*/


.outputText-pageTitle { font-family: Arial, Verdana, Geneva, helvetica, sans-serif; font-size: 15px; color: #26314F; font-weight: bold; padding: 5px 0px 0px 5px; }





/*For Form Save*/
.commandButtonSave {  padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px; height:30px;width:140px ; font-size:14px; font-weight:bold; font-family: tahoma; }
.commandButtonSave:hover { 	}
/*End*/


.commandButtonFilterDialog { cursor:pointer;width:15px;border:1px solid gray; }




/*InputText Size*/
.smallInputText{width :100px;}
.mediumInputText{width :200px;}
.largeInputText{width :400px;}




/*InputText Start values from Right*/
/*Example StyleClass{largeInputText textright}*/
 /* .textright{text-align:right;}*/
/*End Input*/


/* for label and text: bold */
/*.outputLabelbfontweight{font-weight:bold;}*/

/* for label and text: bold */
.outputLabelMessage{font-weight:bold; color:red;}
.outputLabelMessage1{font-weight:normal; color:red; }/* tour plan changes feb/16/21


/*--To Align label to right or left--*/
/*.outputlableFloat-r{ float:right; }
.outputlableFloat-l{ float: left; }*/

/* for label and text: for Total Amount or Price*/
/*.outputText-total {font-size: 11px; text-align: left; font-weight: bold; /*color:#bc5e1b;*//* }*/

/*End Label*/

/*--To Align text to right or left--*/
.outputTextFloat-r{ float:right; }
.outputTextFloat-l{ float: left; }



/*--CollapsiblePanel Size--*/
/*Important Note: Must be applied to PanalGroup where CollapsiblePanel is placed*/
.smallCollapsiblePanel{width:300px;}
.MediumCollapsiblePanel{width:500px;}
.LargeCollapsiblePanel{width:900px;}
.XLargeCollapsiblePanel{width:100%;}
/* End CollapsiblePanel*/





/*InputArea Size*/
.smallInputArea{ width :200px; max-width:200px; min-width:200px; height:40px; max-height:40px; min-height:40px}
.mediumInputArea{ width :200px;max-width:200px; min-width:200px; height:80px;max-height:80px;min-height:80px}
.largeInputArea{ width :200px; max-width:200px; min-width:200px; height:100px;max-height:100px;min-height:100px}
.extralargeInputArea{ width :300px; max-width:400px; min-width:200px; height:100px;max-height:100px;min-height:100px} /* CR-156821   */
/*End InputArea*/





/*SelectOneMenu Size*/
.smallSelectOneMenu{ width :100px;}
.mediumSelectOneMenu{width :200px;}
.largeSelectOneMenu{width :400px;}
.extraLargeSelectOneMenu{width :600px;}
/*End SelectOneMenu*/





/*SelectOneChkBox Size*/
.smallSelectOneChkBox{ width :100px;}
.mediumSelectOneChkBox{width :200px;}
.largeSelectOneChkBox{ width :400px;}
.selectBooleanCheckbox {background-color: #F6F6F6; font-family: Tahoma, Verdana; font-size: 9pt; color: #000; }
.selectManyCheckbox { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px; color: #140E56; }
/*End SelectOneChkBox */





/*SelectOneLstBox Size*/
.smallSelectOneLstBox{ width :100px;}
.mediumSelectOneLstBox{width :200px;}
.largeSelectOneLstBox{width :400px;}
/*SelectOneLstBox End*/




/*SelectOneLstBox Size*/
.smallSelectOneRdoBtn{width :100px;}
.mediumSelectOneRdoBtn{width :200px;}
.largeSelectOneRdoBtn{ width :400px;}
/*SelectOneLstBox End*/



/*SelectBooleanChkBox Size*/
.smallSelectBooleanChkBox{ width :100px;}
.mediumSelectBooleanChkBox{width :200px;}
.largeSelectBooleanChkBox{width :400px;}
/*SelectBooleanChkBox End*/



/*Pending Doc style*/
.outputLabelColorPD{color:red;}
.panelGridPD{float:right;margin-right:7px;background:#eee;border-radius:5px; webkit-border-radius:5px;webkit-box-shadow: 3px 3px 3px #888888; box-shadow: 3px 3px 3px #888888;}
.panelGroupPD{width:100%; }
.underline{color:maroon;}
/*End*/

/*Approval Page*/
.lblEmlp{color:blue;cursor:pointer;}
.boldfont{font-weight:bold;color:teal}
/*End*/



/*Place Holder*/
.placeHolderText {}
.placeHolderTextActive { color: #a1a1a1; font-style: italic; }
/*End*/

/*   tour plan layout*/
.mediumSelectOneMenuT{width :170px;}