* html #tlc, * html #trc {height: 1%;}

body,p,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,form,img {margin:0;padding:0}
a {text-decoration-line:underline;}
body  {font-size: 83%; font-family: arial, helvetica; background-color: #fff; color: #000; padding-left: .3em; padding-top: .3em;}

h1{font-size: 160%; font-weight: 400; color: #D0480D;}
h2{font-size: 140%; font-weight: 400; color: #D0480D;}
h3{font-size: 120%; font-weight: 400; color: #D0480D;}
h4{font-size: 100%; font-weight: bold;}
h5{font-size: 80%; font-weight: bold;}

div.lineUpCheckWithLabel > * {
	vertical-align: text-bottom;
}
div.lineUpCheckWithLabel label {
	display: inline;
	padding-bottom: 2px;
}
table.buttonListPaddingAlign td {
	padding: 5px 10px;
	border-width: 10px;
}

table.buttonListPaddingAlign td * {
    vertical-align: middle;
}

table.buttonListPaddingAlign td label {
    margin: 2px 5px 2px 0px;
}

table.buttonListPaddingAlign td input {
    margin-right: 5px;
}

.ApplicationColumn{
    width:100%;
    text-align:center;
}


select {
    font-family: arial, helvetica;
    font-size: 1em;
    background-color: #fff;
    color: #000;
}

input {font-family:  arial, helvetica; font-size: 1em; background-color: #fff; color: #000;
    height: 23px;
}

input[type="checkbox"],input[type="radio"] {
    height: auto;
}

textarea {font-family:  arial, helvetica; font-size: 1em; background-color: #fff; color: #000; }

fieldset {font-family:  arial, helvetica; background-color: #fff; color: #000; border: solid; border-left: 0; border-right: 0; border-bottom: 0; border-top-width: 0;}
legend {font-family:  arial, helvetica; background-color: #fff; color: #000; margin-left: -.7em; padding-right: .5em;  }


/*--------------------------------------------------------------------------------------
ALL SECTIONS   
--------------------------------------------------------------------------------------*/
.access {display: none; position: absolute; left:-999em}
.printonly {display: none; position: absolute; left:-999em}
.cssButton {font-size: 75%; font-family: arial, helvetica; text-transform: uppercase; background-color: #EAAB00;  cursor: pointer; }
.cssClear {clear: both}

.cssSkipToContent{}
.cssSmaller {font-size: 86%}
.cssIndent {padding-left: 2em; text-indent: -2em;}
.cssContinue {text-align: right;}
.cssButtonContinue {background-color: transparent; text-decoration:underline; border:none; color: Blue;}
.cssButtonContinue:hover {cursor:pointer;} 
.cssFirstButton {position: absolute; left: -99em;}
.valred {
    content:"\a";
    white-space:pre;
    display:block;
    margin-bottom: 20px;
    background-color: darkred;
    border: 1px solid #cccccc;
    font-size:1em;
    color:white;
}

/*--------------------------------------------------------------------------------------
TOP SECTION  - EsaPublicStyle800 and EsaPublicStyle1024 for width specific properties
--------------------------------------------------------------------------------------*/
#top {position:relative;z-index:80;background:#0064B0 url(../images/top_bg.png) repeat-x bottom;padding-bottom:2px; margin:0 0 10px;}
#top a {text-decoration:none;}
#top a:hover {text-decoration:underline;}
#toppadding {height: 50px; padding-top: 5px; padding-left: 10px;}

#logo {z-index:99;background:url(../images/DcedHeaderLogo.gif);width:185px;height:47px;position:relative;}
#divBanner {padding-top: 5px; padding-left: 10px;}
.inlinelisttop {border: 0em solid #000; padding-left:15px;}
.inlinelisttop p { display: inline; }
.inlinelisttop ul, .inlinelisttop li {padding-left:0px; margin-left: 0; list-style: none;  display: inline; vertical-align: middle;}
.inlinelisttop li {}
.inlinelisttop a {min-width: 70em; text-decoration:none; color: #fff;}
.inlinelisttop a:hover {text-decoration:underline;}

.toolbarOptions {color: #fff; padding-left: 0; padding-top: .1em; border-top: solid 1px #fff; border-bottom: solid 1px #fff;  padding-bottom: .3em;}
.toolbarSectionMenu {color: #fff; background-color: #D0480D; padding-top: .1em;   padding-bottom: .3em;}

.cssLinkButton {background-color: transparent; border:none; text-decoration: none; color: #fff; text-align: left;}   
.cssLinkButton:hover {text-decoration:underline; cursor:pointer;} 

.cssHeading {padding-top: .4em; padding-bottom: .3em; padding-left: 1.3em; background-color: #f4f4f4;}
.cssHeadingLabel {font-size: 86%; font-weight: bold; padding-bottom: .1em; width: 100px;}


/*--------------------------------------------------------------------------------------
MAIN SECTION   
--------------------------------------------------------------------------------------*/
#main {position:relative; min-height:516px; padding: 0px 20px; background:url(../images/LeftSide.gif) no-repeat;}


/*--------------------------------------------------------------------------------------
BOTTOM SECTION   
--------------------------------------------------------------------------------------*/
#readyset {width:100%;height:24px;background:url(../images/readyset_bg.png) repeat-y; clear:both}
#readyset_in {width:100%;height:24px;background:url(../images/readyset_in_bg.png); background-position: right; background-repeat: no-repeat;}

#foot {width:100%;clear:both;line-height:1.3;background:#555 url(../images/foot_bg.png) repeat-x;min-height:70px;overflow:hidden;color:#fff}
#foot p.info {font-size: 130%; font-weight:bold; background:url(../images/foot_pa_logo.gif) no-repeat; margin: 20px 0 0 17px; padding: 0 0 0 26px; min-height:25px; width:250px; float:left;}
#foot a {font-size: 85%; color:#fff; text-decoration:none}
#foot a:hover {text-decoration:underline}
#foot ul {padding-left:10px; clear:both;}
#foot ul li {float:left;background:url(../images/foot_li_bg.png) no-repeat right center; padding:4px 7px; list-style: none;  }

.footphone {font-size: 85%; font-weight: bold;}
.cssVersion {font-size: 80%; padding: 0; margin: 0;}


/*--------------------------------------------------------------------------------------
APPLICATION SECTIONS
--------------------------------------------------------------------------------------*/
/* Home Page   *********************************************************************/
.cssHomeLabel {font-size: 90%; font-weight: bold;}

/* Select Program   *********************************************************************/
.ProgramSearch {width: 98%; padding: 1em 1em 2em 1em; border: solid .15em #EAAB00;}
.ProgramWarning {color: #4d4f53; font-style: italic;}
.ProgramName {font-weight: bold; font-size: 103%;}
.ProgramFee {font-weight: bold; color: red; padding-left:10px; }
.ProgramAgency {font-weight: bold; font-size: 85%; color: #1A0DAB; }
.ProgramRowHeader {padding-top: .8em; padding-bottom: 1.2em; padding-left: .7em; padding-right: .7em; background-color: #f4f4f4;}
.ProgramRow1 {padding-top: .8em; padding-bottom: 1.2em; padding-left: .7em; padding-right: .7em; background-color: #f4f4f4;}
.ProgramRow2 {padding-top: .8em; padding-bottom: 1.2em; padding-left: .7em; padding-right: .7em; background-color: #fff;}
.dhProgramClearContainer {clear: both;}
.dhProgramDefinition {font-size: 93%;}
.dhProgramDefinitionRight {font-size: 93%; padding-Left: 30px;}
.dhProgramDefinitionshift {font-size: 93%; padding-left: 30px;}
.GatOfferLabel {font-size: 90%; font-weight: bold;}

/* Project Overview   *********************************************************************/
.cssProjectOverviewLabel {font-size: 90%; font-weight: bold;}
.cssProjectOverviewLabelSmall {font-size: 85%;}
#ProjectOverviewSpacer {padding-top: 1em;}


/* Site Location   *********************************************************************/
#spanSiteDistrict table {padding: 0;}
#spanSiteDistrict fieldset{padding-bottom: .5em;}

#spanSiteDesignatedAreas table {padding: 0;}
#spanSiteDesignatedAreas fieldset{padding-bottom: .5em; border: none;}
#spanSiteDistrict td {width: 310px; font-size: 80%; padding: 0;}
#spanSiteDesignatedAreas td {font-size: 80%;}
.cssSiteLabel {width: 160px; text-align: right; vertical-align: top; padding-top: .5em; padding-right: 1.5em; font-size: 95%; font-weight: bold;}
.cssSiteLabelShort {width: 160px; text-align: right; vertical-align: top; padding-top: .5em; padding-right: .6em; font-size: 95%; font-weight: bold;}
.cssSiteGatOffer {font-size: 85%; color: #4d4f53;}
.cssSiteLiteral {padding-top: .5em;}

/* Certification **********************************************************************/
.CertificationSectionHeading {font-weight: bold;}
.CertificationError {padding-left: 40px;}

/* Help **********************************************************************/
#cssHelp li {margin-left: 20px;}
#cssHelpNewSingleAppTop {height: 12px; background-image: url(../Images/Help_WhatsNewBorderTop.gif); background-position: top;  background-repeat: no-repeat;}
#cssHelpNewSingleAppBottom {height: 12px; background-image: url(../Images/Help_WhatsNewBorderBottom.gif); background-position: bottom; background-repeat: no-repeat;}
#cssHelpNewSingleAppHeading {padding-left: 2em; padding-right: 2em; background-color: #65CFE9; border: solid 1px; border-top: none;}
#cssHelpNewSingleAppBody {padding-left: 2em; padding-right: 2em; border: solid 1px; border-top: none; border-bottom: none;}
#cssHelpNewSingleAppBody li {margin-left: 50px;}   
.cssHelpNew {color: #bb133e; font-weight: bold;}



/*--------------------------------------------------------------------------------------
DROP AND DRAG COMPONENTS  
--------------------------------------------------------------------------------------*/
/* Help ***********************************************************************/
.dhLevel0 {font-weight: bold; padding-top: 1em;}
.dhLevel0_Selected {font-weight: bold; padding-top: 1em;}
.dhLevel1 {font-size: 80%;  font-weight: normal; padding-left: .3em;  padding-top: .1em;  padding-bottom: .1em;}
.dhLevel1_Selected {font-size: 80%;  font-weight: bold; width: 90%; background-color: #eaab00; padding-left: .3em;  padding-top: .1em; padding-bottom: .1em;}
.dhSectionHeader{font-size: 163%;  font-weight: normal; color: #D0480D; margin:0; padding:0}

/* Main content */
#dhMainContainer {margin-top:0; width: 900px; float:left;}
#dhSideBarContainer	{margin-left: -10px; width: 200px; float: left; display: inline; text-align: left;}
#dhSideBarContainer li {list-style: none}    
#dhSideBarBox 	{padding:.7em .7em .7em .7em;}
#dhMainContent 	{margin:0 0 0 200px; width:auto; padding: 0 0 0 0; margin-top:0;}


/* Excel Grid ************************************************************************/
.egSubHeadTd {width: 280px;  font-size: 90%; background: #D5D6D2; color: #4D4F53; text-align: right; cursor: pointer;}
.egRowHead {width: 280px;  padding-left: .9em; font-size: 80%; font-weight: bold;}
.egRowHText {padding-left: .9em; border: none;}

.egHead {width: 115px; background: #002664; color: #fff; vertical-align: middle; padding-bottom: .8em;  padding-top: .8em;}
.egSub {width: 115px; background: #D5D6D2; color: #4D4F53; text-align: right;}
.egSubHead {}
.egTree {}


.egHeadT {width: 115px; background: #002664; color: #fff; vertical-align: middle;  text-align: right; padding-bottom: .8em;  padding-top: .8em;}
.egSubRowT {width: 111px; background: #D5D6D2; color: #4D4F53; font-weight: bold; text-align: right;}
.egRowT {width: 115px;  background: url(../Images/NewPALightGreyBackground.gif);  text-align: right; font-weight: bold;}

.egFoot {background: #002664; color: white;  text-align: right; font-weight: bold;}
.egFtxt {}
.egRowHFTxt {}

.egHide {position: absolute; visibility: hidden;}
.egText {border: none; text-align:right; padding-right: 4px;}
.egAccess{position: absolute; left:-999em}




/* DCED Grid Object  ************************************************************************/
.cssDcedGrid_Header {font-size: 100%; font-family: Arial,Helvetica,Sans-Serif; background: #002664; color: #fff;  border-width: .1em; border-style: solid; border-color: #D5D6D2;  vertical-align: middle; text-align: center}
.cssDcedGrid_Row {cursor: pointer; border-width: .1em; border-collapse: collapse; border-style: solid; border-color: #D5D6D2;}
.cssDcedGrid_RowHover {cursor: pointer;  border-width: .1em; border-collapse: collapse;  border-style: solid;}
.cssDcedGrid_Cell {font-size: 93%; padding-left: .5em;  padding-right: .5em;}

.cssDcedGrid_Header th input {
    width:100% !important;
}



/* Tab Control *******************************************************************************/
table.tabbing, table.tabbing td {border:0; padding:0;}
TD.RTAB {background: url(../images/tabMouseOutNewRight.gif);}
TD.LTAB {background: url(../images/tabMouseOutNew.gif); }
.cssclickedTAB1 {height: 7em; background: url(../Images/tabSelectedMiddle.gif); cursor: pointer; border-style: none; padding-top: .40em; color: #DD8700; font-weight: bold;}
.cssnormalTAB1 {height: 7em; background: url(../images/TabGeneralSelect.gif); border-style: none; padding-top: .33em;}
.cssnormalTAB1:hover {text-decoration:underline; background: url(../images/TabMouseOver.gif); } 

#content
	{
   	padding:1em;
	background-color: transparent;
	}
		
#content p
	{
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}
	
#content table
    {
	background-color: #f4f4f4;  
    }
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(../images/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(../images/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(../images/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(../images/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(../images/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(../images/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(../images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	/*
	background-color: #eeeeee;
	background-color: white;
	*/
	background-image:url(../images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	background-color: #f4f4f4;
	}

/*
    CSS to define a key value pair in a table
*/
tr.kvp
{
    vertical-align:top;
    min-height:25px;
}


/* leave room for the ticker on the bottom of every page*/
body {
    padding-bottom: 3rem;
}


@keyframes ticker {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(-100%);
    }
}

.tickerWrapper {
    position: fixed;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    height: 2rem;
    background-color: red;
    padding-left: 100%;
}

.tickerPause {
    width:100%;
}

.ticker {
    animation: ticker 10s linear infinite;

    display: inline-block;
    height: 1.5rem;
    line-height: 2rem;
    color: red;
}

.ticker:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.tickerItem {
    display: inline-block;
    padding: 0 .5rem 0 2rem;
    font-size: 1.5rem;
    color: white;
    background: url(../images/foot_pa_logo.gif) no-repeat left center;
    position: relative;
    margin-right: 1rem;
}

.tickerItemDetail {
    position: absolute;
    background-color: #fff;
    border: 1px solid black;
    padding: 15px;
}

.HeadingApplicantContainer {float: left; width: 56%; margin: 0; padding-bottom: .1em;}	
.HeadingApplicationIdContainer {margin-left: 56%; padding-bottom: .1em;}
.liLogout {float:right; padding-right: .3em; text-align: right; width: 29%;}

/*--------------------------------------------------------------------------------------
APPLICATION SECTIONS
--------------------------------------------------------------------------------------*/
/* Select Program   *********************************************************************/
.dhProgramNameContainer{float: left; width: 61.5%; margin: 0;}	 
.dhProgramAgencyContainer{float: left; width: 61.5%; margin: 0; margin-bottom:7px; margin-top:3px;}
.dhProgramNameContainerRight{float: left;padding-left: 30px; width: 59%; margin: 0;}	
.dhProgramApplyContainer {background: url(../images/iconApply.gif) no-repeat; margin-left: 59%; padding-left: 30px; min-height: 30px; vertical-align: middle;}
.dhProgramServiceProviderContainer {background: url(../images/iconDecdPartner.gif) no-repeat; margin-left: 59%; padding-left: 30px; min-height: 30px; vertical-align: middle;}
.dhProgramStateProviderContainer {background: url(../images/iconStateProgram.gif) no-repeat; margin-left: 59%; padding-left: 30px; min-height: 30px; vertical-align: middle;}
.dhProgramNoIconContainer {margin-left: 59%; padding-left: 30px; min-height: 30px; vertical-align: middle;}