/*

 * CSS Styles that are used on the jScrollPane demo site - these are custom to the site and

 * you shouldn't need to use them in your own implementations of jScrollPane.

 */



*

{

	margin: 0;

	padding: 0;

}



html,

body

{

	background: #fff;

}



body

{

	font: 11px/1.231 arial, helvetica, clean, sans-serif;

	color: #999;

}



#top-nav

{

	width: 500px;

	background: #fff;

	padding: 0 20px 12px 0;

	margin: 0 auto 20px;

	overflow: hidden;



	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	-moz-border-radius-topleft: 0;

	-webkit-border-top-left-radius: 0;

	border-radius-topleft: 0;

	-moz-border-radius-topright: 0;

	-webkit-border-top-right-radius: 0;

	border-radius-topright: 0;

}



#top-nav img

{

	float: left;

}



#top-nav ul

{

	margin: 28px 0 0;

	overflow: hidden;

	float: right;

}



#top-nav ul li

{

	float: left;

	padding: 0 0 0 1em;

	list-style: none;

}



#top-nav ul li a

{

	color: #fff;

}



#top-nav ul li a:hover

{

	color: #ffa;

}



#top-nav ul li:last-child

{

	padding-right: 0;

}



#container

{

	width: 900px;

	background: #fff;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	text-align: left;

	margin-right: auto;

	margin-left: auto;

	margin-top: -18px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	float: none;

	padding-top: 0px;

}



h1

{

	font-size: 11px;

	color: #999;

	background: #fff;

	margin: 0 0 1em;

	padding:4px 8px 5px;



	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



h2

{

	clear: left;

	font-size: 11px;

	color: #000;

	background: #fff;

	margin: 1em 0;

	padding:4px 0px 5px;



	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



h2 span.setting-type

{

	font-weight: normal;

}



p

{

	font-size: 11px;

	margin: 1em 0;

}



p.intro

{

	font-size: 11px;

	padding: 10px;

	background: #fff;



	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;



}



a

{

	color: #7171D4;

	text-decoration: none;

}



a:hover

{

	color: #f99600;

}



ul

{

	padding: 0 0 0 1em;

}



ul li

{

	margin: 0 0 .5em;

}



ul.link-list li

{

	margin: 0;

}



ul p

{

	margin: 0;

}



/* For the form demo page */



form

{

	overflow: hidden;

}



fieldset

{

	border: 0;

	overflow: hidden;

}



legend

{

	font-weight: bold;

	margin: 1em 0;

}



label

{

	clear: left;

	float: left;

	margin: .5em 6px 0 0;

	text-align: right;

	width: 100px;

}



input,

select,

textarea

{

	float: left;

	border: 0;

	padding: 3px 5px;

	margin: 0 0 .5em;

}



input[type=button],

input[type=submit]

{

	clear: left;

	background: #fff;

	width: auto;

	margin: 0 0 0 106px;

}



pre

{

	background: #fff;

	padding: 10px;

	font-size: 11px;

	width: 500px;



	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	overflow: auto;

}

a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-style: normal;

	color: #999;

}

a {

	font-style: normal;

}