/*---===<<< UNIVERSAL RESETS AND STYLES >>>===---*/
* {
margin: 0;
padding: 0;
}
.clear {
clear: both;
display: block;
height: 0;
overflow: hidden;
}
a img {
border: 0;
}
a:active, 
a:focus {
border: none;
outline: none;
}
/*---===<<< CONTENT STYLES >>>===---*/
.home {
margin:0 auto;
padding: 0;
text-align: center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
background: url(images/body_bg.jpg) repeat-x 0 0;
}
.interior {
margin:0 auto;
padding: 0;
text-align: center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
background: url(images/interior_site_bg.jpg) repeat-x 0 0;
}

/*---=== HEADING STYLES ===---*/
h1 {
margin:15px 0px;
}
h2 {
	margin:0 0 10px 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13pt;
	font-weight:bold;
	color:#7b5daa;
}
.brown_box h3 {
	margin:0 0 3px 0;
}
h3 {
	margin:0 0 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#7b5daa;
}
h4 {
	margin:0 0 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#595959;
}
h5 {
	margin:0 0 10px 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#7b5daa;
}
h6 {
}
/*--- HEAD ---*/
.Head {
}
/*--- SUBHEAD ---*/
.SubHead {
}
/*---=== TEXT STYLES ===---*/
body,
p,
.Normal {
color:#6c6c6c;
}
.NormalRed,
.NormalDisabled,
.NormalBold,
.SkinObject,
.CommandButton {
}
p {
	font-size:12px;
	line-height:1.5em;
	margin:0 0 13px 0;
}
strong {
}
em {
}
hr {
}
/*---=== LINK STYLES ===---*/
a:link, 
a:visited, 
a:active {
color:#E84C00;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/*---=== LIST STYLES ===---*/
/*--- ORDERED ---*/
ol {
}
ol li {
}
ol li li {
}
ol li li li {
}
/*--- UNORDERED ---*/
ul {
margin:0 0 10px;
padding:0;
}
ul li {
list-style:none;
background:url(images/brown_box_list2.jpg) no-repeat 0 7px;
padding-left:10px;
color:#595959;
font-size:12px;
line-height:1.5em;
}
.buy_tix a:link, 
.buy_tix a:visited, 
.buy_tix a:active, 
.sidebarWrap .ItemStat, 
.sidebarWrap .ItemHov {
background:url(images/brown_box_list2.jpg) no-repeat 0 7px;
padding-left:10px;
font-size:12px;
line-height:1.5em;
color:#E84C00;
} 
.buy_tix a:link, 
.buy_tix a:visited, 
.buy_tix a:active {
	color: #e84C00;
}
.sidebarWrap .ItemStat a:link, 
.sidebarWrap .ItemStat a:visited, 
.sidebarWrap .ItemStat a:hover, 
.sidebarWrap .ItemStat a:active, 
.sidebarWrap .ItemHov a:link, 
.sidebarWrap .ItemHov a:visited, 
.sidebarWrap .ItemHov a:hover, 
.sidebarWrap .ItemHov a:active {
color:#E84C00;
}
ul li li {
list-style:none;
}
ul li li li {
}
/*---===<<< SKIN SETUP >>>===---*/
.wrap {
margin: 0 auto;
width: 925px;
text-align: left;
}
/*---=== HEADER ===---*/
.header {
height: 148px;
position: relative;
z-index: 10;
}
.interior .header {
height: 143px;
}
.logo {
position: absolute;
top: 10px;
left: 0;
}
/*--- UTILITY BAR ---*/
.nav-utility {
position: absolute;
top: 0;
right: 0;
width: 305px;
}
.nav-utility {
color: #fff;
text-decoration: none;
}
.nav-utility .first {
float: left;
font-size: 10pt;
}
.nav-utility a:link, 
.nav-utility a:visited, 
.nav-utility a:active {
float: left;
color: #fff;
height: 33px;
line-height: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.nav-utility a.btn01 {
width: 60px;
font-size: 8pt;
text-align: center;
background: url(images/nav_util_bg01.png) no-repeat 50% -10px;
}
.nav-utility a.btn02 {
width: 93px;
font-size: 8pt;
text-align: center;
background: url(images/nav_util_bg02.png) no-repeat 50% -10px;
}
/*--- SEARCH AND BUY NOW ---*/
.container-util {
position: absolute;
top: 38px;
right: 0;
width: 285px;
height: 50px;
}
.fl {
float: left;
position: relative;
left: 25px;
}
.search {
background: url(images/search_bg.png) no-repeat 0 0;
width: 135px;
height: 45px;
position: relative;
top: -1px;
left: 15px;

}
.search input {
width: 93px;
height: 12px;
padding: 0 0 2px 1px;
position: absolute;
top: 22px;
left: 15px;
border: none;
color: #777;
}

a.search-btn {
background:url(images/search_btn.png) no-repeat 0 0;
display: block;
width: 17px;
height: 14px;
text-decoration: none;
position: absolute;
top: 22px;
left: 111px;
}
/*---=== FOOTER ===---*/
.footer {
margin:25px auto 0;
width:940px;
text-align:center;
color:#9d9d9d;
font-size:8pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
line-height:16px;
}
.footer .info {
	color: #FFF;
	text-align: center;
}
.footer .info em {
color:#fff;
font-size:8pt;
font-style: normal;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
line-height:16px;
margin: 0;
padding: 0 10px;
}
.footer .info a:link, 
.footer .info a:visited, 
.footer .info a:active {
padding: 0 10px;
}
.footer {
background: url(images/footer_bg.png) no-repeat -5px -10px;
margin: 0;
padding: 10px 0 40px 0;
}
.copyright {
display: block;
float: left;
margin: 15px 0 0 0;
width: 30%;
}
.credits {
display: block;
float: right;
margin: 15px 0 0 0;
text-align: right;
width: 30%;
}
.footer a:link, 
.footer a:active, 
.footer a:visited {
color:#fff;
text-decoration:none;
}
.footer a:hover {
color:#D3CCDE;
text-decoration:underline;
}
.footer .credits a:link, 
.footer .credits a:active, 
.footer .credits a:visited {
color:#555;
text-decoration:none;
}
.footer .credits a:hover {
color: #FB9C38;
text-decoration:underline;
}
/*---=== CONTENT AREA ===---*/
.content-wrap {
z-index: 0;
}
/*--- HOME PANES ---*/
.home .content-wrap .campaign-home {
width: 623px;
height: 305px;
margin: 0;
float: left;
}
.home .content-wrap .social-media {
float: right;
width: 300px;
height: 305px;
background: url(images/bg_boxes.png) no-repeat -656px -26px;
}
.home .content-wrap .quotes {
height: 40px;
background: url(images/quotes_bg.png) no-repeat -5px -10px;
margin: 0 0 5px;
}
.home .content-wrap .contentPaneLeft {
float: left;
width: 303px;
}
.home .content-wrap .contentPaneRight {
float: right;
width: 612px;
}
/*--- INTERIOR PANES ---*/
.interior .content-wrap {
	background: #FFF;
}
.interior .content-wrap .navWrap {
	background: #F0F0E9;
	float: left;
	margin: 0 0 15px;
	width: 215px;
}
.interior .content-wrap .centerWrap {
	float: left;
	margin: 0 0 15px 20px;
	padding: 20px 0;
	width: 475px;
}
.interior .content-wrap .sidebarWrap {
	background: #F0F0E9;
	float: right;
	margin: 0 0 15px;
	width: 195px;
}
/*---===<<< NAVIGATIONS >>>===---*/
.mainNavigation {
width: 933px;
height: 45px;
position: absolute;
top: 100px;
left: 0;
background: url(images/nav_bg.png) no-repeat -6px 0;
}
.mainNavigation ul {
margin: 5px 0 0;
}
.mainNavigation .separatorclass {
display: none;
}
.mainNavigation li {
background:none;
display: block;
float: left;
font-size: 16px;
font-weight: normal;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #512F88;
line-height: 37px;
text-align: center;
margin: 0;
padding: 0;
position: relative;
}
.mainNavigation li.first {
background: none;
}
.mainNavigation li a:link, 
.mainNavigation li a:visited, 
.mainNavigation li a:active {
background: url(images/nav_sep.jpg) no-repeat left 0;
color: #512F88;
display: block;
text-decoration: none;
padding: 0 34px;
}
.mainNavigation li.first a:link, 
.mainNavigation li.first a:visited, 
.mainNavigation li.first a:active {
	background: none;
}
.mainNavigation li.first a:hover, 
.mainNavigation li a:hover, 
.mainNavigation li a.current:link, 
.mainNavigation li a.current:visited, 
.mainNavigation li a.current:active {
background: #3f2569;
color: #FFF;
display: block;
}
.mainNavigation li#active a:link, 
.mainNavigation li#active a:visited, 
.mainNavigation li#active a:hover, 
.mainNavigation li#active a:active {
background: #3f2569;
color: #FFF;
display: block;
}
/*--- DROPDOWN ---*/
.mainNavigation li .dropdown {
	display: none;
	left: 0;
	position: absolute;
	top: 37px;
	z-index: 100;
}
.mainNavigation li .dropdown-b {
	background: #3f2569;
	display: block;
	text-align: left;
	width: 175px;
}
.mainNavigation li .dropdown-b a:link, 
.mainNavigation li .dropdown-b a:visited, 
.mainNavigation li .dropdown-b a:active {
	background: #3f2569;
	color: #FFF;
	display: block;
	font-size: 12px;
	font-weight: normal;
	height: auto;
	line-height: 15px;
	text-align: left;
	padding: 5px 34px;
	width: 100%;
}
.mainNavigation li .dropdown-b a:hover {
	background: #6d3fba;
}
/*---=== SOCIAL NAVIGATION ===---*/
.social_links {
	background: #d1d1d1;
	padding: 4px;
}
.social_joinus {
	float:left;
	color:#666666;
	font-size:11px;
	line-height: 18px;
}
.social_links a {
display:block;
float:left;
text-indent:-999999px;
width:18px;
height:18px;
margin: 0 0 0 9px;
}
.social_links a:hover {
background-position:0 -18px;
}
a.social_facebook {
background:url(images/ico_facebook.png) no-repeat 0 0;
}
a.social_myspace {
background:url(images/ico_myspace.png) no-repeat 0 0;
}
a.social_twitter {
background:url(images/ico_twitter.png) no-repeat 0 0;
}
a.social_youtube {
background:url(images/ico_youtube.png) no-repeat 0 0;
}
a.social_flickr {
background:url(images/ico_flickr.png) no-repeat 0 0;
}
a.social_yelp {
background:url(images/ico_yelp.png) no-repeat 0 0;
}
/*---=== INTERIOR NAVIGATION ===---*/
ul.intNav {
	background: #512f88 url(images/interior_nav_bg.gif) repeat-x 0 bottom;
	display: block;
	margin: 0;
	padding: 10px 0;
}
ul.intNav li {
	font-size: 12px;
}
ul.intNav a:link, 
ul.intNav a:visited, 
ul.intNav a:active {
	color: #FFF;
}
ul.intNav .GroupCurrParent a:link, 
ul.intNav .GroupCurrParent a:visited, 
ul.intNav .GroupCurrParent a:active {
	color: #FFF;
	font-weight: bold;
}
ul.intNav li {
	background: none;
	padding: 5px 30px;
}
ul.intNav li.ItemStat, 
ul.intNav li.ItemCurr {
	padding: 5px 30px 5px 45px;
}
/*---=== BREADCRUMBS ===---*/
.breadcrumbWrap {
	color: #512f88;
}
.breadcrumbWrap a.breadcrumb:link, 
.breadcrumbWrap a.breadcrumb:visited, 
.breadcrumbWrap a.breadcrumb:active {
	color: #512f88;
}
.breadcrumbWrap a.breadcrumbActive:link, 
.breadcrumbWrap a.breadcrumbActive:visited, 
.breadcrumbWrap a.breadcrumbActive:active {
	color: #fb9c38;
}
/*---===<<< TABLES >>>===---*/
/*---===<<< FORMS >>>===---*/
/*---===<<< MODULE STYLES GO BELOW HERE >>>===---*/
/*---===<<< SOCIAL MEDIA TOOL >>>===---*/
.socialMediaToolWrap {
}
/*---=== SOCIAL MEDIA HEADER ===---*/
.socialMediaToolHeader {
padding: 4px 4px 4px 8px;
}
.socialMediaToolHeader a:link, 
.socialMediaToolHeader a:visited, 
.socialMediaToolHeader a:hover, 
.socialMediaToolHeader a:active {
background-image: url(images/tabbedSprite.jpg);
background-repeat: no-repeat;
display: block;
float: left;
height: 28px;
margin: 0 2px 0 0;
overflow: hidden;
text-indent: -9999em;
}
.socialMediaToolHeader a#facebookTab:link, 
.socialMediaToolHeader a#facebookTab:visited, 
.socialMediaToolHeader a#facebookTab:hover, 
.socialMediaToolHeader a#facebookTab:active {
background-position: 0 0;
width: 109px;
}
.socialMediaToolHeader a#facebookTab.active:link, 
.socialMediaToolHeader a#facebookTab.active:visited, 
.socialMediaToolHeader a#facebookTab.active:hover, 
.socialMediaToolHeader a#facebookTab.active:active {
background-position: 0 -28px;
}
.socialMediaToolHeader a#twitterTab:link, 
.socialMediaToolHeader a#twitterTab:visited, 
.socialMediaToolHeader a#twitterTab:hover, 
.socialMediaToolHeader a#twitterTab:active {
background-position: -111px 0;
width: 95px;
}
.socialMediaToolHeader a#twitterTab.active:link, 
.socialMediaToolHeader a#twitterTab.active:visited, 
.socialMediaToolHeader a#twitterTab.active:hover, 
.socialMediaToolHeader a#twitterTab.active:active {
background-position: -111px -28px;
}
.socialMediaToolHeader a#blogTab:link, 
.socialMediaToolHeader a#blogTab:visited, 
.socialMediaToolHeader a#blogTab:hover, 
.socialMediaToolHeader a#blogTab:active {
background-position: -208px 0;
margin: 0;
width: 80px;
}
.socialMediaToolHeader a#blogTab.active:link, 
.socialMediaToolHeader a#blogTab.active:visited, 
.socialMediaToolHeader a#blogTab.active:hover, 
.socialMediaToolHeader a#blogTab.active:active {
background-position: -208px -28px;
}
/*---=== SOCIAL MEDIA CONTENT ===---*/
#blogFeed,
/*#twitterFeed, */
#facebookFeed {
display: none;
}
.fan_widget  .fan_box .full_widget {
background:none repeat scroll 0 0 white;
border: none;
}
.socialMediaToolContent {
padding: 0 4px 0 8px;
}
/*--- BLOG FEED ---*/
#blogFeed ul li {
background: none;
color: #735c98;
font-size: 11px;
list-style: square;
margin: 0 0 10px 20px;
padding: 0;
}
#blogFeed ul li a:link, 
#blogFeed ul li a:visited, 
#blogFeed ul li a:active {
color: #6a6a6a;
}
#blogFeed p {
font-weight: bold;
margin: 5px 10px;
text-align: right;
}

#blogFeed p a:link, 
#blogFeed p a:visited, 
#blogFeed p a:active {
color: #fb9c38;
}
/*--- TWITTER FEED ---*/
#twitterFeed {
margin: 0 0 5px;
}
#twitterFeed ul li {
background: none;
border-bottom: 1px solid #d5d5d5;
color: #828282;
font-size: 11px;
list-style: none;
margin: 0;
padding: 5px;
}
#twitterFeed ul li strong {
color: #595959;
font-weight: bold;
}
/*--- SCROLLER HEIGHTS ---*/
#blogFeed .scrollContent {
height: 202px;
}
#twitterFeed .scrollContent{
height: 225px;
}
#facebookFeed .scrollContent {
height: 230px;
margin: 0;
}
/*---=== SOCIAL MEDIA FOOTER ===---*/
.socialMediaToolFooter {
padding: 0 11px 4px 15px;
}
.socialMediaToolFooter h5 {
color: #6a6a6a;
font-size: 9px;
margin: 0 0 3px;
}
.socialMediaToolFooter .leftSide {
float: left;
width: 40%;
}
.socialMediaToolFooter .rightSide {
float: right;
width: 40%;
}
.socialMediaToolFooter .rightSide a.stbutton {
padding: 0;
}
.socialMediaToolFooter a:link, 
.socialMediaToolFooter a:visited, 
.socialMediaToolFooter a:hover, 
.socialMediaToolFooter a:active {
background-image: url(images/socialIconSprite.jpg);
background-repeat: no-repeat;
display: block;
float: left;
height: 16px;
margin: 0 5px 0 0;
overflow: hidden;
text-indent: -9999em;
width: 16px;
}
.socialMediaToolFooter a.facebook:link, 
.socialMediaToolFooter a.facebook:visited, 
.socialMediaToolFooter a.facebook:hover, 
.socialMediaToolFooter a.facebook:active {
background-position: 0 0;
}
.socialMediaToolFooter a.myspace:link, 
.socialMediaToolFooter a.myspace:visited, 
.socialMediaToolFooter a.myspace:hover, 
.socialMediaToolFooter a.myspace:active {
background-position: -22px 0;
}
.socialMediaToolFooter a.linkedin:link, 
.socialMediaToolFooter a.linkedin:visited, 
.socialMediaToolFooter a.linkedin:hover, 
.socialMediaToolFooter a.linkedin:active {
background-position: right 0;
}
.socialMediaToolFooter a.twitter:link, 
.socialMediaToolFooter a.twitter:visited, 
.socialMediaToolFooter a.twitter:hover, 
.socialMediaToolFooter a.twitter:active {
background-position: -45px 0;
}
/*---===<<< HEADLINES SCROLLER >>>===---*/
ul.headlinesList li {
	background: none;
	border-bottom: 1px solid #bababa;
	color: #595959;
	font-size: 14px;
	padding: 15px 20px;
}
ul.headlinesList li a:link, 
ul.headlinesList li a:visited, 
ul.headlinesList li a:active {
color: #fb9c38;
font-weight: bold;
}
ul.reviewsList li {
	background: none;
	border-bottom: 1px solid #bababa;
	padding: 10px 0;
}
/*---===<<< QUOTE TEXT >>>===---*/
.home .quoteText {
	float: left;
	height: 40px;
	line-height: 40px;
	margin: 0 0 0 20px;
	overflow: hidden;
	width: 800px;
}
.interior .quoteText {
	text-align: center;
}
.home .quoteText h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
}
.interior .quoteText h2 {
	color: #8977b6;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.home .quoteText span {
	font-weight: normal;
}
.quotePaginate {
	color: #FFF;
	float: right;
	line-height: 40px;
	margin: 0 20px 0 0;
	text-align: right;
	width: 80px;
}
.interior .quotePaginate {
	color: #8977b6;
}
.quotePaginate a:link, 
.quotePaginate a:visited, 
.quotePaginate a:active {
	color: #DDD;
}
.quotePaginate a.selected:link, 
.quotePaginate a.selected:visited, 
.quotePaginate a.selected:active {
	color: #FFF;
	font-weight: bold;
}
.interior .quotePaginate a:link, 
.interior .quotePaginate a:visited, 
.interior .quotePaginate a:active {
	color: #8977b6;
}
.interior .quotePaginate a.current:link, 
.interior .quotePaginate a.current:visited, 
.interior .quotePaginate a.current:active {
	color: #FB9C38;
	font-weight: bold;
}
/*---===<<< CAMPAIGN SCROLLER >>>===---*/
#homeCampaign {
height: 300px;
position: relative;
width: 623px;
}
/*---=== BACKGROUND IMAGE ===---*/
#homeCampaign .campaignWrap {
background: url(images/campaignScrollerBg.png);
_background: url(images/campaignScrollerBg.jpg);
bottom: 0;
height: 79px;
left: 0;
position: absolute;
width: 623px;
}
/*---=== CAMPAIGN TEXT ===---*/
#homeCampaign .campaignWrap #campaignText {
bottom: 10px;
color: #FFF;
font-size: 11px;
font-weight: normal;
height: 65px;
left: 15px;
line-height: 15px;
position: absolute;
width: 360px;
}
#homeCampaign .campaignWrap #campaignText a:link, 
#homeCampaign .campaignWrap #campaignText a:visited, 
#homeCampaign .campaignWrap #campaignText a:active {
color: #FFF;
}
.buy_tix a.campaign_btn:link, .buy_tix a.campaign_btn:visited, .buy_tix a.campaign_btn:active {
display:block;
height:31px;
width:100px;
background:url(images/btn_campaign.png) no-repeat 0 0;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight:bold;
line-height:31px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-size:11px;
margin-left:-5px;
padding: 0;
outline:0;
}
.purple {
color:#7b5daa;
font-weight:bold;
}
/*---=== SCROLLER ===---*/
#campaignScrollerWrap {
bottom: 25px;
height: 39px;
line-height: 15px;
position: absolute;
right: 15px;
width: 206px;
}
#campaignScrollerWrap a.prev {
background: url(images/scrollerButtonsPrev.gif);
bottom: 15px;
height: 13px;
line-height: 15px;
position: absolute;
left: 0px;
width: 7px;
}
#campaignScrollerWrap a.next {
background: url(images/scrollerButtonsNext.gif);
bottom: 15px;
height: 13px;
line-height: 15px;
position: absolute;
right: 0px;
width: 7px;
}
#campaignScrollerWrap .campaignScroller {
height: 39px;
margin: 0 20px;
overflow: hidden;
position: relative;
width: 166px;
}
#campaignScrollerWrap .items {
position: absolute;
left: 0;
top: 0;
width: 9999em;
}
#campaignScrollerWrap .itemInfo {
display: none;
}
#campaignScrollerWrap .item {
background: #FFF;
height: 39px;
float: left;
margin: 0 5px 0 0;
width: 52px;
}
#campaignScrollerWrap .item img {
margin: 3px;
}
#campaignScrollerWrap .active {
background: #bfd323;
}
/*---=== SCROLLER NAVIGATION ===---*/
.scrollerNav {
position: absolute;
right: 115px;
bottom: 10px;
width: 7px;
z-index: 10;
}
.scrollerNav a.pauseBttn:link, 
.scrollerNav a.pauseBttn:visited, 
.scrollerNav a.pauseBttn:active, 
.scrollerNav a.pauseBttn:active {
background: url(images/pauseBttn.png) no-repeat;
display: block;
float: left;
height: 7px;
margin: 0 6px 0 0;
overflow: hidden;
text-indent: -9999em;
width: 7px;
}
.scrollerNav a.playBttn:link, 
.scrollerNav a.playBttn:visited, 
.scrollerNav a.playBttn:active, 
.scrollerNav a.playBttn:active {
background: url(images/playBttn.png) no-repeat;
display: none;
float: left;
height: 7px;
margin: 0 6px 0 0;
overflow: hidden;
text-indent: -9999em;
width: 7px;
}
.buy_tix_left {
	float:left;
	width:220px;
	height:310px;
	margin:20px 0 0;
}
.buy_tix_right {
	float:right;
	width:220px;
	height:310px;
	margin: 20px 0 0;
}
/*---===<<< CONTAINERS >>>===---*/
.home h2, .home h2 span.Head {
color: #fff;
font-size: 14px;
margin: 0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
}

.media {
width: 623px;
height: 355px;
position: relative;
top: 6px;
left: 5px;
}
.panelContainer {
margin: 0 0 0 3px;
}
.panelHeader{
background: url(images/panelHeaderRight.png) right no-repeat;
height: 28px;
padding: 0 5px 0 0;
}
.panelHeader h2{
background: url(images/panelHeaderLeft.png) no-repeat;
height: 28px;
line-height: 30px;
padding: 0 20px 0 20px;
}
.panelFooterLeft{
background: url(images/panelFooterLeft.png) no-repeat;
height: 5px;
padding: 0 4px 0 6px;
}
.panelFooterRight{
background: url(images/panelFooterRight.png) right no-repeat;
height: 5px;
padding: 0 4px 0 0;
}
.panelContentLeft{
background: url(images/panelContentLeft.png) repeat-y;
padding: 9px 0 10px 20px;
}
.panelContentRight{
background: url(images/panelContentRight.png) right repeat-y;
padding: 0 6px 0 0;	
}
.scrollContent{
width: auto;
height: auto;
margin: 0  0 4px 0;
}
.panelContent h3, .panelContent p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #555;
margin: 0 0 10px 0;
line-height: 1.4em;
}
.panelContent h3 {
line-height: 1em;
margin: 0 0 5px 0;
}
.panelContent span a {
color: #FB9C38;
font-weight: bold;
text-decoration: none;
}
.contentPaneLeft .scrollContent {
height: 675px;
}
.contentPaneRight .scrollContent {
height: 330px;
}
/*---=== JSCROLLPANE ===---*/
.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
}
.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 0;
height: 100%;
background: #acacac;
}
.jScrollPaneDrag {
position: absolute;
background: #92A300 url(../../images/scroller_drag.gif) repeat-x 0 0;
cursor: pointer;
overflow: hidden;
}
.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;*/
height: 9px;
}
a.jScrollArrowUp:hover {
/*background-color: #f60;*/
}
a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;*/
height: 9px;
}
a.jScrollArrowDown:hover {
/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
/*background-color: #f00;*/
}