/* CSS Document */

div.tabs > div {
	padding: 0px;
	margin-top: 0px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
		}

ul.tabNavigation {
width: 100%;
padding: 0;
background: #fff;
margin: 5px 0 0px 0;
background: url(../im/tab_bottom.gif) repeat-x bottom;
position: relative;
list-style: none;
height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px ;
		}

ul.tabNavigation li {
		    display: inline;
			margin: 0; 
			padding: 0;
			list-style-type: none;
			float: right;
		}

ul.tabNavigation li a {
float: left;
background: #e4e4e4;
font-size: 10px;
line-height: 14px;
font-weight: bold;
padding: 2px 5px 2px 5px; /*inside link*/
margin-right: 4px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
text-decoration: none;
color: #666;
		}

ul.tabNavigation li a.selected {border-bottom: 1px solid #fff;
background: #fff;
color: #000;}

ul.tabNavigation li a:hover {
background: #fff;
		}
		
ul.tabNavigation li a:focus {
	outline: 0;
		}

.tab-alt2 {margin-bottom:-1px} /*add to tabcontainer that needs to cover table lines*/

#first{padding:0px 5px 5px 0px;}
#second{padding:0px 5px 5px 0px;}
#third{padding:0px 5px 5px 0px;}
#fourth{padding:0px 5px 5px 0px;}
#fifth{padding:0px 5px 5px 0px;}

    -->