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

.container {
	width: 700px;
	height: 400px;
	margin: 0 auto;
}

ul.tabs {
	margin: 0px;
	padding: 0px;
	list-style: none;
	white-space: nowrap;
}
ul.tabs li {
	background: #590c0c;
	/*background: rgba(237, 27, 36, 0.5);*/
	width: 38%;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
}

ul.tabs li:hover {
    box-shadow: 3px 3px 15px #666;
    border-color: #fff;
    color: #fff;
    cursor: pointer;
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
	transform-origin: bottom left;
	transform: scale(1,1.2);
	-ms-transform: scale(1,1.2); /* IE 9 */
	-webkit-transform: scale(1,1.2); /* Safari and Chrome */
	-o-transform: scale(1,1.2); /* Opera */
	-moz-transform: scale(1,1.2); /* Firefox */
}

ul.tabs li.current {
	background: #fff !important;
	width:38%;
	color: #222;
}

.tab-content {
	/*min-height: 100%;*/
	display: none;
	background: #fff;
	padding: 15px;
	/* border: 1px solid #000;*/
	border-radius: 0px 0px 10px 10px;
}

.tab-content.current {
	/*height:auto;*/
	/*height: 80vh;*/
	/*min-height: 100%;*/
	/*display: inherit;*/
	/*border: 1px solid #000;*/
	border-radius: 0px 10px 10px 10px;
	
	display: inline-block;
    position: relative;
	background-size: contain;
}

.tab-content-left {	
	min-height: 100%;
	overflow: hidden;
	width: 50%;
	float:left;
}

.tab-content-right {
	min-height: 100%;
	width: 50%;
	margin-left: 0px;
	float:left;
	overflow: auto;
	max-height: 520px;
}

#rcorners1 {
    border-radius: 10px 10px 0px 0px;
	/*background: #fff;*/
	/*border: 1px solid #000;*/
}

#rcorners2 {
    border-radius: 10px 10px 0px 0px;
    /*background: #253b19;*/
	/*border: 1px solid #000;*/
	background: #253b19;
}