@charset "UTF-8";
/* CSS Document */

/*** TABBER ***/

.tabber {
	
	position: relative;
	
	margin-bottom: 30px;
    margin-left: 1px;
}

	/*** content ***/

	.tabber-content {
		
		width: 440px;
		height: 260px;
		
		padding: 10px;
		background-color: #FFF;
		border: 1px #cccccc solid;
	}

		.tabber-content-item {
			
			display: none;
		}

		.tabber-content .selected {
			
			display: block;
		}

	/*** tabs ***/

	.tabs {
		
		position: absolute;
		top: 0;
		left: 462px;
		
		border-top: 1px #cccccc dashed;
		/*border-right: 1px #cccccc dashed;*/
		
		width: 230px;
		height: 220px;
		
		z-index: 11;
	}

		.tabs .tab {
			
			display: block;
			position: relative;
			
			color: #555;
			text-decoration: none;
			
			height: 28px;
			padding: 13px;
			
			border-bottom: 1px #cccccc dashed;
			
			cursor: pointer;
		}
		
		.tab:hover {
			background: rgba( 203, 234, 241, 0.65);
			cursor: hand;
		}
		/*
		.tabs .selected {
			
			background: #fff;
			
			margin: -1px 0 0px -1px;
			padding: 13px 13px 13px 14px;
			border: 1px #cccccc solid;
			border-left: none;
            
			
			-moz-border-radius-bottomright: 15px;
			
			-webkit-border-bottom-right-radius: 15px;
		}
		*/
        
		.tabs .selected {
			
			background: #cbeaf1;
			
			margin: -1px 0 1px 0;
			padding-top: 14px;
			border: none;
			
			-moz-border-radius-bottomright: 15px;
			
			-webkit-border-bottom-right-radius: 15px;
		}
        
		
		
		.tab .icon {		
			position: absolute;	
		}
		
		.tab h5 {
			
			font-weight: bold;
			font-size: 16px;
			color: #000;
			
			margin-left: 41px;
		}
			
		
		.tabs .tab:hover h5 {	
			color: #019fc3;
		}
		
		.tab p {
			
			font-weight: normal;
			font-size: 12px;
			
			margin: 0 0 0 41px;
		}