/*//////////////////////////////////////////////////////////////////////////////*/

/* container for slides */

.topos_img {
float: left;
border:1px solid #FFF;
margin-right: 3px;
width:67px;
height:50px;
}

.topi{
	position:relative;	
	height:170px;
	width:236px;
	float:left;	
	margin:0px;
	cursor:pointer;
}

/* single slide */
.topi div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:1px;
	padding:1px 1px 1px 1px;
	
	font-size:12px;
}

/* header */
.topi h3 {
	font-size:12px;
	font-weight:normal;
	margin:0px;
	color:navy;
	height:60px;
}

/* tabs (those little circles below slides) */
.slidetabs{
/*display:none;*/
width:206px;
float:left;
margin-left:auto;
margin-right:auto;

}

#topo_navi{
text-align:center;
width:238px;
}

.topi a{
font-style:italic;
}

/* single tab */

.slidetabs a{
width:14px;
float:left;
margin-left:3px;
margin-bottom:2px;
/*background:url(/img/png/navigator.png) 0 0 no-repeat;*/
display:block;
font-size:11px;
background:#8B0000;
color:#fff;
outline:#8B0000 solid 1px;
font-family:Tahoma;
}

/* mouseover state */

.slidetabs a:hover {
background:#FFE4C4;
color:#8B0000;
}

/* active state (current page state) */

.slidetabs a.current {
background:#FFE4C4;
color:#8B0000;
}	


/* prev and next buttons */
.forward, .backward {
float:left;
cursor:pointer;
/*background:url(/img/png/left.png) no-repeat;*/
display:block;
width:14px;
font-size:16px;
color:#fff;
background:#8B0000;
font-weight:bolder;
outline:#8B0000 solid 1px;
margin-left:2px;
margin-bottom:2px;
}

.forward{
	/*
	background-image:url(/img/png/right.png);
	*/
}

.forward:hover, .backward:hover{
background:#FFE4C4;
color:#8B0000;
} 

/* next */
/*
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 
*/

/* prev */
/*
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }
*/
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}