﻿.MenuPositions 
{
	font-size: medium;
	clear: both;
	top: 2px;
	position: relative;
	left:0px; 
	width: 730px;
	font-family: Arial, Helvetica, sans-serif;font-weight: normal;
}

.ContentContainer 
{
clear: both;
position: relative;
left:0px; 
width: 730px;
border:solid 1px #999999;
clear: both;
top: 1px;
position: relative;
margin-bottom: 7px;
}
/*menutablecell */

.MenutablecellNormal 
{

color: #FFFFFF;
background-color: #FFFFFF;
width:101px;
height:30px;
background-image: url('/images/tabs/normal.jpg'); background-repeat:no-repeat;
text-align:center;

}

.MenutablecellSelected 
{

color: #FFFFFF;
background-color: #FFFFFF;
width:101px;
height:30px;
background-image: url('/images/tabs/Selected.jpg'); background-repeat:no-repeat;
text-align:center;

}

/*---menu table3----------------*/
/*---------------------------------*/
.Menutable3 
{

color: #FFFFFF;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
font-weight: normal;
text-align:center;
display:block;
line-height:30px;
width:101px;
height:30px;
background-image: url('/images/tabs/Selected.jpg'); background-repeat:no-repeat;

}

a.Menutable3 
{

color: #FFFFFF;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
display:block;
text-decoration: none;
font-weight:normal;
text-align : center;
line-height:30px;
width:101px;
height:30px;
background-image: url('/images/tabs/Selected.jpg'); background-repeat:no-repeat;
}

a.Menutable3:link 
{

color: #FFFFFF;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
font-weight:normal;
text-align : center;
line-height:30px;
display:block;
width:101px;
height:30px;
background-image: url('/images/tabs/Selected.jpg'); background-repeat:no-repeat;

}

a.Menutable3:visited 
{

color: #FFFFFF;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
font-weight:normal;
text-align : center;
display:block;
line-height:30px;
width:101px;
height:30px;
background-image: url('/images/tabs/Selected.jpg'); background-repeat:no-repeat;
}

a.Menutable3:hover 
{

color: #FFFFFF;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
display:block;
text-decoration: none;
font-weight:normal;
text-align : center;
line-height:30px;
width:101px;
height:30px;
background-image: url('/images/tabs/Selected.jpg'); background-repeat:no-repeat;
}

a.Menutable3:active 
{

color: #FFFFFF;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
display:block;
text-decoration: none;
font-weight:normal;
text-align : center;
line-height:30px;
width:101px;
height:30px;
background-image: url('/images/tabs/Selected.jpg'); background-repeat:no-repeat;
}



/*---------------------------------*/
.Menutable2 
{

color: #FFFFFF;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
font-weight: normal;
text-align:center;
display:block;
line-height:30px;
width:101px;
height:30px;
background-image: url('/images/tabs/normal.jpg'); background-repeat:no-repeat;

}

a.Menutable2 
{

color: #FFFFFF;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
display:block;
text-decoration: none;
font-weight:normal;
text-align : center;
line-height:30px;
width:101px;
height:30px;
background-image: url('/images/tabs/normal.jpg'); background-repeat:no-repeat;
}

a.Menutable2:link 
{

color: #FFFFFF;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
font-weight:normal;
text-align : center;
line-height:30px;
display:block;
width:101px;
height:30px;
background-image: url('/images/tabs/normal.jpg'); background-repeat:no-repeat;

}

a.Menutable2:visited 
{

color: #FFFFFF;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
font-weight:normal;
text-align : center;
display:block;
line-height:30px;
width:101px;
height:30px;
background-image: url('/images/tabs/normal.jpg'); background-repeat:no-repeat;
}

a.Menutable2:hover 
{

color: #FFFFFF;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
display:block;
text-decoration: none;
font-weight:normal;
text-align : center;
line-height:30px;
width:101px;
height:30px;
background-image: url('/images/tabs/normal.jpg'); background-repeat:no-repeat;
}

a.Menutable2:active 
{

color: #FFFFFF;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
display:block;
text-decoration: none;
font-weight:normal;
text-align : center;
line-height:30px;
width:101px;
height:30px;
background-image: url('/images/tabs/Selected.jpg'); background-repeat:no-repeat;
}

a.Menutable2Wide:hover 
{
	color: #FFFFFF;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display:block;
	text-decoration: none;
	font-weight:normal;
	text-align : center;
	line-height:30px;
	width:180px;
	height:30px;
	background-image: url('/images/tabs/wideNormal.jpg'); background-repeat:no-repeat;
}

a.Menutable2Wide:visited, a.Menutable2Wide:Link, a.Menutable2Wide:Active
{
	color: #FFFFFF;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight:normal;
	text-align : center;
	display:block;
	line-height:30px;
	width:180px;
	height:30px;
	background-image: url('/images/tabs/wideNormal.jpg'); background-repeat:no-repeat;
}

a.Menutable3Wide:hover 
{
	color: #FFFFFF;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display:block;
	text-decoration: none;
	font-weight:normal;
	text-align : center;
	line-height:30px;
	width:180px;
	height:30px;
	background-image: url('/images/tabs/wideSelected.jpg'); background-repeat:no-repeat;
}

a.Menutable3Wide:visited, a.Menutable3Wide:Link, a.Menutable3Wide:Active, a.Menutable3Wide, .Menutable3Wide
{
	color: #FFFFFF;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight:normal;
	text-align : center;
	display:block;
	line-height:30px;
	width:180px;
	height:30px;
	background-image: url('/images/tabs/wideSelected.jpg'); background-repeat:no-repeat;
}


/*--------------------------------*/
.Menutable {
display:block;
color: #FFFFFF;
background-color: #5B5B5B;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;

text-decoration: none;
font-weight: bold;
background-color:#005CB9;
padding: 5px;
height: 14px;
text-align : center;
top: 10px;
display:block;
vertical-align:middle;
}

a.Menutable {
display:block;
color: #FFFFFF;
background-color: #5B5B5B;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
background-color:#005CB9;
padding: 5px;
height: 14px;
text-align : center;
top: 10px;
display:block;
vertical-align:middle;
}

a.Menutable:link {
color: #FFFFFF;
background-color: #5B5B5B;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
height: 14px;
text-align : center;
top: 10px;
display:block;
vertical-align:middle;
}

a.Menutable:visited {
color: #FFFFFF;
height: 14px;
background-color: #5B5B5B;
text-align : center;
top: 10px;
display:block;
vertical-align:middle;
font-size: 11px;
}

a.Menutable:hover {
background-color:#696969;
height: 14px;
text-align : center;
text-decoration: underline;
top: 10px;
display:block;
vertical-align:middle;
font-size: 11px;
}

a.Menutable:active {
color: #FFFFFF;
background-color:#696969;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
height: 14px;
text-decoration: underline;
text-align : center;
top: 10px;
display:block;
vertical-align:middle;
}

.trRow
{
	background-color:#666666; height:26px; width:7px;
	
}

.trRowspacer
{
height:14px; width:1px;	
background-color:#CCCCCC;
display:block;
}

/**************************************************/
/******************* FLEXI TABS *******************/
/**************************************************/
ul#tabMenu, #tabMenu li
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

/*This fixes most issues caused by loss of CSS during postback causing a temporarily broken button until render completes */
ul#tabMenu, ul#tabMenu a
{
	height: 28px;
	line-height: 28px;
	text-decoration: none;
}

#tabMenu li
{
	float: left;
	margin-right: 1px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
}

#tabMenu a
{
	/* This method was #tabMenu a:link, .Menutable a:visited, but the link/visited caused breaking during postback! */
	background: url(../../../images/tabs/flexitabs.png) right 28px;
	color: #FFF;
	display: block;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
	cursor: pointer;
}

#tabMenu a span
{
	background: url(../../../images/tabs/flexitabs.png) left 28px;
	display: block;
	height: 28px;
	margin-right: 10px; /* Space for the closing image - should allow the image to fit AND be the same as 'padding-left' below */
	padding-left: 10px; /* How far from the left the text is from the button edge */
}

#tabMenu a:hover
{
	background: url(../../../images/tabs/flexitabs.png) right 84px;
	display: block;
	color: #FFF;
	cursor: pointer;
}

#tabMenu a:hover span
{
	background: url(../../../images/tabs/flexitabs.png) left 84px;
	display: block;
	color: #FFF;
	cursor: pointer;
}

/* Active State */
#tabMenu a.active
{
	background: url(../../../images/tabs/flexitabs.png) right 56px;
	display: block;
	color: #FFF;
	cursor: pointer;
}

#tabMenu a.active span, #tabMenu a.active span
{
	background: url(../../../images/tabs/flexitabs.png) left 56px;
	display: block;
	color: #FFF;
	cursor: pointer;
}