/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */
.holder {
	float: left;
	padding: 10px;
}
/*Ancho scroll*/
.scroll-pane {
	width: 100%;
	height: 100%;
	overflow: auto;
	float: left;
	color:#826230;
}
.wide {
	width: 400px;
}
.super-wide {
	width: 700px;
}
.tall {
	height: 400px;
}
/*Ancho panel*/
#pane1 {
	height:450px;
	width:770px;
	font-size: 13px;
}
#pane1 h4 {
	font-size:20px;
}
#pane1 p {
	padding-bottom: 8px;
}
#pane2 {
	height:440px;
	width:480px;
	font-size: 13px;
}
a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

#paneArtist {
	padding-top:5px;
	height:273px;
	width:368px;
	font-size: 13px;
}
#paneArtist p {
	font-size:11px;
}
#pane1, #pane2, #pane3, #pane4 {
	width: 216px;
	height: 154px;
	font-size: 11px;
	float:left;
}
#pane1 a:hover, #pane2 a:hover, #pane3 a:hover, #pane4 a:hover {
	font-weight:bold;
}
#panel_artformindividual {
	width:770px;
	height:450px;
	font-size: 13px;
}
#pane_buitoniandart {
	width:480px;
	height:440px;
	font-size: 13px;
}
#pane_buitoniandart h4 {
	font-size:20px;
	padding-bottom:0px;
}
#pane6 {
	width: 580px;
	height: auto;
	padding-left:10px;
}
#pane6 p {
	font-size: 12px;
	color: #836230;
	text-align:left;
}
.table_rules {
	font-size: 12px;
	color: #836230;
	text-align:left;
}
#pane6 .table_rules td {
	padding-left: 10px;
	padding-right: 10px;
}
.content_layer_rules .text_title_section p {
	font-size: 13px;
	text-align: left;
	color: #836230;
	padding-left:10px;
	padding-right:10px;
}
.content_layer_rules .title_home {
	font-size: 17px;
	padding-left:10px;
	padding-right:10px;
}
.content_layer_rules {
	padding-bottom:20px;
}