/* root element for tabs  */
ul.css-tabs {  
	width:520px;
        margin:10px 0 0 11px !important;
	padding:0;
	height:30px;
	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:10px;
	display:block;
	padding:5px 8px 5px 8px;
	height:18px;
	background-color:#078C03;
        color:#fff;
	margin-right:1px;
	position:relative;
	top:1px;
}

ul.css-tabs a:hover{background-color:#F25C05;text-decoration:none;}
	
/* selected tab */
ul.css-tabs a.current {background-color:#034AA6;border-bottom:2px solid #034AA6;cursor:default;}

	
/* tab pane */
div.css-panes div.c {
	display:none;
	border:1px solid #034AA6;
	width:520px;
        text-align:justify;
	padding:0px 10px 0 10px;
        height:510px;color:#000;background:#fff url() repeat-x scroll 0 -50px;
       }

div.css-panes a{text-decoration:underline;}
/*div.css-panes a:hover{color:#F25C05;}*/
/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	
	/* vertical scrollers have typically larger height than width */	
	height:440px;
	width: 520px;
	
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;
	margin: 0px;
}

/* single scrollable item */
.items div {
	
	margin:10px 0;
	padding:0;
	
	
}

/* elements inside single item */



/* the action buttons above the scrollable */
.actions {
	
	margin-bottom:5px;
}
.actions a {cursor:pointer;}

.actions a:hover {text-decoration:underline;}

.disabled {visibility:hidden;}

.nextPage {float:right;}