/*  Al generar nuevos estilos utilizar la siguiente nomenclatura: <donde se utiliza>-<para que sirve>-<variantes> */

/*-----------------------------------------------------------------------------------------------------------*/
/*----------------------<<<<<  GENERAL  >---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/

body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-face-color: #CBDCF0;
	scrollbar-highlight-color: #CBDCF0;
	scrollbar-shadow-color: #CBDCF0;
	scrollbar.3dlight-color: #3A5570;
	scrollbar-arrow-color: #3A5570;
	scrollbar-track-color: #E8F0F9;
	scrollbar-darkshadow-color: #3A5570;
}


/*-----------------------------------------------------------------------------------------------------------*/
/*----------------------<<<<<  MASTER  >---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/


/*---------------------< Header Size and Background: Apply to TD >-------------------------------------------*/

.master-header {
	height: 95px;
	background-image: url(Ui/images/bkg-header.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	vertical-align:top;
}

/*---------------------< Menu Background: Apply to TD >------------------------------------------------------*/

.master-menu {
	height: 20px;
	background-color: #90A6BD;
	 
}

/*---------------------< Content border and padding: Apply to TD >-------------------------------------------*/

.master-content {
	border: 1px solid #CBDCF0;
	padding: 10px;
	vertical-align:top;
}

/*---------------------< Content border and padding: Apply to TD >-------------------------------------------*/

.master-content_login {
	border: 1px solid #90A6BD;
	vertical-align:top;
}

/*---------------------< Content border and padding: Apply to TD >-------------------------------------------*/

.master-content_printpreview {
	border: 1px solid #CBDCF0;
	vertical-align:top;
}

/*---------------------< Footer Size and background: Apply to TD >-------------------------------------------*/

.master-footer {
	height: 50px;
	background-image: url(Ui/images/bkg-footer.gif);
	background-position: 0px 1px;
	background-repeat: no-repeat;
	font-family:Verdana, Arial, Helvetica;
	font-size: 9px;
	color: #999999;
	text-align:right;
	vertical-align:top;
	padding-top:10px;
	padding-right: 2px;
}


/*-----------------------------------------------------------------------------------------------------------*/
/*----------------------<<<<<  LANGUAGE  >>>>>---------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/


/*---------------------<  Text and pading: Apply to TD >-----------------------------------------------------*/

.language-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	color: #0082AD;
	padding-right: 2px;
	padding-left: 2px;
}

/*---------------------< Links: Automatic Apply >------------------------------------------------------------*/

.language-text a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0082AD;
	text-decoration:none;
}

.language-text a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0082AD;
	text-decoration:underline;
}


/*-----------------------------------------------------------------------------------------------------------*/
/*----------------------<<<<<  PRINCIPAL MENU  >>>>>---------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/

/*---------------------< Height and Borders: Apply to TD >---------------------------------------------------*/

.menu-text {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: bold;
      color: #FFFFFF;
      border-right: 1px solid #ffffff;
      height: 17px;
      }

/*---------------------< Links: Automatic Apply >------------------------------------------------------------*/

.menu-text a {
      display:block;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: bold;
      color: #FFFFFF;
      text-decoration:none;
      padding-left: 8px;
      padding-right: 8px;
      padding-top:3px;
      /*width: 100%;*/
      height: 100%;
}

.menu-text a:hover {
      display:block;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: bold;
      color: #FFFFFF;
      text-decoration:none;
      background-color:#0082AD;
      padding-left: 8px;
      padding-right: 8px;
      padding-top:3px;
      /*width: 100%;*/
      height: 100%;
}

/*---------------------< Menu Items background: Apply to TABLE >---------------------------------------------*/

.menu-item-background {
	background-color: #90A6BD;
}

/*---------------------< Menu Items: Apply to TABLE >--------------------------------------------------------*/

.menu-item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	height: 18px;
	/*padding-bottom: 1px;
	padding-top: 1px;
	*/
}

/*---------------------< Menu Items Links: Automatic Apply >------------------------------------------------*/

.menu-item a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight:normal;
	display:block;
	height:100%;
	border-bottom: 1px solid #ffffff;
}

.menu-item a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;	
	display:block;
	font-weight:normal;
	background-color:#0082AD;
	border-bottom: 1px solid #ffffff;
	height:100%;
}


/*-----------------------------------------------------------------------------------------------------------*/
/*---------------------<<<<<  LOGIN  >>>>>-------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/


/*----------------------< Login: Apply to TABLE >------------------------------------------------------------*/

.login-table {
	background-image:url(Ui/images/bkg-login.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

/*----------------------< Login align: Automatic Apply >-----------------------------------------------------*/

.login-table td {
	vertical-align:top;
}

/*----------------------< Login label: Apply to TD >---------------------------------------------------------*/

.login-label {
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
     font-size: 10px; 
     color: #333333; 
	 padding-left: 4px;
	 padding-bottom: 2px;
	 vertical-align:bottom;
}

/*----------------------< Login field: Apply to TD >---------------------------------------------------------*/

.login-field {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #333333;
	border: 1px solid #0082AD;
	height: 18px;
	width: 140px;
	background-color: #FFFFFF;
}



/*-----------------------------------------------------------------------------------------------------------*/
/*---------------------<<<<<  BREADCRUMB  >>>>>--------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/


/*----------------------< Breadcrumb: Apply to TABLE >-------------------------------------------------------*/

.breadcrumb { 
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     font-size: 10px; 
     color: #666666; 
     height: 20px;
     vertical-align:middle;
     padding-bottom: 6px;
     padding-left:2px;
}

/*----------------------< Breadcrumb Link: Automatic Apply >------------------------------------------------*/

.breadcrumb a { 
     color: #3A5570; 
     text-decoration:none; 
} 
 
.breadcrumb a:hover { 
     color: #3A5570; 
     text-decoration:underline; 
} 

/*-----------------------------------------------------------------------------------------------------------*/
/*---------------------<<<<<  PAGE  >>>>>--------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/


/*----------------------< Coontent Data (when content is a inputs/select/textarea/etc): Apply to TD >--------*/
.page-data {
	height: 22px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom:2px;
	vertical-align: top;
	text-align:right
}

/*----------------------< Coontent Field (when content is a inputs/select/textarea/etc): Apply to INPUT >---*/

.page-field-long {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #8FA5BC;
	height: 16px;
	width: 260px;
	background-color: #ECF3FC;
	text-align:right;
}



/*-----------------------------------------------------------------------------------------------------------*/
/*---------------------<<<<<  TABS  >>>>>--------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/

.tabs-top-content_border {
	border-top: 1px solid #BBCCDD;
	
}
/*---------------------< Border of content: IC) Apply to TD >------------------------------------------------*/

.tabs-content_border {
	border-bottom: 1px solid #BBCCDD;
	border-left: 1px solid #BBCCDD;
	border-right: 1px solid #BBCCDD;
}

/*---------------------< Genral (Font/Bottom Line): Apply -> TD id="tabsJ" >---------------------------------*/

#tabsJ {
	font-family: Verdana, Arial;
	float: left;
	width: 100%;
	font-size: 10px;
	line-height: normal;
	border-bottom: 1px solid #9BB2CA;
	}

/*---------------------< Visualization: Apply -> TD id="tabsJ" >---------------------------------------------*/

#tabsJ ul {
	margin: 0;
	padding: 2px 2px 2px 2px;
	list-style: none;
	}

#tabsJ li {
	display: inline;
	margin: 0;
	padding: 0;
	}

/*---------------------< Visualization and image position: Apply -> TD id="tabsJ" >--------------------------*/
	
#tabsJ a {
	float: left;
	background: url(Ui/images/tableftJ.gif) no-repeat left top;
	margin: 0;
	padding: 0px 0px 0px 5px;
	text-decoration: none;
	}
	  
#tabsJ a span {
	float: left;
	display: block;
	background: url(Ui/images/tabrightJ.gif) no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #006A8D;
	}

/*---------------------< Exceptions: Apply -> TD id="tabsJ" >------------------------------------------------*/

						/* Commented Backslash Hack hides rule from IE5-Mac \*/
						#tabsJ a span {
						float:none;
						}
						
						/* End IE5-Mac hack */
						#tabsJ a:hover span {
						color:#FFF;
						}

/*---------------------< Overs (Visualization and image position): Apply -> TD id="tabsJ" >------------------*/

#tabsJ a:hover {
	background-position:0% -42px;
	}
	  
#tabsJ a:hover span {
	background-position:100% -42px;
	}

/*---------------------< Select: Apply -> TD id="current" >--------------------------------------------------*/

#tabsJ #current  {
	border-bottom: 1px solid #ffffff;
	border-collapse:collapse;
	}

/*---------------------< Select: Apply -> TD id="current" >--------------------------------------------------*/

#tabsJ #current a {
	background-position:0% -84px;
	}

/*---------------------< Select: Apply -> TD id="current" >--------------------------------------------------*/

#tabsJ #current a span {
	float:none;
	background-position:100% -84px;
	cursor:default;
	/*border-bottom: 1px solid #ffffff;*/
	color:#596E83;
	font-weight:bold;
	}


/*-----------------------------------------------------------------------------------------------------------*/
/*----------------------<<<<<  FILTER  >>>>>-----------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/


/*----------------------< Background y Paddings: Apply to TD >-----------------------------------------------*/

.filter-background {
	background-color: #CBDCF0;
	padding-bottom: 12px;
	padding-top: 12px;
	border: 1px solid #90A6BD;
	border-bottom: none;
}
/*----------------------< Background with different Paddings (when Print Button is need): Apply to TD >-----*/

.filter-background2 {
	background-color: #CBDCF0;
	padding-bottom: 12px;
	padding-top: 5px;
	border: 1px solid #90A6BD;
	border-bottom: none;
	
}
/*----------------------< Filter Table: Apply to TABLE >-----------------------------------------------------*/

.filter-table {
}

/*----------------------< Line Height: Automatic Apply >-----------------------------------------------------*/

.filter-table td{
}

/*----------------------< Filter Footer: Apply to TD >-------------------------------------------------------*/

.filter-footer_save {
	background-image: url(Ui/images/bkg-filter-footer.gif);
	background-position: right top;
	background-repeat:no-repeat;
	text-align:right;
	padding-right: 6px;
	vertical-align: top;
	height: 25px;	
}
/*----------------------< Filter Footer to Printed Button: Apply to TD >-------------------------------------------------------*/

.filter-footer_print {
	text-align:right;
	padding-right: 10px;
	vertical-align: top;
}

/*----------------------< Filter Footer to Printed Button: Apply to TD >-------------------------------------------------------*/

.filter-footer_pdf {
	text-align:right;
	padding-right: 10px;
	vertical-align: top;
}

/*----------------------< Filter Label: Apply to TD >--------------------------------------------------------*/

/*.filter-label {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #454545;
	text-align: right;
	padding-right: 2px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	width: 150px;
	vertical-align: top;
}*/

/*----------------------< Filter Label: Apply to TD >--------------------------------------------------------*/

.filter-label {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #454545;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	width: 150px;
	vertical-align: top;
}

/*----------------------< Filter Label Required: Apply to TD >--------------------------------------------------------*/

.filter-label_required {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #454545;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	width: 150px;
	vertical-align: top;
	background-image: url(Ui/images/img-filter-required.gif);
    background-repeat: no-repeat;
    background-position: 160px 6px;
}
	

/*----------------------< Filter Data: Apply to TD >---------------------------------------------------------*/

.filter-data {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #454545;
	text-align: left;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom:2px;
	vertical-align: top;
}

/*----------------------< Filter Field: Apply to INPUT/SELECT >----------------------------------------------*/

.filter-field {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #333333;
	border: 1px solid #0082AD;
	height: 14px;
	width: 146px;
	background-color: #FFFFFF;
}
/*----------------------< Filter Field: Apply to INPUT/SELECT >----------------------------------------------*/

.filter-field-readonly {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #333333;
	border: 1px solid #5D80A4;
	height: 14px;
	width: 146px;
	background-color: #E2EEFD;
}
/*----------------------< Filter Field Big (with fixed size): Apply to INPUT/SELECT >-----------------------*/

.filter-field_big {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #333333;
	border: 1px solid #0082AD;
	height: 14px;
	width: 489px;
	background-color: #FFFFFF;
}

/*----------------------< Right Space (last column) in Filter: Apply to TD >--------------------------------*/

.filter-final-column {
	height: 22px;
	width: 36px;
}

/*----------------------< Filter Field Combo (with fixed size): Apply to INPUT/SELECT >------------------------*/

.filter-field-combo {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #333333;
	border: 1px solid #0082AD;
	height: 18px;
	width: 150px;
	background-color: #FFFFFF;
}

.filter-field-combo-readonly {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #333333;
	border: 1px solid #5D80A4;
	height: 18px;
	width: 150px;
	background-color: #E2EEFD;
}

/*-----------------------------------------------------------------------------------------------------------*/
/*----------------------<<<<<  BUTTONS  >>>>>----------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/


/*----------------------< General Button >-------------------------------------------------------------------*/

.button {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #3A5570;
	text-decoration: none;
	background-color: #EDF4FD;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #3A5570;
	height: 16px;
	width: 100px;
	padding-right: 5px;
	padding-left: 5px;
	}

.button-long {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #3A5570;
	text-decoration: none;
	background-color: #EDF4FD;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #3A5570;
	height: 16px;
	width: 140px;
	padding-right: 5px;
	padding-left: 5px;
	}

.button-yes-no {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #3A5570;
	text-decoration: none;
	background-color: #EDF4FD;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #3A5570;
	height: 16px;
	width: 45px;
	padding-right: 5px;
	padding-left: 5px;
}
/*----------------------< Login Buttons >------------------------------------------------------------------*/

.login-button {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #3A5570;
	text-decoration: none;
	background-color: #EDF4FD;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #3A5570;
	height: 18px;
	width: 140px;
	padding-right: 5px;
	padding-left: 5px;
}

/*----------------------< Filter Buttons >------------------------------------------------------------------*/

.filter-button {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #3A5570;
	text-decoration: none;
	background-color: #EDF4FD;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #3A5570;
	height: 16px;
	width: 100px;
	padding-right: 5px;
	padding-left: 5px;

}

/*----------------------< Filter Button Print>-------------------------------------------------------------*/

.filter-button-print {
	font-family: Verdana, Arial;
	font-size: 9px;
	font-weight: normal;
	color: #3A5570;
	text-decoration: none;
	text-align: right;
	vertical-align: bottom;
	width: 127px;
	padding-left: 20px;
	background-image:url(Ui/images/but_print.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	background-color: #FFFFFF;
	border: 0px 0px 0px 0px;
}
/*----------------------< Filter Button Generate PDF>-------------------------------------------------------------*/

.filter-button-pdf a {
	font-family: Verdana, Arial;
	font-size: 9px;
	font-weight: normal;
	color: #3A5570;
	text-decoration: none;
	text-align: right;
	vertical-align: bottom;
	width: 127px;
	background-image:url(Ui/images/but_print.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	background-color: #FFFFFF;
	border: 0px 0px 0px 0px;
}
.filter-button-pdf a:hover {
	text-decoration: underline;
}
/*----------------------< Form Buttons >-------------------------------------------------------------------*/

.form-button {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #3A5570;
	text-decoration: none;
	background-color: #EDF4FD;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #3A5570;
	height: 16px;
	width: 100px;
	padding-right: 5px;
	padding-left: 5px;
	}

/*----------------------< Form upload >-------------------------------------------------------------------*/

/*.form-upload {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #3A5570;
	text-decoration: none;
	background-color: #EDF4FD;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #3A5570;
	height: 16px;
	width: 100px;
	padding-right: 5px;
	padding-left: 5px;
	}
*/

.form-upload  
{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #3A5570;
	text-decoration: none;
	background-color: #EDF4FD;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #3A5570;
	height: 16px;
	width: 100px;
	padding-right: 5px;
	padding-left: 5px;
	
}

.form-upload input.file {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #8FA5BC;
	height: 16px;
	width: 422px;
	background-color: #ECF3FC;
}

.form-upload_readonly {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border: 1px solid #cccccc;
	height: 16px;
	width: 426px;
	background-color: #fafafa;
}

/*----------------------< Form Buttons Small >------------------------------------------------------------*/

.popup-button-small {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #3A5570;
	text-decoration: none;
	background-color: #EDF4FD;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #3A5570;
	height: 16px;
	width: 45px;
	padding-right: 5px;
	padding-left: 5px;
	
}



/*-----------------------------------------------------------------------------------------------------------*/
/*----------------------<<<<<  CONTENT >>>>>-----------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/


/*----------------------< Page Title: Apply to TD >----------------------------------------------------------*/

.content-title {
	font-family: Verdana, Arial;
	color: #2363D9;
	font-size: 11px;
	font-weight: bold;
	vertical-align: bottom;
	background-image: url(Ui/images/title-arrow.gif);
	background-repeat: no-repeat;
	background-position: 6px 5px;
	/*border-bottom: 1px solid #2363D9;*/
	padding-left: 18px;
	padding-bottom: 4px;
	height: 20px;
}

/*----------------------< Page Auxiliar Title (to put auxiliars elments in the title line): Apply to TD >----*/

.content-title-aux {
	font-family: Verdana, Arial;
	color: #2363D9;
	font-size: 11px;
	font-weight: bold;
	vertical-align: bottom;
	border-bottom: 1px solid #2363D9;
	height: 20px;
}

/*----------------------< Page Subtitle: Apply to TD >-------------------------------------------------------*/

.content-subtitle {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	padding-left: 8px;
	padding-bottom: 4px;
	vertical-align:bottom;
}

/*----------------------< Page Subtitle (with bottom line): Apply to TD >------------------------------------*/

.content-subtitle_line {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	border-bottom: 1px solid #CBDCF0;
	padding-left: 18px;
	padding-bottom: 3px;
	height: 20px;
}

/*----------------------< Tabs Title: Apply to TD >----------------------------------------------------------*/

.content-tabs-title {
	height:20px;
}

/*----------------------< Tabs Subtitle: Apply to TD >-------------------------------------------------------*/

.content-tabs-subtitle {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	padding-left: 18px;
	padding-bottom: 2px;
	vertical-align:bottom;
	height:16px;
	text-align:left ;
}

/*----------------------< Grid Filter: Apply to TD >---------------------------------------------------------*/

.content-space_filter {
	vertical-align:top;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

/*----------------------< Form Container: Apply to TD >------------------------------------------------------*/

.content-space_form {
	vertical-align: top;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/*----------------------< Grid Container: Apply to TD >------------------------------------------------------*/

.content-space_grid {
	vertical-align:top;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 30px;
}

/*----------------------< Content Footer ("Acept/Cancel" buttons container): Apply to TD >-------------------*/

.content-footer {
	background-color: #CBDCF0;
	text-align:right;
	vertical-align:top;
	padding-right:10px;
	padding-top:2px;
	height: 20px;
}
/*----------------------< Content Footer ("Acept/Cancel" buttons container): Apply to TD >-------------------*/

.content-footer-message {
	background-color: #CBDCF0;
	background-image: url(Ui/images/img-alertgrid.gif);
	background-repeat: no-repeat;
	background-position: 2 2;
	height: 20px;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	padding-left: 20px;
	padding-bottom: 2px;
	padding-top: 2px;
	vertical-align:bottom;
	height:16px;
	text-align:left;
	vertical-align: middle;
}
/*----------------------< Buttons Conteiner ("Acept/Cancel"): Apply to TABLE >-------------------------------*/

.content-buttons-container {
	height:16px;
}

/*----------------------< Buttons Conteiner ("Acept/Cancel"): Automatic Apply >------------------------------*/

.content-buttons-container td {
	width:6px;
	height:16px;
}


/*-----------------------------------------------------------------------------------------------------------*/
/*----------------------<<<<<  FORMS  >>>>>------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/


/*----------------------< Group Form Border: Apply to TD >---------------------------------------------------*/

.form-border {
	border-top: 1px solid #CBDCF0;
	border-right: 1px solid #CBDCF0;
	border-left: 1px solid #CBDCF0;
	padding-top:16px;
}

/*----------------------< Group Form Border Complete: Apply to TD >---------------------------------------------------*/

.form-border_complete {
	border-top: 1px solid #CBDCF0;
	border-right: 1px solid #CBDCF0;
	border-left: 1px solid #CBDCF0;
	border-bottom: 1px solid #CBDCF0;
	padding-top:16px;
}

/*----------------------< Group Form Footer: Apply to TD >---------------------------------------------------*/

.form-footer {
	border-top: 1px solid #CBDCF0;
	vertical-align: top;
}

/*----------------------< Group Form Footer: Apply to TD >---------------------------------------------------*/

.form-footer_save {
	background-image: url(UI/images/bkg-form-footer.gif);
	background-position: right top;
	background-repeat:no-repeat;
	text-align:right;
	padding-right: 6px;
	vertical-align: top;
	height: 25px;	
}

/*----------------------< Group Form Footer: Apply to TD >---------------------------------------------------*/

.form-separate {
	border-bottom: 1px dotted #CBDCF0;
	vertical-align: top;
}

/*----------------------< Form Label: Apply to TD >----------------------------------------------------------*/

.form-label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #454545;
	text-align: right;
	vertical-align: top;
	border-bottom: 1px dotted #CADBEF;
	padding-right: 10px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	width: 150px;
}

/*----------------------< Form Label required: Apply to TD >------------------------------------------------*/

.form-label_required {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: normal;
      color: #454545;
      text-align: right;
      vertical-align: top;
      border-bottom: 1px dotted #CADBEF;
      padding-right: 10px;
      padding-top: 5px;
      padding-left: 10px;
      padding-bottom: 5px;
      width: 150px;
      background-image: url(Ui/images/img-required.gif);
      background-repeat: no-repeat;
      background-position: 160px 6px;
}

/*----------------------< Form Option Label: Apply to TD >--------------------------------------------------*/

.form-label_option {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #454545;
	text-align: left;
	padding-right: 10px;
	padding-left: 2px;
}

.form-label-total {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #454545;
	text-align: right;
	vertical-align: top;
	border-bottom: 1px dotted #CADBEF;
	padding-right: 10px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}

/*----------------------< Form Option Label: Apply to TD >--------------------------------------------------*/

.form-label-option {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #627A9C;
	text-align: left;
	padding-right: 10px;
	padding-bottom: 3px;
}

/*----------------------< Form Data (when content is a inputs/select/textarea/etc): Apply to TD >------------*/

.form-data {
      padding-left: 2px;
      padding-top: 2px;
      padding-bottom:1px;
      vertical-align: top;
      border-bottom: 1px dotted #CADBEF;
}

/*----------------------< Form Data (when content is a inputs/select/textarea/etc) without border-bottom and aligned right: Apply to TD >------------*/
.form-data-no-border {
	height: 40px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom:2px;
	vertical-align: top;
	text-align:right;
	vertical-align:middle;
}
/*----------------------< Form Data (when content is a text): Apply to TD >-----------------------------------*/

.form-data_text {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #006A8D;
	text-align: left;
	padding-left: 0px;
	padding-top: 3px;
    padding-bottom:3px;
	vertical-align: middle;
	border-bottom: 1px dotted #CADBEF;

}

.form-data_text a{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #006A8D;
	text-align: left;
	padding-left: 0px;
	padding-top: 3px;
    padding-bottom:3px;
	vertical-align: middle;
	text-decoration:underline;

}
/*----------------------< Right Space (last column) in Form: Apply to TD >-----------------------------------*/

.form-final-column {
	height: 22px;
	width: 36px;
	border-bottom: 1px dotted #CADBEF;
}

/*----------------------< Form Field (with fixed size): Apply to INPUT/SELECT >------------------------------*/

.form-field {
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 10px;
	  color: #333333;
	  border: 1px solid #8FA5BC;
	  height: 14px;
	  width: 146px;
	  background-color: #ECF3FC;
}

.form-field_readonly {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border: 1px solid #cccccc;
	height: 14px;
	width: 146px;
	background-color: #fafafa;
}

/*----------------------< Form Field Combo(with fixed size): Apply to INPUT/SELECT >------------------------------*/

.form-field-combo {
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 10px;
	  color: #333333;
	  border: 1px solid #8FA5BC;
	  height: 18px;
	  width: 150px;
	  background-color: #ECF3FC;
}

.form-field-combo_readonly {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border: 1px solid #cccccc;
	height: 18px;
	width: 150px;
	background-color: #fafafa;
}

.form-field-combo-long {
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 10px;
	  color: #333333;
	  border: 1px solid #8FA5BC;
	  height: 18px;
	  width: 260px;
	  background-color: #ECF3FC;
}

.form-field-combo-long_readonly {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border: 1px solid #cccccc;
	height: 18px;
	width: 260px;
	background-color: #fafafa;
}

/*----------------------< Form Field long (aligned right): Apply to INPUT/SELECT >-------------------------*/

.form-field-long {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #8FA5BC;
	height: 14px;
	width: 260px;
	background-color: #ECF3FC;
	text-align:left;
}

/*----------------------< Form Field Medium size (with fixed size): Apply to INPUT/SELECT >-------------------------*/

.form-field-medium {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #8FA5BC;
	height: 16px;
	width: 414px;
	background-color: #ECF3FC;
}

.form-field-medium_readonly {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border: 1px solid #cccccc;
	height: 16px;
	width: 414px;
	background-color: #fafafa;
}

/*----------------------< Form Field Bigs (with fixed size): Apply to INPUT/SELECT >-------------------------*/

.form-field_big {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #8FA5BC;
	height: 14px;
	width: 493px;
	background-color: #ECF3FC;
}

.form-field_big_readonly {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border: 1px solid #cccccc;
	height: 14px;
	width: 485px;
	background-color: #fafafa;
}
/*----------------------< Form Field short (with fixed size): Apply to INPUT/SELECT >-------------------------*/

.form-field_short{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #8FA5BC;
	height: 14px;
	width: 50px;
	background-color: #ECF3FC;
}

.form-field_short_readonly {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border: 1px solid #cccccc;
	height: 14px;
	width: 50px;
	background-color: #fafafa;
}
/*----------------------< Form TextAreas (with fixed size): Apply to TEXTAREAS >-----------------------------*/

.form-textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #8FA5BC;
	background-color: #ECF3FC;
	width: 493px;
	height: 70px;
}

.form-textarea_readonly {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border: 1px solid #cccccc;
	background-color: #fafafa;
	width: 493px;
	height: 70px;
}

/*----------------------< Form TextAreas (with fixed size): Apply to TEXTAREAS >-----------------------------*/

.form-required_message {
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:10px;
      color: #006A8D;
      text-align:right;
      height:22px;
      vertical-align:bottom;
      padding-right: 12px;
      padding-bottom:2px;
}


/*----------------------------< Form Reference >---------------------------------*/
/*-------------------------------------------------------------------------------*/

.form-reference-content {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:right;
}
.form-reference-table {
	border: 1px solid #CBDCF0;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.form-reference-title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #454545;
	text-align:left;
	height: 16px;
}
.form-reference-text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #454545;
	text-align:left;
	padding-left:5px;
	height: 16px;
}

/*-------------------------------------------------------------------------------------------------------------*/
/*----------------------<<<<<  TREEVIEW  >>>>>-----------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/


/*----------------------< Form Treeview: Apply to TD >----------------------------------------------------------*/

.treeview-root 
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #454545;
	text-align: left;
	height: 20px;
	padding-left: 2px;
}

.treeview-child
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #454545;
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
	padding-top: 5px;
	padding-left: 2px;
	padding-bottom: 5px;
	width: 150px;
}

.treeview-leaf{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 2px;
	font-size: 10px;
	font-weight: normal;
	color: #454545;
	text-align: left;
	height: 20px;
	vertical-align: middle;
}

/*----------------------< Form Checkbox Label: Apply to TD >----------------------------------------------------------*/

.form-label-check {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	height: 20px;
	width: 150px;
	text-align:left;
	vertical-align: middle;
}

.form-label-check_readonly {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777777;
	height: 20px;
	width: 150px;
	text-align:left;
	vertical-align: middle;
}
/*----------------------< Form Checkbox Label: Apply to TD >----------------------------------------------------------*/

.form-label-nr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #454545;
	height: 20px;
	width: 20px;
	vertical-align: top;
	border-bottom: 1px dotted #CADBEF;
	padding-right: 10px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	text-align:right;
}
.form-label-total-nr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #454545;
	height: 20px;
	width: 20px;
	vertical-align: top;
	border-bottom: 1px dotted #CADBEF;
	padding-right: 10px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	text-align:right;
	font-weight:bold;
}
.form-label-nr_readonly {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777777;
	height: 20px;
	width: 20px;
	vertical-align: top;
	border-bottom: 1px dotted #CADBEF;
	padding-right: 10px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}
/*----------------------< Form Checkbox Label: Apply to TD >----------------------------------------------------------*/

.form-label-question {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #454545;
	padding-right: 10px;
	text-align:left;
	height: 15px;
	padding-top: 3px;
}

.form-label-question_readonly {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777777;
	text-align:left;
	padding-right: 10px;
	height: 15px;
	padding-top: 3px;
}

/*----------------------< Form Checkbox Data: Apply to TD >----------------------------------------------------------*/

.form-check {
	height: 20px;
	width: 20px;
	text-align:left;
	
}/*----------------------< Form Checkbox Grid: Apply to div >----------------------------------------------------------*/

.form-label-check-grid {

	border-right: #edf4fd thin solid; 
	border-top: #edf4fd thin solid; 
	overflow: auto;
    border-left: #edf4fd thin solid; 
    /*width: 100%; */
    border-bottom: #edf4fd thin solid;
	position: static; 
	height: 98px

}

/*-----------------------------------------------------------------------------------------------------------*/
/*----------------------<<<<<  FORM GRIDS  >>>>>-------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*----------------------< FormGrid Border: Apply to TABLE >--------------------------------------------------*/

.formgrid-border {
	border: 1px;
	border-style:solid;
	border-color: #c1d3e4;
	/*border-top: 1px;
	border-top-style:solid;
	border-top-color: #c1d3e4;
	border-left: 1px;
	border-left-style:solid;
	border-left-color: #c1d3e4;
	border-collapse:collapse;
	border-bottom:none;
	border-right:none;*/
	width: 487px;
}

/*----------------------< FormGrid Header: Apply to TD(s) >--------------------------------------------------*/

.formgrid-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	background-color: #EDF4FD;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C1D3E4;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C1D3E4;
	padding-top: 2px;
	padding-left: 6px;
	padding-right: 6px;
	height: 16px;
}

/*----------------------< FormGrid Row: Apply to TD(s) >-----------------------------------------------------*/

.formgrid-item td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #FBFDFF;
	text-align: left;
	vertical-align: top;
	padding-left: 6px;
	/*padding-top: 2px;
	padding-bottom: 2px;*/
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C1D3E4;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C1D3E4;*
	/*height: 16px;*/
}

.grid-item td {
      padding-left: 6px;
      vertical-align: middle;
      }

.grid-item-b td {
      padding-left: 6px;
      vertical-align: middle;
      }


/*-----------------------------------------------------------------------------------------------------------*/
/*----------------------<<<<<  GRIDS  >>>>>------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/


/*----------------------< Grid Border: Apply to TABLE >------------------------------------------------------*/

.grid-border {
	border: 1px solid #CBDCF0;
}

/*----------------------< Grid Header: Apply to TD(s) >------------------------------------------------------*/

.grid-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #EDF4FD;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBCCDD;
	padding-top: 2px;
	padding-left: 6px;
	height: 18px;
}

.grid-header-nr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #EDF4FD;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBCCDD;
	padding-top: 2px;
	padding-left: 6px;
	padding-right: 20px;
	height: 18px;
	text-align:right;
	
}
.grid-header th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CBDCF0;}

/*----------------------< Grid Action Header (icons/buttons): Apply to TD(s) >-------------------------------*/

.grid-header_action {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #EDF4FD;
	text-align: center;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBCCDD;
	height: 18px;
	width: 22px;
}

/*----------------------< Grid Row (1): Apply to TD(s) >-----------------------------------------------------*/

.grid-item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #FBFDFF;
	text-align: left;
	vertical-align: middle;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 18px;
}

.grid-item-b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #F3F8FF;
	text-align: left;
	vertical-align: middle;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 18px;
}

.grid-item-red{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CC0000;
	background-color: #FBFDFF;
	text-align: left;
	vertical-align: middle;
	height: 18px;
}

.grid-item-red td{
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 18px;
}

.grid-item-red-b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CC0000;
	background-color: #F3F8FF;
	text-align: left;
	vertical-align: middle;
	height: 18px;
}

.grid-item-red-b td {
	vertical-align: middle;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 18px;
}

.grid-item-selected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #FBF7E4;
	text-align: left;
	vertical-align: middle;
	vertical-align: top;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 18px;
}

/*----------------------< Grid Action Item (icons/buttons): Apply to TD(s) >---------------------------------*/

.grid-item_action {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #FBFDFF;
	text-align: left;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.grid-item-selected_action {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #FBF7E4;
	text-align: left;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.grid-item-selected_action td{
	padding-left: 6px;
	padding-right: 4px;
}

/*----------------------< Grid Row (2) diferent background: Apply to TD(s) >---------------------------------*/

.grid-item-nr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #FBFDFF;
	text-align: right;
	vertical-align: middle;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 20px;
	height: 18px;
}

.grid-item-nr-b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #F3F8FF;
	text-align: right;
	vertical-align: middle;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 20px;
}

/*----------------------< Grid Action Item (icons/buttons) diferent background: Apply to TD(s) >-------------*/
	
.grid-item-b_action {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #F3F8FF;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 4px;
	text-align: left;
}

/*----------------------< Grid Row in Red color (1): Apply to TD(s) >---------------------------------------*/


/*----------------------< Grid Row in Red color (2) different background: Apply to TD(s) >-----------------*/



.grid-item-nr-red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
	background-color: #FBFDFF;
	text-align: right;
	vertical-align: middle;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*----------------------< Grid Row in Red color (2) different background: Apply to TD(s) >-----------------*/

.grid-item-nr-red-b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
	background-color: #F3F8FF;
	text-align: right;
	vertical-align: middle;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*----------------------< Grid Row in Blue color (1): Apply to TD(s) >---------------------------------------*/

.grid-item-blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0166B4;
	background-color: #FBFDFF;
	text-align: left;
	vertical-align: middle;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*----------------------< Grid Row in Blue color (2) different background: Apply to TD(s) >-----------------*/

.grid-item-blue-b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0166B4;
	background-color: #F3F8FF;
	text-align: left;
	vertical-align: middle;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*----------------------< Grid Row to Checked Item (1): Apply to TD(s) >---------------------------------------*/

.grid-item-checked {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777777;
	background-color: #FBFDFF;
	text-align: left;
	vertical-align: middle;
	vertical-align: top;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*----------------------< Grid Row to Checked Item (2) different background: Apply to TD(s) >-----------------*/

.grid-item-checked-b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777777;
	background-color: #F3F8FF;
	text-align: left;
	vertical-align: middle;
	vertical-align: top;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*----------------------< Grid Row to colapse or expand buttom(1): Apply to TD(s) >---------------------------------------*/

.grid-item_colapse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #FBFDFF;
	text-align: left;
	vertical-align: middle;
	width:16px;
}
	
.grid-item_colapse-b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:#777777;
	background-color: #F3F8FF;
	text-align: left;
	vertical-align: middle;
	width:16px;
}
	
/*----------------------< Grid Row to colapse or expand buttom(1): Apply to TD(s) >---------------------------------------*/

.subgrid-item {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.subgrid-item-b {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	background-color: #F3F8FF;
}
/*----------------------< Grid Empty Data: Apply to TD(s) >------------------------------------------------*/

.grid-empty_data {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	color: #006A8D;
	background-color: #ffffff;
	vertical-align: top;
	padding-top: 2px;
	height: 16px;
	background-image: url(UI/images/img-alertgrid.gif);
	background-repeat: no-repeat;
	background-position: 6px 2px;	
}

.grid-empty_data td
{
	padding-left: 24px;
}

/*----------------------< Grid Footer: Apply to TD(s) >------------------------------------------------------*/

.grid-footer {
	background-color: #EDF4FD;
	border: 1px solid #CBDCF0;
	border-top: none;
	height: 18px;
}
/*----------------------< Grid Footer: Apply to TD(s) >------------------------------------------------------*/

.grid-footer-border {
	background-color: #EDF4FD;
	border: 1px solid #CBDCF0;
	height: 18px;
}
/*----------------------< Grid Footer Text: Apply to TD(s) >------------------------------------------------*/

.grid-footer_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-left: 6px;
	padding-bottom: 2px;
	padding-top: 2px;
}

/*----------------------< Grid Footer Text: Apply to TD(s) >------------------------------------------------*/

.grid-footer_pager  {
      background-color: #EDF4FD;
      border: 1px solid #CBDCF0;
      border-top: none;
      height: 18px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #90A6BD;
      text-align:right;
      padding-left: 4px;
      padding-right: 4px;
      padding-bottom: 2px;
      padding-top: 2px;
}


/*----------------------< Grid Footer Link: Automatic Apply >----------------------------------------------*/

.grid-footer_pager a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006A8D;
	text-decoration:none;
}

.grid-footer_pager a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006A8D;
	text-decoration: underline;
}

/*----------------------< Grid Footer Text: Apply to TD(s) >------------------------------------------------*/

.grid-footer_external {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align:left;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-top: 2px;
	height:18px;
}

/*----------------------< Grid Footer Total: Apply to TD(s) >------------------------------------------------*/

.grid-footer_total {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-align: right;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-top: 2px;
	padding-right:33px;
}
.grid-footer_total-fin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-align: right;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-top: 2px;
	padding-right: 45px;
}


/*----------------------< Grid Footer Text Total: Apply to TD(s) >------------------------------------------------*/

.grid-footer_title-total {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-align: right;
	vertical-align: top;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 558px;
}

/*----------------------<<<<<  ARRANGE ITEMS (GRID)  >>>>>----------------------------------------------*/

.grid-header-arrange {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: bold;
      color: #666666;
      background-color: #EDF4FD;
      vertical-align: top;
      padding-top: 2px;
      padding-left: 6px;
      /*height: 18px;*/
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #CBDCF0;
}


/*----------------------< Arrange Items: Apply to A(s) >------------------------------------------------*/

.grid-header-arrange a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #3A5570;
	text-decoration: none;
}

.grid-header-arrange a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #3A5570;
	text-decoration: underline;
}

/*----------------------< Arrange Items Down: Apply to A(s) >-------------------------------------------*/

.grid-header-arrange-down {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: bold;
      color: #666666;
      background-color: #EDF4FD;
      vertical-align: top;
      padding-top: 2px;
      padding-bottom: 3px;
      padding-left: 6px;
      /*height: 18px;*/
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #CBDCF0;
}

.grid-header-arrange-down a {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 9px;
      font-weight: bold;
      color: #3A5570;
      text-decoration: none;
      background-image:  url(Ui/images/img-arrow-down.gif);
      background-repeat: no-repeat;
      background-position: right 4px;
      padding-right: 14px;
}

a.grid-header-arrange-down :hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #3A5570;
	text-decoration: underline;
}

/*----------------------< Arrange Items Up: Apply to A(s) >-------------------------------------------*/
.grid-header-arrange-up {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: bold;
      color: #666666;
      background-color: #EDF4FD;
      vertical-align: top;
      padding-top: 2px;
      padding-left: 6px;
      /*height: 18px;*/
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #CBDCF0;
}

.grid-header-arrange-up a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #3A5570;
	text-decoration: none;
	background-image:  url(Ui/images/img-arrow-up.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
	padding-right: 14px;
}

.grid-header-arrange-up a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #3A5570;
	text-decoration: underline;
}

/*-----------------------------------------------------------------------------------------------------------*/
/*----------------------<<<<<  GRIDS WITH SCROLL  >>>>>------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/

/*----------------------< Grid Footer to scroll grid: Apply to TD(s) >---------------------------------------*/

.grid-scroll-footer {
	background-color: #EDF4FD;
	border: 1px solid #CBDCF0;
	height: 18px;
}
/*----------------------< Grid Border: Apply to TABLE >------------------------------------------------------*/

.grid-scroll-border {
	border: 1px solid #CBDCF0;
	border-bottom: none;
	border-top: none;	
}

.grid-scroll-border-top {
	border: 1px solid #CBDCF0;
	border-bottom: none;
}

.div.tableContainer {
	width: 100%;
	height: 295px;
	overflow: auto;	margin: 0 auto;	}
	
.table {
	border: none;
	}	table>
	
.tbody { 
	overflow: auto;
	height: 250px;	
	overflow-x: hidden;	
	}	
	
/*----------------------<<<<<  ADD ITEMS (GRID)  >>>>>-------------------------------------------------------*/


/*----------------------< To control size/border/color/etc: Apply to TABLE >---------------------------------*/

.grid-addItem_container {
}

/*----------------------< Image container: Apply to TD >-----------------------------------------------------*/

.grid-addItem_image {
	width:16px;
}

.grid-addItem_image img {
      width:16px;
      vertical-align: bottom;
}

/*----------------------< Text (link) container: Apply to TD >-----------------------------------------------*/

.grid-addItem_text {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #006A8D;
	text-align:right;
	white-space:nowrap;
	padding-right: 4px;
	width: 200px;
}

/*----------------------< Link style: Automatic Apply >------------------------------------------------------*/

.grid-addItem_text a {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #006A8D;
	text-decoration:none;
}

.grid-addItem_text a:hover {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #006A8D;
	text-decoration:underline;
}


/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------<<<<<  POP UP   >>>>>---------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/

/*----------------------< Pop up Text: Apply to TD >-------------------------------------------------------*/

.popup-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-align: left;
	vertical-align: top;
	padding-left: 35px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
}

.popup-text-icon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-align: left;
	vertical-align: top;
	padding-left: 35px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	background-image:url(Ui/images/img-alert.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
}

.popup-info-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #627A9C;
	text-align: left;
	vertical-align: top;
	padding-left: 35px;
	padding-top: 2px;
	padding-right: 35px;
	padding-bottom: 2px;
}

.popup-info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-align: left;
	vertical-align: top;
	padding-left: 35px;
	padding-top: 2px;
	padding-right: 35px;
	padding-bottom: 2px;
}
/*-----------------------------------------------------------------------------------------------------------*/
/*----------------------<<<<<  PRINT PREVIEW  >>>>>----------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/

/*----------------------< Preview Title: Apply to TD >-------------------------------------------------------*/

.preview-title {
	font-family: Verdana, Arial;
	color: #2363D9;
	font-size: 11px;
	font-weight: bold;
	vertical-align: bottom;
	background-image: url(Ui/images/title-arrow.gif);
	background-repeat: no-repeat;
	background-position: 6px 5px;
	padding-left: 18px;
	padding-bottom: 4px;
	height: 20px;
}

/*----------------------< Preview Subtitle: Apply to TD >----------------------------------------------------*/

.preview-subtitle {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	padding-left: 11px;
	padding-bottom: 4px;
	vertical-align:bottom;
}

/*----------------------< Preview Footer ("Acept/Cancel") buttons container): Apply to TD >-------------------*/

.preview-footer {
	background-color: #CBDCF0;
	text-align:right;
	vertical-align:top;
	padding-right:10px;
	padding-top:2px;
	height: 20px;
}

/*----------------------< Preview Form Container: Apply to TD >----------------------------------------------*/

.preview-space_forms {
	vertical-align: top;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
}

.preview-space_forms-questions {
	vertical-align: top;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
}
/*----------------------< Preview Form Border: Apply to TABLE >----------------------------------------------*/

.preview-form_border {
	border: 1px solid #cccccc;
	border-bottom: none;
}

/*----------------------< Form Data (when content is a inputs/select/textarea/etc): Apply to TD >------------*/

.preview-form-data {
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom:1px;
	vertical-align: top;
	border-bottom:  1px solid #cccccc;
}
/*----------------------< Preview Form Data (when content is a text): Apply to TD >--------------------------*/

.preview-form-data_text {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-align: left;
	/*height: 22px;*/
	padding-left: 2px;
	padding-top: 5px;
	vertical-align: top;
	border-bottom:  1px solid #cccccc;
	/*width: 150px;*/
}

/*----------------------< Preview Form Label: Apply to TD >----------------------------------------------------------*/

.preview-form-label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #454545;
	text-align: right;
	vertical-align: top;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #fafafa;
	/*height: 22px;*/
	padding-right: 2px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	width: 150px;
}

/*----------------------< Preview Grid Border: Apply to TABLE >------------------------------------------------------*/

.preview-grid-border {
	border: 1px solid #cccccc;
	border-bottom:none;
}

/*----------------------< Preview Grid Header: Apply to TD(s) >--------------------------------------------*/

.preview-grid-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #fafafa;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	padding-top: 2px;
	padding-left: 6px;
	/*height: 18px;*/
}
.preview-grid-header-nr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #fafafa;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBCCDD;
	padding-top: 2px;
	padding-left: 6px;
	padding-right: 20px;
	/*height: 18px;*/
	text-align:right;
	
}

/*----------------------< Preview Grid Row (1): Apply to TD(s) >-----------------------------------------------------*/

.preview-grid-item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	/*height: 20px;*/
}

.preview-grid-item-red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CC0000;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	/*height: 20px;*/
}

.preview-grid-item-nr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #FBFDFF;
	text-align: right;
	vertical-align: top;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	/*height: 20px;*/
}

/*----------------------< Preview Grid Action Item (icons/buttons): Apply to TD(s) >---------------------------------*/

.preview-grid-item_action {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #FBFDFF;
	text-align: left;
	vertical-align: top;
	padding-left: 2px;
	padding-right: 4px;
	padding-top: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	/*height: 20px;*/
	width: 22px;
	
}
/*----------------------< Preview Grid Row without border(1): Apply to TD(s) >-----------------------------------------------------*/

.preview-grid-item-no-border {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #FBFDFF;
	text-align: left;
	vertical-align: top;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 20px;
}
/*----------------------< Preview Grid Action Item without border(icons/buttons): Apply to TD(s) >---------------------------------*/

.preview-grid-item_action-no-border {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #FBFDFF;
	text-align: left;
	vertical-align: top;
	padding-left: 2px;
	padding-right: 4px;
	padding-top: 4px;
	/*height: 20px;*/
	width: 22px;
	
}
/*----------------------< Preview Grid Footer: Apply to TD(s) >------------------------------------------------------*/

.preview-grid-footer {
	background-color: #fafafa;
	border: 1px solid #cccccc;
	border-top: none;
	height: 18px;
}
/*----------------------< Preview Grid Footer: Apply to TD(s) >------------------------------------------------------*/

.preview-grid-footer-border {
	background-color: #fafafa;
	border: 1px solid #cccccc;
	height: 18px;
}

/*----------------------< Preview FormGrid Border: Apply to TABLE >--------------------------------------------------*/

.preview-formgrid-border {
	border: 1px solid #cccccc;
	border-collapse:collapse;
	width: 90%;
}

/*----------------------< Preview FormGrid Header: Apply to TD(s) >--------------------------------------------------*/

.preview-formgrid-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #454545;
	background-color: #fafafa;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
	padding-top: 2px;
	padding-left: 6px;
	padding-right: 6px;
	height: 16px;
}

/*----------------------< FormGrid Row: Apply to TD(s) >-----------------------------------------------------*/

.preview-formgrid-item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #454545;
	background-color: #ffffff;
	text-align: left;
	vertical-align: top;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
	height: 16px;
}
/*-----------------------------------------------------------------------------------------------------------*/
/*----------------------<<<<<  PAGE ERROR & PAGE ALERT  >>>>>------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/

/*----------------------< Title to Error Page: Apply to TD >-------------------------------------------------*/
.error-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	background-image:  url(Ui/images/img-page-error.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px;
	vertical-align: top;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 10px;
	font-weight:bold;
}

/*----------------------< Title to Alert Page: Apply to TD >-------------------------------------------------*/

.alert-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	background-image:url(Ui/images/img-alert.gif);
	background-repeat: no-repeat;
	background-position: -4px 4px;
	vertical-align: top;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 10px;
	font-weight:bold;

}

/*----------------------< Text to Erro and Alert Page: Apply to TD >----------------------------------------*/

.error-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	vertical-align: top;
	padding-top: 8px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 10px;
}




/*-----------------------------------------------------------------------------------------------------------*/
/*----------------------<<<<<  MESSAGES  >>>>>---------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/


/*----------------------< Error Message: Apply to TD >-------------------------------------------------------*/

.message-error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	background-image:  url(Ui/images/img-error.gif);
	background-repeat: no-repeat;
	background-position: 13px;
	vertical-align: top;
}

span.message-error  {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 32px;
	padding-right: 10px;
}

/*----*/

.validator-image {
	position: absolute;
	z-index:1; 
	top: auto; 
	left: auto;
	}

.validator-image_container {
      vertical-align:top;
      padding-top: 2px;
}

	
/*-------------------------------------------------------------------------------*/
/*----------------------< Ajax - Inicio Modal Popup >-----------------------------------*/


.modalBackground {
	background-color: Gray;
	filter:alpha(opacity=50);
	opacity:0.5;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

.modalPopup {
      background-color:white;
      border-width:1px;
      border-style:solid;
      border-color:#CBDCF0;
      padding-left:10px;
      padding-right:10px;
      padding-top:10px;
      padding-bottom:7px;
      width:300px;
      /*height:175px;*/
}

.modal-form-border 
{
	background-color:#ffffff;
	border-top: 1px solid #CBDCF0;
	border-right: 1px solid #CBDCF0;
	border-left: 1px solid #CBDCF0;
	padding-top:16px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyliC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}
/*----------------------< Ajax - Fin Modal Popup >--------------------------------------*/
/*-------------------------------------------------------------------------------*/

.grid-header-overflow p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #EDF4FD;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBCCDD;
	padding-top: 2px;
	padding-left: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 105px;
	height: 18px;
}


.grid-item-overflow p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #FBFDFF;
	text-align: left;
	vertical-align: top;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 105px;
	height: 18px;
}


.grid-item-b-overflow p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #F3F8FF;
	text-align: left;
	vertical-align: top;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 105px;
	height: 18px;
}

.grid-item-field-long {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #FBFDFF;
	text-align: left;
	vertical-align: top;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
}

.grid-item-field-long-b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #F3F8FF;
	text-align: left;
	vertical-align: top;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
}


/*----------------------< Ajax - Calendar >-----------------------------------*/

.ajax__calendar_container 
{
	 z-index: 2;
}