/* optional container for scroller, to provide bgColor/border */
div#bg
 { 
    position: relative; left: 0px; top: 0px; 
    z-index:100; width:200px; height:100px; margin: 0px;
    background-color:#fff; text-align: left;
    }
div#bg1
 { 
    position: relative; right: 0px; top: 0px; 
    z-index:100; width:200px; height:133px; margin: 0px;
    background-color:#fff; text-align: left;
    }
/* scroller "window" 
   set width, height (and clip) to match values sent to constructor */
div#wn { 
    position: absolute;  margin: 0px; padding: 0px;
    width: 298px; height: 128px; z-index:1;
    clip:rect(0, 198px, 98px, 0); overflow:hidden; 
    }

div#wn1
 { 
    position: absolute;  margin: 0px; padding: 0px;
    width: 298px; height: 133px; z-index:1;
    clip:rect(0, 240px, 133px, 0); overflow:hidden; 
    }

div#cnt { position:relative; z-index:1; } /* layer that scrolls */

div#cnt1 { position:relative; z-index:1; } /* layer that scrolls */

/* scroller items 
   set width and height to match scroller "window" 
   Be sure to set height adequate for your content! */
div#cnt div.item { width:198px; height: 98px; color:#336 }

div#cnt1 div.item { width:240px; height: 133px; color:#336 }

/* styles for scroller content (read important instructions regarding collapsing margins!) */
div#cnt h3 { font-size:12px; margin:0px; color: rgb(184,69,69);}  
div#cnt p { font-size:11px; margin:0px }

/*div#cnt1 h3.gubeshti { font-size:10px; margin:0px; color: rgb(184,69,69);}  
div#cnt1 h3.pechelivshi { font-size:10px; margin:0px; color: rgb(34,139,34);}  
div#cnt1 h3.likvidni { font-size:10px; margin:0px; color: rgb(0,127,255	);}  */
div#cnt1 h3{ font-size:11px; margin:0px; color: rgb(16,78,139);}  
div#cnt1 p { font-size:11px; margin:0px }