/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* 
November 2009
Door : Koen Haarbosch  |  Bit Squad

*/

/* --------------------------------------------- // -------- ALGEMENE SITE */

a:link { color: #000000; text-decoration: underline; } /*  niet bezochte link */
a:hover  { color: #000000; text-decoration: none;} /*  roll over  */

body 
{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	font-size: 100%; /* font-size wordt op 100% van de browser instellingen van de gebruiker gezet, deze grootte wordt dus overgenomen */
	background: #FFFFFF url(../_images/bg_body.gif) repeat-x 0px 0px;
}

.clear 
{
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0; 
	padding: 0;
	background: transparent;
}

#wrapper 
{
	float: left;
	width: 100%;

	padding: 0;
	text-align: left;
	margin-bottom: 10px;
}

#site_wrapper 
{
	width: 932px;

	padding: 0;
	text-align: left;
	margin-left: auto; 
	margin-right: auto;
	
}

.left { float: left;}

/* --------------------------------------------- // -------- Instellen Fonts */
.block, .block_wide, .tab_content_home, #errormessage  { font-size: 0.7em; }
#footer { font-size: 0.7em; }
#footer h4 { font-size: 1.4em; }
.block h3 { font-size: 1.4em; }
.tab_content_home h1 { font-size: 2em; }
 
/* --------------------------------------------- // -------- Header */
#header {
	float: left;
	width: 932px;
	height: 100px;
}
#header a#logo {
	float: left;
	margin: 26px 0 0 22px;
}

/* --------------------------------------------- // -------- Content */
#contentContainer {
	float: left;
	width: 932px;
	padding: 0 0 5px 0; 
	
}

/* --------------------------------------------- // -------- Tab Content Home */
#tabContainer {
	float: left;	
}
.tab_contentContainer {
	float: left;
	position: relative;
	width: 932px;
	background: url(../_images/tab_content_middle.png) no-repeat top left;	
}

.mainImage_container {
	float: left;
	position: relative;
	width: 932px;
	background: #ccc;	
}
img.mainImage {
	position: absolute;
	top: -327px;
	left: 3px;
}
.tab_content_home {
	float: left;
	width: 550px;
	min-height: 250px;
	padding: 43px 30px 30px 352px;
}
.tab_content_home div.content {
	margin: 0 0 0 60px;
}
.tab_content_home div.content a.all_news {
	float: right;
}

.tab_content_home p {
	display: block;
	color: #333;
}

.tab_content_home a {
	text-decoration: none;
	color: #8878B2;
}
.tab_content_home h1 {
	font-weight: bold;
	line-height: 1.0em;
	margin: 0 0 20px 60px;
}
.tab_content_home p {
	margin-bottom: 15px;
}

.tab_content_home a:hover {
	text-decoration: underline;
}
span.bijlagen 
{
	display: block;
	margin: 0 0 0 60px;
}

#tabContent00 img.one { display: none; }
#tabContent00 img.two { display: none; }
#tabContent00 img.three { display: none; }
#tabContent00 img.four { display: block; }

#tabContent01 img.one { display: none; }
#tabContent01 img.two { display: block; }
#tabContent01 img.three { display: none; }
#tabContent01 img.four { display: none; }

#tabContent02 img.one { display: none; }
#tabContent02 img.two { display: none; }
#tabContent02 img.three { display: block; }
#tabContent02 img.four { display: none; }

#tabContent03 img.one { display: block; }
#tabContent03 img.two { display: none; }
#tabContent03 img.three { display: none; }
#tabContent03 img.four { display: none; }

/* --------------------------------------------- // -------- Blocks Home */
.block {
	float: left;
	width: 260px;
	height: 250px;
	padding: 4px 22px 25px 22px;
	min-height: 230px;
	color: #333333;
	background: url(../_images/block_middle.png) no-repeat top left;	
}
.block_cont {
	float: left;
	width: 304px;
	/* margin: 8px 9px 0 0; */
	margin: 8px 6px 0 0;
	/*
	margin: 8px 0 0 0;
	position: relative;
	z-index: 99;
	left: 9px;
	*/
}
.last_block { margin-right: 0; }

.block h3 {
	color: #484848;	
	font-weight: bold;
	margin: 0 0 0 0;
	height: 45px;
}
.block h3 a { text-decoration: none; color: #484848; }
.block h3 a:hover { text-decoration: none; }

.block span { color: #b7b7b7; font-size: 0.9em; }

.block h3.banner_title {
	margin: 0 0 5px 0;
}
.block p {
	margin: 0 0 25px 0;	
}
.block a {
	color: #8878b2;
	text-decoration: none;
}
.block ul li {
	display: block;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background: url(../_images/link_block_purple.gif) no-repeat left 2px;	
}
.block a:hover {
	text-decoration: underline;
}
/* 'News block */
#news_block {
	width: 262px;
	height:171px;
	min-height: 0;
	padding: 0 22px 0 22px;
}
#news_block ul li 
{
	background: none;
	padding:0;
	margin: 0;
}
#news_block h3 
{
	height:auto;
	margin: 4px 0 16px 0;
}
#news_block ul {
	float: left;
	padding: 0 0 10px 0;
}
#news_block ul li {
	float: left;
}
#news_block ul li a {
	float: left;
	width: 250px;
	margin-top: 3px;
	padding: 0 0 0 16px;
	background: url(../_images/link_block_purple.gif) no-repeat 0 5px;	
}
#news_block ul li span {
	float: left;
	padding: 0 0 0 16px;
	color: #b7b7b7;
	font-size: 0.9em;
}
#news_block ul li.all_news a {
	text-align: right;
	background: none;
	margin:0;
}
/* Dealer block */
#dealer_block {
	width: 262px;
	height: 90px;
	min-height: 0;
	padding: 0 22px 0 22px;
}
#dealer_block h3 
{
	height: auto;
	margin: 0 0 5px 0;
}
#banner 
{
	margin: 5px	 0 0 5px;
}

/* --------------------------------------------- // -------- Blocks Wide */
.block_wide {
	float: left;
	width: 620px;
	padding: 4px 22px 25px 22px;
	min-height: 233px;
	color: #333333;
	background: url(../_images/block_wide_middle.gif) no-repeat top left;	
}
.block_wide_cont {
	float: left;
	width: 611px;
	margin: 8px 9px 0 0;
}

.product_tabs {
	float: left;
	width: 225px;
}
.product_tabs span {
	display: block;
	width: 200px;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
	color: #4B4B4B;
	padding: 17px 0 17px 0;
	text-decoration: none;
	border-bottom: solid 2px #D5D5D5;
}
.product_tabs span.tab2 { padding-top: 10px; }
.product_tabs span:hover, .product_tabs span.active {
	color: #A89CC5;
}
.product_tab_content {
	float: left;
	width: 335px;
	height: 249px;
	overflow: auto;
	padding: 0 0 0 15px;
}
.product_tab_content p 
{
	margin: 10px 0 15px 0;
}
.product_tab_content a { text-decoration: none; color:#8878b2; }
.product_tab_content a:hover { text-decoration: underline; }

#tabContent004 a
{
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	background: url(../_images/link_block_purple.gif) no-repeat left 2px;	
	
}
/* --------------------------------------------- // -------- Footer */
#footer {
	float: left;
	width: 932px;
	padding: 0;
	background: url(../_images/bg_footer.gif) no-repeat top left;	
	
}
#footer ul {
	float: right;
	margin: 0px 0px 20px 0;
	text-align: left;
	list-style: none;
}
#footer ul.first {
	width: 225px;
}
#footer ul.second {
	width: 225px;
}
#footer ul.thirt {
	width: 225px;
	margin-right: 10px;
}
#footer ul.last {
	width: 225px;
	
}
#footer ul li {
	padding: 2px 0 2px 12px;
	background: url(../_images/link_block.gif) no-repeat 0 6px;	
}
#footer ul li.header { background: none; padding-left: 0; }
#footer ul li.header h4 { 
	margin-bottom: 10px; 
	color: #fff;	
	font-weight: bold;
}
#footer ul li a {
	color: #fff;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
}

/* --------------------------------------------- // -------- Search */
#footer ul li.search {
	float: left;
	padding: 2px 0 18px 0;
	background: none;
	background: url(../_images/bg_search_container.gif) repeat-x bottom left;
}

#footer ul li.search a {
	padding: 2px 0 2px 12px;	
	background: none;	
}
#footer ul li.all_products 
{
	float: left;
	width: 187px;
	margin-top: 0;
	margin-right: 10px;
	padding-top: 15px;

	background: url(../_images/link_block.gif) no-repeat 0 18px;
}
#footer ul li.search span 
{	
	float: left;
}
#footer ul li.search input 
{
	float: left;
	width: 152px;
	height: 17px;
	font-size: 0.9em;
	padding: 1px 2px 0 9px;
	margin: 0 10px 0 0;
	color: #7b7b7b;
	border: 0;
	background: url(../_images/bg_searchbox.gif) no-repeat 0 0;
	
}
#footer ul li.search a.btn_search {
	float: right;
	width: 18px;
	height: 18px;
	padding: 0;
	cursor: pointer;
	background: #4c4c4c url(../_images/btn_search_small.gif) no-repeat 0 0;	
}
/* --------------------------------------------- // -------- Login Footer */
#footer ul li.dealer_login
{
	padding: 0;	
	background: none;	
}

#footer ul.last li.header {
	background: url(../_images/icon_dealer_login.gif) no-repeat 100px 5px;	
}

/* te preloaden images voor Opera wegstoppen */
#preload {
	position:absolute;
	margin-left: -5000px;	
}


/* --------------------------------------------- // -------- Tabs Home */
ul#tabs_home {
	float: right;
	position: relative;
	z-index: 10;
	left: -34px;

}
ul#tabs_home li {
	float: left;
	width: 117px;
	position: relative;
}
ul#tabs_home li.first_li {
	width: 118px;
}
ul#tabs_home a {
	display: block;
	width: 117px;
	height: 84px;
	margin-top:22px;
	cursor: pointer;
}
ul#tabs_home a#tab01 {
	width: 118px;
	background: url(../_images/tabs/woningcoperaties.gif) no-repeat 0 0;	
}

ul#tabs_home a#tab01 {
	background: url(../_images/tabs/telezorg.gif) no-repeat 0 0;	
}
ul#tabs_home a#tab01:hover, ul#tabs_home li.over a#tab01 
{background: url(../_images/tabs/telezorg_over.gif) no-repeat 0 0;	 }
ul#tabs_home a#tab01.active, ul#tabs_home li.over a#tab01.active, ul#tabs_home a#tab01.active:hover 
{
	position: relative;
	z-index: 99;
	width: 123px;
	background: url(../_images/tabs/telezorg_active.png) no-repeat 0 0;	 
}

ul#tabs_home a#tab02 {
	background: url(../_images/tabs/woningcorperaties.gif) no-repeat 0 0;	
}
ul#tabs_home a#tab02:hover, ul#tabs_home li.over a#tab02 
{
background: url(../_images/tabs/woningcorperaties_over.gif) no-repeat 0 0;	 
}
ul#tabs_home a#tab02.active, ul#tabs_home li.over a#tab02.active, ul#tabs_home a#tab02.active:hover 
{
	position: relative;
	z-index: 99;
	width: 122px;
	background: url(../_images/tabs/woningcorperaties_active.png) no-repeat 0 0;	 
}

ul#tabs_home a#tab03 {
	background: url(../_images/tabs/zorginstellingen.gif) no-repeat 0 0;	
}
ul#tabs_home a#tab03:hover, ul#tabs_home li.over a#tab03 
{background: url(../_images/tabs/zorginstellingen_over.gif) no-repeat 0 0;	 }
ul#tabs_home a#tab03.active, ul#tabs_home li.over a#tab03.active, ul#tabs_home a#tab03.active:hover 
{
	position: relative;
	z-index: 99;
	width: 122px;
	background: url(../_images/tabs/zorginstellingen_active.png) no-repeat 0 0;	 
}

ul#tabs_home a#tab04 {
	background: url(../_images/tabs/particulieren.gif) no-repeat 0 0;	
}
ul#tabs_home a#tab04:hover, ul#tabs_home li.over a#tab04 
{background: url(../_images/tabs/particulieren_over.gif) no-repeat 0 0;	 }
ul#tabs_home a#tab04.active, ul#tabs_home li.over a#tab04.active, ul#tabs_home a#tab04.active:hover 
{
	position: relative;
	z-index: 99;
	width: 122px;
	background: url(../_images/tabs/particulieren_active.png) no-repeat 0 0;	 
}


/* --------------------------------------------- // -------- Breadcrumb Vervolg 
#header #breadcrumb {
	float: left;
	margin: 95px 0 0 -160px;

}
#header #breadcrumb a {
	padding: 0 0 0 12px;
	margin: 0 7px 0 0;
	background: url(../_images/arrow_purple_back_btn.gif) no-repeat 0 4px;
}
*/
/* --------------------------------------------- // -------- Tab Products Vervolg 
ul#tab_products 
{
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
}

ul#tab_products li 
{
	float: left;
	border-right: solid 1px #BFBFBF;
	border-bottom: solid 1px #BFBFBF;
	list-style:none !important;
	margin:0px !important;
}
ul#tab_products li span {
	display:block;
	color: #898989;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	padding: 5px 10px 5px 10px;
}
ul#tab_products li a:hover {
	color: #000;
}
ul#tab_products li.active {
	border-bottom:none;
	background: url(../_images/verloop_tab_product.gif) repeat-x 0 0;
}
ul#tab_products li.active span {
	color: #000;
}
ul#tab_products li.tab1 {
	border-left: solid 1px #BFBFBF;
}
ul#tab_products li.tab1 span {
	border-top: solid 6px #972373;	
}
ul#tab_products li.tab2 span {
	border-top: solid 6px #8878b2;	
}
ul#tab_products li.tab3 span {
	border-top: solid 6px #65256d;	
}
ul#tab_products li.tab4 span {
	border-top: solid 6px #972373;	
}
*/
/* --------------------------------------------- // -------- Menu Vervolg 
#menu {
	float: left;
	width: 482px;
	height: 500px;
	background: #fff url(../_images/bg_submenu_2.gif) repeat-y left top;
}
#menu h2 
{
	font-size: 1.4em;
	color: #707070;
	font-weight: bold;
	margin: 10px 0 0 6px;
}
#menu ul {
	float: left;
	text-align: left;
	list-style: none;
	position: relative;
	padding: 10px 0 15px 0;
	margin:0;
	
}
#menu li {clear: both; }
#menu ul li a {
	float: left;
	clear: both;
	width: 192px;
	padding: 3px 0 3px 27px;
	margin: 0 0 3px 0;
	color: #65256D;
	text-decoration: none;
	background: #D9CBDD url(../_images/arrow_menu_item.gif) no-repeat 7px 6px;	
}
#menu ul li a:hover {
	color: #fff;	
	background: #65256D url(../_images/arrow_menu_item_over.gif) no-repeat 7px 6px;	
}
*/
/* --------------------------------------------- // -------- Login Form Footer */
input.txtBoxLogin {
	float: right;
	width: 169px;
	height: 18px;
	font-size: 0.95em;
	padding: 2px 2px 0 9px;
	margin: 0 24px 0 0;
	color: #000;
	border: 0;
	border-top: solid 2px #707070;
	border-left: solid 1px #707070;
	background: #8F8F8F;
}
a#btnLogin {
	float: right;
	width: 22px;
	height: 22px;
	padding-right: 20px;
	border-right: solid 1px #5e5e5e;
	cursor: pointer;
	background: #4c4c4c url(../_images/btn_dealer_login.gif) no-repeat 0 0;	
}

/* 
September 2007
Door : Koen Haarbosch  |  Bit Squad

Deze stylesheet is allen van toepassing op inside editing elementen.

*/

/* #transparant_layer { display: none;} */
/* ------------------------------- Font sizes ------------------------- */
#ToolBarWrapper, #EditContent 
{
	font-size: 0.9em;
}
#EditContent h1 
{
	font-size: 1.6em;
}
/* ------------------------------- EditButtons ------------------------- */
#ToolBarWrapper 
{
	/*
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	*/
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #FFFFFF url(../images/inside_editing/bgToolBarWrapper.jpg) repeat-x left top;
	border-bottom: solid 3px #666666;
}
#EditToolbar
{
	
	width: 908px; /* Breedte gelijk houden aan width site wrapper */
	margin-left: auto; 
	margin-right: auto;
	padding: 0 20px 0 20px;
	text-align: left;
}
#LogOut 
{
	float: left;
}

#EditBarButtons 
{
	float: right;

}

#EditBarButtons a
{
	
	background: #FFFFFF url(../images/inside_editing/bgButtons.jpg) repeat-x left top;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 7px 5px 7px;
	border: solid 1px #C2C2C2;
	
}
#LogOut a 
{
	border-left: solid 1px #000000;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	color: #000000;
	}
#EditBarButtons a:hover
{
	background: #000000;
	color: #CCCCCC;
}


/* ------------------------------- DocumentEdit ------------------------- */

#EditContent 
{
	float: left;
	width: 500px;
	background: #FFFFFF;
	border: solid 3px #666666;	
	padding: 10px;
}
#EditContent div 
{
	
}
#EditContent h1
{
	display: block;
	margin: 0 0 10px 0;
}
#EditContent label 
{
	display: block;
	font-weight: bold;
	margin: 10px 0 0 0;
}
#EditAttachments 
{
	float: right;
}
#EditProperties
{
float: right;
}
#popupProperties 
{
	float: right;
}
#EditProperties label
{

}
#ChooseLanguage 
{
}
#EditTitle 
{
	float: left;
	width: 460px;
}
#EditTitle input { width: 460px; border: solid 1px #666666; padding: 3px;}
#EditTeaserText
{
	float: left;
	width: 460px;
	
	margin: 0 0 20px 0;
}

#EditTeaserText textarea { width: 460px; height: 100px; border: solid 1px #666666; font-size: 1.2em;}
#EditTeaserImage 
{
	float: left;
	width: 440px;
	margin: 20px 0 0 0;
	padding: 10px;
	border: solid 1px #666666;
}
#EditContentArticle 
{
}


#EditButtons 
{
	
}

#EditRelatedArticles 
{
	float: left;
	width: 440px;
	margin: 20px 0 0 0;
	padding: 10px;
}
#EditRelatedArticles label {margin: 0 0 10px 0; }



#TitleImage 
{
	float: left;
	width: 440px;
	margin: 20px 0 0 0;
	padding: 10px;
}
#LargeImage 
{
	float: left;
	width: 440px;
	height: 400px;
	margin: 20px 0 0 0;
	padding: 10px;
}
#transparantTop
{
	display: block;
	top: 40px; /* standaard hoogte  ToolBarWrapper */
	left: 0px;
	width: 100%;
	margin-left: auto; 
	margin-right: auto; 
	position: absolute;
	z-index: 2;
	/* background: url(../images/transparant2.gif) repeat 0px 0px;
	background: #FFCCCC; */
}
#transparantLeft
{
	display: block;
	/* top: 254px; */
	left: 0px;
	margin-left: auto; 
	margin-right: auto; 
	position: absolute;
	z-index: 2;
	/* background: url(../images/transparant2.gif) repeat 0px 0px;
	background: #FFCCCC; */
}

#transparantRight
{
	display: block;
	top: 254px;
	margin-left: auto; 
	margin-right: auto; 
	position: absolute;
	z-index: 2;
	/* background: url(../images/transparant2.gif) repeat 0px 0px;
	background: #FFCCCC; */
}
.set_png { background: url(../images/inside_editing/transparant.png) repeat 0px 0px; }
.set_gif { background: url(../images/inside_editing/transparant2.gif) repeat 0px 0px; }

/* --------------------------------------------- // -------- Authentication */
.inputText 
{
	border: solid 1px #7A1939;
	width: 90%;	
}
.sendButton 
{
	
	border: solid 1px #7A1939;
	background: #ECEBEB;
	color: #7A1939;
	margin: 10px 0 0 0;
	font-weight: bold;
	cursor: hand;
}


#advertentie 
{
	float: left;
	width: 440px;
	border-bottom: solid 2px #666;
	padding: 20px 10px 20px 10px;
	margin: 20px 0 20px 0;
	background: #f1f1f1;
	
}

#EditAdvertentieImage 
{
	float: left;
	width: 420px;
	margin: 20px 0 0 0;
	padding: 10px;
	border: solid 1px #666666;
	background: #fff;
}

#EditAdvertentieTitle, #EditDateLocation
{
	float: left;
	width: 440px;
}
#EditAdvertentieTitle input, #EditDateLocation input
{
	width: 440px; 
	border: solid 1px #666666;
	padding: 3px;
}

.buttonEdit 
{
	font-weight: bold;
	color: #666;
	cursor: pointer;
	border: solid 2px #CCCCCC;
	margin: 20px  5px 0 0;
	background: #FFFFFF;
}
#EditRelatedArticles {
float: left;
}
#EditRelatedArticles select 
{
	float: left;
	width: 375px;
	height: 100px;
	border-bottom: solid 10px #fff;
}

#EditRelatedArticles img 
{
	float: right;


}

.btnAddLink 
{
}

.btnRemoveLink 
{
}

.btnMoveUp 
{
}

.btnMoveDown 
{
	margin-right: 15px;
}

/* --------------------------------------------- // -------- Error.aspx */

#errormessage 
{
	float: left;
	width: 500px;
	padding: 25px;
}
#errormessage h1
{
	font-weight: bold;
	margin: 0 0 10px 0;
	font-size: 1.4em;
}

/* --------------------------------------------- // -------- Paging 
#paging {
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
}
#paging a {
	float: left;
	color: #4c4c4c;
	padding: 2px 5px 2px 5px;
	margin: 0 3px 0 3px;
	text-decoration: none;

	border-bottom: solid 2px #ccc;
}
#paging a:hover {
	color: #4c4c4c;
	background: #FFFFFF;
	border-bottom: solid 2px #4c4c4c;
}
#paging a.active {
	font-weight: bold;
	border-bottom: solid 2px #4c4c4c;

}
*/

/* --------------------------------------------- // -------- Tabel Partners Tecniek */

.table_part_tech {
	width:100%;
	border:0;
}

.table_part_tech  td 
{
	vertical-align:top;
	width:50%;
	/* height:25px; */
	background-color:#f6f5f9;
	padding:2px 2px 2px 5px;
	border:2px solid #fff;
}

/* --------------------------------------------- // -------- Styles die via insite editing meegegeven worden */
.paarse-text { color: #8878b2; }

.header4 { font-size: 0.8em; margin:0; padding: 0; }
.header5 { font-size: 1.2em; margin:0; padding: 0; }
.header6 { font-size: 1.4em; margin:0; padding: 0; }



/* --------------------------------------------- // -------- jScrollPane */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	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;*/
}