@charset "utf-8";
/* CSS Document */
.SlidingPanels {
	float: left;
	position: relative;
	width: 550px;  /*width: 570px;*/
	height: 282px;
	padding: 0px;
	border: none;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
}

#slidingPanel{
	margin-left:0px; /*margin-left:30px;*/
}

.SlidingPanelsContentGroup {
	position: relative;
	float: left;
	width: 10000px; /*width: 10000px;*/
	margin: 0px;
	padding: 0px;
	sborder: none;
}

.SlidingPanelsContent {
	float: left;
	width: 530px; /*width: 570px;*/
    height: 299px;
	overflow:scroll;
	margin:0px;
	padding-right:10px; /*padding-right:10px;*/
	padding-left:10px; /*padding-left:10px;*/
	scrollbar-face-color:#FFF;
    scrollbar-shadow-color:#EEE;
    scrollbar-highlight-color:#FFF;
    scrollbar-3dlight-color:#EEE;
    scrollbar-darkshadow-color:#EEE;
    scrollbar-track-color:#FFF;
    scrollbar-arrow-color:#0E6199}
}


.SlidingPanelsAnimating * {
	overflow: hidden !important;
}
.SlidingPanelsCurrentPanel {
}
.SlidingPanelsFocused {
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.slidingTabPanelWrapper {
	height:47px;
	margin:15px 0 0px 0px; /*margin:20px 0 0px 30px;*/
	display: none;
	width:552px; /*width:550px;*/
	background:url(../images/tab_shadow.png) bottom center no-repeat;
	border-bottom:1px solid #999;
		
}

.slidingTabPanel {
	list-style:none;
	margin: -6px;
	padding:0;
	width:450px; /*width:550px;*/
	height:46px;
	
}
.slidingTabPanel LI {
	list-style:none;
	float:left;
	width:100px;
	padding-left: 0px;
	margin:0 5px;	
}


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

.tabActive,.tabActive2,.tabActive3,.tabActive4,.tabActive5,.tabActive6,.tabActive7,.tabActive8,.tabActive9,.tabActive10,.tabActive11,.tabActive12,.tabActive13,.tabActive14,.tabActive15,.tabActive16,.tabActive17,.tabActive18,.tabActive19,.tabActive20,.tabActive21,.tabActive22 {
	position:relative;
	top:1px;
	display:block;
	width:100px;
	height:46px;
	cursor:default;
	outline:none;
	margin:1px;
}

.tab,.tab2 ,.tab3,.tab4,.tab5,.tab6,.tab7,.tab8,.tab9,.tab10,.tab11,.tab12 ,.tab13,.tab14,.tab15,.tab16,.tab17,.tab18,.tab19,.tab20,.tab21,.tab22{
	position:relative;
	margin:1px;
	top:1px;
	display:block;
	width:100px;
	height:46px;
	background-position:-200px;
	cursor:pointer;
	outline:none;
}



.tab:hover {
	background-position:-100px;
}

.bborder{
	border-top:1px solid #999;
}

#nutshell,#nutshell2,#nutshell3,#nutshell4,#nutshell5,#nutshell6,#nutshell7,#nutshell8,#nutshell9,#nutshell10,#nutshell11,#nutshell12,#nutshell13,#nutshell14,#nutshell15,#nutshell16,#nutshell17,#nutshell18,#nutshell19,#nutshell20,#nutshell21,#nutshell22 {
	background-image:url(../images/overview.jpg);
}
#widgets,#widgets2,#widgets3,#widgets4,#widgets5,#widgets6,#widgets7,#widgets8,#widgets9,#widgets10,#widgets11,#widgets12,#widgets13,#widgets14,#widgets15,#widgets16,#widgets17,#widgets18,#widgets19,#widgets20,#widgets21,#widgets22 {
	background-image:url(../images/features.jpg);
}
#data,#data2,#data3,#data4,#data5,#data6,#data7,#data8,#data9,#data10,#data11,#data12,#data13,#data14,#data15,#data16,#data17,#data18,#data19,#data20,#data21,#data22 {
	background-image:url(../images/related.jpg);
}