/*- Tabs--------------------------- */ 
#apinav {
background: url('/_css/img/home-tabs-bg-l.gif') no-repeat left top;
margin-left:0; margin-right:0; margin-top:.3em; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0
}

#apinav2 {
background: url('/_css/img/home-tabs-bg-r.gif') no-repeat right top;
width:100%; padding-left:0; padding-right:0; padding-top:6px; padding-bottom:4px
}

#apitabs{padding-top:4px;}

#tabcontainer {
height:150px;
overflow:auto;
background:#E5E5E5 url("/_css/img/tabcontainer_bg2.gif") repeat-x top left;
padding:6px  15px 2px 15px;
margin: 0 10px 0 0;
}

.tabcontent {
overflow:auto;
font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#000;
margin-bottom:0px;
height:144px;
}

.tabcontent p {line-height:1.1em; margin: 0 0 .5em 0;}

.tabcontent a, .tabcontent a:visited {color:#000;}

.tabcontent h2 {
color:#000;
font-size:1.2em;
margin:0;
}

.tabcontent a:hover{background:none; color:#3375A1}

#mainnav, #mainnavtabbed{
 list-style-type:none;
 margin:0;
 padding:0;
}

#mainnav li, #mainnavtabbed li{
	margin:0;
 float:left;
 margin-bottom:-1px;
}

#mainnav  li a, #mainnavtabbed li a {
 background:url("img/tab-l.gif") no-repeat left top;
 margin:0;
 padding:0px 0px 0px 5px;
 text-decoration:none;
 display:block;
 }

#mainnav  li a  span, #mainnavtabbed li a span {
 background:url("img/tab-r.gif") no-repeat right top;
 padding:5px 15px 4px 6px;
 color:#fff;
 display:block;
 }

#mainnav li a:hover, #mainnavtabbed li a:hover,
#mainnavtabbed li a.tabon,#mainnavtabbed li a.tabon:hover{
background-position:0% -50px;
color:#fff;
}

#mainnav li a:hover span, #mainnavtabbed li a:hover span,
#mainnavtabbed li a.tabon span,#mainnavtabbed li a.tabon:hover span{
color:#fff;
background-position:100% -50px;
}

#mainnavtabbed li a.tabon span {color:#000}

/*- API LOGOS on TABS---------.api_logo {float:right; margin:2px 0 2px .5em; position:relative;}  .api_logo img {border:none}----------- */ 

#tab-UnrealTools {background:url('/_css/img/UT_Thumb.jpg') no-repeat -6px right; }
#tab-UnrealTools .holder {float:right; width:200px;height:125px;}

#tab-Shaders {background:url('/_css/img/Shade_Thumb.jpg') no-repeat -6px right; }
#tab-Shaders .holder {float:right; width:164px;height:125px;}

#tab-Tools {background:url('/_css/img/Tools_Thumb.jpg') no-repeat -6px right; }
#tab-Tools .holder {float:right; width:360px;height:100px;}

#tab-Simulations {background:url('/_css/img/Sim_Thumb.jpg') no-repeat -6px right; }
#tab-Simulations .holder {float:right; width:210px;height:125px;}

#tabcontainer .links a {font-size:.85em; font-weight:bold; padding:0 2em 0 0; margin:0; }
#tabcontainer .links p {padding-bottom:0; margin-bottom:0}