.r-tabs {
	position: relative; width:48%; margin:3% 1%;
}

.r-tabs .r-tabs-nav {
	border-bottom: 1px solid #ccc;
}

.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
	top: 1px;
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
	background: #05A08C;
	margin-bottom: 3px;
	padding: 10px 12px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

.r-tabs .r-tabs-nav .r-tabs-state-active {
	background-color: #fff;
	margin-bottom: -1px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #00aadd;
	background-color: #fff;
}

.r-tabs .r-tabs-panel {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 3px;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;
	background-color: #00aadd;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 3px;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #fff;
	color: #00aadd;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 0;
}
#tab-1{overflow:auto; height:200px;}
#tab-1 a{background: url(../images/icon.png) no-repeat left top; width:94%; height:auto; float: left; padding:1% 1% 2% 7%; margin:1% 0; font-size: small; color: #333333; text-decoration:none; transition:0.5s}
#tab-1 a:hover{ color:#0066FF}


#tab-2{overflow:auto; height:200px;}
#tab-2 h3{color:#0099FF; width:48%; margin:1%; float:left; text-align:center; background:#fcfcfc; padding:1% 0; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);}
#tab-2 p{color:#333333; width:48%; margin:2% 1%; float:left; text-align:center; font-weight:bold}
#tab-2 span{color:#333333; width:48%; margin:2% 1%; float:left; text-align:center;}
#tab-2 a{width: auto; height:auto; float: right; text-align:center; margin:1%; padding:1%; color:#FFFFFF; background:#333333;}
#tab-2 a:hover{background:#01A0E2}

#tab-3{overflow:auto; height:200px;}
#tab-3 p{color:#333333; font-size:small; margin:1% 0}
#tab-3 span{color:#333333; font-size:small; width:100%; float:left; padding-bottom:2%; margin-bottom:3%; border-bottom: #0099FF 1px dashed} 
#tab-3 span:last-child{border:none}
#tab-3 span img{margin:0 0 -1.5% 1%}
#tab-t{overflow:auto; height:200px;}
#tab-t a{background: url(../images/icon1.png) no-repeat left top; width:94%; height:auto; float: left; padding:1% 1% 1% 7%; margin:0.5% 0; font-size: small; color: #333333; text-decoration:none; transition:0.5s}
#tab-t a:hover{ color:#0066FF}

#tab-t ul.LinkedList { display: block; margin:0;}
#tab-t ul.LinkedList ul { display: none; margin:0;}
#tab-t .HandCursorStyle { cursor: pointer; cursor: hand; margin:0;}  /* For IE */
#tab-t ul{margin:0; padding:0}
#tab-t ul li{background: url(../images/icon1.png) no-repeat left top; list-style:none; width:94%; height:auto; float: left; padding:1% 1% 2% 7%; margin:1% 0; font-size: small; color: #333333; text-decoration:none; transition:0.5s}
#tab-t ul li ul li{background:none; margin:0}
#tab-t ul li ul li a{ background:url('../images/bg.png') no-repeat left center; width:100%; height:auto; float: left; padding:0 1% 0 3%; margin:0; font-size: small; color: #333333; text-decoration:none; transition:0.5s}




@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

.r-tabs {
	position: relative; width:98%; margin:3% 1%;
}

#tab-1 a{background: url(../images/icon.png) no-repeat left top; width:97%; height:auto; float: left; padding:1% 1% 2% 11%; text-align:left; margin:1% 0; font-size: small; color: #333333; text-decoration:none; transition:0.5s}

#tab-2 a{width:50%; height:auto; float:left; text-align:center; margin:2% 25% 1% 25%; padding:1% 0; color:#FFFFFF; background:#333333;}
#tab-2 a:hover{background:#01A0E2}


#tab-t a{background: url(../images/icon1.png) no-repeat left top; width:97%; height:auto; float: left; padding:1% 1% 2% 11%; text-align:left; margin:1% 0; font-size: small; color: #333333; text-decoration:none; transition:0.5s}

}