﻿/*----------------------------------------------
begin: html tag type selectors for BAT application 
------------------------------------------------*/
.container_bat
{
	font-family: Arial, Tahoma, sans-serif;
	width: 660px; 
	margin: 0 auto; 
	text-align: left;
	font-size: 10pt;
    color: #333333;
}    
	
	.container_bat a:link{color: #333;}
	.container_bat a:visited{color: #536066;}
	.container_bat a:hover{color: #939bad; }
	
    .container_bat td 
	{
        font-size: 8pt;
        color: #333333;
    }

	.container_bat th 
	{
        font-size: 8pt;
        background-color: #6699CC;
        font-weight: bold;
        text-align:center;
    }
    
    .container_bat hr 
    {
        color: #1C61B4;
        background-color: #1C61B4;
        height: 1px;
    }
	
	.container_bat form 
	{
		padding: 0px;
	}

	.container_bat h2 
	{
		font-size: 12pt;
		color: #134F8A;
		margin-bottom: 8px;
		margin-top: 2px;
	}

	.container_bat h3 
	{
		font-size: 10pt;
		color: #333333;
		margin-bottom: 4px;
		margin-top: 2px;        
	}
	
	.container_bat dt 
    {
        padding: 0px 0px 4px 0px;
        font-weight: bold;
        background-color: #ffffff;
        color: #000000;
    }
    
    .container_bat dd 
    {
        color: #000000;
        font-weight: normal;
        background-color: #DCEBFC;
        padding: 4px;
        margin-bottom: 4px;
    }

/*----------------------------------------------
end: style selectors for BAT application 
------------------------------------------------*/

table#tableoutput 
{
    border-collapse: collapse;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}


.content_viewReport
{
	width: 90%; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:left; 
	font-size:8pt;  
	margin-top: .3em;
}

.statusDisplay
{
	color:rgb(0,51,153);
}

.pagingLinks
{
	color: #536066;
}

.criteriaBox
{	
	width:99%; 
	border:solid 1px #1C61B4;
	text-align:center;
	border-collapse:collapse; /*cellspacing=0 */
}
	.criteriaBox td
	{
		padding:3px;/*cellpadding=3*/
	}

.output {
    color:#333333;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 2px;
    mso-number-format: \@;
}
.output2 {
    color:#333333;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 2px;
    mso-number-format: \@;
}

 .outputb  {
    color:#333333;
	 background-color: #DCEBFC;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 2px;            
    }


#tab1 li.tab1, #tab2 li.tab2, #tab3 li.tab3, #tab4 li.tab4, #tab5 li.tab5, #tab6 li.tab6 {
    border-bottom: 1px solid #ffffff;
    background-color: #FCF9DC;
}

#tab1 li.tab1, #tab3 li.tab1, #tab4 li.tab1, #tab5 li.tab1, #tab6 li.tab1 {
    margin-left: 5px;
}

#tab1 li.tab1 a, #tab2 li.tab2 a, #tab3 li.tab3 a, #tab4 li.tab4 a, #tab5 li.tab5 a, #tab6 li.tab6 a {
    color: #134F8A;
    font-weight: bold;
    color: #000000;
    border-bottom: none;
    text-decoration:none;
}

ul#tabnav {
	
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-color: #134F8A;    
   
}

ul#tabnav li {
    float: left;
    height: 22px;
    background-color: #ccffff;
    padding: 1px;
    margin: 1px 1px 0px 2px;
}

#tabnav a {
	font-size: 1em;
	vertical-align: bottom ;
    text-decoration: underline;
    border-bottom: none;
    padding: 2px;
}

#tabnav a:hover {
    background: #ffffff;
    border-bottom: none;
    text-decoration: underline;
}

#undernav {
    clear: both;
    width: 660px;
    height: 30px;
    font-size: 8pt;
    margin: 0px;
    padding: 0px;
    background-color: #FCF9DC;

}

#tab1, #tab3, #tab4, #tab5, #tab6
{
    padding: 0px;
    width: 660px;
    height: 25px;
    background-color: #134F8A;
	}

    #breadcrumbs
{
	clear: both;
	width: 660px;
	margin: 0px;
	padding-top: 4px;
	background-color: #DDDDDD;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
	height: 20px;
	color: #000000;
}

    #container {
        width: 660px;
        background-color: #DCEBFC;
        padding: 0px;
        margin:0px;
    }

    #faceplate     {
        float: left;
        display: block;
        width: 480px;
        margin:0px;
        background-color: #DCEBFC;
        font-family: Arial, Tahoma, sans-serif;
        font-size: 9pt;
        color: #333333;
    }

    #faceplate TD     {
        font-size: 9pt;
        color: #333333;
    }

    #faceplate ul li {
        margin-left: -1em;
        padding-bottom: 3px;
        font-size: 8pt;
        color: #333333;
    }

    #sidebar    {
        float: left;
        display: block;
        width: 180px;
        background-color: #FCF9DC;
        font-family: Arial, Tahoma, sans-serif;
        font-size: 9pt;
    }

    #sidebar ul {
        margin-top: 4px;
    }

    #sidebar ul li {
        margin-left: -2em;
        padding-bottom: 2px;
        font-size: 8pt;
        color: #333333;
    }

    #buttonbar 
    {
        width: 660px;
	    text-align: left;
		padding-top: 4px;
	    padding-bottom: 4px;
	    background-color: #ccffff;
	    height: 16px;
	}

    #criteria 
    {
		clear:both;
		float:none;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 10;
        /* Defect 163: Expanded width to fit longer CBSA, CSA, and MSA names (CK 11/18/2008) */
        width: 465px;
        height: auto;
        border: solid 2px #000060;
        padding: 4px;
        background-color: #DCEBFC;        
    }
    
    #shim 
    {
        visibility: hidden;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 9;
        width: 380px;
        height: 220px;
    }

	
	
    .buttoncontrols 
    {
        text-align:center;
        padding: 4px;
	    background-color: #DDDDDD;
    }

    .divider {
        background-color: #134F8A;
        color: #ffffff;
        padding: 4px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .dispOn { display: block; }
    .dispOff { display: none; }
    .dispInLine { display:inline; }

    
    

    .helpexpheader {
            width:350px;
            background:#D5EBF9;
            font-family: Arial;
            font-size: 11px;            
            border:1px solid #C4D5E3;
            font-weight:bold;
            padding:3px;
            border:1px solid #A5CFE9; 
            color: #336699;            
         }
         

    .helpexpheader2 {
            width:350px;
            background:#D5EBF9;
            font-family: Arial;
            font-size: 11px;            
            border:1px solid #C4D5E3;
            font-weight:bold;
            padding:3px;
            border:1px solid #A5CFE9; 
            color: #336699;            
         }
         
         
    .helpexpbody
	{
		color: #336699;
		width: 350px;
		background: #FFFFFF;
		font-family: Arial;
		font-size: 11px;
		padding: 3px;
		border-left: 1px solid #A5CFE9;
		border-right: 1px solid #A5CFE9;
		border-bottom: 1px solid #A5CFE9;
		text-align: left;
	}

    .helpexpbody2
	{
		color: #336699;
		width: 365px;
		background: #FFFFFF;
		font-family: Arial;
		font-size: 11px;
		padding: 3px;
		border-left: 1px solid #A5CFE9;
		border-right: 1px solid #A5CFE9;
		border-bottom: 1px solid #A5CFE9;
		text-align: left;
	}

    .helpexpbodytext
	{
		color: #336699;
		font-size: .9em;
	}
		
    .helpexpheadertext
	{
		font-weight:bold;
		color: #336699;
		font-size: 11px;
	}
         
	#helpLevel 
	{
		 position: absolute;
		 visibility: hidden;
		 top: 0px;
		 left: 10px;
		 z-index: 10;
	}
         
	.BackToTop
	{
		color: #536066;
		width: 100%;
		text-align: right;
	}
	
	.BackToTop A
	{
		color: #536066;
		padding-left: 15px;
		background: url(/icons/UpArrow.gif) no-repeat left;
	}
	
	.BackToTop A:visited
	{
		 color: #536066 ! important;
	}
	
	.BackToTop A:hover
	{
		color: red ! important;
	}
         
	.BackToBAT
	{
		color: #536066;
		width: 100%;
		text-align: left;
	}
	
	.BackToBAT A
	{
		color: #536066;
		padding-left: 15px;
		background: url(/icons/LeftArrow.gif) no-repeat left;
	}
	
	.BackToBAT A:visited
	{
		color: #536066 ! important;
	}
	
	.BackToBAT A:hover
	{
		color: red ! important;
	}

    
         
	
    .excellink 
    {
        background: url(/icons/smallxls.gif) no-repeat right top;
        padding: 2px 20px 2px 0;        
    }
    
    .csvlink 
    {
        background: url(/icons/ascii.gif) no-repeat right top;
        padding: 2px 20px 2px 0;        
    }
    
    .printlink 
    {
        background: url(/icons/tablesicon.gif) no-repeat right top;
        padding: 2px 20px 2px 0;        
    }
    
    .viewContent
    {
		text-align:center;
    }
    
    .tableContainer
    {
		width:470px;
		height: 200px; 
		overflow: auto;
    }
    
    /* added for xhmtl issues in IE 6 with vertical scroll bar being cut in half width-wise.*/
    .tableGrid
    {
		width:450px;
		border-collapse: collapse; /*replaces table cell spacing*/
		border-width:0px;
    }
    
		.tableGrid td 
		{ padding:2px; }


	.tableColumnSelectionInfo
	{
		width:450px;
		margin-bottom:2px;
	}

.userFilterList
{
	border-collapse: collapse; 
	width: 450px;
}

	.userFilterList table
	{
		padding:1px;
	}
    
.userFilterListContainer
{
	margin-top:20px;
}  

.pagingControlContainer
{
	text-align:center;
	width:100%;
}

.pagingControl
{
	border-collapse: collapse;
	border:0;
	width:660px;

}

	.pagingControl td
	{
		padding:2px;
		text-align:center;
		
	}


