/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: none; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; border-style:solid;  border-color:#d3d3d3;  border-width:1px; padding-left:5px; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0;height:29px;margin-bottom:15px; }
.ui-tabs .ui-tabs-nav li 
{	
	background-image:url(../images/img_tab.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:16px;
	margin-left:5px;
	margin-top:10px;
	padding-left:6px;
	padding-top:3px;
	width:83px;
	border-right:solid thin #999999;
}	          
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none;font-size:10px;padding-left:4px;     
      color:#6C6C6C;/*padding: .5em 1em;*/ }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected 
{
	background-image:url("../images/img_tab_white.png");
	background-repeat:no-repeat;
	border-bottom:0 none;
	height:17px;
	padding-bottom:0px;
	padding-left:5px;
	padding-top:2px;
	width:85px;
	border-right:solid thin #999999;
}   

.ui-tabs .ui-tabs-nav  li.ui-state-hover
{
	background-image:url("../images/img_tabRv.png");
	background-repeat:no-repeat;
	color:#000000;
	height:16px;
}
	     
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tab{ padding: 1em 1.4em; display: block; border-width: 0; background: none; margin-top:10px; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-accordion-content
{
    color:#666666;
    font-family:Arial;
    font-weight:normal;
    text-align:left;
    font-size:11px;
    line-height:13px;
    border:thin solid #EEEEEE;
    padding:15px;
    margin:0px!important;
    width:388px;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 258px;
	height:80px;
}

#chained  {
    height:185px;
    overflow:hidden;
    position:relative;
    width:276px;
    margin-left:5px;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:relative;
	clear:both;
}
/* single scrollable item */
.scrollable img {
	float:left;
	margin:0px 20px 0px 5px;
	background-color:#fff;
	padding:2px;
	cursor:pointer;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#chained img {
	float:left;
	margin:0px;
	padding:0px;
	cursor:pointer;	
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* position and dimensions of the navigator */
.navi {
	height:20px;
    margin:0 auto;
    text-align:center;
    width:100px;
}

/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}
/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

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


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../images/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}