/**********************************************************************
 * Styles.css                                                         *
 *                                                                    *
 * This file is initially empty and you can add any additional styles *
 * or modify any of the styles defined in BaseStyles.css              *
 * This file will never be overwritten.                               *
 *                                                                    *
 * For example, if you want to override just the top padding for a    *
 * menu, you can simply add the following lines:                      *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	}                                                             *
 *                                                                    *
 * This will keep all the other styles of the "menus" style as-is,    *
 * but modify the top padding to be 20px.                             *
 *                                                                    *
 * You can also, add a new style by just specifying it.               *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	text-align: center;                                           *
 * 	}                                                             *
 * 	                                                              *
 * In the above case, we added the text-align style.  This style was  *
 * not specified in the original declaration of the menus style.      *
 *                                                                    *
 **********************************************************************/

 @media screen {
    .pagebreak	{ height:10px; background:url(img/page-break.gif) 0 center repeat-x; border-top:1px dotted #999; margin-bottom:13px; }
}
@media print {
    .pagebreak { height:0; page-break-before:always; margin:0; border-top:none; }
	
	.page { page-break-after: always; }

}



/**********************************************************************
 * Panel Body Styles                                                  *
 **********************************************************************/
.dialog_body, .dBody { /* panel content container (excludes panel header) */ 
	background-color: #ffffff;
	color: #666666;
	border-bottom: 0px #4dbbd3 solid;
	border-left: 0px #4dbbd3 solid;
	border-right: 0px #4dbbd3 solid;
	border-top: 0px #4dbbd3 solid;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: left;
	}

/************************header**************************/

.dialog_header, .dh { /* panel header container */
	}

.dialogHeaderBackground, .dhb { /* panel header */
	background-image: url(../../Images/dialogHeaderT1.gif);
	background-color: #eff4fe;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}

.dialogHeaderEdgeL, .dhel { /* panel header left edge */
background-image: url(../../Images/dialogHeaderT1.gif);
background-color: #eff4fe;
background-repeat: repeat-x;
	padding-top: 8px;
	padding-bottom: 8px;
	}

.dialogHeaderEdgeR, .dher { /* panel header right edge */
background-image: url(../../Images/dialogHeaderT1.gif);
background-color: #eff4fe;
background-repeat: repeat-x;
	padding-top: 8px;
	padding-bottom: 8px;
	}
	
.dialogHeaderIcon, .dhi { /* panel header add/edit/show icon container */
	background-image: url(../../Images/dialogHeaderT.gif);
	vertical-align: middle;
	width: 0px;
	}


	
		

/****************************************************************/
/*    STYLES TO USE FOR THE FIELDS OF THE MAIN FORM				*/
/****************************************************************/





.field_input, .fi { /* input textbox */
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	background-color: #ffffff;	 
	color: #333333;
	border-width: 1px;
   	border-style: solid;
    border-color: #999999; 
    background-repeat: repeat-x;
	padding: 0px 0px 0px 0px;
	height: 17px; 
	text-transform:uppercase;
	}
	
	
.emfield_input {
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	background-color: #ffffff;	 
	color: #333333;
	border-width: 1px;
   	border-style: solid;
    border-color: #999999; 
    background-repeat: repeat-x;
	padding: 0px 0px 0px 0px;
	height: 17px; 	 
	}	
	
	
.field_input:focus, .fi:focus
    {
  border-color: #64acd8;
    border-width: 1px;
    }

.filter_value, .filv { /* filter value */
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	}


.filter_button_cell, .filbc { /* filter button container */
	padding-bottom: 4px;
	padding-left: 4px;
	vertical-align: bottom;
	}

.Filter_Input, .fili { /* filter drop-down list */
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	background-color: #ffffff;	 
	color: #333333;
	border-width: 1px;
   	border-style: solid;
    border-color: #999999; 
    background-repeat: repeat-x;
	padding: 0px;
	margin: 3px;
	height: 15px; 
	
	
	}
	
.Filter_Input:focus, .fili:focus
    {
  border-color: #64acd8;
    border-width: 1px;
    }

.filter_area, .fila { /* filter label */
	color: #666666;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	text-align: right;
	font-weight: bold;
	padding: 4px 7px 4px 7px;
	vertical-align: middle;
	white-space: nowrap;	
	}
	

.field_label_on_side, .fls { /* field lable on side */
	color: #666666;
	font-family: Verdana, Geneva, ms sans serif;
	font-size: 10px;
	font-weight: bold;	
	text-align: left;
	vertical-align: middle;
	
	}
	
/****************************************************************/
/*STYLES TO USE IN THE CELL EDITOR TABLE STYLE  				*/
/****************************************************************/
		
table.gridtable {
	font-family: Verdana, Geneva, ms sans serif;
	font-size:10px;
	padding: 0px;	
	text-align: left;
	margin: 0px;
}
table.gridtable th {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}
table.gridtable td {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	
	
}

/****************************************************************/
/*STYLES TO USE IN THE CELL EDITOR TABLE STYLE FOR CODE     	*/
/****************************************************************/
		
table.gridcode {
	font-family: Verdana, Geneva, ms sans serif;
	font-size:12px;
	padding: 7px;	
	text-align: left;
	margin: 0px;
	background-color: #ffffff;
	border-bottom: 1px dotted #CCCCCC;
	border-top: 1px dotted #CCCCCC;
	
}

table.gridcode td {
	margin: 0px;
	padding: 3px;
	font-weight: bold;
	color: #005083;
}

 


/************************************************************/
/*STYLE ONLY FOR THE TABLE WITH THE StBathmosMain kai DEKATA*/
/************************************************************/
table.gridtable1 {
	font-family: Verdana, Geneva, ms sans serif;
	font-size:10px;
	padding: 0px;	
	text-align: left;
	margin: 0px;
	font-weight:normal;	
}
	
/****************************************************************/
/*STYLES TO USE IN THE CONFIRMATION PAGE TABLE  				*/
/****************************************************************/
		
table.conftable {
	font-family: Verdana, Geneva, ms sans serif;
	font-size:10px;
	padding: 2px;	
	text-align: left;
	margin: 0px;
	font-weight:normal;
	
}
table.conftable th {
	font-family: Verdana, Geneva, ms sans serif;
	font-size:10px;
	background-color: #ffffff;
	margin: 0px;
	padding: 2px;
	font-weight:normal;
	padding-top:10px;
	font-color:#181873;
	text-align: left;
}
table.conftable td {
	background-color: #ffffff;
	margin: 0px;
	padding: 2px;
    font-weight:normal;
	border-bottom: 1px dotted #CCCCCC;
	
}





/****************************************************************/
/*STYLES FOR HANDLING ERROR MESSAGES, VALIDATIONS, INFORMATIONS */
/****************************************************************/

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}


.info {
color: #00529B;
background-color: #BDE5F8;
background-image:url('../../Images//info-32.png');
}


.success {
color: #4F8A10;
background-color: #f1fddd;
background-image:url('../../Images/success-32.png');
}


.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image:url('../../Images/warning-32.png');
}



.error {
color: #D8000C;
background-color: #fdd1d1;
background-image: url('../../Images/error-32.png');
}



.info2 {
color: #6c6668;
background-color: #fffdfe;
border-style:dashed;
border-width:1px;
padding:5px 5px 5px 5px;
}



/****************************************************************/
/*STYLES TO SHOW/HIDE DIV ELEMENTS								 */
/****************************************************************/

.hidden {
  display:none;
}
.visible {
display:block;
}




/***********************************************************/

/***************************************************/

/**********************************************************************
 * Pagination Styles                                                  *
 **********************************************************************/

.pagination_row, .pr { /* button bar/pagination row container */
	font-weight: bold;
	vertical-align: middle;
	background-color: #ffffff;
	padding-left: 0px;
	padding-right: 0px;	
	}





/*****************************************************************/
/* 			TABLE for cutting 									*/ 
/****************************************************************/
table.cutable {
	font-family: Verdana, Geneva, ms sans serif;
/*	font-size:9px;*/
	padding: 5px;	
	text-align: left;
	margin: 0px;
	font-weight:normal;
	/*background-image:url('images/my-dotted-message-box.jpg');*/
	background-repeat:no-repeat;
	border: 3px dotted #CCCCCC;
	
}
table.cutable th {
	font-family: Verdana, Geneva, ms sans serif;
	font-size:15px;
	/*	font-size:12px;*/
	margin: 0px;
	padding: 5px;
	font-color:#181873;
	text-align: left;
	border: 1px dotted #CCCCCC;
}
table.cutable td {
	/*background-color: #ffffff;*/
	margin-left:30px;
	padding: 5px;
	font-size:13px;
	/*font-size:11px;*/
	font-weight:normal;
	border: 1px dotted #CCCCCC;
	
}



/*****************************************************************/
/* 			DIV STYLES		 									*/ 
/****************************************************************/

div.table
{
    display: table;
}

div.tr
{
    display: table-row;
}

div.tdColumn1, div.tdColumn2, div.tdColumn3, div.tdColumn4, div.tdColumn5
{
    display: table-cell;
    padding: 4px;
}

div.tdColumn1
{
    width: 200px;
}

div.tdColumn2
{
    width: 300px;
}

div.tdColumn1, div.tdColumn2, div.tdColumn4, div.tdColumn5
{
    vertical-align: middle;
}

div.tdColumn1, div.tdColumn5
{
    text-align: center;
}



.break { page-break-before: always; }
.break1 { page-break-after: always; }