/*
'CSS FOR TABS
'
'*/

.doCollapse{
	border-collapse: collapse;
}


table.tabTable, table.tabDataContainer{
	padding: 0px;
	border-spacing: 0px;
	width: 750px;
	xborder-collapse: collapse;
	}

table.tabTable td.tabEmpty{
	border-bottom: 1px solid #3366CC; 
	width: 5px;
	}

table.tabTable td.tabComplete{
	border-bottom: 1px solid #3366CC; 
}


table.tabTable td.tabInactive{
	width: 100px;
	height:20px;
	border: 1px solid #8AA7E1;  
	background-color: #E4E4E4;
	text-align: center; 
	cursor: pointer;
	color: #D6D6D6;
	font-weight:bold;
	font-family: verdana;
	font-size: 10px;
	}

table.tabTable td.tab{
	width: 100px;
	height:20px;
	border: 1px solid #3366CC;  
	background-color: #ddd;
	text-align: center; 
	cursor: pointer;
	color: #7092C5;
	font-weight:bold;
	font-family: verdana;
	font-size: 10px;
	}
table.tabTable td.tab:hover{
	background-color: #7092C5;
	color: #ddd;
	}

table.tabTable td.tabSelected{
	width: 100px;
	height: 20px;
	border: 1px solid #3366CC;  
	border-bottom: 0px solid #fff; 
	background-color: #fff;
	text-align: center; 
	cursor:pointer;
	color: #0066CC;
	font-weight:bold;
	font-family: verdana;
	font-size: 10px;
	}



table.tabDataContainer  td.dataContainer{
	border: 1px solid #3366CC; 
	border-top: 0px solid #fff;  
	background-color: #fff;
	text-align: center; 
	padding: 14px;
	}