/** 
 *  sliderkit-site.css
 *	> generic styles for Slider Kit plugin website presentation
 * 
 */


/*---------------------------------
 *  Settings list
 *---------------------------------*/
.setting-type{color:#666;}
.setting-value em{color:#005b7d;font-style:normal;}

/*---------------------------------
 *	Tabs menu
 *---------------------------------*/	
.tabs-menu{position:relative;width:800px;margin:0;display:block;border:1px solid #FFFFFF;}

/* Nav */
.tabs-menu .sliderkit-nav{position:relative;width:800px;text-align:left;/*border-bottom:1px solid #00668d;*/}
.tabs-menu .sliderkit-nav-clip{margin:0;}
.tabs-menu .sliderkit-nav-clip ul{list-style:none;}
.tabs-menu .sliderkit-nav-clip li,
.tabs-menu .sliderkit-nav-clip li a{float:left;margin:0;}
.tabs-menu .sliderkit-nav-clip li a{margin:0;margin:0 5px 0 0;padding:4px 10px;color:#fff;font-size:1.1em;text-decoration:none;color:#fff;border:1px solid #00668d;background:#0089BE;}
.tabs-menu .sliderkit-nav-clip li a:hover{background:#00668d;color:#fff;}
.tabs-menu .sliderkit-nav-clip li.sliderkit-selected a{border-bottom-color:#fff;background:#fff;}
.tabs-menu .sliderkit-nav-clip li.sliderkit-selected a,
.tabs-menu .sliderkit-nav-clip li.sliderkit-selected a:active{color:#000;}
.tabs-menu .sliderkit-nav-clip li.donate{float:right;}
.tabs-menu .sliderkit-nav-clip li.donate a{margin:0;color:#000;background-color:#ffb542;border-color:#f68b01;}
.tabs-menu .sliderkit-nav-clip li.donate a:hover{color:#000;background:#fedfa1;}

/* Panel */
.tabs-menu .sliderkit-panels{width:560px;}
.tabs-menu .sliderkit-panel{position:relative;}

/*---------------------------------
 *  Rounded corners
 *---------------------------------*/
 
/* 4 corners */
.tabs-menu .sliderkit-nav-clip li a{
    -moz-border-radius:7px 7px 7px 7px; /* FF1+ (FF4-) */
	-webkit-border-radius:7px 7px 7px 7px; /* Saf3-4, iOS 1+, Android 1.5+ */
	-opera-border-radius:7px 7px 7px 7px; /* Opera 11- */
    border-radius:7px 7px 7px 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	
	/* useful if you don't want a bg color from leaking outside the border: */       
	-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;
}

/*---------------------------------
 *  Slider kit
 *---------------------------------*/
.sliderkit,
.customtabs{margin:10px 0;}
#page .sliderkit ul,
#page .customtabs ul{margin:0;}

.sliderkit .sliderkit-nav-clip a:active{color:#fff}
.sliderkit .sliderkit-nav-clip a:hover{text-decoration:none;}
.tabs-standard .sliderkit-nav-clip li.sliderkit-selected a:active,
.tabs-noheight .sliderkit-nav-clip li.sliderkit-selected a:active{color:#000}
.tabs-standard .sliderkit-nav-clip a:hover,
.tabs-noheight .sliderkit-nav-clip a:hover{color:#fff}

#page .tabs-menu .sliderkit-panel{position:relative;}
#page .tabs-menu .sliderkit-panel-body{width:550px;}
#page .tabs-menu .sliderkit-panel .supertoc{position:absolute;width:180px;right:0;top:30px;}

/*---------------------------------
 *  Super TOC!
 *---------------------------------*/
.supertoc{position:absolute;top:65px;right:0;width:200px;margin:0 0 30px;padding:0 10px 10px;text-align:left;background:#f2f1f1;-moz-border-radius:7px;-webkit-border-radius:7px;border:1px solid #ccc;}
.supertoc ul{list-style:disc outside none;}
.supertoc ul li{padding:0px;}
.supertoc ul .toc-h1{margin:10px 0 3px;list-style:none;}
.supertoc ul .toc-h2{list-style:disc;margin:7px 0 0 20px;}
.supertoc ul .toc-h3{list-style:circle;margin:0 0 0 35px;}
.supertoc ul a:hover{text-decoration:underline;}

/*---------------------------------
 *  Transitions
 *---------------------------------*/
#page .transitions ul{padding:0;margin:0;list-style:none;}
#page .transitions ul li{float:left;width:185px;margin:0 15px 10px 0;}
#page .transitions ul li h3{}
#page .transitions ul ul li{float:none;width:auto;margin:0 0 5px;}

#page #transitionsSettings{position:absolute;left:580px;top:200px;}
#page #transitionsSettings label{margin:0 5px 0 0;}
#page #transitionsSettings select{margin:0 0 10px;}

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(../images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

.sliderkit-panel img {
    width: 500px;
}