﻿
ul.tabs
{
	 
    padding:5px 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
}
        
ul.tabs li
{
    display: inline;
     
    margin-right:7px; /*distance between tabs*/
	
}
        
ul.tabs li a
{
    font: normal 14px Arial;
    text-decoration: none;
	 
    position: relative;
    z-index: 1;
    padding:6px 30px;
    border: 1px solid #CCC;
    border-bottom-color:#DDDDDD;
    color: #50504f;
    background: #F8F8F8 url(../images/tabbg1.jpg) 0 0 repeat-x;
     -moz-border-radius:5px 5px 0px 0px; /* Firefox */
  -webkit-border-radius:5px 5px 0px 0px; /* Safari and Chrome */
  border-radius:5px 5px 0px 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
 
 
  behavior: url(ie-css3.htc);
    outline:none;
}
        
ul.tabs li a:visited
{
    color: #50504f;
}
        
ul.tabs li a:hover
{
    border: 1px solid #DDDDDD;
    background:url(../images/tabbg2.jpg)  repeat-x;
 
}
        
ul.tabs li.selected a
{
    /*selected tab style */
    position: relative;
    top: 0px;
    font-weight:normal;
    background: url(../images/tabbg2.jpg)   repeat-x;
    border: 1px solid #DDDDDD;
    border-bottom-color: white;
	color:#000;
	
}
        
        
ul.tabs li.selected a:hover
{
    /*selected tab style */
    text-decoration: none;
}
 
 
 
ul.tabs2
{
	 
    padding:5px 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
}
        
ul.tabs2 li
{
    display: inline;
     
    margin-right:7px; /*distance between tabs*/
	
}
        
ul.tabs2 li a
{
    font: bold 12px Arial;
    text-decoration: none;
	 
    position: relative;
    z-index: 1;
    padding:6px 20px;
    border: 1px solid #CCC;
	border-bottom:none;
 
    color: #000;
    background: #F8F8F8 url(../images/tabbg1.jpg) 0 0 repeat-x;
     -moz-border-radius:5px 5px 0px 0px; /* Firefox */
  -webkit-border-radius:5px 5px 0px 0px; /* Safari and Chrome */
  border-radius:5px 5px 0px 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
 
 
  behavior: url(ie-css3.htc);
    outline:none;
} 
        
div.tabcontent
{
    display: block;
	font:normal 12px/17px Arial;color:#565555;
}

 

div.tabcontents
{
    border-top: 1px dashed #DDDDDD; padding:15px;
	background:url(../images/contentbg.jpg) repeat-x #FAFAFA;
   /* -moz-border-radius:0px 5px 5px 5px;  Firefox */
 /* -webkit-border-radius:0px 5px 5px 5px;  Safari and Chrome */
  /* border-radius:0px 5px 5px 5px; Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
 
 
 
}

div.tabcontents2
{
    width:775px;
	float:left;
	margin:0;
	padding:0 0 10px 0px;
	 border: 1px solid #DDDDDD;
    background-color:#FFF;
    -moz-border-radius:0px 5px 5px 5px; /* Firefox */
  -webkit-border-radius:0px 5px 5px 5px; /* Safari and Chrome */
  border-radius:0px 5px 5px 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
 
  background-color:#fff;
  behavior: url(ie-css3.htc);
 
}