/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name:		fisubice2
	Based on style:	subSilver (the default phpBB 2 style)
	Original author:	subBlue ( http://www.subBlue.com/ )
	Modified by:		phpBBservice.nl ( http://www.phpbbservice.nl )
	
	This is an alternative style for phpBB3 for those wishing to stay with
	the familiar subSilver style of phpBB version 2.x
	
	Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
          Copyright 2007 phpBBservice.nl team ( http://www.phpBBservice.nl )
    --------------------------------------------------------------
*/

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 105%;
}



body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin:6px;
	padding:0;
background: #6D9DB7; /* url('http://beeretracker.net/styles/Fisubice2/theme/images/background.jpg') no-repeat top center;*/


}



















/*



Verdana,"Lucida Grande", Helvetica, Arial, sans-serif
*/






#wrapheader {
    min-height: 1px;
	height: auto !important;
	height: 1px;
	background-repeat: repeat-x;
/*	padding: 0 25px 15px 25px;*/
	
}

#wrapcentre {
	margin: 3px 3px 0 3px;
}

#wrapfooter {
	text-align: center;
	clear: both;
}

#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #ECECEC;
	border-color: #D4D4D4;
}

#logodesc {
	background: #DFEAF9;
	border-bottom: 1px solid #D0E8F2;
}

#menubar {}

#datebar {
	margin: 10px 25px 0 25px;
}

#findbar {
	width: 150%;
	margin: 0;
	padding: 0;
	border: 0;
}

.forumrules {
	background-color: #d7e2ef;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	padding: 4px;
	font-weight: normal;
	font-size: 1.2em;
	font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
	color: black;
	font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
	line-height: 120%;
}

h4 {
        color: #333333;
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
}

p {
	font-size: 1.05em;
}

p.moderators {
	margin: 0;
	float: left;
	color: black;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.breadcrumbs {
	margin: 0;
	float: left;
	color: black;
	font-weight: bold;
	white-space: normal;
	font-size: 1.2em;
}

.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	white-space: nowrap;
border-color: #ffffff;
} 

p.searchbarreg {
	margin: 0;
	float: right;
	white-space: nowrap;
border-color: #ffffff;
}

.rtl p.searchbarreg {
	float: left;
border-color: #ffffff;
}

p.forumdesc {
	padding-bottom: 4px;
}

p.topicauthor {
	margin: 1px 0;
}

p.topicdetails {
	margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
	margin: 1px 0;
	color: red;
	font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
	color: green;
	font-weight:bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
}

.postauthor {
	color: #005A88;
       font-size: 1.2em;
}

.postdetails {
	color: #000000;
}


.postbody {
	font-size: 1.2em;
	line-height: 1.3em;
	font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
}

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	/* background-color: yellow; */
}

.nav {
	margin: 0;
	color: black;
	font-weight: bold;
}

.pagination {
	padding: 4px;
	color: black;
	font-size: 1.2em;
	font-weight: bold;
}

.cattitle {
letter-spacing: 3em;
font-weight: bold;
color: #333333;

}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
}

.genmed {
	margin: 1px 1px;
	font-size: 1.1em;
}

.gensmall {
	margin: 0px 0px;
	font-size: 1em;
}

.copyright {
	color: #444;
	font-weight: normal;
	font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
}

.titles {
	font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
}

.error {
	color: red;
}


/* Tables
 ------------ */
th {
        height: 25px;	
        color: #333333;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #6D9DB7;
	/* background-image: url('./images/cellpic3.gif');  */
	white-space: nowrap;
	padding: 3px 3px;
border-color: #ffffff;
background: #E0E5E9 url(http://beeretracker.net/styles/Fisubice2/theme/images/cellpic1.png) repeat-x;
}

td {
	padding: 1px;

border-color: #ffffff;
}
td.profile {
	padding: 4px;
border-color: #333333;
}

/*
see forumline
----------------
.tablebg {
	background-color: #3333;

}
*/

.catdiv {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
background-color: #DFEAF9;
border-color: #D0E8F2;
color: #333333;
	/* background: white url('./images/cellpic2.jpg') repeat-y scroll top left; */
}
.rtl .catdiv {

background-color: #DFEAF7;
border-color: #D0E8F2;
color: #333333;
	/* background: white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right; */
}

.cat {

	height: 25px;
	margin: 0;
	padding: 0;
	border: 0;
      background-color: #DBDBDB;
	/*  background-image: url('./images/cellpic1.gif');  */
background: #E0E5E9 url(http://beeretracker.net/styles/Fisubice2/theme/images/cellpic1.png) repeat-x;
	text-indent: 4px;
vertical-align: middle;
border-color: #D0E8F2;
color: #333333;
font-size: 1.15em;
letter-spacing: 1px;
}

.row1 {
	background-color: #F9F9F9;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 5px;
vertical-align: middle;
border-color: #CECECE;

}

.row2 {
	background-color: #F1F3F5;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 5px;
vertical-align: middle;
border-color: #CECECE;
}

.row3 {
	background-color: #d7e2ef;
      padding: 1px;
vertical-align: middle;
border-color: #CECECE;
}

.spacer {
	background-color: #ffffff;
border-color: #ffffff;
}

hr {
	height: 1px;
	border-width: 0;
	background-color: #D1D7DC;
	color: #D1D7DC;
border-color: #ffffff;
}

.legend {
	text-align:center;
	margin: 0 auto;
border-color: #ffffff;
}

/* Links
 ------------ */
a:link {
	color: #006699;
	text-decoration: none;
}

a:active,
a:visited {
	color: #006699;
	text-decoration: none;
}

a:hover {
	color: #006699;
	text-decoration: underline;
}

a.forumlink {
	color: #006699;
	font-weight: bold;
	font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
	font-size: 1.2em;
}





/*


font-family:  "Times New Roman", sans-serif, "Lucida Grande", Helvetica, Arial;


*/




a.forumlink:hover {
	color: #DD6900;
text-decoration: underline;
}




a.topictitle {
	margin: 1px 0;
color: #006699;
	font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

a.topictitle:visited {
	color: #006699;
	text-decoration: none;
}

th a,
th a:visited {
	color: #5c81b1;
	text-decoration: none;
}

th a:hover {

	text-decoration: underline;
}


/* Form Elements
 ------------ */
form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	color: #333333;
	font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #A9B8C2;
	background-color: #FFFFFF;
}

textarea {
	background-color: #FFFFFF;
	color: #333333;
	font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
	font-size: 1.3em; 
	line-height: 1.4em;
	font-weight: normal;
	border: 1px solid #A9B8C2;
	padding: 2px;
}

select {
	color: #333333;
	background-color: #FFFFFF;
	font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	border: 1px solid #A9B8C2;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

option.disabled-option {
	color: graytext;
}

.rtl option {
	padding: 0 0 0 1em;
}

input.radio {
	border: none;
	background-color: transparent;
}

.post {
	background-color: white;
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	color: #000000;
	font-weight: normal;
	font-size: 1.2em;
	font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
	background-color: #F2F2F2;
	border: 1px solid #666666;
}

.btnmain {
	font-weight: bold;
	background-color: #ECECEC;
	border: 1px solid #A9B8C2;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.2em;
}

.btnlite {
	font-weight: normal;
	background-color: #ECECEC;
	border: 1px solid #A9B8C2;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.2em;
}

.btnfile {
	font-weight: normal;
	background-color: #ECECEC;
	border: 1px solid #A9B8C2;
	padding: 1px 5px;
	font-size: 1.2em;
}

.helpline {
	background-color: #DEE3E7;
	border-style: none;
}



/* BBCode
 ------------ */
.attachtitle {
	margin: 10px 5px 0 5px;
	padding: 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
        border-color: #A9B8C2;
	color: #333333;
	background-color: #A9B8C2;
	font-size: 1em;
	font-weight: bold;
}


.quotetitle {
/*	margin: 10px 5px 0 5px;
	padding: 4px;
	border-width: 0px 0px 0 0px;
	border-style: solid transparent;
        border-color: #F9F9F9;
	color: #333333;
	background-color: #F9F9F9;
	font-size: 1em;
	font-weight: bold;
*/
margin: 10px 5px 0 5px;
padding-top: 0px;
padding-right: 1px;
padding-bottom: 0px;
padding-left: 1px;
font-size: 11px;
color: #444444;


}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent {
	 margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #d1d7dc;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 12px;
	line-height: 125%;
	line-height: 1.4em;
	font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #444444;
           
/*
background-attachment: scroll;
background-repeat: repeat;
background-image: none;
background-position: 0% 0%;
background-color: #fafafa;
color: #2e2e2e;
border-width: 0 1px 1px 1px;
border-color: #2E2E2E;*/
}

.attachcontent {
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #D8D8D8;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 14px;
	line-height: 125%;
	line-height: 1.4em;
	font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #444444;
}



.attachcontent {
	font-size: 0.85em;
}



.codetitle {
/*	margin: 10px 5px 0 5px;
	padding: 4px;
	border-width: 0px 0px 0 0px;
	border-style: solid transparent;
        border-color: #F9F9F9;
	color: #333333;
	background-color: #F9F9F9;
	font-size: 1em;
	font-weight: bold;
*/
margin: 10px 5px 0 5px;
padding-top: 0px;
padding-right: 1px;
padding-bottom: 0px;
padding-left: 1px;
font-size: 11px;
color: #444444;


}

/* старый
.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #A9B8C2;
	color: #333333;
	background-color: #A9B8C2;
	font-family: verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
	font-size: 0.8em;
}

*/

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #d1d7dc;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #006600;
	font-size: 14px;
	font-family: Courier,"Courier New",sans-serif;
	background-color: #FFFFFF;
}

.syntaxbg {
	color: #FFFFFF;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #0000BB;
}

.syntaxhtml {
	color: #000000;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #000000;
}

.pm_replied_colour {
	background-color: #A9B8C2;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}


/* Misc
 ------------ */
img {
	border: none;
}

.sep {
	color: black;
	background-color: #FFA34F;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}

/* subforum */
   .subforum.read {  
       background: url(images/icon_post_target.gif) center left no-repeat;  
       padding-left: 12px;  
    }  
    .subforum.unread {  
       background: url(images/icon_post_target_unread.gif) center left no-repeat;  
       padding-left: 12px;  
    }  

/* header ala Daz style */
/* This is the gradient background at the top of the page */
.topbkg{
background: #DBDBDB;        /* url(images/cellpic_bkg.jpg) repeat-x;   */
}
.topnav{
font-size:11px;
background: #F2F2F2;    /* url(images/cellpic_nav.gif) repeat-x;  */
height:21px;
white-space:nowrap;
border: 0px solid #91a0ae;
border-width: 1px 0px 1px 0px;
}
/* This is the border line & background colour round the entire page */
.bodyline{
background:#F9F9F9;
border:1px solid #98aab1;
}

/* This is the outline round the main forum tables */
.forumline , .tablebg {
    background:#CECECE;
    border:1px solid #F9F9F9;
}




/* Search box
--------------------------------------------- */
#search-box {
	color: #FFFFFF;
border-color: #4C757A;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}

#search-box #keywords {
	width: 150px;
	background-color: #F9F9F9;
}

#search-box input {
	border: 0px solid #4C757A;


}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
	/* padding: 1px 5px;   */
}

#search-box li {
	text-align: right;
	margin-top: 0px;
}

#search-box img {
	vertical-align: middle;
	margin-right: 0px;
}

/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
}

#site-description h1 {
	margin-right: 0;
}





/* Main message box */
#message-box {
	width: 50%;
}

#message-box textarea {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	width: 100%;
	font-size: 1.2em;
	color: #333333;
}


/* ---------------------------------- * 
Latest News 
* ---------------------------------- */ 
#latest_news { margin-bottom: 8px; } 
#latest_news table { 
border-collapse: collapse; 
} 
#latest_news h3 { padding: 0 0 3px 0; color: #333333; } 
#latest_news td { vertical-align: top; } 
.news_date { 
float: right; padding: 1px 8px 1px; 
white-space: nowrap; font-family: "Courier New",Courier,monospace; 
color: #333333; background: #F2F2F2; border: 1px solid #B4B4B4;
font-size: 1.1em;
 
} 
.news_title { 
padding: 3px 8px 2px; margin-bottom: 2px; 
background: transparent url(http://beeretracker.net/styles/Fisubice2/theme/hr400_ltr_gradient.jpg) no-repeat left top; 
font-size: 1.1em;

} 
#latest_news a { text-decoration: none; } 
#latest_news a:hover {color: #DD6900; text-decoration: underline;}
#latest_news .new a {
	color: #FA123A;
	font-weight: bold;
font-size: 1.1em;
}


/* ---------------------------------- * 
Sidebar 1 
* ---------------------------------- */ 
#sidebar1 { 
} 
#sidebar1 h3 { 
padding: 6px 0 6px 0; margin: 0 0 0 0; 
color: #445052; text-indent: 15px;
background-image:url(http://beeretracker.net/styles/Fisubice2/sidebar1_hdr.gif);
background-repeat:no-repeat;
background-position:left;
}
#sidebar1 ul, #user_ratio {padding-bottom:10px; margin-bottom:7px;}
#sidebar1 h3 a { color: #333333; } 
#sidebar1 h5 { padding: 2px 4px 5px; } 
#sidebar1 ul { margin: 6px 0 0 10px; } 
#sidebar1 li { margin-bottom: 2px; margin-left: 14px; } 
#sidebar1 a { text-decoration: none; /*color: #DD6900;*/} 

#sidebar1 a:hover {color: #DD6900; text-decoration: underline;}
#user_ratio { padding: 0;} /* User ratio */ 
#user_ratio td { 
padding: 1px 6px 1px 8px ; font-size: 11px; 
} 
#tr_main_cats {} /* Main tracker categories list */ 
#tr_main_cats ul { } 
#tr_main_cats li { 
margin-bottom: 3px; margin-left: 11px; font-size: 11px; font-weight: bold; line-height: 110%; 
} 
#net_news {} /* Новости в сети */ 
#net_news a {} 







#body_container { background: #E3E3E3; padding: 0 2px 4px; }
	#page_container {
		margin: 0 auto;
		background: #FFFFFF; border: 1px solid #D1D7DC;
		}
		#page_header {
			position: relative; width: 100%;
		}
		#page_content {
			padding: 12px 4px 0; margin: 0 auto;
			clear: both; position: relative;
			}
			#sidebar1 {
				padding: 0 6px 0 3px; vertical-align: top;
				width: 200px;
			}
			#sidebar2 {
				padding: 0 3px 0 6px; vertical-align: top;
				width: 200px;
			}
			#sidebar1-wrap {font-size: 110%;}
			#sidebar2-wrap {}
			#main_content {
				vertical-align: top;
			}
			#main_content_wrap {}
		#page_footer {
			clear: both;
			margin: 12px 0 3px;
		}




.jsb-wrap {
	width: 210px;
	position: relative;
	z-index: 100 !important;
	margin: 18px auto !important;
	text-align: center !important;
	clear: both !important;
}
.jsb-title {
	color: #0094D6;
	padding: 6px 0;
	cursor: pointer;
	position: relative;
	height: 16px;
	line-height: 1 !important;
}
.jsb-s1 {
	background: #F2F9FF;
	border: solid #B1CFED;
	border-width: 1px 1px 0;
	margin-top: -1px;
}
.jsb-s2 {
	background: #F4FFE6;
	border: solid #B3E287;
	border-width: 1px 1px 0;
	margin-top: -1px;
}
.jsb-title span {
	border-bottom: 1px dashed #0094D6;
	color: #0094D6;
}
.jsb-s1 span {
	border-bottom: 1px dashed #418AD3;
	color: #418AD3;
}
.jsb-s2 span {
	border-bottom: 1px dashed #67AD27;
	color: #67AD27;
}
.jsb-wrap ul {
	display: none;
  position: absolute;
	top: 24px;
	left: 0;
	width: 188px;
	padding: 5px 10px !important;
	margin: 0 !important;
	line-height: 22px !important;
}
ul.jsb-list1 {
	background: #F2F9FF;
	border: 1px solid #B1CFED;
	border-top: none;
}
ul.jsb-list2 {
	background: #F4FFE6;
	border: 1px solid #C8EBA9;
	border-top: none;
}
.jsb-wrap li {
  text-align: left !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.jsb-wrap a {
  text-decoration: none !important;
	display: block;
	padding-left: 25px;
	color: #0094D6 !important;
	height: 1%;
}
ul.jsb-list2 a {
	color: #67AD27 !important;
}
.jsb-wrap a:hover {
	color: #F70 !important;
	background-color: #FFF !important;
  text-decoration: underline !important;
}














#text {margin:50px auto; width:700px}
.hotspot {color:#D9D9C2; padding-bottom:5px; border-bottom:5px dotted #87876A; cursor:pointer}

#tt {position:absolute; display:block; background:#D9D9C2}
#tttop {display:block; height:5px; margin-left:5px; background:#D9D9C2; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#D9D9C2; color:#000}
#ttbot {display:block; height:5px; margin-left:5px; background:#D9D9C2; overflow:hidden}

/*
#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}

*/


/* root element for the whole scrollable setup */
div.scrollable {  
  position:relative;
  overflow:hidden;
  width: 99%;
  height:140px;
dysplay: inline;

}
#thumbs { 
  position:absolute;
  width:20000em;  
  clear:both;
	dysplay: inline;
}
a.prev, a.next {
  margin-top:118px; 
dysplay: inline;
}
#thumbs div {
  float:left;
  width:110px;
  height:132px;
  color:#fff;
  cursor:pointer;
  padding: 3px 3px 3px 3px;
dysplay: inline;
}
#thumbs div.hover {
  background-color:#D0DFEF;
}
#thumbs div.active {
  background-color:#6699CC;
  cursor:default;
}
div.scrollable {
  float:left;   
dysplay: inline;
}