<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">&lt;style type="text/css"&gt;

.clearboth{
clear:both;
}	

#csstabs li{ 
padding:2px;
width: 95%;
}

#csstabs{ 
position:relative; 
width:740px; 
height:190px; 
margin-left: 10px;
margin-top: 10px; 
}

#csstabs h3{ 
padding:5px; 
height:30px;
text-align:center; 
cursor:hand; 
display:block; 		
font-size:16px; 
font-weight:bold; 
margin:0;
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
}

.tabcontent{
padding:10px 0 0 40px;
width:100%;
background:#fff;
border:1px solid #000;
position:absolute;
left:0;
top:40px;
height:130px;
display:block;
margin:0;
}

.tabcontentRightDiv{
padding:10px 0 0 40px;
width:50%;
background:#fff;
border-top:1px solid #000;
border-bottom:1px solid #000;
border-left:none;
border-right:1px solid #000;
position:absolute;
left:370px;
top:40px;
height:130px;
display:block;
margin:0;
}

.tabcontentLeftDiv{
padding:10px 0 0 30px;
width:50%;
background:#fff;
border-top:1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #000;
border-right:none;
position:absolute;
left:0;
top:40px;
height:130px;
display:block;
margin:0;
}

#csstabs:hover h3, #tabs:focus h3, #tabs:active h3{
background:none;
z-index:0;
}

#csstabs:hover .tabcontent,
#tabs:focus .tabcontent,
#tabs:active .tabcontent{
z-index:0;
opacity:0;
-webkit-transition : opacity .75s ease-in;
}

#tab1 .tabcontent, #tab1 .tabcontentRightDiv, #tab1 .tabcontentLeftDiv{
z-index:2;
background:#fff;
}

#tab1 h3{
z-index:3;
width:350px;
position:absolute;
left:0;
top:0;
cursor:hand;
background:#fff;
}

#tab1:hover h3,#tab1:focus h3,#tab1:active h3{
z-index:4;
background:#fff;
}

#tab1:hover .tabcontent, #tab1:hover .tabcontentRightDiv, #tab1:hover .tabcontentLeftDiv,
#tab1:focus .tabcontent, #tab1:focus .tabcontentRightDiv, #tab1:focus .tabcontentLeftDiv,
#tab1:active .tabcontent, #tab1:active .tabcontentRightDiv, #tab1:active .tabcontentLeftDiv,
#tab1:visited .tabcontent, #tab1:visited .tabcontentRightDiv, #tab1:visited .tabcontentLeftDiv
{
z-index:3;
background:#fff; 
opacity:1; 
-webkit-transition : opacity 2s ease-in;
}

#tab2 .tabcontent{
z-index:1; 
opacity:0;
}

#tab2 h3{
width:350px;
position:absolute;
left:380px;
top:0;
cursor:hand;
}

#tab2:hover h3,#tab2:focus h3,#tab2:active h3{
z-index:4;
background:#fff;
}

#tab2:hover .tabcontent, #tab2:hover .tabcontentRightDiv, #tab2:hover .tabcontentLeftDiv,
#tab2:focus .tabcontent, #tab2:focus .tabcontentRightDiv, #tab2:focus .tabcontentLeftDiv,
#tab2:active .tabcontent, #tab2:active .tabcontentRightDiv, #tab2:active .tabcontentLeftDiv,
#tab2:visited .tabcontent, #tab2:visited .tabcontentRightDiv, #tab2:visited .tabcontentLeftDiv{
z-index:3;	
background:#fff; 
opacity:1; 
-webkit-transition : opacity 2s ease-in;
}
&lt;/style&gt;
</pre></body></html>