/************
 *   link   *
 ***********/

A          {color : #2080D0; text-decoration : none; }
A:Visited  {color : #555555; text-decoration : none; }
A:Active   {color : #000000; text-decoration : none; }
A:Hover    {color : #4D4D4D; text-decoration : none; }

/*************
 *   body    *
 ************/

BODY 	{
  	color      : #FFFFFF;
	background-color      : white;
	margin-left           : 8;
	margin-top            : 8;
}
/***********************************************
 * color of the thin line surrounding the POPUP*
 **********************************************/ 
TABLE.POPUP {
		background-color : #000000;
		width: 600px;
}
/**************************************
 * background color of the POPUP title *
 *************************************/
TH.POPUP {
		color      : #FFFFFF;
		background-color : #274465;
		font-weight: bold;
		font-size: 11px;
}
/********************************
 * background color of the POPUP*
 *******************************/
TD.POPUP {
		/*background-color : #336699 ;*/
		background-color : #ECE9D8 ;
		color: black;
}

/*********************************
* POPUPs DE ERRORES!             *
*********************************/
TABLE.POPUPerror {
		background-color : #000000;
		width: 400px;
		border: 2px solid #FFFFE0;
}

TH.POPUPerror {
		color      : #000000;
		background: url(/dealer/images/bgPopUpError_th.gif) repeat-x;
		background-color : #FF0000;
		font-weight: bold;
		font-size: 16px;
		text-align: left;
		padding-left: 10px;
		height:20px;
		
}
TD.POPUPerror {
		background-color : #ECE9D8 ;
		color: #303030;
		font-family: Verdana;
		font-size: 11px;
		padding: 20px 20px 20px 20px;
}

TD.POPUPerror li{
    list-style-image: url(/dealer/images/listErrorArrow.gif);
}


.POPUPbtn_close{
	height:20px;
	padding-left: 5px;
	padding-right: 5px;
	text-align:center;
	font-weight:normal;
	font-size:11px;
	border: #CFCFCF 1px outset;
	font-family:Verdana;
	background-color:#CFCFCF;
	color:#123456;	
}

.POPUPbtn_closeOver{
	height:20px;
	padding-left: 5px;
	padding-right: 5px;
	text-align:center;
	font-weight:normal;
	font-size:11px;
	border: #CFCFCF 1px outset;
	font-family:Verdana;
	background-color:#EDEDED;
	color:#123456;
}

/*****************************************************************************************/
.MESSAGE {
     font-size: 12px;
     font-family: arial;
     color: black;
	 text-align: left;
	 font:normal;
}
.FIELD {
     font-size: 10px;
     font-family: arial;
     color: black;
	 text-align: left;
	 font:normal;

}

.FIELDULTDATO {
     font-size: 10px;
     font-family: arial;
     color: white;
	 text-align: left;
	 font:normal;
	 

}

.FIELDINVALID {
     font-size: 10px;
     font-family: arial;
     color: red;
	 text-align: left;
	 font:normal;

}

SPAN.FIELD {
     font-size: 10px;
     font-family: arial;
     color: black;
	 text-align: right;
      
}

.FIELDREQ {
	font-size: 10px;
    font-family: arial;
    color: black;
    text-align: left;
    font:normal;
	
}
SPAN.FIELDREQ
{
     font-size: 10px;
     font-family: arial;
     color: black;
	 text-align: right;
	 font: bold;
}
.COLLECTION
{
     font-size: 10px;
     font-family: verdana;
     color: #303030;
     background : #F7F7F7;
}

.COLLECTION TH 
{ 
	background-color: #ECE9D8;
	font-weight: normal;
	color: #0000FF;
	font-family : verdana;
	font-size: 10px;
	border-left:1px solid #E8E8E8;
	valign: middle;
}

.COLLECTION TR TD
{ 
	background-color: #F7F7F7;
	color: black;
	font-weight: normal;
	font-family : arial;
	font-size: 10px;
	
	
	border-left :1px solid #E8E8E8;
}

.COLLECTION TH TABLE TR TD{
	background-color: #ECE9D8;
	font-weight: normal;
	color: #0000FF;
	font-family : verdana;
	font-size: 10px;
	valign: middle;
	border:none;
	}

SPAN.FIELDLIST
{
	background-color: black;
}
.FIELDLIST
{
	background-color: black;
}

TD.FIELDLIST
{
	color: black;
}

.ERROR {
     background-color: #FFC0C0;
}

.TABSEC {
     background-color: #ECE9D8;
     width: 100%;
}

/******************************
 *    class used to display   *
 *    the input field labels  *
 *****************************/ 
 
P.LABEL {
     	 color : #FFFFFF;
  	     font-weight : bold;
   		
}
TH.LABEL {
		text-align:right;
}


H3 {
	color : #FFFFFF;	
}

/*******************************************
 * class for the title of the subscription *
 ******************************************/
P.SUBSCRIPTION {
		  color : #FFFFFF;
		  font-family: arial;
		  font-weight : bold;
		  text-align : center;
		  font-size : 10px;
}
/********************************************************
 * color of the thin line surrounding the subscriptions *
 *******************************************************/
TABLE.SUBSCRIPTION {
		background-color : #000000;
}
/*************************
 * class for the headers *
 ************************/
TH.SUBSCRIPTION {
		color      : #FFFFFF;
		background-color : #274465;
		font-weight: bold;			
}
/*******************************
 * class for the subscriptions *
 ******************************/
TD.SUBSCRIPTION {
		color      : #FFFFFF;
		background-color : #336699;
}


P.SUBS {
		  color : #FFFFFF;
		  font-family: arial;
		  font-weight : bold;
		  text-align : center;
		  font-size : 16px;
}

TABLE.SUBS {		
		background-color : #274465;
		border-collapse: collapse;	
}
TABLE.subs2 {
		background-color : #000000;
}



TH.SUBS {
		color      : #FFFFFF;
		background-color : #274465;
		font-weight: bold;			
		text-align : left;
		font-size : 16px;
		font-family: arial;
}

TR.SUBS {
		background-color : #3366A3;
}


TD.SUBS {
		color      : #FFFFFF;
		background-color : #3366A3;
}



/*******************************
 *  background color to use to *
 *  display the errors         *
 ******************************/
TD.ERROR {
	    font-size: 0px;
		background-color : #ED4F50;
		color: #ED4F50;
}
/*
TD.ERROR .FIELD {
	background-color : #FF8000;
	font-size: 11px;
    font-family: arial;
    color: black;
	text-align: left;
	font: normal;
	}*/

/***********************************************
 * color of the thin line surrounding the session *
 **********************************************/
TABLE.SESSION {		
		background-color : #336699;
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		height: 35px;
}
/**************************************
 * background color of the session title *
 *************************************/
TH.SESSION {
		color      : #FAFEFF;
		background-color : #992200;
		background: 2px url("/dealer/images/barraForm.jpg")  repeat-x;
		font-weight: bold;
		font-size: 15px;
		text-align: left;
}
/********************************
 * background color of the session *
 *******************************/
TD.SESSION {
		background-color :  #336699;

}

/***********************************************
 * color of the thin line surrounding the toolbar*
 **********************************************/
DIV.TOOLBAR
{		
		background-color : #ECE9D8;
		position: absolute;
		left: 0px;

		width: 100%;
		height: 18px;
}

TABLE.TOOLBAR 
{		
		background-color : #ECE9D8;
		width: 100%;
		height: 18px;
}

/**************************************
 * background color of the toolbar title *
 *************************************/
TH.TOOLBAR {
		color      : black;
		background-color : #ECE9D8;
		font-weight: normal;
		font-size: 12px;		
}
/********************************
 * background color of the toolbar *
 *******************************/
TD.TOOLBAR {
		background-color :  #ECE9D8;
		font-size: 22px;		
}

/***********************************************
 * color of the thin line surrounding the form *
 **********************************************/ 
TABLE.FORM {
		background-color : #000000;
}
/**************************************
 * background color of the form title *
 *************************************/
TH.FORM {
		color      : #FFFFFF;
		background-color : #274465;
		font-weight: bold;
		font-size: 12px;
}
/********************************
 * background color of the form *
 *******************************/
TD.FORM {
		/*background-color : #336699 ;*/
		background-color : #ECE9D8 ;
}


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

 **********************************************/
 
.FORMDIRMON {
		background-color : #9FBCF8;
		border: none;
		vertical-align: middle;
}

/**************************************
 * background color of the form title *
 *************************************/
TH.FORMDIRMON {
		color      : #FFFFFF;
		background-color : #9FBCF8;
		font-weight: bold;
		font-size: 12px;		
		text-align: left;
		border-bottom: inherit;
}
/********************************
 * background color of the form *
 *******************************/
TD.FORMDIRMON {
		background-color : #9FBCF8;
		vertical-align: middle;	
}

TR.FORMDIRMON {
		background-color : #9FBCF8;
		border: none;
}

/***********************************************
 * color of the thin line surrounding the form *
 **********************************************/

.divPrincipalBack
{
	width: 100%;
	height:735px;
	background: #DFDFDF right url("/dealer/images/bgPage_right.gif") repeat-y;
}
.divPrincipal
{   border-top:2px solid #CDB665;
	width: 100%;
	height: 733px;
	background: transparent left url("/dealer/images/bgPage_left.gif") repeat-y;

}
 
TABLE.ContenedorForm {
		background: #ECE9D8;
		width: 100%;
		border: 1px outset white;
		height: 100%;
		margin: 0px;
		padding: 0px;
}
/**************************************
 * background color of the form title *
 *************************************/
TH.ContenedorForm {
		color      : #F3F3F3;
		text-align: center;
		padding-left: 15px;
		background: url("/dealer/images/barraWindow.gif")  repeat-x;
		height: 28px;
		width: 100%;
		font-weight: bold;
		font-size: 12px;
}

/********************************
 * background color of the form *
 *******************************/
TD.ContenedorForm {
		background-color : #ECE9D8 ;
		width: 100%;
		border: 0px solid;
}

/*
 * Style for the fixed header collection example.
 */
TABLE.COL {
	cell-spacing: 2px;
	background-color : #000000;
}

TH.COL {
	color      : #FFFFFF;
	background-color : #274465;
	font-weight: bold;
	padding : 2px;
}

TD.COL {
	background-color :  #336699;
}

TD.PAGER {
	background-color: #ECE9D8;
	font-weight: bold;	
	color: #000000;		
	text-align : center;
	font-size : 13px;
	font-family: Arial;	
}

.ongletMain {
	BORDER-RIGHT: #555555 2px solid; 
	BORDER-TOP: medium none; 
	BORDER-LEFT: #AAAAAA 1px solid; 
	BORDER-BOTTOM: #555555 2px solid; 	
	padding-bottom: 0px;
	margin: 0px;
}

.clsAction {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: #053c6d;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.ongletTextEna {
	BORDER-RIGHT: #555555 2px solid; 
	BORDER-TOP: #AAAAAA 1px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	BORDER-LEFT: #AAAAAA 1px solid; 
	COLOR: black; 
	BORDER-BOTTOM: medium none; 
	FONT-FAMILY: verdana; 
	BACKGROUND-COLOR: #ECE9D8; 
	TEXT-ALIGN: center;
}

.ongletTextDis {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: #9F9F9F; 
	BORDER-BOTTOM: #AAAAAA 1px solid; 
	FONT-FAMILY: verdana; 
	BACKGROUND-COLOR: #F1EEE2; 
	TEXT-ALIGN: center;
	CURSOR: pointer;
}

.ongletTextErr {
	BORDER-RIGHT: #c5c5c5 1px solid; 
	BORDER-TOP: #c5c5c5 1px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	BORDER-LEFT: #c5c5c5 1px solid; 
	COLOR: #FFFFFF; 
	BORDER-BOTTOM: #AAAAAA 1px solid; 
	FONT-FAMILY: verdana; 
	BACKGROUND-COLOR: #ED4F50;
	TEXT-ALIGN: center;
}

.ongletMiddle {
	BORDER-RIGHT: #555555 2px solid; 
	BORDER-TOP: medium none; 
	FONT-SIZE: 1px; 
	BORDER-LEFT: #AAAAAA 1px solid; 
	BORDER-BOTTOM: medium none; 
	BACKGROUND-COLOR: #ECE9D8;
}

.ongletSpace {
	BORDER-BOTTOM: #AAAAAA 1px solid;
	height: 100%;
}
/**
*Tabs Internos (como boton)
**/

.TabContainerOut .ongletMain{ 
	border: none; 
	padding-bottom: 0px;
	margin: 0px;
	
}

.TabContainerOut .ongletMiddle {
	border:none; 
	FONT-SIZE: 1px; 
	height:6px; 
	background:url(/dealer/images/bgButtonBarInterna.gif) repeat-x;
}

.TabContainerOut .ongletSpace {
	border: none;
	height: 20px;
	
}

.TabContainerOut .ongletTextEna {
	BORDER: #DFDFDF 1px inset; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: #414141;  
	FONT-FAMILY: verdana; 
	BACKGROUND-COLOR: #ECE9D8; 
	TEXT-ALIGN: center;
}

.TabContainerOut .ongletTextDis {
	BORDER: #DFDFDF 1px outset;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: black; 
	FONT-FAMILY: verdana; 
	BACKGROUND-COLOR: #F1EEE2; 
	TEXT-ALIGN: center;
}

.TabContainerOut .ongletTextErr {
	BORDER: #DFDFDF 1px solid;  
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: #FFFFFF;  
	FONT-FAMILY: verdana; 
	BACKGROUND-COLOR: #ED4F50;
	TEXT-ALIGN: center;
}

/**
 * Calendar classes
 */
#slcalcod
{
	border: #828282 outset 2px; 
	z-index: 100;
}	 

TD.CALENDRIER {
	background-color: #AFAFAF; 
	font-weight: bold; 
	text-align: center; 
	font-size: 10px;
	color: black;
}

A.CALENDRIER {
	text-decoration: none; 
	color: #000000;
}

.CALENDARBORDER {
	background-color: #C3C3C3;
}

.CALENDARTITLE { 
	background: #8E8E8E url(/dealer/config/imagesBykom/calendarTitleBg.gif) repeat-x;
	height:25px;
}
.CALENDARTITLE select{
	background-color:#AFAFAF;
	font-family: arial;
	font-size: 9px;
	color: #202020;
	border: 1px solid #C3C3C3;
}	

.CALENDARWEEK {
	background-color: #ECE9D8;
	font-family:Verdana;
	font-size:10px;
	color: #414141;
	border: 1px outset #E9E6D5;
}

.CALENDARWEEKEND {
	background-color: #BBCCBC;
	font-family:Verdana;
	font-size:10px;
	color: #414141;
	border: 1px outset #E9E6D5;
}

.CALENDARSELECTED {
	background-color: #DCDCDC;
	font-family:Verdana;
	font-size:10px;
	color: #FFFFFF;
	border: 1px inset #E9E6D5;
}

/************************************
 *         Datagrid styles          *
 ************************************/

TABLE.DATAGRID {
	background-color : transparent;
	border:1px;
	width:100%;	
}

TH.DATAGRID {	
		color:#0000FF;
		background-color : #ECE9D8;
		font-weight: normal;
		font-family : verdana;
		font-size: 10px;
        border:1px;  
		border-color: black;
}

TABLE.DATAGRID TR TD {	
	font-family : verdana;
	font-style: normal;
	padding-left: 2px;
	padding-right: 2px;
}

TABLE.DATAGRID TH {
        border:1px;  
		border-color: black;
}

TR.DATAGRID {		
	background-color : white;
	color: black;
	font-size: 10px;
	font: courier new;
	width: auto;
}

TR.DATAGRID2 {		
	background-color : #EBEBEB;
	color: black;
	font-size: 10px;
	font: courier new;
	width: auto;	                   
}

.DATAGRID_SEL {
	/*background-color : #dce8f4;*/
	background-color : #88C8F4;
	color: black;
	font-size: 10px;
	font: courier new;
}

.DATAGRID_DEL {
	background-color : #FFC080;
	text-decoration: black;
	color:#ECE9D8;
	font-size: 10px;
	font: courier new;
}

TR.DATAGRID_DEL TD INPUT, TR.DATAGRID_DEL TD SELECT {
	 font-size: 10px;
     font-family: arial;
     color: black;
	 text-align: left;
	 font:normal;
	 text-decoration: line-through;
}

TABLE.DATAGRID TR TD INPUT, TABLE.DATAGRID TR TD SELECT {
	 font-size: 10px;
     font-family: arial;
     color: black;
	 text-align: left;
	 font:normal;	
     width:100%;
}





/*/------------------------------------------------------------------\*/
/*|                                                                  |*/
/*|                      SUGGEST                    				 |*/
/*|                                                                  |*/
/*\------------------------------------------------------------------/*/



div.suggestionList {
	z-index:500;
	position:absolute;
	width:150px; 
	border:1px solid #333333; 
	background-color:#ffffff; 
	font-family:Tahoma; 
	font-size:11px; 
	cursor:default; 
	visibility:hidden;
}
div.suggestionList_element_off {
	width: 148px;
	background: #ffffff;
	color: #333333;
	padding-left: 2px;
}
div.suggestionList_element_on {
	width: 148px;
	background: #6D99C6;
	color: #ffffff;
	padding-left: 2px;
}



TABLE.FORMLOGIN {
		background-color : #FFFFFF;
		border: 3px;
		border-style: ridge;
}
/**************************************
 * background color of the form title *
 *************************************/
TH.FORMLOGIN {
		color      : #000000;

		font-weight: bold;
		font-size: 12px;

		background: 2px #E1e1e1;
		background-repeat: repeat-x;
		
}
/********************************
 * background color of the form *
 *******************************/
TD.FORMLOGIN 
{
		background-color :  #F7F7F7;
}
span.CAMPOLOGIN {
		color      : #000000;
		background-color: #F7F7F7;
		font: 12px; courier-new;
}

th.CAMPOLOGIN {
		background-color :  #F7F7F7;
}

.MENU {
	background-color: #E7E8F1;
}


/***********************************************
 **********************************************/
 
.FORMHEADER {
		background-color : #dce8f4;
		border: none;
		vertical-align: middle;
}

/**************************************
 * background color of the form title *
 *************************************/
TH.FORMHEADER {
		color      : #FFFFFF;
		background-color : #dce8f4;
		font-weight: bold;
		font-size: 12px;		
		text-align: left;
		border-bottom: inherit;
}
/********************************
 * background color of the form *
 *******************************/
TD.FORMHEADER {
		background-color : #dce8f4;
		vertical-align: middle;	
}

TR.FORMHEADER {
		background-color : #dce8f4;
		border: none;
}
/***********************************************
 **********************************************/
 
.btnView{

		background: no-repeat url("/dealer/config/edit.gif"); 
		width: 25px;
		border: 0px;
		cursor: pointer;
}
.btnMoveUp{

		background: no-repeat url("/dealer/config/imagesBykom/up.png"); 
		width: 25px;
		border: 0px;
		cursor: pointer;
}

.btnFilterNotas{

		background: no-repeat url("/dealer/config/imagesBykom/filter.png"); 
		width: 25px;
		border: 1px;
		cursor: pointer;		

}
.btnNoFilterNotas{

		background: no-repeat url("/dealer/config/imagesBykom/filter_cancel.png"); 
		width: 25px;
		border: 1px;
		cursor: pointer;		

}


.btnMoveDown{

		background: no-repeat url("/dealer/config/imagesBykom/down.png"); 
		width: 25px;
		border: 0px;
		cursor: pointer;
}
.btnAddOne{

		background: no-repeat url("/dealer/config/imagesBykom/add_one.png"); 
		width: 25px;
		border: 1px;
		cursor: pointer;		

}
.btnRemoveOne{

		background: no-repeat url("/dealer/config/imagesBykom/remove_one.png"); 
		width: 25px;
		border: 1px;
		cursor: pointer;
}
.btnAddAll{

		background: no-repeat url("/dealer/config/edit.gif"); 
		width: 25px;
		border: 1px;
		cursor: pointer;
}
.btnRemoveAll{

		background: no-repeat url("/dealer/config/edit.gif"); 
		width: 25px;
		border: 1px;
		cursor: pointer;
}


.btnAceptar
{
		background:  no-repeat url("/dealer/config/imagesBykom/ok_sm.png");
		background-color: transparent;
		cursor: pointer;
		border: 0px;
		padding-left: 10px;
}
.btnAceptarOver
{
		background:  no-repeat url("/dealer/config/imagesBykom/ok_sm.png");
        background-color: transparent;
		cursor: pointer;
		border: solid 1px;
		border-color: gray;
		padding-left: 10px;
}

.btnGrabar
{
		background:  no-repeat url("/dealer/config/imagesBykom/ie_save.png");
		background-color: transparent;
		cursor: pointer;
		border: 0px;
		padding-left: 10px;
}
.btnGrabarOver
{
		background:  no-repeat url("/dealer/config/imagesBykom/ie_save.png");
        background-color: transparent;
		cursor: pointer;
		border: solid 1px;
		border-color: gray;
		padding-left: 10px;
}
.btnCancelar{

		background: no-repeat url("/dealer/config/imagesBykom/cancel_sm.png");
		background-color: transparent;
		cursor: pointer;
		border: 0px;
		padding-left: 10px;
}
.btnCancelarOver
{
		background: no-repeat url("/dealer/config/imagesBykom/cancel_sm.png");  layer-background-color: #ECE9D8;
        background-color: transparent;
		cursor: pointer;
		border: solid 1px;
		border-color: gray;
		padding-left: 10px;
		
}
.btnBuscar{

		background: no-repeat url("/dealer/config/imagesBykom/find.png");
		background-color: transparent;
		cursor: pointer;
		border: 0px;
		padding-left: 10px;
		
}
.btnBuscarOver
{
		background: no-repeat url("/dealer/config/imagesBykom/find.png");
        background-color: transparent;
		cursor: pointer;
		border: solid 1px;
		border-color: gray;
		padding-left: 10px;
}

.aa
{
	background-color: #ECE9D8;
} 


/**************************************
 * Grilla Reporte *
 *************************************/
.GREPORT
{
     font-size: 13px;
     font-family: arial;
     color: black;
     border: 0;
     
     
}
.GREPORT TH 
{ 
	background-color: #ECE9D8;
	color: black;
	font-weight: bold;
	font-family : arial;
	font-size: 11px;
	border: 0;
	width: 100%;
}


.GREPORT TR TD 
{ 
	background-color: white;
	color: black;
	font-weight: normal;
	font-family : verdana;
	font-size: 12px;
	border: 0;
}



.GREPORTSERVICE
{
     font-size: 13px;
     font-family: arial;
     color: black;
     border: 0;
     
     
}
.GREPORTSERVICE TH 
{ 
	background-color: #ECE9D8;
	color: black;
	font-weight: bold;
	font-family : arial;
	font-size: 11px;
	border: 0;
	width: 100%;

}


.GREPORTSERVICE TR TD 
{ 
	background-color: white;
	color: black;
	font-weight: normal;
	font-family : verdana;
	font-size: 10px;
	border: 0;
}
.wi1{width: 450px;}
.wi2{width: 230px;}
.wi3{width: 630px;}
.wi180{width: 180px;}
.wi440{width: 440px;}
.wi470{width: 470px;}
.wi610{width: 610px;}
.wi640{width: 640px;}
.wi700{width: 700px;}
.wi100p{width: 100%;}

a.ongletTextDis {
	text-decoration: none;
	border-bottom: 0px;
}