/* Cascading Stylesheet for Common Elements */

body
{	margin: 0px;
	font-size: 1em;
	/*color: #1a3b69;*/
	font-family: Verdana, Arial, sans-serif;

}

table
{
    font-size:1em;
}

.ReportViewer
{
 font-size:small;

    font-family:Verdana;
	
	text-decoration: none;
 		
}

/*   general styles */	

body.masterpage 
{margin: 0px;
}

/* top banner styles */	

.banner 
{height: 57px; 
background-color: #7194B6;
width: 100%; 
white-space: nowrap;
}

img#banrght 
{float: right;
}

.app-title 
{text-align: left; 
margin-left: 20px;
font-family: Georgia, serif;
font-size: 3em;
color: black;
}

.app-ac
{text-align: left;
margin-left: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #abcded;
white-space: nowrap;
letter-spacing: 1px;
}

.test
{text-align: left;
margin-left: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 2em;
font-weight: bold;	
color: #fbcb57;
white-space: nowrap;
}

/*  top nav styles */	

.topnav 
{vertical-align: middle; 
background-color: #234f78;
padding: 5px 15px;
text-align: left;
white-space: nowrap;
}

.nav-text
{color: #B3C9DD;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
margin-right: 20px; 
text-decoration: none;
}

.nav-dividers
{color: #496580;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 66%;
}

A:link.nav
{font-family: Verdana, Helvetica, Arial, sans-serif;
color: white;
font-size: 90%;
font-weight: bold;
text-decoration: none;
margin-right: 20px; 
}

/*A:visited.nav
{font-family: Verdana, Helvetica, Arial, sans-serif;
color: white;
font-size: 90%;
font-weight: bold;
text-decoration: none;
margin-right: 20px;
}*/

A:hover.nav
{font-family: Verdana, Helvetica, Arial, sans-serif;
color: #F8F8FF;
font-size: 90%;
font-weight: bold;
text-decoration: underline;
margin-right: 20px; 
white-space: nowrap;
}


.menu {
    vertical-align: middle;
    background-color: #234f78;
    margin: 0%;
    padding: 5px 1%;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}

    .menu li {
        display: inline;
        font-family: Verdana, Arial, sans-serif;
        font-size: 100%;
        font-weight: bold;
        margin: 0px 1%;
        white-space: nowrap;
    }

        .menu li a {
            color: white;
            text-decoration: none;
        }

            .menu li a:hover {
                color: white;
                text-decoration: underline;
            }


/* spacer styles */	

/*.spacer 
{
background-color: #F2F2f0; 
color: #CC6600;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
vertical-align: middle;
padding: 15px 15px;
height: 100%;
}*/

/* footer styles */	

.footer {
    text-align: left;
    padding: 10px 1%;
    font-family: Verdana, Arial, sans-serif;
    width: 100%;
    white-space: nowrap;
    color: #06C;
    font-size: 75%;
    margin:0%;
}
    .footer li {
        display:inline;
    }

        .footer li a {
            color: #666;
            /*text-decoration: none;*/
            padding:0px 1%;
        }

            .footer li a:hover {
                color: #06C;
            }

    .footer li:after {
        color: #CCC;
        font-size:80%;
        content:"|";
    }


/* END Cascading Stylesheet for Common Elements */

/* Cascading Stylesheet for CSPA */
.content
{
    padding:20px;
}

/*.buttonStyle
{
    FONT-WEIGHT: bold;
    width: auto;
    CURSOR: hand;
    COLOR: #336699;
    background-image: url(../../Images/ButtonBG.gif);
    background-repeat: repeat-x;
    border: #3a6ea5 1px solid;
    padding: 3px 8px 3px 8px;
}*/

/*.importantButtonStyle
{
    FONT-WEIGHT: bold;
    width: auto;
    CURSOR: hand;
    COLOR: #336699;
    background-image: url(../../Images/ButtonBGBig.JPG);
    background-repeat: repeat-x;
    border: #3a6ea5 1px solid;
    padding: 3px 8px 3px 8px;
    font-size:190%;
}*/

.errorStyle
{
	margin: 5px 5px 5px 5px;
	color:Red;
	line-height:25px;
	display: block;
}

.fieldLabel
{
    font-weight:bold;
    font-size:90%;
    color:#555555;
	margin: 5px 0px 5px 0px;
}

.fieldValue
{

    font-size:110%;

}

.aboveTextBoxLabel
{
    line-height:normal;
    font-size: 80%;
    color: #666666;
	margin: 0px 3px 0px 3px;
	display:block;
}

.requiredMark
{
	vertical-align:top;
	color:Red;
	font-size: 120%;
	font-weight:bold;
}

.contactPanel
{
    float: left; 
    width: 300px; 
    min-height:600px;
    background-color: #ffffcc;
    padding:20px;
    margin-right:30px;
}

.optionPanel
{
    float: left; 
    background-color: #ffffcc;
    padding:20px;
    margin-right:30px;
}

.mainPanel
{

}

.homepagePanelHeader
{
    display:block;
    width:100%;
    color:White;
    font-weight:bold;
    background-color:#666666;
    padding:5px 20px 5px 20px;
}

.sectionHeader
{
    color: #000;
    font-family:Verdana;
	font-weight: bold;
	text-decoration: none;
    font-size:1.8em;
    display:block;
    padding-bottom:3px;
    padding-top:3px;
}

.calError
{
    color:Red;
    font-family:Verdana;
	font-weight: bold;
	text-decoration: none;
    font-size:1em;
    display:block;
    padding-bottom:3px;
    padding-top:3px;
}


.sectionHeader1
{
    color: #000;
    font-family:Verdana;
	font-weight: bold;
	text-decoration: none;
    font-size:1.2em;
    display:block;
    padding-bottom:3px;
    padding-top:3px;
}

.sectionHeader2
{
    color: #000;
    font-family:Verdana;
	font-weight: bold;
	text-decoration: none;
	font-style:italic;
    font-size:1.1em;
    display:block;
    padding-bottom:3px;
    padding-top:3px;
}

.tableHead
{
    color: white;
    background-color:#333333;
    font-family:Verdana;
	font-weight: bold;
	text-decoration:none;
    font-size:1em;
    display:block;
    padding-bottom:3px;
    padding-top:3px;
    padding-left:10px;
    padding-right:3px;
    width:994px;
   
}


.listHyperlink
{
	 color: #234f78;
	text-decoration: none;
    font-size:100%;
	
}

.listHyperlinkButton
{
	 color: #003366;
	text-decoration:underline;
	font-weight:bold;
    font-size:1em;
	
}

.ExamplesLink
{
	font-weight: normal;
	color: #234f78;
	text-decoration:underline;
	font-size:1em;
	
}

.sectionHeaderNoBreak
{
    color: #234f78;
	font-weight: bold;
	text-decoration: none;
    font-size:140%;
    padding-bottom:3px;
    padding-top:3px;
}

.section
{
    margin-left:5px;
}

.pinLabel
{
    color: #234f78;
	font-weight:bold;
}

.pinValue
{
    font-size:125%;
    font-weight:bold;
    color: #cc6600;
}

.reportIdValue
{
    font-size:140%;
    font-weight:bold;
    color: #cc6600;
}

.RepeatingFormSection
{
    display:inline-block;
    border-bottom: #cccccc 1px solid;
    padding: 5px 10px 5px 15px;
    width:90%;
}

.ListStyle
{
    border-collapse:collapse;	
    color: #333333;
    margin: 5px 5px 5px 5px;
}

.ListStyle td 
{
    padding: 4px 5px 4px 5px;
	font-weight: normal;
	color: black;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-collapse:collapse;
}


.Examples
{
	font-weight: normal;
	color: #666666;
	font-size:1em;
	
}

.ExamplesText
{
	font-weight: normal;
	color: #666666;
	font-size:1em;
	left:auto;
	
}

.GroupStyle
{
	font-size: 110%;
    border-collapse:collapse;	
    color: #333333;
    margin: 5px 5px 5px 5px;
}

.GroupStyle td 
{
    padding: 10px;
	font-weight: normal;
	color: black;
}

.GridStyle
{
    border-collapse:collapse;	
    color: #333333;
    margin: 5px 5px 5px 0px;
}

.RightBanner{

   float: right;
    /*align:right;*/

}

/*.GridStyle th 
{
    overflow:auto;    
    padding: 4px 5px 4px 5px;
    vertical-align: bottom;
    text-align:left;
    background-color: #7194b6;
    color:white;
}*/  

/*.GridStyle th a
{
    background-color: #7194b6;
    overflow:auto;    
    vertical-align: bottom;
    /*text-decoration:none;
    text-align:left;
    color:white;
}*/

.GridStyle td 
{
    padding: 4px 5px 4px 5px;
	font-weight: normal;
	color: black;
	border-bottom: #cccccc 1px solid;
	font-family: Verdana;
	border-collapse:collapse;
}

.selectorContainer
{
	vertical-align:top;
	display:inline;
	position:relative;
	z-index:1;
}

.selector
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    padding: 5px 5px 20px 20px;
    display: block;
    background-color: #ffffcc;
    color: Black;
    border: #cccccc 1px solid;
    width:800px;
}

.calendarButton
{
	margin: 3px 3px 3px 3px;
	vertical-align:top; 
	cursor:pointer;
}

.calendarContainer
{
	vertical-align:top;
	display:inline;
	position:relative;
	z-index:1;
}

.calendar
{
	position: absolute;  
    top: 22px;  
    left: 0px; 
	z-index:2;
	background-color:White;
}

.calendarTitleStyle
{
    border-style:none;
    color:#234f78;
    font-weight:bold;
    font-size:115%;
    background-color:White;
}

/*.calendarDayHeaderStyle
{
    background-color:#7194b6;
    color:White;
}*/

/*.calendarTodayDayStyle
{
	color:Red;
}

.calendarOtherMonthDayStyle
{
	background-color:#dddddd;
}*/