body {
margin:0%;
padding:0%;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
background-color:white;

}


SELECT {
width: 160px;
FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif;
FONT-SIZE:10px;
}



/* nuovo menu customer */
td.navigatoreTitle {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: #D1D0CE 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: #166EA5;
}
td.navigatore {
border-bottom: #D1D0CE 1px solid;
}
td.navigatoreText {
padding-left:10px;
border-bottom: #D1D0CE 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
}

.textmsgdescr {text-align:left; color:#FE790C; font-size:11px; font-family:arial; font-weight:bold;} 
.textmsg {text-align:left; color:#166EA5; font-size:11px; font-family:arial;} 
.txt_legenda { font-family:arial; font-size:9px; border-style:solid; border-width:1px; border-color:#000000; color:#000000; }
.titoloFunzione  {text-align:center; color:#132480; font-size:14px; font-family:helvetica; font-weight:bold;  letter-spacing: 8px}
.txt  {text-align:center; color:#166EA5; font-size:12px; font-family:arial; font-weight:bold; }
.newsBody {BORDER: 0px solid; FONT-SIZE: 3mm; COLOR: #FFFFFF; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #999999}

P {FONT-SIZE: 2.7mm; FONT-FAMILY: Verdana}
/*TD {FONT-SIZE: 2.7mm; FONT-FAMILY: Verdana}*/

INPUT.enabled {color:#888888; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE:3mm; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #ffffff}
INPUT {color:#888888; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE:3mm; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #ffffff; border-color:#cccccc}
INPUT.disabled {color:#777777; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE:3mm; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #cccccc;}
INPUT.disabledLight {padding-left:2px; color:#777777; BORDER-RIGHT: 1px solid  #ffffff; BORDER-TOP: 1px solid; FONT-SIZE:3mm; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid   #ffffff; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #dddddd}
TEXTAREA.disabledLight {padding-left:2px; color:#777777; BORDER-RIGHT: 1px solid  #ffffff; BORDER-TOP: 1px solid; FONT-SIZE:3mm; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid   #ffffff; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #dddddd}
select.disabledLight {padding-left:2px; color:#777777; BORDER-RIGHT: 1px solid  #ffffff; BORDER-TOP: 1px solid; FONT-SIZE:3mm; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid   #ffffff; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #dddddd}


TEXTAREA {color:#888888; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE:3mm; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #ffffff}



INPUT.checkbox {color:#888888; border:none; BACKGROUND:none; color:#888888;}





BODY
{scrollbar-face-color: #cccccc; scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #cccccc;
scrollbar-darkshadow-color: #808080; scrollbar-track-color: #808080;
scrollbar-arrow-color: #ffffff}
 




a:link    { color:#FE790C; font-weight:bold; text-decoration: none } 
a:visited { color:#FE790C; font-weight:bold; text-decoration: none }
a:hover   { color:#166EA5; font-weight:bold; text-decoration: none } 

a.three:link    { color:#777777; font-weight:normal; font-size:11px; font-family:arial} 
a.three:visited { color:#777777; font-weight:normal; font-size:11px; font-family:arial}
a.three:hover   { color:#777777; font-weight:normal; font-size:11px; font-family:arial} 



TD.lineBottom {BORDER-bottom: 1px solid; border-color:#acc3e5 }

table.page {BORDER: 1px solid; border-color:#B00704 }

font.menu {font-family:arial; font-size:11px; font-weight:bold; color:#166EA5 }




td.frameheader {BORDER-top: 1px solid; BORDER-left: 1px solid; BORDER-right: 1px solid; border-color:#888888; BORDER-bottom: 1px solid #aaaaaa; background-color:#7FAAEE; background-image:url("/dyna_ebpp/default/images/sfondo_testata_tabella.jpg"); text-align:center; color:#166EA5; font-size:12px; font-family:arial; text-align:center; height:22px}

td.framecontent {BORDER-bottom: 1px solid; BORDER-left: 1px solid; BORDER-right: 1px solid; border-color:#888888; background-color:#7FAAEE; background-image:url("/dyna_ebpp/default/images/sfondo_corpo_tabella.jpg")}

td.framefooter {BORDER-bottom: 1px solid; BORDER-left: 1px solid; BORDER-right: 1px solid; border-color:#888888; background-color:#eeeeee;}


td.frameseparator {background-image:url("/dyna_ebpp/default/images/separator.gif"); background-repeat:repeat-x; background-position:bottom; color:#2d4d7e; font-size:13px; font-family:arial; font-weight:bold;}
td.frameseparatorRed {background-image:url("/dyna_ebpp/default/images/separator.gif"); background-repeat:repeat-x; background-position:bottom; color:#FF0000; font-size:13px; font-family:arial; font-weight:bold;}
td.frameseparatorCenter {background-image:url("/dyna_ebpp/default/images/separator.gif"); background-repeat:repeat-x; background-position:bottom; color:#2d4d7e; font-size:14px; font-family:arial; font-weight:bold; text-align:center}



td.fielddescr {text-align:right; color:#166EA5; font-size:12px; font-family:arial; font-weight:bold; width:150px}
td.fielddescrNoSize {text-align:right; color:#166EA5; font-size:12px; font-family:arial; font-weight:bold}
td.field  { text-align:left; color:#888888; font-size:12px; font-family:arial; vertical-align:top}

td.jobviewdescr {background-color:#CDE4FD; text-align:right; color:#166EA5; font-size:12px; font-family:arial; font-weight:bold; width:150px; border:1px solid #cccccc}
td.jobviewcontent  { text-align:left; color:#888888; font-size:12px; font-family:arial; vertical-align:top; border:1px solid #cccccc}

table.framecontent {width:100%; padding:10px; border-spacing:10px}
table.jobview {width:100%; padding:0px; border-spacing:7px; background-color:#FFFFFF; border:1px solid #777777}

table.framecontentExtraForm {width:100%; padding:10px; border-spacing:10px;}
table.framecontentExtra {width:100%;  border-spacing:10px; background-color:#ffffff; border:1px solid #777777}
table.framecontentExtraSub {width:100%;  border-spacing:10px; background-color:#d6dfff}

table.tooltip {padding:0px; border-spacing:0px; border:1px solid #777777; background-color:#eeeeee;  height:80px}
td.tooltiptitle {font-size:12px; font-family:arial; color:#777777; font-weight:bold; text-align:center}
div.tooltip {overflow: auto; height:80px;  max-height: 40px;}
div.messageDialogDiv {width: 300px; height: 100px; vertical-align:middle}
td.messageDialogContent {padding-top:20px; vertical-align:middle; font-size:12px; font-family:arial; color:#777777; font-weight: bold}

table.frame {width:540px; padding:0px; border-spacing:0px; margin-top:30px}
table.messageDialogFrame {width:350px; padding:0px; border-spacing:0px; margin-top:30px}

table.framelarge {width:750px; padding:0px; border-spacing:0px; margin-top:30px}

table.tablemodel {width:100%; padding:10px; border-collapse:collapse; cellspacing:0px}
table.tablemodel caption {text-align: left; background-color: #ddd; padding: 1px 1px 1px 4px; border: 1px solid #ddd; font-size: 11px; color: #666;}

table.tablemodelattach {width:100%; padding:0px; border-collapse:collapse}

td.cellmodelattach {vertical-align:top; padding-left:0px; border:0px solid #888888;  font-size:7px; font-family:arial; color:#166EA5; background-color:transparent}

tr.Hilighth {background-color:#FFF48D}
tr.normal {background-color:transparent}

td.cellmodel { padding-left:3px; border:1px solid #888888;  font-size:11px; font-family:arial; color:#166EA5; background-color:transparent}
col.cellmodel {vertical-align:top; padding-left:3px; border:1px solid #888888;  font-size:11px; font-family:arial; color:#166EA5; background-color:transparent}

td.cellmodel_azzurro {vertical-align:top; padding-left:3px; border:1px solid #888888;  font-size:11px; font-family:arial; color:#777777; background-color:transparent}
div.cellmodel_azzurro {vertical-align:top; padding-left:3px; border:1px solid #888888;  font-size:11px; font-family:arial; color:#777777; background-color:transparent}
td.cellmodel_qta {border:1px solid #888888;  font-size:11px; font-family:arial; color:#166EA5; background-color:transparent; text-align:right}

td.cellmodelSel {padding-left:3px; border:1px solid #888888;  font-size:11px; font-family:arial; color:#166EA5; background-color:#FFFF00}
td.cellmodelHil {padding-left:3px; border:1px solid #888888;  font-size:11px; font-family:arial; color:#166EA5; background-color:#FFF48D}
td.cellmodelProc {padding-left:3px; border:1px solid #888888;  font-size:11px; font-family:arial; color:#166EA5; background-color:#CEFFCE}
td.cellmodelErr {padding-left:3px; border:1px solid #888888;  font-size:11px; font-family:arial; color:#166EA5; background-color:#FBCBC4}

td.cellmodelImporto {border:1px solid #888888; text-align:right;  color:#000000; font-size:11px; font-family:arial; font-weight:bold;}
td.cellmodelImportoTot {border:1px solid #888888; text-align:right;  color:#DF7B09; font-size:11px; font-family:arial; font-weight:bold;}


/* stili per le celle senza bordi LB Less Border */
td.cellmodelLB {border:none;  font-size:11px; font-family:arial; color:#166EA5;}
td.cellmodelImportoLB {border:none; text-align:left;  color:#999999; font-size:11px; font-family:curier,monospaced; font-weight:bold;}
td.cellmodelImportoTotLB {border:none; text-align:left;  color:#DF7B09; font-size:11px; font-family:curier,monospaced; font-weight:bold;}




td.tablemodelheader {height:25px; background-color:#bbbbbb; border:1px solid #888888; border-bottom:1px solid #ffffff; font-size:12px; font-family:arial; font-weight:bold; color:#ffffff; padding-left:2px;}
td.tablemodelheader_azzurro { background-color:#dddddd; border:1px solid #888888; border-bottom:1px solid #ffffff; font-size:12px; font-family:arial; font-weight:bold; color:#166EA5; padding-left:2px;}

div.scrollablecontent {overflow: auto; height:200px;  max-height: 800px;}

table.footercontent {width:100%; padding:0px; border-spacing:0px}
td.msgdescr {text-align:left; color:#166EA5; font-size:11px; font-family:arial; font-weight:bold;}
td.msg  { text-align:left; color:#000000; font-size:11px; font-family:arial; color:#166EA5;}

span.importo { font-family: monospace; font-size: 11px; font-weight: bold; }

INPUT.components {color:#888888; BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; FONT-SIZE:3mm; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid; FONT-FAMILY: Verdana; BACKGROUND: transparent}

.boxPdf { border: #DF7B09 1px solid; width:600px; }

td.graph { padding: 8px; }
td.graphRight { width: 140px; padding:8px; background: #FFFFFF; }
img.graph { border: #888888 1px solid } 

table.helpheader {width:100%; BORDER: 1px solid; border-color:#AEB29E;}
td.helpheader {BORDER-top: 1px solid; BORDER-left: 1px solid; BORDER-right: 1px solid; border-color:#AEB29E; background-color:#ECFAAB;}
td.helpcontent {BORDER: 1px solid; border-color:#AEB29E; background-color:#ECFAAB;}
td.help {cursor:move;background-color:#AEB29E; text-align:center; color:#166EA5; font-size:12px; font-family:arial; text-align:center; height:22px}
p.help {width: 527px; text-align: justify; padding:5px;font-size:12px; font-family:arial}


td.state_name {padding-left:10px; text-align:left; font-family:Arial; font-size:11px; font-weight:bold; color:#df6607}
td.state_date {font-family:Arial; font-size:11px; font-weight:bold; color:#df6607} 
div.state_note 
{
 font-family:Arial; 
 font-size:10px; 
 font-weight:bold; 
 color:#AEB29E; 
 width:140px; 
 height:40px; 
 max-height:40px; 
 overflow:auto; 
 background-color:#ffffff;
 border: 1px solid #777777;
}
td.state_field {font-family:Arial; font-size:11px; font-weight:bold; color:#777777} 
td.state_field_red {font-family:Arial; font-size:11px; font-weight:bold; color:#FF0000}  
 
td.descr {vertical-align:top; font-family:Arial; font-size:11px; font-weight:bold; color:#166EA5} 

div.alertMsg { text-align:left; color:#FF0000; font-size:12px; font-family:arial; vertical-align:top} 
 
table.state_details 
{ 

 width:294px;
 height:193px; 
 font-family:Arial; 
 font-size:10px; 
 font-weight:bold;
 color:#df6607;
 background-image: url('/dyna_ebpp/comp_000/images/statedetaildiv.gif'); 
 background-repeat:repeat-x;




}


div.stati_main_node 
{
 position:absolute; 	
 width: 80px;
 height: 45px;
 padding-top:10px; 
 text-align:center; 
 font-family:Arial; 
 font-size:10px; 
 font-weight:bold;
 color:#df6607;

 background-repeat:repeat-x;
 
}

div.stati_service_node 
{
 position:absolute;
 
 width: 80px;
 height: 30px;
 padding-top:10px; 
 text-align:center; 
 font-family:Arial; 
 font-size:10px; 
 font-weight:bold;
 color:#888888;
/*  background-image: url('/dyna_ebpp/comp_000/images/service_node.gif'); */
 background-repeat:repeat-x;
 
}


div.stati_main_start_node 
{
 position:absolute; 	
 width: 80px;
 height: 40px;
 padding-top:30px; 
 text-align:center; 
 font-family:Arial; 
 font-size:11px; 
 font-weight:bold;
 color:#888888;
/* background-image: url('/dyna_ebpp/comp_000/images/start_main.gif'); */
 background-repeat:repeat-x;
 
}


div.stati_start_activity 
{
 position:absolute; 	
 width: 80px;
 height: 40px;
 padding-top:30px; 
 text-align:center; 
 font-family:Arial; 
 font-size:11px; 
 font-weight:bold;
 color:#888888;
/*  background-image: url('/dyna_ebpp/comp_000/images/start_activity.gif'); */
 background-repeat:repeat-x;
 
}


div.stati_end_activity 
{
 position:absolute; 	
 width: 80px;
 height: 40px;
 padding-top:30px; 
 text-align:center; 
 font-family:Arial; 
 font-size:11px; 
 font-weight:bold;
 color:#888888;
 background-image: url('/dyna_ebpp/comp_000/images/end_activity.gif');
 background-repeat:repeat-x;
 
}


div.stati_main_end_node 
{
 position:absolute; 	
 width: 80px;
 height: 40px;
 padding-top:30px; 
 text-align:center; 
 font-family:Arial; 
 font-size:11px; 
 font-weight:bold;
 color:#888888;
 background-image: url('/dyna_ebpp/comp_000/images/end_main.gif');
 background-repeat:repeat-x;
 
}

/* id servizio = 4 timmucchi*/
div.conservation_service_node 
{
 position:absolute; 	
 width: 80px;
 height: 30px;
 padding-top:12px;
 text-align:center; 
 font-family:Arial; 
 font-size:10px; 
 font-weight:bold; 
 color:#555555;
 
/*  background-image: url('/dyna_ebpp/comp_000/images/service_node.gif'); */
 background-repeat:repeat-x;
 
}


/* stili per il disegno delle linee  */


.txt_stato { font-family:arial; font-size:11px; font-weight:bold; color:#777777}
.Ink 
{
    position: absolute;
    background-color: #999999;
    border-top: 0px solid transparent;
    width: 2px;
    height: 2px;
}



table.selector {width:100%;  border-spacing:7px;  margin:0px; border: 1px solid #dddddd}
td.selectorDescr {text-align:right; color:#166EA5; font-size:11px; font-family:arial; font-weight:bold; width:30px}
td.selector  {text-align:left; color:#777777; font-size:11px; font-family:arial; width:30px}

table.accessDenied {width:400px;  border-spacing:7px; margin-top:10px;  margin-left:10px; border: 1px solid #cccccc}
td.adTitle {text-align:left; color:#FF0000; font-size:12px; font-family:arial; font-weight:bold; width:150px}
td.adMessage  { text-align:left; color:#166EA5; font-size:12px; font-family:arial; vertical-align:top}



div.scrollablecontentRole {overflow: auto; height:300px;  max-height: 800px; background-color:#FFFFFF; border:1px solid #166EA5}
td.featuredescr  {text-align:left; color:#777777; font-size:11px; font-family:arial}
td.jobline  {text-align:left; color:#777777; font-size:11px; font-family:arial}

td.componentdescr  {text-align:left; color:#777777; font-size:11px; font-family:arial}


td.componentdescrSel {border:1px solid #888888;  font-size:11px; font-family:arial; color:#166EA5; background-color:#D2DEF4}





div.consoleOLD{ height:200px;  max-height: 800px; border:1px solid #777777; width:400px; position:absolute; top:100px; left:500px; background-color:#eeeeee; display:block}

div.console{height:200px;  max-height:800px; width:350px; border:1px solid #166EA5; background-color:#FFFFFF; display:block; overflow: auto;}



INPUT.notfound {color:#000000; FONT-SIZE:3mm; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #FF0000;}
INPUT.found {color:#777777; FONT-SIZE:3mm; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #FFFFFF;}



div.pageNode {height:40px; width:150px; border:1px solid #777777; font-family:arial; font-size:10px; font-weight:bold}


div.pageNodeContainer {  margin-left:30px; margin-top:10px}

/* div.pageMetaRef {border:1px solid #777777; background-color: #cccccc;  margin-left:30px; margin-top:3px; width: 50px; height: 15px}

div.pageHTMLRef {border:1px solid #777777; background-color: #ff0000;  margin-left:30px; margin-top:3px; width: 50px; height: 15px} */

div.pageMetaRef {margin-left:30px; margin-top:3px; width: 100px; height: 20px; font-weight:bold; font-family: arial; font-size:14px; color: red}
div.pageHTMLRef {margin-left:30px; margin-top:3px; width: 100px; height: 20px; font-weight:bold; font-family: arial; font-size:14px; color: blue}


 .b  {cursor:pointer; color:red; font-weight:bold; text-decoration:none}
                .e  {border: 0px; padding: 0px; margin: 0px 2em 0px 2em; text-indent:-1em;}
                .en {color:#000088; font-weight:bold;}
                .an {color:#880000}
                .av {color:#888888}
                .c  {color:#008800}
                .t  {color:black}
                .m  {color:navy}
                .pi {color:red}


div.pageFlowContainer {text-align:left; width:95%; height: 450px; border: 1px solid #166EA5; background-color: #ffffff; overflow:auto}
/* table.pageFlowContainer {width: 70%; height: 600px; border: 1px solid #166EA5; background-color: #ffffff}*/


span.fielddescr {text-align:left; color:#166EA5; font-size:12px; font-family:arial; font-weight:bold; width:150px}


table.scheduledTask {border-spacing:2px; margin-top:2px; background-color:#ffffff; width:100%}
td.scheduledTaskDescr {background-color:#CDE4FD; width:80px; text-align:right; color:#166EA5; font-size:12px; font-family:arial; font-weight:bold;}
td.scheduledTask {border:1px solid #cccccc; width:170px; text-align:left; color:#777777; font-size:11px; font-family:arial}

td.schedulerLine {border:0px solid; color:#777777; font-size:11px; font-family:arial}
td.schedulerLineLoc {border:0px solid; color:#166EA5; font-size:11px; font-family:arial; font-weight:bold}


font.schedulerLineStatusAttivo {color:green; font-size:11px; font-family:arial; font-weight:bold}
font.schedulerLineStatusNAttivo {color:red; font-size:11px; font-family:arial; font-weight:bold}

font.taskRunning {color:green; font-size:12px; font-family:arial; font-weight:bold}
font.taskIdle {color:#777777; font-size:12px; font-family:arial; font-weight:bold}

td.vshadow {border: 0px; padding-left:0px; padding-bottom:0px;}
td.hshadow {border: 0px; padding-right:0px; padding-top:0px; padding-left:0px}









/* gli style che seguono servono per la gestione job lato azienda mediante le gwt */



.toolBarButton {
	margin: 0px;
  	padding: 0px;
  	text-decoration: none;
  	font-size: small;
  	cursor: pointer;
  	cursor: hand;
  	background: #DDDDDD url("/dyna_ebpp/default/gwt/standard/images/butt_bck.png") repeat-x 0px;
  	border: 1px outset #ccc;
	text-align:center; 
	vertical-align:middle}


INPUT.enabled {color:#888888; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE:10px; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffffff}

.toolbarContainer {border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}

.toolbarBckImage {background-image:url('/dyna_ebpp/default/images/toolbar.jpg'); }

.tablecontainer  {border: 1px solid #cccccc; width:100%}

.tableButton {padding: 0px; border:1px solid #FFFFFF; background-color:white}

.tableLabel {text-align:left; color:#166EA5; font-size:13px; font-family:arial; font-weight:bold;}

div.dialogMessage {text-align:center; color:#777777; font-size:13px; font-family:arial; font-weight:bold;}
div.dialogTitle {text-align:center; color:#166EA5; font-size:13px; font-family:arial; font-weight:bold;}
div.notify_on_job_dialogDescr {background-color:#CDE4FD; text-align:right; color:#166EA5; font-size:12px; font-family:arial; font-weight:bold; width:70px; border:1px solid #cccccc}
div.notify_on_job_dialog { text-align:left; color:#FF0000; font-size:12px; font-family:arial; font-weight:bold; vertical-align:top; border:1px solid #cccccc; padding-left:3px; padding-right:3px;}
div.dialogButton {text-align:center; color:#166EA5; font-size:13px; font-family:arial; font-weight:bold; vertical-align:middle;}
div.dialogButtonSmall {text-align:center; color:#166EA5; font-size:11px; font-family:arial; font-weight:bold; vertical-align:middle; heigth:10px}
input.notify_on_job_dialog {background-color:#FFFFFF; border:1px solid; color:#888888; font-family:Arial; font-size:11;}

select.notify_on_job_dialog {font-family:Arial; font-size:12px; width:160px; color:#888888; border-spacing:10px;}

// textarea.notify_on_job_dialog {background-color:#FFFFFF; border:1px solid; color:#888888; font-family:Arial; font-size:12; }


td.statusbar {padding-left:3px; border:1px solid #cccccc;  font-size:11px; font-family:arial; color:#166EA5; background-color:#e1ebfa; height:25px}

div.scrollablecontent {overflow: auto; height:200px;  max-height: 800px;}


div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

div.autocomplete ul li.selected { background-color: #ffb;}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

