/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/

/* Overall Page */

body {
	margin: 0;
	padding-bottom: 2em;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 2px solid #B51032;
}

/* Header Section */

#header {
	border-top: 3px solid #B51032;
	border-bottom: 1px dotted #B51032;
	height: 3em;
}
#header .title {
	font: 150% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
    font-weight :bold;
	color: black;
	background-color: transparent;
	float: left;
	margin-right: 2em;
	margin-top: 0.3em;
	margin-left: .8em;
}
#header .breadcrumb {
	font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top: 0.8em;
	font-weight:bold;
}
#header a:link, a:visited  {
	color: #B51032;
}

/* Navigation */

#navigation {
	width: 200px;
	top: 5em;
	left: 1em;
	width: 13em;	
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #ED9F9F;
}
#navigation li a  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #711515;
	border-right: 1px solid #711515;
	background-color: #B51032;
	color: #FFFFFF;
	text-decoration: none;
	width:200px;
}
#navigation li a:hover {
	background-color: #711515;
	color: #FFFFFF;
}

#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #711515;
	margin:0;
	background-color: #ED9F9F;
	color: #711515;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #ED9F9F;
	color: #711515;
}
#navigation ul ul a:hover {
	background-color: #711515;
	color: #FFFFFF;
}


.logout
{
    display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #711515;
	border-right: 1px solid #711515;
	background-color: #B51032;
	color: #FFFFFF;
	text-decoration: none;
	width:200px;
}
#logoff
{
    display: block;    
	border-left: 12px solid #711515;
	border-right: 1px solid #711515;
	background-color: #B51032;	
	font-family:Verdana;
	font-size:12px;
	text-align:center;
	color: #FFFFFF;	
	margin-top:20%;	
	width:450px;
	height:300px;
		}

.linkstyle
{
 color:Blue;
}
.linkstyle:hover
{
 color:Red;
}

/* Main Content */

#content 
{
	margin-top:1em;
	margin-left: 16em;
	margin-right: 2em;
	}
h1 {
	font: 150% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
}
#content p {
	font-size: 10px;
	line-height: 1.6em; 
 }

#content ul {
	font-size: 80%;
	line-height: 1.6em; 
}

/* Login Control Styles */
.ButtonStyle
{  background-color :#FFFBFF;   
   border-style:solid; 
   border-width:1px;
   border-color:#CCCCCC;
   color:#284775;
   font-family:Verdana; 
   width:100px;  
   margin:0 10px 10px 0;
}
.StepTitleStyle
{
    font-weight: bold;
    color: white;
    background-color: #B51032;
    height:25px;
    text-align:center;
    vertical-align:middle;
}

/* Data Web Control Styles */

.DataWebControlStyle
{
    font-family:Verdana;    
    font-size:12px;
}

.DetailsWebControlStyle
{
    font-family:Verdana; 
    border-color:White;   
    font-size:12px;   
}

.HeaderStyle
{
    background-color: #665566;
    color: White;
    font-weight: bold;
    text-align:left;
}

.HeaderStyle_2
{
    background-color:Transparent;
    color:#B51032;
    font-weight:normal;
    text-align:left;
    padding-right:10px;
   }

.AlternatingRowStyle_1
{
    background-color: #fcc;
}
.AlternatingRowStyle_2
{
    background-color: #ccffcc;
}
.AlternatingRowStyle_3
{
    background-color:White;
}
.SelectedRowStyle
{
    background-color:#ffcc99;
}
/* Tabs for Navigation the Reports: A, B, C, D, E */
div#rptNav
{
    margin:0;
    padding-left:0px;
    padding-bottom:24px;
    border-bottom:solid 1px #003366;
}

div#rptNav .Current
{
    float:left;    
    height:25px;
    width:140px;
    background-color:#FFFFFF;  
    background-image: url('../App_Themes/Images/tab-red.png')!important;  
    color:#FFFFFF;
    font-weight:bold;
    font-size:12px;
    line-height:25px;
    text-align:center;
    margin:0;
    border:solid 0px #711515;    
}

div#rptNav .NonCurrent
{
    float:left;
    height:25px;
    width:140px;
    background-color:#FFFFFF;  
    background-image: url('../App_Themes/Images/tab.png');  
    color:#ffffff;
   font-weight:bold;
    font-size:12px;
    line-height:25px;
    text-align:center;
    margin:0;
    border:solid 0px #711515;    
}

div#rptNav .NotRequired
{
    float:left;    
    height:25px;
    width:140px;
    background-color:#FFFFFF;  
    background-image: url('../App_Themes/Images/tab-grey.png');  
    color:#FFFFFF;
    font-weight:bold;
    font-size:12px;
    line-height:25px;
    text-align:center;
    margin:0;
    border:solid 0px #711515;    
}

div#rptNav a
{
	text-decoration:none;
}

/* Tabs for Navigation in one Report */
ul#tabnav
{
    list-style-type:none;
    margin:0;
    padding-left:0px;
    padding-bottom:24px;
    border-bottom:solid 1px #711515;
}

.Clicked
{
    float:left;
    height:21px;
    background-color:#B51032;
    color:#FFFFFF;
    margin:0;
    border:solid 1px #711515;
}
.UnClicked
{
    float:left;
    height:21px;
    background-color:#FFFFFF;    
    color:#B51032;
    margin:0;
    border:solid 1px #711515;    
}

/* Error or Warning Styles */
.ErrorMsg
{
    font-size: 0.9em;
    font-family  :Verdana;
    color: red;
}

/* Styles for AJAX Pop Up Modal */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
	text-align:left;
	font-family:Calibri;
	font-size:12px;
	background-color:#D6AE00;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:10px 10px;
	width:400px;

}

.modalButton
{
	width:70px;
}

.submitWarning
{
	font-size:12px;
	font-family:Calibri;
}

/* Warning on Part A Data Entry */
.warningNote
{
	Font-Size:11px;
	color:Red;
	background-color:White;
	width:100%;
	margin:0 20px 0 0;
	border:solid 1px red;
	padding:5px;
}

.reportIcon
{
	background-image: url('../App_Themes/Images/report.png');  
	background-position:left;
	background-repeat:no-repeat;
	padding-left:18px;
	margin-left:30px;	
}

.disabledLink
{
	color:Gray;
	text-decoration:none;
}

.enabledLink
{
	color:Blue;
	text-decoration:underline;
}