﻿/* DEP Colors: 
Light Blue - #c0d7e2
Gray-Blue - #71a3be
Darker Blue - #477d9a
Dark Blue - #006699
Light Gray-White - #f7f3f7
Light Gray - #c0c0c0
Medium Gray - #999999
Dark Gray - #666666
*/


/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #ffffff;
    font-size: 14px;
    font-family: Segoe UI, Ebrima, sans-serif;
    margin: 10px;
    padding: 0px;
    color: #000000;
}

a:link
{
    color: #006699;
}

a:visited
{
    color: #333333;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.2em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    color: #000000;
    font-family: Euphemia, Trebuchet, Gisha, sans-serif;
    text-transform: none;
    font-weight: normal;
}

h1
{
    font-size: 36px;
    padding-bottom: 0px;
    margin-bottom: 0px;
	text-align: center;
}

h2
{
    font-size: 24px;
	padding: 0px; 0px; 0px; 0px; 
}

h3
{
    font-size: 18px;
	padding-top: 10px; 
}

h4
{
    font-size: 16px;
	font-variant: small-caps;
	padding-bottom: 0px;
    margin-bottom: 0px;
	word-spacing: 10px;
}

h5
{
    font-size: 14px;
	margin: 0px; 0px; 0px; 0px;
}

h6
{
    font-size: 12px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/


.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    margin: 0px;
    padding: 0px 0px 0px 5px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 1.6em;
}

.homepage
{
    background-color: #335588;
    margin: 20px auto 0px auto;
    border: 0px solid #496077;
	text-align: center;
}

table
{
    border: 1px solid #aaaaaa;
	background-color: #ffffff;
	width: 85%
}

th, td {
	border-bottom: 1px solid #ddd;
	padding: 0px 12px;
    margin: 12px 8px 8px 8px;
	min-width: 70px;   
}


table.title
{
    border: 0px #ffffff;
	background-color: #ffffff;
	width: 80%
}

td.title {
	border: 0px;
	padding: 0px 12px;
    margin: 12px 8px 8px 8px;

}

td.id {
	border-bottom: 1px solid #ddd;
	padding: 0px 12px;
    margin: 12px 8px 8px 8px;
	text-align: center; 
	width: 40px; max-width:50px
}

td.main   
{
    background: #ffffff;
    font-size: 14px;
    font-family: Euphemia, Trebuchet, Gisha, sans-serif;
    color: #000000;
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
	text-align: justify;
}

td.reportHeader  
{
    background: #71A3BE;
    font-size: 14px;
    font-family: Euphemia, Trebuchet, Gisha, sans-serif;
    font-weight:bold;
    color: #ffffff;
    padding: 6px 12px;
    margin: 12px 8px 8px 8px;
}

td.rptHeaderC
{
    background: #71A3BE;
    font-size: 14px;
    font-family: Euphemia, Trebuchet, Gisha, sans-serif;
    font-weight:bold;
    color: #ffffff;
    padding: 6px 12px;
    margin: 12px 8px 8px 8px;
    text-align: center;
}

td.reportDetail   
{
    background: #ffffff;
    font-size: 12px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
}

td.rptDetailC   
{
    background: #ffffff;
    font-size: 12px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    text-align: center;
}

td.selectDetails   
{
    background: #ffffff;
    border: 2px dashed #000000;
    font-size: 12px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

