/* CSS Document */

.cursorHand 
{
	cursor:pointer;
}
.handleImage
{
	width:15px;
	height:16px;
	background-image:url(_img/HandleHand.png);
	/*overflow:hidden;*/
	cursor:se-resize;
}
.handleImage2
{
	width:15px;
	height:16px;
	background-image:url(_img/HandleHand.png);
	/*overflow:hidden;*/
	cursor:hand;
}
.resizingImage
{
	padding:0px;
	border-style:solid;
	border-width:2px;
	border-color:#75a6e9;
}
#tabsPautas .flechaTabNoSeleccionado, #tabsPautas .flechaTabNoSeleccionado a, #tabsPautas .flechaTabNoSeleccionado a:hover, #tabsPautas .flechaTabNoSeleccionado a:visited
{	
	height:24px;
	padding:6px 8px 8px 8px;
	vertical-align:top;
	background-color:Gray;		
	color:#ffffff;	
	text-decoration:none;
}

#tabsPautas .flechaTabSeleccionado, #tabsPautas .flechaTabSeleccionado a , #tabsPautas .flechaTabSeleccionado a:hover, #tabsPautas .flechaTabSeleccionado a:visited
{	
	padding:6px 8px 8px  8px;
	height:24px;	
	vertical-align:top;
	background-color:Silver;	
	color:#ffffff;		
	text-decoration:none;
}	

#tabsPautas .tabSeleccionado, #tabsPautas .tabSeleccionado a , #tabsPautas .tabSeleccionado a:hover, #tabsPautas .tabSeleccionado a:visited
{
	height:24px;
	padding:5px 5px 5px 5px;
	vertical-align:top;
	background-color:Silver;	
	color:#ffffff;	
	font-weight:bold;
	text-decoration:none;
}
#tabsNoticia .tabSeleccionado, #tabsNoticia .tabSeleccionado a , #tabsNoticia .tabSeleccionado a:hover, #tabsNoticia .tabSeleccionado a:visited
{
	height:22px;
	padding:0px 0px 0px 0px;
	vertical-align:bottom;
	background-color:Silver;	
	color:#ffffff;	
	font-weight:bold;
	text-decoration:none;
}
#tabsNoticia .tabSeleccionado a:hover
{	
	color:Fuchsia;
}
#tabsPautas .tabSeleccionado a:hover
{	
	color:Fuchsia;
}
#tabsPautas .tabVolver
{	
	height:20px;
	padding:5px 5px 5px 5px;
	vertical-align:top;
	background-color:#75a6e9;			
	color:#ffffff;	
	font-weight:normal;
	text-decoration:none;
}


#divPauta 
{
	float:left;
	width:760;
	border-width: 1px;	
	border-style: solid;
	border-color:Gray;
	margin-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	height:400px;
}

#divCalendar
{
	clear:both;
	float:left;				
	background-color: #F2F2F2;
	border-width:1px 1px 1px 1px;
}

#tabsPautas .tabNoSeleccionado, #tabsPautas .tabNoSeleccionado a, #tabsPautas .tabNoSeleccionado a:hover, #tabsPautas .tabNoSeleccionado a:visited
{	
	height:24px;
	padding:5px 5px 5px 5px;
	vertical-align:top;
	background-color:Gray;		
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}

#tabsPautas .tabNoSeleccionado a:hover
{	
	color:Fuchsia;
}

#tabsConsultas .flechaTabNoSeleccionado, #tabsConsultas .flechaTabNoSeleccionado a, #tabsConsultas .flechaTabNoSeleccionado a:hover, #tabsConsultas .flechaTabNoSeleccionado a:visited
{	
	height:24px;
	padding:6px 8px 8px 8px;
	vertical-align:top;
	background-color:Gray;		
	color:#ffffff;	
	text-decoration:none;
}
#tabsConsultas .flechaTabSeleccionado, #tabsConsultas .flechaTabSeleccionado a , #tabsConsultas .flechaTabSeleccionado a:hover, #tabsConsultas .flechaTabSeleccionado a:visited
{	
	padding:6px 8px 8px  8px;
	height:24px;	
	vertical-align:top;
	background-color:Silver;	
	color:#ffffff;		
	text-decoration:none;
}	

#tabsConsultas .tabSeleccionado, #tabsConsultas .tabSeleccionado a , #tabsConsultas .tabSeleccionado a:hover, #tabsConsultas .tabSeleccionado a:visited
{
	height:24px;
	padding:5px 5px 5px 5px;
	vertical-align:top;
	background-color:Silver;	
	color:#ffffff;	
	font-weight:bold;
	text-decoration:none;
}
#tabsConsultas .tabSeleccionado a:hover
{	
	color:Fuchsia;
}
#tabsConsultas .tabVolver
{	
	height:20px;
	padding:5px 5px 5px 5px;
	vertical-align:top;
	background-color:#75a6e9;			
	color:#ffffff;	
	font-weight:normal;
	text-decoration:none;
}

#tabsConsultas .tabNoSeleccionado, #tabsConsultas .tabNoSeleccionado a, #tabsConsultas .tabNoSeleccionado a:hover, #tabsConsultas .tabNoSeleccionado a:visited
{	
	height:24px;
	padding:5px 5px 5px 5px;
	vertical-align:top;
	background-color:Gray;		
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}

#tabsConsultas .tabNoSeleccionado a:hover
{	
	color:Fuchsia;
}

.palabraClave
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	 color:Fuchsia;
	 font-weight:bold;	
}
* {
	margin:0;
	padding:0;
	border:none;
}
body table{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#header {
	width:100%;
	height:75px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	background-image: url(_img/header.jpg);
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-color: #0051BC;
}
#headertit {
	width:100%;
	height:25px;
	color:#FFFFFF;
	background-color:#0051BC;
	font-size:14px;
	font-weight:bold;
	margin-left: 10px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
/* Margen derecho */
#rightMargin {
	width:100px;
    background-image:url(_img/ImagenFondo/splash2.jpg);
    background-attachment:fixed;
}

/* Menu izquierdo */
#leftMenu {
	width:200px;
	height:700px;
	/*background-color:#1E3C6E;*/
	background-image:url(_img/ImagenFondo/splash2.jpg);
    background-attachment:fixed;

}
#leftMenu ul li {
	list-style:none;
	border-top:solid 1px #000;
	border-bottom:solid 1px #444;
	height:20px;
	vertical-align:middle;
	padding-top:5px;
}
#leftMenu ul li ul{
	padding:5px 0 5px 0;
	display:none;
	_display:block;
}
#leftMenu ul li ul li{
	border:none;
	height:15px;
}
#leftMenu ul li a {
	color: #000;
	display:inline;	
	padding:  5px 5px 5px 5px;
	font-weight:bold;
	text-decoration:none;
	height:25px;
	width:200px;
	vertical-align:middle;
	line-height:20px;
}
#leftMenu ul li .flecha {
	color: #000;
	display:inline;
	border-top:none;
	border-bottom:none;
	padding: 0px 0px 0px 0px;
	font-weight:normal;
	text-decoration:none;
	height:20px;
	width:20px;
}


	
#leftMenu ul li:hover ul,
#leftMenu ul.uno a:hover ul.dos,
#leftMenu ul a:hover ul li {
	display:block;
	background-color: #0072D7;
}
#leftMenu ul li ul li a {
	border:none;
	padding:0px 5px 0px 5px;
	margin:0;
	background-color:transparent;
	font-weight:normal;
}
#leftMenu ul li a:hover {
	text-decoration: underline;
	background-color: transparent;
	
}

/* Area de contenido */

#contentArea {
	padding:20px;
    background-image:url(_img/ImagenFondo/Fondo_web_Pantene.jpg);
    background-attachment:fixed;
}

h1 {
	font-size:16px;
	font-weight:bold;
	color:#003366;
	width:100%;
	background-color:#EEE;
	padding:3px 0 3px 3px;
	margin-bottom:15px;
}
a, a:visited {
	color:#003366
}
a:hover {
	text-decoration:none;
}
.list {
	text-align:center;
	margin-bottom:20px;
	float:none;
}
.detalle, .buscador 
{
	float:none;
	text-align:left;
	margin-bottom:20px
}
.boton {
	/*background-color: #3F9FCF;*/
	background-color: #75A6E9;
	BORDER-BOTTOM: 2px outset #000000;
	BORDER-LEFT: 1px outset #000000;
	BORDER-RIGHT: 2px outset #000000;
	BORDER-TOP: 1px outset #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	cursor: hand;	
}

/*input.boton{
	padding: 0;
	display: inline;
}*/
.updateProgress 
{
	 color:Purple;
	 font-size:10px;
}
.botonout {
	/*background-color: #3F9FCF;*/
	background-color: #1E3C6E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	width: auto;
	cursor: hand;
	color: #FFFFFF;
	border: 1px outset #CCCCCC;
}
.botonout a 
{
	color: #FFFFFF;
}
input.botonout{
	padding: 0;
}
.fila_expresion 
{
	width:600px;
	margin:10xp 15px 10px 15px;
	padding: 15px 25px 15px 25px;
	border:solid 1px #000000;	
}
.fila_expresionFilro
{
	width:450px;
	margin:10xp 15px 10px 15px;
	padding: 15px 25px 15px 25px;
	border:solid 1px #000000;	
}
#contentArea th .list {
	background-color:#C9DCF5;
	padding:5px 0 5px 0;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#contentArea td .list {
	padding:3px 2px 3px 2px;
	text-align:center;
	background-color: #F2F2F2;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.list input, .cliente input, .detalle input {
  width:120px;  
  border:1px;
  font-size: 10px;
  text-align: left;
}

.list input, .cliente input .checkbox{
  width:30px;  
  border:0px;
  font-size: 10px;
  text-align: center;  
}

#divColumna1{
    float:left;
}

#divColumna2{
    float:left;
    margin-left: 80px;
    margin-top: 130px;
}

.checkbox2{  
  border:0px;
  width:10px;
  font-size: 10px; 
  text-align: right;
}

.detalle, .buscador 
{
	margin-right:5px;
	padding: 10px 10px 10px 10px;
	text-align:left;
	background-color: #F2F2F2;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.list
{
	background-color: #F2F2F2;
	text-align:center;
}

.confirma {
	background-color: #F2F2F2;
	text-align:center;
	width:400px;
}
.buscando 
{
	color:Green;
}
.exito
{
	font-weight:bold;
}
table select {
	margin:2px 0 2px 0;
}
.columnWrapper { /* Sirve para alinear elementos en columna */ 
	display:inline;
	width:auto;
	float:left;
	padding-bottom:6px;
}
.borderWrapper {
	width:auto;
	padding:10px;
	border:solid 1px #DDD;
	float:left;
	margin:10px 0 10px 0;
}
.stit {
	width:auto;
	float:left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	font-size: 14px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 9px;
	font-weight: bolder;
}
.stitbot {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin: 0px;
}
.formBox { /* Para los recuadros que agrupan varios campos para un etiqueta*/
	width:355px;
	background-color:#F2F2F2;
	padding:8px 0 8px 8px;
	float:left;
}
.formItem0 {   
	width:100%;
	display:block;
	clear:both;
	float:left;
	background-color:#F2F2F2;
	font-weight: bold;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 2px;
	padding-left: 2px;
}
.formItem1 {  /* Contenedor para los labels y campos de formulario que ocupan toda la linea */
	width:100%;
	display:block;
	margin:6px 0 6px 0;
	clear:both;
	float:left;
	background-color:#F2F2F2;
}
.formItem2 {  /* Contenedor para los labels y campos de formulario que comparten la linea con otros */
	width:auto;
	display:inline;
	margin:3px 10px 3px 0;
	float:left;
}
.formItem3 {  /* Contenedor para los labels y campos de formulario que ocupan una columna */
	width:480px;
	display:block;
	margin:6px 0 6px 0;
	clear:both;
	float:left;
}
label {
	margin-right:8px;
}
span.labelLeftMed { /* Para los labels de espacio mediano con separacion a la derecha (por lo general se usa dentro de un formItem1)*/
	background-color:#F2F2F2;
	width:140px;
	margin-right:30px;
}
span.labelLeftShort { /* Para los labels con poca separacion a la derecha*/
	width:auto;
	margin-right:5px;
}
span.labelLeftMed,
span.labelLeftShort,
input.inputRight{
	float:left;
	display:inline;
}
span.labelTop {
	display:block;
	margin-bottom:5px;
	margin-top:5px;
}
label input {
	margin:0
}
input, input.button, select, textarea { /* usar la clase textField para todos los campos de texto y la clase button para los botones */
	border:solid 1px #666666;
	margin-bottom:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height: 15px;
	width:120px;
}
input.large {
	width:200px;
}
textarea.large {
	width:300px;
	height:58px;
}
input.med, select.med {
	width:120px;
}
input.short {
	width:70px;
}
input.button{
	padding:0 4px 0 4px;
	height:30px;
}



.noEdit { /* Para campos no editables */
	font-weight:bold;
}


.productTable {
	width:572px;
	clear:both;
	margin:15px 0 15px 0;
}
.linkList li{
	margin-top:5px;
}
.borderWrapper .linkList {
	margin-left:15px;
}
.noBullet {
	list-style:none;
}

.subTitulo
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

/* Tabs */

ul#tabnav { 
text-align: left; 
margin: 1em 0 0 0; 
border-bottom: 1px solid  #003366; 
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { 
display: inline;
}
ul#tabnav li a { 
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #003366; 
background-color: #003366; 
color: #FFF;
margin-right: 0px; 
text-decoration: none;
border-bottom: none;
}
ul#tabnav a.active, ul#tabnav a.active:hover { /* settings for active state */
background: #fff; 
color:#333333;
border-bottom: solid 1px #FFF;
cursor:default;
}
ul#tabnav a:hover { /* settings for hover effect */
background: #2763A5; 
}
.tabContent {
	height:auto;
	position:relative;
}
.tabContent .formItem1 {
	float:none;
}

.radio, .checkbox, input.checkbox, span .checkbox input {
  width:30px;  
  border:0px;
  font-size: 10px;
  text-align: left;
}

.list input, .cliente input .checkbox,  .list input checkbox{
  width:30px;  
  border:0px;
  font-size: 10px;
  text-align: center;
}

.botongris, .detalle .botongris, .cliente .botongris {
	background-color: #75A6E9;
	BORDER-BOTTOM: 2px outset #000000;
	BORDER-LEFT: 1px outset #000000;
	BORDER-RIGHT: 2px outset #000000;
	BORDER-TOP: 1px outset #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	cursor: hand;
	padding-right: 0px;
	padding-left: 10px;
	margin-left: 0px;
	width: 80px;
	height:20px;
}
.ajax__tab_xpn, .detalle .ajax__tab_xpn
{
	width:668px;
}
.ajax__tab_xpn .ajax__tab_header, .detalle .ajax__tab_xpn .ajax__tab_header 
{	
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    color: black;
    background-color: #ffffff;
    
}
.ajax__tab_xpn .ajax__tab_outer, .detalle .ajax__tab_xpn .ajax__tab_outer 
{
	border:1px solid #000000;   
	border-bottom:0xp; 
    padding-right:4px;
    background-color: #e3e3e3;
    height:21px;
}
.ajax__tab_xpn .ajax__tab_inner, .detalle .ajax__tab_xpn .ajax__tab_inner {
    padding-left:3px;
    background-color: #e3e3e3;
}
.ajax__tab_xpn .ajax__tab_tab, .detalle .ajax__tab_xpn .ajax__tab_tab {
    height:13px;
    padding:4px;
    margin:0;
    background-color: #e3e3e3;
}
.ajax__tab_xpn .ajax__tab_hover .ajax__tab_outer, .detalle .ajax__tab_xpn .ajax__tab_hover .ajax__tab_outer {
    background-color: #ffffff;
    color: Black;
}
.ajax__tab_xpn .ajax__tab_hover .ajax__tab_inner, .detalle .ajax__tab_xpn .ajax__tab_hover .ajax__tab_inner {
    background-color: #ffffff;
    color: Black;
}
.ajax__tab_xpn .ajax__tab_hover .ajax__tab_tab, .detalle .ajax__tab_xpn .ajax__tab_hover .ajax__tab_tab {
    background-color: #ffffff;
    color: Black;
}
.ajax__tab_xpn .ajax__tab_active .ajax__tab_outer, .detalle .ajax__tab_xpn .ajax__tab_active .ajax__tab_outer {
    background-color: #fbfbfb;
    color: Black;
}
.ajax__tab_xpn .ajax__tab_active .ajax__tab_inner, .detalle .ajax__tab_xpn .ajax__tab_active .ajax__tab_inner {
    background-color: #fbfbfb;
    color: Black;
}
.ajax__tab_xpn .ajax__tab_active .ajax__tab_tab, .detalle .ajax__tab_xpn .ajax__tab_active .ajax__tab_tab {
    background-color: #fbfbfb;
    color: Black;
}
.ajax__tab_xpn .ajax__tab_body, .detalle .ajax__tab_xpn .ajax__tab_body {
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    color: black;
    border:1px solid #000000;        
    padding:8px;
    background-color:#ffffff;
}


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


.modalPopup {
	background-color:#ffffFF;
	padding:3px;
}

.detalle a
{
	cursor:pointer;	
	color:Blue;
	text-decoration:none;
}
.detalle a:visited
{	
	color:Navy;
	text-decoration:none;
}
.detalle a:active
{	
	color:Orange;
	text-decoration:none;
}

.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;color:Orange;font-weight:bold}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}


/*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: #7099a5;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

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