@media screen {
	
	/**
	 * Content box
	 */
	.contentbox {
		background: transparent url(img/contentbox-r.png) repeat-y scroll top right;
	}
	
	.contentbox .inside {
		background: transparent url(img/contentbox-l.png) repeat-y scroll top left;
		padding: 0 !important;
		height: 100%;
	}
	
	.contentbox .header, .contentbox .header .title {
		height: 47px;		
	}

	.contentbox .header {
		background: transparent url(img/contentbox-tr.png) no-repeat scroll top right;
	}
	
	.contentbox .header .title {
		background: transparent url(img/contentbox-tl.png) no-repeat scroll top left;
		padding: 12px 20px 0 20px;
		font-size: 1.2em;	
	}
	
	.contentbox .content {
		padding: 6px 20px 0 20px;
	}
	
	.contentbox .footer, .contentbox .footer .inside {
		height: 20px;
		padding: 0 !important;
	}
	
	.contentbox .footer {
		background: transparent url(img/contentbox-br.png) no-repeat scroll bottom right;
	}
	
	.contentbox .footer .inside {
		background: transparent url(img/contentbox-bl.png) no-repeat scroll bottom left;
		padding: 0 !important;
	}
	
	/**
	 * Tab container
	 */
	.tabcontainer {
		background: transparent url(img/w-r.png) repeat-y scroll top right;
	}
	
	.tabcontainer .tabinside {
		background: transparent url(img/w-l.png) repeat-y scroll top left;
		padding: 0 !important;
		height: 100%;
	}	
	
	.tabcontainer .tabs, .tabcontainer .tabs .tablist {
		height: 40px;
	}
	
	.tabcontainer .tabs {
		background: transparent url(img/w-tr.png) no-repeat scroll top right;
	}
	
	.tabcontainer .tabs .tablist {
		background: transparent url(img/w-tl.png) no-repeat scroll top left;
		padding: 18px 20px 0 20px;
		font-size: 1.2em;	
	}	
	
	.tabcontainer .body {
		padding: 6px 20px 0 20px;
		background: transparent url(img/w-l.png) repeat-y scroll top left;
	}
	
	.tabcontainer .body .content {
		border: 1px solid #ccc;
		background: transparent url(img/inner-tr.png) no-repeat scroll top right;	
	}
	
	.tabcontainer .content .viewport {
		background: transparent url(img/inner-bl.png) no-repeat scroll bottom left;
		width: 100%;
		height: 300px;	
		position: relative;
		overflow: auto;	
	}
	
	.tabcontainer .footer, .tabcontainer .footer .inside {
		height: 20px;
		padding: 0 !important;
	}
	
	.tabcontainer .footer {
		background: transparent url(img/w-br.png) no-repeat scroll bottom right;
	}
	
	.tabcontainer .footer .inside {
		background: transparent url(img/w-bl.png) no-repeat scroll bottom left;
		padding: 0 !important;
	}
	
	.tabcontainer .tabpanel {
		display: block;
		position: relative;
		padding: 10px;
	}
	
	/**
	 * Tabs
	 */
	.tabcontainer .tabs ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.tabcontainer .tabs li {
		display: inline;
		background: transparent;
		padding: 0;
		margin: 0 10px 0 0;
		height: 30px;
	}

	.tabcontainer .tabs li a {
		position: relative;
		width: 100%;	
		height: 100%;
		margin: 0;
		padding: 5px 10px 5px 10px;
		font-size: 14px;
		text-decoration: none;
		color: #000;
	}

	.tabcontainer .tabs li a:hover {
		background-color: #66c;
		color: #fff;
	}
	
	.tabcontainer .tabs li.active a, .tabcontainer .tabs li.active a:hover {
		background-color: #e60;
		color: #fff;		
	}
	
		
}