﻿/*16pt - Large*/
/*12pt - Medium*/
/*10pt - Small*/
html, body {
	    height: 100%;
	    overflow: auto;
    }
    
body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	font-family: Verdana;
}
.pageTitle
{
	margin-top: 0px;  	
 	font-size: 100%;
 	font-family:Verdana;
 	font-weight:bold;
 	color:#000000;
 	padding-top:0px;
}
.pageSubTitle
{
	font-size:75%;
	font-weight:normal;
	font-family:Verdana;
	font-style:normal;
	color:#000000;
}

.pageGradient
{	
	background-color: Fuchsia;
	background: url('../../Images/page_gradient.gif') repeat-x; 
	background-position: 0px -238px;
	width: 100%;
	min-height: 450px;
}

.content
{
	color: #000000;
	padding-bottom: 10px;
	font-size:small;
}

.contentTitle
{	color: #000000;	
	font-size:90%;
	font-weight:bold;
	padding-bottom: 10px;

}

/*TAB BAR*/
/*Classes used, and structure used in:*/

.tabTable
{
	width: 850px;
	table-layout: fixed;
	border: 0px;
	border-collapse: collapse;
	background-image: url('../../Images/bkg.tab.gif');
}

.tabEdge, .tabEdgeSelected { width: 1px; }
.tabEdge { background-image: url('../../Images/tab.edge.gif'); }
.tabEdgeSelected { background-image: url('../../Images/tab.edge_a.gif'); }

.tabLink, .tabLinkSelected
{
	border: none;
	padding-left: 4px;
	padding-right: 4px;
	margin-left: 2px;
	margin-right: 2px;
	text-decoration: none;
}

.tabTable, .tabTable tr, .tabEdge, .tabEdgeSelected, .tab, .tabHighlight, .tabLink, .tabLinkDiv, .tabLinkDivSelected, .tabBreak, tabBreakDiv, .tabSelected, .tabHighlightSelected, .tabLinkSelected
{
	height: 32px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
}

.tabLinkDiv, .tabLinkDivSelected
{
	text-decoration: none;
	white-space: nowrap;
	width: 100%;
	font-size: 16px;
	font-family: Verdana;
	cursor: pointer;
	padding-top: 5px;
	
}

.tabLinkDiv {color: #000000;}
.tabLinkDiv:hover {color: #FFFFFF;}
.tabLinkDiv:link {color: #000000;}
.tabLinkDiv:active {color: #000000;}
.tabLinkDiv:visited {color: #000000;}
.tabLinkDivSelected:hover {color: #000000;}
.tabLinkDivSelected:link {color: #FFFFFF;}
.tabLinkDivSelected:active {color: #FFFFFF;}
.tabLinkDivSelected:visited {color: #FFFFFF;}
.tabLinkDivSelected
{
	font-weight: bold;
	color: #000000;
}	

.tabLink
{
	/*background:  url('../../Images/pending.16.png') no-repeat 8px 8px;*/
}

.tabLink:visited
{
	/*background:  url('../../Images/complete.16.png') no-repeat 8px 8px;*/
}

.tabLinkSelected
{
	/*background:  url('../../Images/inprogress.16.png') no-repeat 8px 8px;*/
}

.tabHighlight:hover
{
	vertical-align: middle;
	background: url('../../Images/bkg.tab_a.gif');
}

.tabSelected
{
	background: url('../../Images/bkg.tab.hover.gif');
}


.tabBreak
{
	background-image: url('../../Images/bkg.tab.div.gif');
	width: 2px;
}		

.tabBreakDiv
{
	width: 2px;
}
/*END TAB BAR*/
.cellTitle
{
	height: 25px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	background-color: #C0C0C0
}
.cellContent
{
	color: #000000;
	font-size:small;
	border-color: #C0C0C0; 
	border-width: .5px; 
	vertical-align: top; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid; 
	background-color: #EBEBEB;
	 padding: 10px;
}
