body{

    direction:rtl;

	margin: 0px;

	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;

	font-size: 60%;

	color: #555555;

}

div#wrapbg{

	/* background: url(../images/logo.png);  */

	background-repeat: no-repeat;

	width: 100%;

    background-color:#FBFBFB;

    direction:rtl

}

div#inner {
	background: url(../images/logo.png); 
		background-repeat: no-repeat;
		height:105px;
		border-bottom: 5px #9bf04c solid;
		width:950px;
}

.clr{

	clear: both;

}





/* JOOMLA DEFAULT STYLE

--------------------------------------------------------- */

a:link, a:visited{

	color: #005278;

	text-decoration: none;

}

a:hover{

	color: #005278;

	text-decoration: underline;

}

ul {

	margin: 0px;

	margin-left: 15px;

	padding: 0px;

}

ul a:link, ul a:visited{

	color: #005278;

	text-decoration: none;

}

ul a:hover{

	color: #005278;

	text-decoration: underline;

}

td{

	font-size: 1em;

}

a img{

	border: none;

}

.contentheading {

	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;

	font-size: 1.33em;

	font-weight: bold;

	color: #6ab425;

}

.contentheading a:link, .contentheading a:visited {

	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;

	font-size: 1.33em;

	font-weight: bold;

	color: #6ab425;

	text-decoration: none;

}

.contentheading a:hover {

	color: #005278;

	text-decoration: underline;

}

.modifydate{

	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;

	font-size: 0.83em;

	color: #cbcbcb;

	padding-top: 15px;

}

.small{

	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;

	font-size: 0.83em;

	color: #cbcbcb;

}

.createdate{

	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;

	color: #cbcbcb;

}

td .createdate{

	font-size: 0.83em;

}

.readon{

	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;

	font-size: 0.92em;

	color: #005278;

}

a.readon:link, a.readon:visited {

	text-decoration: none;

}

a.readon:hover {

	text-decoration: underline;

}

td.buttonheading {

	width: 32px;

}

.sectiontableheader {

	background-color : #efefef;

	background-repeat: repeat;

	border-bottom: solid 1px #999999;

	padding: 2px;

	color : #555555;

	font-weight : bold;

	padding: 2px;

}

.sectiontableentry2 {

	background-color : #F3F3F3;

}

.mosimage_caption{

	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;

	font-size: 10px;

	color: #cbcbcb;

	padding-top: 5px;

	padding-bottom: 5px;

}

.componentheading {

	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	color: #cbcbcb;

	text-align: right;

	margin-bottom: 20px;

}

table.contenttoc {

	margin: 0 0 10px 10px;

	padding: 0;

	width: 200px;

}

table.contenttoc td {

	padding: 1px 5px 1px 18px;

}

table.contenttoc th {

	padding: 2px 4px;

	background-color : #efefef;

	border-bottom: solid 1px #999999;

	color: #888888;

	text-indent: 5px;

	text-transform: UPPERCASE;

}

table.blog, table.contentpaneopen{

	width: auto;

}

table.contentpane{

	width: 100%;

	margin-bottom: 30px;

	text-align: right;

}

.highlight{

	background-color: #ffff99;

}

.contentpane{

	width: auto;

}

form {

	margin: 0;

	padding: 0;

}

table.poll {

	padding: 0;

	width: 100%;

	border-collapse: collapse;

}

table.pollstableborder {

	padding: 0;

	width: 100%;

	border: none;

	text-align: right;

}

table.pollstableborder img {

	vertical-align: baseline;

}

table.pollstableborder td {

	padding: 2px!important;

}

form {

	margin: 0;

	padding: 0;

}

#mod_login_password, #mod_login_username {

	width: 140px;

}

#mod_search_searchword{

	width: 150px;

}

input, select {

	font: 11px "Lucida Grande", Tahoma, Helvetica, sans-serif;

}

select, .inputbox {

	padding: 2px;

}

textarea {

	padding-left: 2px;

}

.button {

	padding: 1px 4px;

	border-top: 1px solid #E1E1E1;

	border-left: 1px solid #E1E1E1;

	border-bottom: 1px solid #BABDB6;

	border-right: 1px solid #BABDB6;

	background: #EFEFEF;

}

.button:hover, .button:focus {

	border-top: 1px solid #BABDB6;

	border-right: 1px solid #E1E1E1;

	border-bottom: 1px solid #E1E1E1;

	border-left: 1px solid #BABDB6;

}

.inputbox {

	border-top: 1px solid #BABDB6;

	border-right: 1px solid #EDEEEC;

	border-bottom: 1px solid #EDEEEC;

	border-left: 1px solid #BABDB6;

	background: #FFFFFF;

}

.inputbox:hover, .inputbox:focus {

	border: 1px solid #BABDB6;

	background: #FFFFFF;

}

.pagenav {

	padding: 2px;

}

a.pagenav,

.pagenav_prev a,

.pagenav_next a,

.pagenavbar a {

	padding: 1px 4px;

	border-top: 1px solid #E1E1E1;

	border-left: 1px solid #E1E1E1;

	border-bottom: 1px solid #BABDB6;

	border-right: 1px solid #BABDB6;

	background: #EFEFEF;

	color: #666666;

	text-decoration: none;

	font-size: 11px;

}

a.pagenav:hover, a.pagenav:active,

.pagenav_prev a:hover, .pagenav_prev a:active,

.pagenav_next a:hover, .pagenav_next a:active,

.pagenavbar a:hover, .pagenavbar a:active {

	padding: 1px 4px;

	border-top: 1px solid #BABDB6;

	border-right: 1px solid #E1E1E1;

	border-bottom: 1px solid #E1E1E1;

	border-left: 1px solid #BABDB6;

	background: #EFEFEF;

	color: #666666;

	text-decoration: none;

}

.pagenavbar {

	padding-left: 14px;

	color: #666666;

	font-size: 11px;

}

.pagenavcounter {

	padding: 8px 14px 0 14px;

	color: #666666;

}

.blog_more {

	margin-top: 5px;

	margin-bottom: 30px;

}

.back_button{

	font-size: 11px;

}

.adminform textarea {

	width: 840px!important;

}



.adminform textarea.inputbox {

	width: 840px!important;

}





/* LAYOUT STYLING

--------------------------------------------------------- */

div#wrapper{

	width: 960px;

}





/* MOO.FX

--------------------------------------------------------- */

div#toolsdiv{

	width: 100%;

	color: #fff;

	font-size: 11px;

	background-color: #000000;

}

div#tools{

	width: 711px;

	height: 55px;

	padding-top: 5px;

}

/* ------------------------------------ */

div#syndicatediv{

	float: left;

	width: 229px;

}

div#colorsdiv{

	float: left;

	width: 256px;

}

div#fontsdiv{

	float: left;

	width: 226px;

}





/* WEBSITE TOOLS

--------------------------------------------------------- */

div#sitetoolsdiv{

	height: 32px;

}

div#sitetools{

	width: 164px;

	height: 32px;

	float: right;

	background: url(../images/tools_label.gif);

	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;

	font-size: 9px;

	color: #A6A6A6;

	line-height: 3.5em;

	text-align: center;

	text-transform: uppercase;

}

div#sitetools a:link, div#sitetools a:visited{

	color: #A6A6A6;

	text-decoration: none;

}

div#sitetools a:hover{

	color: #fff;

}





/* TOP AREA

--------------------------------------------------------- */

div#topareadiv{

	height: 100px;

}

div#logo{

	width: 452px;

	height: 123px;

	background: url(../images/logo_blue.gif);

	float: left;

}

div#bannerdiv{

	width: 488px;

	height: 123px;

	float: left;

}

div#banner{

	padding-top: 29px;
	padding-left: 79px;

	text-align: right;

    direction:ltr;

    color:white;

    font-size:12px;

}





/* HEADER

--------------------------------------------------------- */

div#headerdiv{

	height: 106px;

	overflow: hidden;

}

div#header{

	padding: 10px;

}

div#header .moduletable h3{

	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;

	font-size: 1.1em;

	color: #fff;

	text-align: right;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

}

div#header .moduletable{

	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;

	font-size: 0.92em;

	color: #e0e0e0;

	text-align: right;

	margin: 0px;

	padding: 0px;

}

div#header td{

	padding: 0px;

	font-size: 1em;

}

div#header .contentpaneopen{

	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;

	font-size: 1em;

	color: #e0e0e0;

	text-align: right;

	margin: 0px;

	padding: 0px;

}

div#header a{

	color: #e0e0e0;

	text-decoration: underline;

}





/* SUCKERFISH

--------------------------------------------------------- */

#navdiv{

	height: 30px;
	background-color:#000033;

}

#nav {

	/*background: url(../images/toolbar_div_blue.jpg) 0 0 no-repeat; */

	margin: 0;

	padding: 0;

	height: 30px;

}

#nav a {

	text-transform: uppercase;

	font-size: 11px;

	color: #fff;

	float: left;

	text-decoration: none;

	display: block;

	cursor: pointer;

	line-height: 30px;

	padding: 0 15px;

}

#nav a.topdaddy,

#nav li a {

	background: url(../images/toolbar_div_blue.jpg) 0 100%  no-repeat;

}

#nav li a:hover{}

#nav li li a{

	background: none;

	font-weight: normal;

	padding: 0;

	text-indent: 15px;

	text-transform: uppercase;

	color: #939393;

	line-height: 30px;

}

#nav ul li ul li a:hover{

	background: none;

}

#nav ul li a:hover,

#nav ul li ul li ul li a:hover {

	color: #fff;

}

#nav, #nav ul {

	

	list-style: none;

	margin: 0;

	padding: 0;

}

#nav li li {

	padding: 0;

	background: none;

	border-bottom: 1px solid #004165;

	border-top: 1px solid #006589;

}

#nav ul ul a {

	display: block;

	color: #ffffff;

	text-decoration: none;

	width: 167px;

	text-transform: none;

	font-size: 11px;

	text-align: right;

}

#nav li {

	float: right;

	padding: 0;

 	background: none;

	height: 30px;

}

#nav ul li {

	position: relative;

	z-index: 1;

}

#nav li ul {

	top: 30px;

	position: absolute;

	left: -999em;

	height: auto;

	width: 170px;

	font-weight: normal;

	border-width: 0;

	margin: 0;

	padding: 0;

	border-right: 1px solid #004165;

	border-left: 1px solid #004165;

	border-bottom: 1px solid #004165;

	border-top: 1px solid #004165;

}	

#nav ul {

	padding: 0;

	margin: 0;

	margin-right: 2px;

}

#nav li li {

	float: left;

	padding: 0;

   	width: 170px;

}

#nav li ul ul {

	margin: -25px 0 0 170px;

}

#nav li:hover ul ul, 

#nav li:hover ul ul ul,

#nav li:hover ul ul ul ul,  

#nav li.sfhover ul ul, 

#nav li.sfhover ul ul ul, 

#nav li.sfhover ul ul ul ul {

	left: -999em;

}

#nav li:hover ul, 

#nav li li:hover ul, 

#nav li li li:hover ul, 

#nav li li li li:hover ul,

#nav li.sfhover ul, 

#nav li li.sfhover ul, 

#nav li li li.sfhover ul,

#nav li li li li.sfhover ul{

	z-index: 100;

	left: 0;

}

#nav li:hover, #nav li.sfhover {

    left: 0;

    background-color: #003954;

}

#nav li:hover a, #nav li.sfhover a {

    color: #fff;

}

#nav li li:hover a, #nav li li.sfhover a {

    color: #fff;

}

#nav li li:hover a:hover, #nav li li.sfhover a:hover {

    color: #fff;

}

#nav ul ul a {

	background: none;

}

#nav li.active {}

#nav li li.active {

	background: none;

}

#nav li:hover ul, 

#nav li li:hover ul, 

#nav li li li:hover ul, 

#nav li li li li:hover ul,

#nav li.sfhover ul, 

#nav li li.sfhover ul, 

#nav li li li.sfhover ul,

#nav li li li li.sfhover ul{

	background: #005278;

}





/* DEFAULT JOOMLA MENU STYLING

--------------------------------------------------------- */

a.mainlevel:link, a.mainlevel:visited {

	display: block;

	height: 20px;

	width: 200px;

	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;

	text-decoration:none;

	color: #005278;

	text-align: right;

	text-indent: 10px;

	border-bottom-style: solid;

	border-bottom-color: #cccccc;

	border-bottom-width: 1px;

	line-height: 20px;

}

a.mainlevel:hover {

	background-color: #f7f7f6;

	display: block;

	height: 20px;

	width: 200px;

	color: #005278;	

}	

a.sublevel:link, a.sublevel:visited {

	display: block;

	height: 20px;

	width: 196px;

	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;

	text-decoration:none;

	color: #666666;

	text-align: right;

	text-indent: 15px;

	border-bottom-style: solid;

	border-bottom-color: #cccccc;

	border-bottom-width: 1px;

	line-height: 20px;

}

a.sublevel:hover {

	background-color: #f7f7f6;

	display: block;

	height: 20px;

	width: 196px;

	color: #666666;	

}

#active_menu {

	color: #000;

	display: block;

	height: 20px;

	width: 200px;

}

#active_menu.sublevel {

	background-color: #f7f7f6;

	color: #000;

	display: block;

	height: 20px;

	width: 200px;

}





/* MAIN CONTENT

--------------------------------------------------------- */

div#left .newsfeed a, div#user2 .newsfeed a,

div#user3 .newsfeed a, div#user4 .newsfeed a,

div#user5 .newsfeed a, div#user6 .newsfeed a,

div#user7 .newsfeed a, div#right .newsfeed a{

	font-weight: normal;

}

div#user2 .moduletable, div#user3 .moduletable,

div#user4 .moduletable, div#user5 .moduletable,

div#user6 .moduletable, div#user7 .moduletable{

	font-size: 0.92em;

}

div#maincontentdiv{

	margin: 30px 0px 30px 0px;

}

div#maincontent{}

div#pathway{

	text-align: right;

	font-size: 0.92em;

	color: #555555;

	padding-bottom: 20px;

}

div#pathway a:link, div#pathway a:visited{

	color: #005278;

	text-decoration: none;

}

div#pathway a:hover{

	text-decoration: underline;

}



div#topusersdiv{

	padding: 0px 0px 20px 0px;

	height: 1%;

}

div#bottomusers1div{

	padding: 30px 0px 20px 0px;

	height: 1%;

}

div#bottomusers2div{

	padding: 0px 0px 20px 0px;

	height: 1%;

}

div#user2div, div#user3div,

div#user4div, div#user5div,

div#user6div, div#user7div{

	float: left;

}

div#user2, div#user3,

div#user4, div#user5,

div#user6, div#user7{

	padding: 0px 10px 0px 10px;

	text-align: right;

	font-size: 1em;

	color: #939393;

}

div#user2 h3, div#user3 h3,

div#user4 h3, div#user5 h3,

div#user6 h3, div#user7 h3{

	font-size: 1em;

	color: #474747;

	margin: 0px 0px 5px 0px;

}

/* ------------------------------------ */

div#leftblock{

	float: right;

	width: 240px;

}

div#leftdiv{

	width: 200px;

	text-align: right;

}

div#left{

	font-size: 1em;

	color: #939393;

}

div#left h3{

	margin: 0px 0px 3px 0px;

	padding: 0px 0px 3px 0px;

	border-bottom: 1px solid #cccccc;

	font-size: 1.18em;

	color: #005278;

}

div#left .moduletable{

	margin-bottom: 20px;

	font-size: 0.92em;

}

div#left a{

	font-size: 1em;

}

/* ------------------------------------ */

div#centerblock{ /* 3 columns layout */

	float: left;

	width: 478px;

	border-left: 1px solid #cccccc;

	border-right: 1px solid #cccccc;

}

div#centerblockright{ /* 2 columns layout ~ right block disabled */

	float: left;

	width: 719px;

	border-right: 1px solid #cccccc;

}

div#centerblockleft{ /* 2 columns layout ~ left block disabled */

	float: left;

	width: 719px;

	border-left: 1px solid #cccccc;

}

div#centerblockfull{ /* 1 columns layout */

	float: left;

	width: 960px;

}

div#centerdiv{

	padding: 0px 20px 0px 20px;

}

div#center{text-align: right; position: relative;}

/* ------------------------------------ */

div#rightblock{

	float: left;

	width: 240px;

}

div#rightdiv{

	width: 200px;

	text-align: right;

}

div#right{

	font-size: 1em;

	color: #939393;

}

div#right h3{

	margin: 0px 0px 3px 0px;

	padding: 0px 0px 3px 0px;

	border-bottom: 1px solid #cccccc;

	font-size: 1.18em;

	color: #005278;

}

div#right .moduletable{

	margin-bottom: 20px;

	font-size: 0.92em;

}

div#right a{

	font-size: 1em;

}





/* FOOTER

--------------------------------------------------------- */

div#footercontentdiv{

	margin-bottom: 30px;

}

div#footercontent{

	padding-top: 30px;

	border-top: 1px solid #cccccc;

}

div#footerdiv{

	text-align: right;

	color: #aaaaaa;

	font-size: 0.92em;

	float: left;

}

div#footerdiv a:link, div#footerdiv a:visited{

	color: #005278;

	text-decoration: none;

}

div#footerdiv a:hover{

	text-decoration: underline;

}

span#footercopyright a:link, span#footercopyright a:visited{

	color: #aaaaaa;

	text-decoration: none;

}

span#footercopyright a:hover{

	color: #005278;

	text-decoration: underline;

}

div#w3cdiv{

	width: 240px;

	float: right;

	text-align: right;

}



/* Hover Box */



/* left */

.hb_left {position:relative; }

.thumbs_left {width:180px; float:right;}

.thumbs_left a {display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}

.thumbs_left a img {width:50px; height:50px; border:0;margin: 0;}

.thumbs_left a:hover {border-color:#ddd;}

.thumbs_left a:hover img {position:absolute; width:auto; height:auto; right:185px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;}







/* right */

.hb_right {position:relative; }

.thumbs_right {width:180px; float:left;}

.thumbs_right a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}

.thumbs_right a img {width:50px; height:50px; border:0;margin: 0;}

.thumbs_right a:hover {border-color:#ddd;}

.thumbs_right a:hover img {position:absolute; width:auto; height:auto; left:200px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;}





/* top */

.hb_top {position:relative; }

.thumbs_top {float:left;margin-top: 400px;}

.thumbs_top a {display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}

.thumbs_top a img {width:50px; height:50px; border:0;margin: 0;}

.thumbs_top a:hover {border-color:#ddd;}

.thumbs_top a:hover img {position:absolute; width:auto; height:auto; top:60px; left: 100px;border:1px solid #ccc;padding: 4px;background: #fefefe;}





/* bottom */

.hb_bottom {position:relative; }

.thumbs_bottom {float:left;}

.thumbs_bottom a {display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}

.thumbs_bottom a img {width:50px; height:50px; border:0;margin: 0;}

.thumbs_bottom a:hover {border-color:#ddd;}

.thumbs_bottom a:hover img {position:absolute; width:auto; height:auto; top:0px; left: 50px;;border:1px solid #ccc;padding: 4px;background: #fefefe;}





/* square_right */

.hb_square_right {position:relative; }

.thumbs_square_right {width:180px; float:left;}

.thumbs_square_right a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}

.thumbs_square_right a img {width:50px; height:50px; border:0;margin: 0;}

.thumbs_square_right a:hover {border-color:#ddd;}

.thumbs_square_right a:hover img {position:absolute; width:auto; height:auto; left:200px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;width:200px;height:200px;}





/* square_left */

.hb_square_left {position:relative; }

.thumbs_square_left {width:180px; float:right;}

.thumbs_square_left a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}

.thumbs_square_left a img {width:50px; height:50px; border:0;margin: 0;}

.thumbs_square_left a:hover {border-color:#ddd;}

.thumbs_square_left a:hover img {position:absolute; width:auto; height:auto; right:200px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;width:200px;height:200px;}





/* tall_left */

.hb_s_left {position:relative; }

.thumbs_tall_left {width:180px; float:right;}

.thumbs_tall_left a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}

.thumbs_tall_left a img {width:40px; height:60px; border:0;margin: 0;}

.thumbs_tall_left a:hover {border-color:#ddd;}

.thumbs_tall_left a:hover img {position:absolute; width:auto; height:auto; right:200px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;width:200px;height:300px;}





/* tall_right */

.hb_tall_right {position:relative; }

.thumbs_tall_right {width:180px; float:left;}

.thumbs_tall_right a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}

.thumbs_tall_right a img {width:50px; height:50px; border:0;margin: 0;}

.thumbs_tall_right a:hover {border-color:#ddd;}

.thumbs_tall_right a:hover img {position:absolute; width:auto; height:auto; left:200px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;width:200px;height:300px;}





/* wide_left */

.hb_wide_left {position:relative; }

.thumbs_wide_left {width:180px; float:right;}

.thumbs_wide_left a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}

.thumbs_wide_left a img {width:60px; height:40px; border:0;margin: 0;}

.thumbs_wide_left a:hover {border-color:#ddd;}

.thumbs_wide_left a:hover img {position:absolute; width:auto; height:auto; right:190px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;width:300px;height:200px;}





/* wide_right */

.hb_wide_right {position:relative; }

.thumbs_wide_right {width:180px; float:left;}

.thumbs_wide_right a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}

.thumbs_wide_right a img {width:50px; height:50px; border:0;margin: 0;}

.thumbs_wide_right a:hover {border-color:#ddd;}

.thumbs_wide_right a:hover img {position:absolute; width:auto; height:auto; left:200px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;width:300px;height:200px;}



/* small thumbs left */

.hb_left {position:relative; }

.thumbs_small_left {width:180px; float:right;}

.thumbs_small_left a {display:block; float:left; margin:0 0 5px 5px; width:25px; height:25px; border:1px solid #ccc;}

.thumbs_small_left a img {width:25px; height:25px; border:0;margin: 0;}

.thumbs_small_left a:hover {border-color:#ddd;}

.thumbs_small_left a:hover img {position:absolute; width:auto; height:auto; right:185px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;}



/* small thumbs right */

.hb_small_right {position:relative; }

.thumbs_small_right {width:180px; float:left;}

.thumbs_small_right a {display:block; float:right; margin:0 0 5px 5px; width:25px; height:25px; border:1px solid #ccc;}

.thumbs_small_right a img {width:25px; height:25px; border:0;margin: 0;}

.thumbs_small_right a:hover {border-color:#ddd;}

.thumbs_small_right a:hover img {position:absolute; width:auto; height:auto; left:200px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;}



/* dark left */

.hb_dark_left {position:relative; }

.thumbs_dark_left {width:180px; float:right;}

.thumbs_dark_left a {display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}

.thumbs_dark_left a img {width:50px; height:50px; border:0;margin: 0;}

.thumbs_dark_left a:hover {border-color:#000;}

.thumbs_dark_left a:hover img {position:absolute; width:auto; height:auto; right:185px; top:0; border:1px solid #000;padding: 4px;background: #333;}



/* dark right */

.hb_dark_right {position:relative; }

.thumbs_dark_right {width:180px; float:left;}

.thumbs_dark_right a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}

.thumbs_dark_right a img {width:50px; height:50px; border:0;margin: 0;}

.thumbs_dark_right a:hover {border-color:#000;}

.thumbs_dark_right a:hover img {position:absolute; width:auto; height:auto; right:185px; top:0; border:1px solid #000;padding: 4px;background: #333;}





#mooticker li {

position: absolute;

top: 0;

left: 0;

display: block;

padding: 2px 4px;

font-weight: bold;

font-size: 90%;

text-decoration: none;

}



#mooticker {

position: relative; /* important */

overflow: hidden; /* important */

width: 100%; /* important */

height: 24px; /* important */

}