@page { size: US-Letter; 
        background: #FFF; 
     /*   margin:  40pt 30pt 40pt 30pt;*/
        margin:  0;
    @top-left {
	    content: flow(ApplicantName);
    }
    @top-right { 
        content: flow(JobTitle); 
    }
    @bottom-left { 
        content: flow(ApplicationDate);

    }
    @bottom-right { 
        content: "Page " counter(page) " of " counter(pages);
        font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; background-color: #FFFFFF;
    }
}
@page:first { 
    @top-left {
	    content: normal;
    }
    @top-right { 
        content: normal; 
    }
}


span.ApplicantName{ flow: static(ApplicantName); font-size: 10pt;}
span.JobTitle{ flow: static(JobTitle); font-size: 10pt; text-align:right; }
span.ApplicationDate{flow: static(ApplicationDate); font-size: 10pt;}


body { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; background-color: #FFFFFF; }
        p{
            margin:0 0 0 0;
        }
        fieldset.regPtn
        {
            padding: 0;
        }
        /* Titles */
        h5
        {
            text-transform: uppercase;
            color: #777;
            border: 0;
            font-size: 14pt;
            margin-left:-.5em;
            padding:0;
            line-height: 16pt;
            page-break-after: avoid;
        }
        fieldset{
            margin:0;
        }
        fieldset.regPtn h3
        {
            margin-top: 0;
            margin-bottom: 0;
            border: 0;
            background-color: #999;
            color: #FFF;
            font-size: 9pt;
            padding: 2pt;
            margin-bottom:1em;
            page-break-after: avoid
        }
        /* box around each question */
        fieldset div.regPtn
        {
            display: block;
            float: left;
            clear: none;
            margin: 5px 0 0 0;
            font-size: 11pt;
            background-color: white;
            margin-right: 1em;
        }
        .staticInfo 
{
	margin-left:0px;
	color:#000;
	text-decoration:underline;
	padding:1px 0px 1px 1px;
	font-weight:bold;
}
        .regPtn label
        {
            clear: none;
            text-align: left;
            width: 100%;
            padding: 0;
            margin: 0 0 0 0;
            display: block;
            background-color: white;
        }
        .regPtn label span
        {
            text-align: left;
            padding: 0;
            margin: 0;
            display: block;
            color: #555;
            width: 100%;
            border-bottom: 1px dotted #333;
            font-size: 10pt;
            font-style: italic;
        }
        .regPtn span.staticInfo
        {
            margin-right: 0px;
            clear: both;
            color: #000;
            text-decoration: none;
            border: 0; /* background-color:#CEC; */
        }
        .regPtn input
        {
            clear: none;
            margin-top: 0px;
        }
        .oneWhole
        {
            width: 99%;
            display:block;
        }
        .oneHalf
        {
            width: 45%;
            display:block;
        }
        .oneThird
        {
            width: 31%;
        }
        .twoThird
        {
            width: 62%;
        }
        .oneQuarter
        {
            width: 21%;
            display:block;
        }
        .threeQuarter
        {
            width: 63%;
        }
        .oneFifth
        {
            width: 20%;
        }
        .oneSixth
        {
            width: 14%;
        }
        .endCap
        {
            clear: left;
        }
        div.pageindex
        {
            position: absolute;
            margin-left: 750px;
            border: 2px solid #666;
        }
        li.clickable
        {
            padding:2px;
            font-weight:bold;
            cursor: hand;
            cursor: pointer;
        }
        .nameLabel
        {
            text-decoration:underline;
            font-style:normal;
        
        }
        li.clickable:hover
        {
            background-color: #F4F7A3;
        }
        .staticInfoPlain
{
	margin-left:0px;
	color:#000;
	padding:1px 0px 1px 1px;
}

/*
div.regPtn { display: block; clear: both; height: auto; margin: 10px 0; padding: 5px; }
.regPtn label { clear: none; width: 200px; text-align: left; float: left; padding: 0; margin: 0 10px 0 0; }
.regPtn label span { clear: none; width: 200px; text-align: left; padding: 0px 0px 15px 0px; margin: 0; display: inline; }
.regPtn input { clear: none; margin-top: 0px; }
*/


div.longQuestion label, div.longQuestion label span { width: 100%;  }
div.longQuestion input, div.longQuestion select {  }

div.longAnswer label, div.longAnswer label span { clear: both; display: block; float: none; width: 550px; }



div.sectionHead { background-repeat: repeat-x; background-image: url(images/fadeTop.png);behavior: url(iepngfix.htc); background-position: 0 -20px; border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; margin: 0px; padding: 6px; font-size: 120%; font-weight: bold; line-height: 100%; }
div.sectionSubText { margin: 0px; padding: 6px; font-size: 95%; }


label { display: block; margin: 9px 9px 9px 0; }
label span { float: left; width: 250px; margin: 0 18px 9px 0; }
label span em { margin-left: 3px; font-weight: bold; color: #E00; }


/* Anchor Styles ----------------------------------------------------------------------------  Anchor Styles */
a:link { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #002448; }

a:visited { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #002448; }

a:hover { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #DE3B04; }
a:active { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #1b9dc6; }

/* Headline Styles ------------------------------------------------------------------------------  Headline Styles */
h1 { margin: 0px 0px 6px 0px; border: 0; font-size: 16pt; line-height: 100%; }
h2 { margin: 0px 0px 6px 0px; border: 0; font-size: 14pt; line-height: 100%;  }
h1.ApplicationHeader{text-align:center; padding: 4px; }
h2.ApplicationHeader{text-align:center; padding: 4px; font-size: 12pt;}

h4 { display: block; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; letter-spacing: -1px; color: white; margin: 0px 0px 0px 12px; line-height: 18px; }
h5 { display: block; clear: both;
     font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12pt; 
     font-weight: bold; letter-spacing: -1px; margin: 12px 0px 5px 0px; 
     padding: 10px 0px 1px 0px; border-bottom: 2px solid black; 
     page-break-after: avoid
     }
h3 { font-family: Geneva, Arial, Helvetica, sans-serif;
     display: block; clear: both; margin-top: 0; margin-bottom: 0; 
     font-size: 10pt; padding: 5px 0 0 0; text-decoration: underline;
     page-break-after: avoid
     }
 


.staticInfo { margin-left: 0px; color: #000; text-decoration: underline; padding: 1px 0px 1px 1px; font-weight: bold; }
.staticInfoPlain { margin-left: 0px; color: #000; padding: 1px 0px 1px 1px; }


p.Address{text-align:center;padding:0px;margin:0px;}
p.Address a { font-size: 8pt; }
div.Page{CLEAR: both; DISPLAY: block; FLOAT: none;}
div.Section{  }
span.SubSection {CLEAR: both; DISPLAY: block; FLOAT: none; padding-left:15px;}
span.SectionHeader {CLEAR: both; DISPLAY: block; FLOAT: none;}


        span.regPtn { padding: 0; margin: 0; }
        /* Titles */
             
        div.regPtn { display: inline; float: left; clear: none; margin: 5px 0 0 0; font-size: 9pt; background-color: white; width: 50%; }
        div.regPtn.oneWhole { width: 100%; }
        div.regPtn.oneHalf { width: 50%; }
        div.regPtn.oneThird { width: 33%; }
        div.regPtn.oneQuarter { width: 25%; }
        div.regPtn.oneFifth { width: 20%; }
        div.regPtn.oneSixth { width: 16%; }
        div.regPtn.endCap { clear: left; }
        
        .regPtn label { clear: none; width: 200px; text-align: left; float: left; padding: 0; margin: 0 10px 0 0; }
        .regPtn label span { clear: none; width: 200px; text-align: left; padding: 0px 0px 15px 0px; margin: 0; display: inline; }
        .regPtn input { clear: none; margin-top: 0px; }
        
        .regPtn label { display: block; clear: both; text-align: left; width: auto; padding: 0px 0 0 5px; margin: 0 5px 0 0; display: table-cell; background-color: #FFF; }
        .regPtn label span { text-align: left; padding: 0 0 5px 0; margin: 0; display: block; color: #555; border: 0; font-size: 9pt; line-height: 12pt; font-style: italic; }
        .regPtn label span span {padding: 0px;}
        .regPtn span.staticInfo { margin-right: 20px; clear: none; color: #000; text-decoration: none; border: 0; }
       
      
        div.pageindex { position: absolute; margin-left: 750px; border: 2px solid #666; }
        li.clickable { padding: 2px; font-weight: bold; cursor: hand; cursor: pointer; }
        li.clickable:hover { background-color: #F4F7A3; }
        
        
ul {margin-bottom: 10px;}


div label span.spanish
{
    font-weight: normal;
    font-style: normal;
    color: #990;
}
div.longQuestion label span.spanish
{

}