/*********** Tab Scroll ***********/

/* main vertical scroll */
#main {position:relative;overflow:hidden;height: 700px; font-size:12px; clear:both;background-image:url(../images/dcc_en_tab_content_bg.gif); background-repeat:repeat-x; }
/* root element for pages */
#pages {position:absolute;height:20000em;}
/* single page */
.page {padding:10px;height: 750px;width:620px; }
/* root element for horizontal scrollables */
.scrollable {position:relative;overflow:hidden;width: 630px;height: 650px;}
/* root element for scrollable items */
.scrollable .items {	width:20000em;	position:absolute;	clear:both;}
/* single scrollable item */
.item {	float:left;	width:620px;height:700px;padding:10px;}
.item ul{ margin:0 0 0 5px; padding:0;}
.item li{background-image:url(../images/dcc_en_grey_bullets.gif);background-repeat:no-repeat;background-position: left 7px;}
/* main navigator */
#main_navi {padding:10px 0 0 0 !important;	margin:0px !important;}
#main_navi li {background-image:url(../images/dcc_en_grey_tab.gif); background-repeat:repeat-x;margin:0 5px 0 0; padding:0px 10px 0px 10px; height:34px; cursor:pointer; max-width:200px; float:left; }
#main_navi li h3 {color:#7a6978;line-height:20px;text-transform: uppercase;}
#main_navi li:hover {background-color:#fff; }
#main_navi li.active {background-color: #e3f3fd; background-image:none; }
#main_navi li.active h3{ color:#1b5a8d; line-height:20px; }
#main_navi img {float:left;	margin-right:10px;}
#main_navi strong {display:block;}
#main div.navi {cursor:pointer;}
.item .global_img{padding:5px;border:solid 1px #871d78; margin:10px;}


/*********** Inside Tab navigator ***********/

/* position and dimensions of the navigator */
div.navi {margin-left:280px;width:200px;height:20px; clear:both;}
/* items inside navigator */
div.navi a {width:8px;height:8px;float:left;margin:3px;	background: url(../images/navigator.png) 0 0 no-repeat;display:block;font-size:1px;}
/* mouseover state */
div.navi a:hover {background-position:0 -8px;}
/* active state (current page state) */
div.navi a.active {background-position:0 -16px;} 	

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {font-size:10px;font-weight:bold;color:#fff;text-decoration:none; cursor:pointer; background-color: #0362a1; padding:0 5px 0 5px;display:block;float:left;	cursor:pointer;}

/* right */
a.right 				{ background-color: #0362a1; clear:right; float:right; margin:0px;}
a.right:hover 		{background-color: #0362a1;}
a.right:active 	{background-color: #0362a1;} 


/* left */
a.left				{background-color: #0362a1;} 
a.left:hover  		{background-color: #0362a1;}
a.left:active  	{background-color: #0362a1;}

/* up and down */
a.up, a.down		{ 
	background:url(../images/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}