/*- The Main Content */  
 

                             /*- The Content Body */
                       main {margin:0 auto 0 auto; padding:0 36px 24px 36px; word-wrap:break-word; display:block; max-width:100%; vertical-align:top; font-size:1.1em;
                             background-color:white; position:relative;}	
                main strong {font-weight:700;}

                             /*- The Page Title */
                    main h1 {margin:0; padding:30px 0 12px 0; font-size:2.1em; color:#21458c; font-weight:400; line-height:1.0em;}
                             /*- The Page Subtitle. Used directly under the page title. */
                    main h2 {font-size:1.5em; color:black; padding:0; margin:-6px 0 12px 0; font-weight:400; line-height:1.0em;}

                             /*- New Section Heading */
        main h3, article h3 {margin:24px 0 8px 0; padding:0 0 8px 0; font-size:1.5em; color:black; font-weight:400; line-height:1.2em; width:100%; border-bottom:1px solid black;}
                             /*- New Section Heading (1st Child Adjustment) */
main .h31ST, article .h31ST {margin:12px 0 8px 0;}

                            /*- Paragraph Heading */
                    main h4 {font-size:1.1em; color:black; padding:0; margin:24px 0 6px 0; line-height:1.1em; font-weight:500;}
                main .h41st {margin-top:10px;}

                            /*- Box Title */
                        h5 {font-size:1.5em; color:black; padding:0; margin:0 0 12px 0; font-weight:400; line-height:1.0em;}
                            /*- Box Title (Child Adjustment) */
                           .h52ND {margin:18px 0 10px 0;}
                            /*- Box Title (h5, Red) */
    #box .compartment .red {margin-top:0;}
                  
                            /*- Seperate Div */
                  main div {margin-bottom:10px;}
  
                            /*- Links Green:#32cd32 Blue:#0000cc */
               main a:link {color:#0000cc; text-decoration:underline;}
            main a:visited {color:#0000cc; text-decoration:underline;}
              main a:hover {color:#0000cc; text-decoration:none;}
             main a:active {color:#0000cc; text-decoration:underline;}

                            /*- Set-Up Default Mobile & Desktop */
                  #desktop {display:none;}
        #desktop .portrait {float:left;}
                   #mobile {display:inline-block;}
                           
                  #article {margin:0; padding:10px 0 0 0;}
              main article {margin:0; padding:0;}
          main article div {margin:0; padding:0;}

                            /*-  Form button transformation into a link. */
          main #btn-link .link {background:none; border:none; color:#0000cc; text-decoration:underline; text-align:left;
			                      cursor:pointer; outline-color:transparent; margin:0; padding:0; font-size:1.0em; font-weight:normal;}
    main #btn-link .link:hover {text-decoration:none;}	
          main #btn-link .wrap {white-space:normal; word-wrap:break-word; margin:0; padding:0;}


/*- Mobile Adjustment */
@media only screen and (max-device-width:740px) {
                                           main {padding:0 18px 12px 18px;}	
                                        main h1 {padding-top:24px;} 
                                       #desktop {display:inline-block;}
                                        #mobile {display:none;}}

/*- Desktop Adjustment */
       @media only screen and (max-width:740px) {
                                           main {padding:0 18px 12px 18px;}	
                                        main h1 {padding-top:24px;} 
                                       #desktop {display:inline-block;}
                                        #mobile {display:none;}}


/*- ------------------------------------------------------- 
  - Page Adjustmnet: No Page Title (Outside of `main`)
  - -------------------------------------------------------  */ 

                                       #noTITLE {text-align:center; padding:24px 36px 24px 36px;}
  
/*- Mobile Adjustment */
@media only screen and (max-device-width:740px) {
                                       #noTITLE {padding:18px;}}
  
/*- Desktop Adjustment */
@media only screen and (max-width:740px) {
                                #noTITLE {padding:18px;}}  

/*- End */





/*- ------------------------------------------------------- 
  - CAP & Appeal Sub-Navigation
  - -------------------------------------------------------  */

             #stepHOLDER {margin:0 0 0 3px; padding:0; position:relative;}
        #stepHOLDER .tab {float:left; text-align:center; margin:0 4px 0 0; padding:6px 8px 4px 8px; position:absolute;
                          -webkit-border-radius:.2em .2em 0 0; -moz-border-radius:.2em .2em 0 0; border-radius:.2em .2em 0 0;}
      #stepHOLDER .tab a {color:white; text-decoration:none;}
#stepHOLDER .tab a:hover {color:white; text-decoration:none;}  
   #stepHOLDER .inactive {background-color:gray;}  
     #stepHOLDER .active {color:black; background-color:whitesmoke; border:1px solid silver; border-bottom:1px solid whitesmoke; padding-bottom:4px;}
   #stepHOLDER .lastSTEP {color:white; font-size:1.0em; border:none; background-color:maroon; padding-bottom:6px; cursor:pointer;}

/*- End */





/*- ------------------------------------------------------- 
  - CAP Add
  - -------------------------------------------------------  */

             #stepHOLDER2 {margin:0 0 0 3px; padding:0; position:relative;}
        #stepHOLDER2 .tab {float:left; text-align:center; margin:0 4px 0 0; padding:6px 8px 4px 8px; position:absolute;
                           -webkit-border-radius:.2em .2em 0 0; -moz-border-radius:.2em .2em 0 0; border-radius:.2em .2em 0 0;}
      #stepHOLDER2 .tab a {color:white; text-decoration:none;}
#stepHOLDER2 .tab a:hover {color:white; text-decoration:none;}  
   #stepHOLDER2 .inactive {background-color:gray;}  
     #stepHOLDER2 .active {color:black; background-color:whitesmoke; border:1px solid silver; border-bottom:1px solid whitesmoke; padding-bottom:4px;}
   #stepHOLDER2 .lastSTEP {color:white; font-size:1.0em; border:none; background-color:maroon; padding-bottom:6px; cursor:pointer;}

/*- End */


/*- ------------------------------------------------------- 
  - CAP Edit
  - -------------------------------------------------------  */

             #stepHOLDER3 {margin:0 0 0 3px; padding:0; position:relative;}
        #stepHOLDER3 .tab {float:left; text-align:center; margin:0 4px 0 0; padding:6px 8px 4px 8px; position:absolute;
                           -webkit-border-radius:.2em .2em 0 0; -moz-border-radius:.2em .2em 0 0; border-radius:.2em .2em 0 0;}
      #stepHOLDER3 .tab a {color:white; text-decoration:none;}
#stepHOLDER3 .tab a:hover {color:white; text-decoration:none;}  
   #stepHOLDER3 .inactive {background-color:gray;}  
     #stepHOLDER3 .active {color:black; background-color:whitesmoke; border:1px solid silver; border-bottom:1px solid whitesmoke; padding-bottom:4px;}
   #stepHOLDER3 .lastSTEP {color:white; font-size:1.0em; border:none; background-color:maroon; padding-bottom:6px; cursor:pointer;}

/*- End */


/*- ------------------------------------------------------- 
  - Monitoring Plan
  - -------------------------------------------------------  */

 #stepHOLDER4 {margin:0 0 0 3px; padding:0; position:relative;}
        #stepHOLDER4 .tab {float:left; text-align:center; margin:0 4px 0 0; padding:6px 8px 4px 8px; position:absolute;
                           -webkit-border-radius:.2em .2em 0 0; -moz-border-radius:.2em .2em 0 0; border-radius:.2em .2em 0 0;}
      #stepHOLDER4 .tab a {color:white; text-decoration:none;}
#stepHOLDER4 .tab a:hover {color:white; text-decoration:none;}  
   #stepHOLDER4 .inactive {background-color:gray;}  
     #stepHOLDER4 .active {color:black; background-color:whitesmoke; border:1px solid silver; border-bottom:1px solid whitesmoke; padding-bottom:4px;}
   #stepHOLDER4 .lastSTEP {color:white; font-size:1.0em; border:none; background-color:maroon; padding-bottom:6px; cursor:pointer;}

/*- End */

/*- ------------------------------------------------------- 
  - The Data Grid
  - -------------------------------------------------------  */

                  main #data-grid {width:100%; margin:12px 0 0 0; border-bottom:1px solid black;}

                                   /*- Caption */
          main #data-grid caption {padding:6px 0 6px 10px; background-color:#182945; color:#e8e8f0; text-align:left; line-height:1.1em;}
   main #data-grid caption a:link {color:#a4e271; text-decoration:underline;}
 main #data-grid caption a:active {color:#a4e271; text-decoration:underline;}
main #data-grid caption a:visited {color:#a4e271; text-decoration:underline;}
  main #data-grid caption a:hover {color:#a4e271; text-decoration:none;}

                                   /*- Table Header */ 
               main #data-grid th {padding:2px 0 4px 0; background-color:silver; font-weight:normal; text-align:left; line-height:1.0em; vertical-align:top;}
        main #data-grid th a:link {color:#0000cc; text-decoration:underline;}
      main #data-grid th a:active {color:#0000cc; text-decoration:underline;}
     main #data-grid th a:visited {color:#0000cc; text-decoration:underline;}
       main #data-grid th a:hover {color:#0000cc; text-decoration:none;}
        main #data-grid .even-row {background-color:white;}
         main #data-grid .odd-row {background-color:#e8e8f0;}
        main #data-grid .edit-row {background-color:green; color:white;}

            main #data-grid .appeal-row td {border-top:1px solid red; background-color:#F2DEDE;
                                            border-bottom:1px solid red;}
main #data-grid .appeal-row td:first-child {border-left:1px solid red;}
 main #data-grid .appeal-row td:last-child {border-right:1px solid red;}

                                   /*- Table Data */
               main #data-grid td {padding:2px 0 4px 0; line-height:1.0em; vertical-align:top;}	
        main #data-grid .firstCOL {padding:2px 0 4px 10px;}
          main #data-grid .center {text-align:center;} 
       main #data-grid td .maroon {color:maroon;} 
          main #data-grid .italic {font-style:italic;} 
       main #data-grid .noRECORDS {padding:6px 10px; background-color:#d9edf7;}

/*-  Form button transformation into a link. */
/*main #data-grid #btn-link .link {background:none; border:none; color:#0000cc; text-decoration:underline; text-align:left;
cursor:pointer; outline-color:transparent; margin:-4px 0 0 0; padding:0; font-size:1.0em; font-weight:normal;}
main #data-grid #btn-link .link:hover {text-decoration:none;}	
main #data-grid #btn-link .wrap {white-space:normal; word-wrap:break-word;}*/

/*- -------------------------------------------------------
  - Sort Button Link
  - ------------------------------------------------------- */

      #sortLINK .link {background:none; border:none; color:#0000CC; text-decoration:underline; cursor:pointer;
                       outline:none; margin:0; padding:0; font-size:1.0em; font-weight:normal;}
#sortLINK .link:hover {text-decoration:none;}

/*- End */

/*- Mobile Adjustment */
@media only screen and (max-device-width:880px) {
                                main #data-grid {font-size:.8em;}}

/*- Desktop Adjustment */
      @media only screen and (max-width:880px) {
                               main #data-grid {font-size:.8em;}}

/*- End */





/*- ------------------------------------------------------- 
  - Begin Block
  - ------------------------------------------------------- */

                                      main #box {margin:0; padding:0; vertical-align:text-top; display:inline-block; border:1px solid; border-color:silver; background-color:whitesmoke; 
                                                 -moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em; width:100%;}
                         main #box .compartment {margin:0; padding:18px 30px 18px 18px; text-align:left;}
                              main #box .center {text-align:center;}
                          main #box.boxADJUST01 {margin-bottom:6px;}

/*- Mobile Adjustment */
@media only screen and (max-device-width:740px) {
                                      main #box {width:100%;}
                main #box .compartment .tooMANY {width:94%;}}

/*- Desktop Adjustment */
       @media only screen and (max-width:740px) {
                                      main #box {width:100%;}
                main #box .compartment .tooMANY {width:94%;}}

/*- End */





/*- ------------------------------------------------------- 
  - Begin Application Block
  - ------------------------------------------------------- */

                                   main #boxAPP {margin:0; padding:0; vertical-align:text-top; display:inline-block; border:1px solid; border-color:silver; background-color:whitesmoke;
                                                 -moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em; width:100%;}
                   main #boxAPP .compartmentAPP {margin:0; padding:18px 30px 18px 18px; text-align:left; font-size:.8em;}
                main #boxAPP .compartmentAPP h5 {font-size:1.3em;}
     main #boxAPP .compartmentAPP .instructions {margin:-10px 0 6px 0; padding:0;}
                           main #boxAPP .center {text-align:center;}
                       main #boxAPP.boxADJUST01 {margin-bottom:6px;}

/*- Mobile Adjustment */
@media only screen and (max-device-width:740px) {
                                      main #boxAPP {width:100%;}
             main #boxAPP .compartmentAPP .tooMANY {width:94%;}}

/*- Desktop Adjustment */
          @media only screen and (max-width:740px) {
                                      main #boxAPP {width:100%;}
             main #boxAPP .compartmentAPP .tooMANY {width:94%;}}

/*- End */

/*- ------------------------------------------------------- 
  - Begin Application Form
  - ------------------------------------------------------- */

                main #formAPP {margin:0; padding:0;}
            main #formAPP div {margin-bottom:0;}
          main #formAPP label {margin:0 0 0 0; padding:0;}
          main #formAPP input {margin:0 0 4px 0; padding:4px; font-size:1.0em;}
         main #formAPP select {margin:0 0 4px 0; padding:4px; font-size:1.0em;}
       main #formAPP textarea {margin:0 0 0 0; padding:2px; width:100%; font-family:"Roboto",Helvetica, Arial;}

        main #formAPP article {margin-top:10px;}  
    main #formAPP article div {margin-bottom:2px;} 

         #formAPP .requiredBAR {border-right:2px solid red; width:6px; margin:0; padding:0;}
       main #formAPP .required {border:1px solid #767676; border-left:2px solid red; padding:4px; font-size:1.0em;}
 main #formAPP .requiredSELECT {border:1px solid #666; border-left:2px solid red; padding:3px 0 3px 0; font-size:1.0em;}
main #formAPP .requiredTINYMCE {border-left:2px solid red;}

            #formAPP #featureALERT {background-color:red; color:white;}
               #formAPP #featureON {background-color:green; color:white;} 

main #formAPP .button {position:relative;   
                       overflow:visible;
                       display:inline-block;
                       margin:12px 0 0 0;
                       padding:6px 18px 6px 18px;
                       border:1px solid #74b807;
                       text-decoration:none;
                       text-align:center;
                       text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
                       font:1.0em/normal sans-serif;
                       color:white;
                       white-space:nowrap;
                       cursor:pointer;
                       outline:none;
                       background-color:#77a809 ;  /* #6C090B 3072b3 */
                       background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#89c403), to(#77a809 ));
                       background-image:-moz-linear-gradient(#89c403, #77a809);
                       background-image:-ms-linear-gradient(#89c403, #77a809);
                       background-image:-o-linear-gradient(#89c403, #77a809);
                       background-image:linear-gradient(#89c403, #77a809);
                       -moz-background-clip:padding;
                       background-clip:padding-box;
                       border-radius:0.2em;
                       /* IE hacks */
                       zoom:1;}

main #formAPP .button:hover,
main #formAPP .button:focus,
main #formAPP .button:active,
main #formAPP .button.active {border-color:#74b807;
                            text-decoration:none;
                            text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
                            color:#fff;
                            background-color:#89c403;
                            background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#77a809 ), to(#89c403));
                            background-image:-moz-linear-gradient(#77a809 , #89c403);
                            background-image:-o-linear-gradient(#77a809 , #89c403);
                            background-image:linear-gradient(#77a809 , #89c403);}

 main #formAPP .button:active,
 main #formAPP .button.active {border-color:#74b807;
                            border-bottom-color:#3884cd;
                            background-color:#89c403;
                            background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#89c403), to(#77a809));
                            background-image:-moz-linear-gradient(#89c403, #77a809);
                            background-image:-ms-linear-gradient(#89c403, #77a809);
                            background-image:-o-linear-gradient(#89c403, #77a809);
                            background-image:linear-gradient(#89c403, #77a809);}

        main #formAPP .medium {width:160px;}
          main #formAPP .long {width:240px;}
        main #formAPP .exlong {width:280px;}
         main #formAPP .email {width:320px;}
     main #formAPP .superlong {width:360px;}
      main #formAPP .username {width:334px;}
          main #formAPP .date {width:100px;} 
         main #formAPP .phone {width:120px;} 
         main #formAPP .short {width:72px;} 
     main #formAPP .firstNAME {width:188px;} 


/*- Desktop Adjustment */
@media only screen and (max-width:740px) {
main #boxAPP #formAPP input,
main #boxAPP #formAPP .medium,
main #boxAPP #formAPP .exlong,
main #boxAPP #formAPP .username {width:98%;}
main #boxAPP #formAPP .superlong,
main #boxAPP #formAPP .email,
main #boxAPP #formAPP .long {width:98%;}
main #boxAPP #formAPP .button {width:100.5%; white-space:normal; word-wrap:break-word;}
main #boxAPP #formAPP select {font-size:.8em;}}

/*- Mobile Adjustment */
@media only screen and (max-device-width:740px) {
main #boxAPP #formAPP input,
main #boxAPP #formAPP .medium,
main #boxAPP #formAPP .exlong,
main #boxAPP #formAPP .username {width:98%;}
main #boxAPP #formAPP superlong,
main #boxAPP #formAPP .email,
main #boxAPP #formAPP .long {width:98%;}
main #boxAPP #formAPP .button {width:100.5%; white-space:normal; word-wrap:break-word; margin-top:4px;}}	

/*BUTTON DELETE*/
#formAPP #deleteBUTTON {margin:0;}
#formAPP #deleteBUTTON {position:relative; overflow:visible; display:inline-block; padding:6px 18px 6px 18px;
                        border:1px solid silver; margin:0; text-decoration:none; text-align:center;    
                        font:1.0em/normal roboto; color:white; white-space:nowrap; cursor:pointer;
outline:none; background-color:red;  
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(red), to(maroon));
background-image:-moz-linear-gradient(red, maroon);
background-image:-ms-linear-gradient(red, maroon);
background-image:-o-linear-gradient(red, maroon);
background-image:linear-gradient(red, maroon);
-moz-background-clip:padding; background-clip:padding-box; border-radius:0.2em; zoom:1;}  
  
/*BUTTON ALERT*/
#formAPP #deleteBUTTON:hover,
#formAPP #deleteBUTTON:focus,
#formAPP #deleteBUTTON:active,
#formAPP #deleteBUTTON.active {border-color:silver;
                            text-decoration:none;
                            /*text-shadow:-1px -1px 0 rgba(0,0,0,0.3);*/
                            color:#fff;
                            background-color:red;
                            background-image:-webkit-gradient(linear, 0 0, 0 100%, from(maroon), to(red));
                            background-image:-moz-linear-gradient(maroon , red);
                            background-image:-o-linear-gradient(maroon , red);
                            background-image:linear-gradient(maroon , red);}

#formAPP #deleteBUTTON:active,
#formAPP #deleteBUTTON.active {border-color:maroon;
                            border-bottom-color:red;
                            background-color:red;
                            background-image:-webkit-gradient(linear, 0 0, 0 100%, from(red), to(maroon));
                            background-image:-moz-linear-gradient(red, maroon);
                            background-image:-ms-linear-gradient(red, maroon);
                            background-image:-o-linear-gradient(red, maroon);
                            background-image:linear-gradient(red, maroon);}  


/*- End */


/*- ------------------------------------------------------- 
  - Begin Block (CAP/Appeal Add)
  - ------------------------------------------------------- */

                                      main #boxADD {margin:12px 0 0 0; padding:0; vertical-align:text-top; display:inline-block; border:1px solid;
                                                    border-color:silver; background-color:whitesmoke; 
                                                    -moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em; width:100%;}
                         main #boxADD .compartment {margin:0; padding:18px 30px 18px 18px; text-align:left;}
                                   main #boxADD h5 {color:#0000cc;}
                               main #boxADD strong {color:black; font-weight:500;}

/*- Mobile Adjustment */
@media only screen and (max-device-width:740px) {
                                      main #boxADD {width:100%;}
                main #boxADD .compartment .tooMANY {width:94%;}}

/*- Desktop Adjustment */
       @media only screen and (max-width:740px) {
                                      main #boxADD {width:100%;}
                main #boxADD .compartment .tooMANY {width:94%;}}

/*- End */





/*- ------------------------------------------------------- 
  - Begin Block (CAP/Appeal Edit)
  - ------------------------------------------------------- */

                                     main #boxEDIT {margin:12px 0 0 0; padding:0; vertical-align:text-top; display:inline-block; border:1px solid;
                                                    border-color:silver; background-color:whitesmoke; 
                                                    -moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em; width:100%;}
                        main #boxEDIT .compartment {margin:0; padding:18px 30px 18px 18px; text-align:left;}
                                  main #boxEDIT h5 {color:green;}
                              main #boxEDIT strong {color:black; font-weight:500;}

/*- Mobile Adjustment */
@media only screen and (max-device-width:740px) {
                                     main #boxEDIT {width:100%;}
               main #boxEDIT .compartment .tooMANY {width:94%;}}

/*- Desktop Adjustment */
       @media only screen and (max-width:740px) {
                                     main #boxEDIT {width:100%;}
               main #boxEDIT .compartment .tooMANY {width:94%;}}

/*- End */





/*- ------------------------------------------------------- 
  - Begin Box Task Holder
  - ------------------------------------------------------- */

                                  main #boxTASK {margin:0; padding:0; vertical-align:text-top; display:inline-block; border:1px solid;
                                                 border-color:silver; background-color:whitesmoke; 
                                                 -moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em; width:100%;}
                     main #boxTASK .compartment {margin:0; padding:12px 18px 6px 12px; text-align:left;}
                          main #boxTASK .center {text-align:center;}

                      main #boxTASK.boxADJUST01 {margin-bottom:6px;}

/*- Mobile Adjustment */
@media only screen and (max-device-width:740px) {
                                  main #boxTASK {width:100%;}
            main #boxTASK .compartment .tooMANY {width:94%;}}

/*- Desktop Adjustment */
       @media only screen and (max-width:740px) {
                                  main #boxTASK {width:100%;}
            main #boxTASK .compartment .tooMANY {width:94%;}}

/*- End */


/*- ------------------------------------------------------- */   
/*- Forms */
/*- ------------------------------------------------------- */

                main #form {margin:0; padding:0;}
               #form label {margin:0; padding:0;}
          main #form input {margin:4px 0 6px 0; padding:5px 0 5px 6px; font-size:1.1em;}
         main #form select {margin:6px 0 6px 0; padding:5px 0 5px 2px; font-size:1.1em;}
       main #form textarea {margin:6px 0 6px 0; padding:5px 0 5px 6px; font-size:1.1em; width:100%; font-family:"Roboto",Helvetica, Arial;}

               .requiredBAR {border-right:2px solid red; width:6px; margin:0; padding:0;}
       main #form .required {border:1px solid #767676; border-left:2px solid red; padding:5px 0 5px 6px;}
 main #form .requiredSELECT {border:1px solid #666; border-left:2px solid red; padding:5px 5px 5px 2px;}
main #form .requiredTINYMCE {border-left:2px solid red;}

             #featureALERT {background-color:red; color:white;}
                #featureON {background-color:green; color:white;}

                      /*- jQuery Slider, Contact Us */
 main #form #custom-handle {width:3em; height:1.6em; top:50%; margin-top:-.8em; text-align:center; line-height:1.6em;}  

        main #form .button {position:relative;   
                            overflow:visible;
                            display:inline-block;
                            margin:0;
                            padding:12px 36px 12px 36px;
                            border:1px solid #74b807;
                            margin-top:0;
                            text-decoration:none;
                            text-align:center;
                            text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
                            font:1.0em/normal sans-serif;
                            color:white;
                            white-space:nowrap;
                            cursor:pointer;
                            outline:none;
                            background-color:#77a809 ;  /* #6C090B 3072b3 */
                            background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#89c403), to(#77a809 ));
                            background-image:-moz-linear-gradient(#89c403, #77a809);
                            background-image:-ms-linear-gradient(#89c403, #77a809);
                            background-image:-o-linear-gradient(#89c403, #77a809);
                            background-image:linear-gradient(#89c403, #77a809);
                            -moz-background-clip:padding;
                            background-clip:padding-box;
                            border-radius:0.2em;
                            /* IE hacks */
                            zoom:1;}

main #form .button:hover,
main #form .button:focus,
main #form .button:active,
 main #form .button.active {border-color:#74b807;
                            text-decoration:none;
                            text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
                            color:#fff;
                            background-color:#89c403;
                            background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#77a809 ), to(#89c403));
                            background-image:-moz-linear-gradient(#77a809 , #89c403);
                            background-image:-o-linear-gradient(#77a809 , #89c403);
                            background-image:linear-gradient(#77a809 , #89c403);}

 main #form .button:active,
 main #form .button.active {border-color:#74b807;
                            border-bottom-color:#3884cd;
                            background-color:#89c403;
                            background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#89c403), to(#77a809));
                            background-image:-moz-linear-gradient(#89c403, #77a809);
                            background-image:-ms-linear-gradient(#89c403, #77a809);
                            background-image:-o-linear-gradient(#89c403, #77a809);
                            background-image:linear-gradient(#89c403, #77a809);}





/*- -------------------------------------------------------*/
/*- Alert Button */
/*- Used so it will be more noticable. */
/*- -------------------------------------------------------*/

   main #form .buttonALERT {position:relative;   
                            overflow:visible;
                            display:inline-block;
                            margin:7px 0 0 0;
                            padding:12px 36px 12px 36px;
                            border:1px solid maroon;
                            text-decoration:none;
                            text-align:center;
                            text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
                            font:1.0em/"Roboto";
                            color:white;
                            white-space:nowrap;
                            cursor:pointer;
                            outline:none;
                            background-color:maroon ;  /* #6C090B 3072b3 */
                            background-image:-webkit-gradient(linear, 0 0, 0 100%, from(red), to(maroon ));
                            background-image:-moz-linear-gradient(red, maroon);
                            background-image:-ms-linear-gradient(red, maroon);
                            background-image:-o-linear-gradient(red, maroon);
                            background-image:linear-gradient(red, maroon);
                            -moz-background-clip:padding;
                            background-clip:padding-box;
                            border-radius:0.2em;
                            /* IE hacks */
                            zoom:1;}

main #form .buttonALERT:hover,
main #form .buttonALERT:focus,
main #form .buttonALERT:active,
 main #form .buttonALERT.active {border-color:red;
                                text-decoration:none;
                                  text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
                                  color:#fff;
                                  background-color:red;
                                  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(maroon ), to(red));
                                  background-image:-moz-linear-gradient(maroon , red);
                                  background-image:-o-linear-gradient(maroon , red);
                                  background-image:linear-gradient(maroon , red);}

 main #form .buttonALERT:active,
 main #form .buttonALERT.active {border-color:maroon;
                            border-bottom-color:red;
                            background-color:red;
                            background-image:-webkit-gradient(linear, 0 0, 0 100%, from(red), to(maroon));
                            background-image:-moz-linear-gradient(red, maroon);
                            background-image:-ms-linear-gradient(red, maroon);
                            background-image:-o-linear-gradient(red, maroon);
                            background-image:linear-gradient(red, maroon);}



        main #form .medium {width:160px;}
          main #form .long {width:240px;}
        main #form .exlong {width:280px;}
         main #form .email {width:320px;}
     main #form .superlong {width:360px;}
      main #form .username {width:334px;}
          main #form .date {width:100px;} 
         main #form .phone {width:120px;} 
            
/*- For the submit button on the contact us page.*/
main #form .disabled, main #form .disabled:hover {pointer-events:none;
                                                  border:1px solid gray;
                                                  background-color:gray;
                                                  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(silver), to(gray));
                                                  background-image:-moz-linear-gradient(silver, gray);
                                                  background-image:-ms-linear-gradient(silver, gray);
                                                  background-image:-o-linear-gradient(silver, gray);
                                                  background-image:linear-gradient(silver, gray);
                                                  -moz-background-clip:padding;
                                                  opacity:0.4;}

/*- Desktop Adjustment */
@media only screen and (max-width:740px) {
main #form input, main #form .medium, main #form .exlong, main #form .username {width:98%;}
main #form .superlong, main #form .email, main #form .long {width:98%;}
main #form .button {width:100.5%; white-space:normal; word-wrap:break-word; margin-top:4px;}
main #form select {font-size:.8em;}}

/*- Mobile Adjustment */
@media only screen and (max-device-width:740px) {
main #form input, main #form .medium, main #form .exlong, main #form .username {width:98%;}
main #form .superlong, main #form .email, main #form .long {width:98%;}
main #form .button {width:100.5%; white-space:normal; word-wrap:break-word; margin-top:4px;}
main #form select {font-size:.8em;}}	


  /*- Mobile Adjustment (Not working) */
@media only screen and (max-device-width:740px) {
select {width:100%;}}

/*- Desktop Adjustment (Not working) */
@media only screen and (max-width:740px) {
select {width:100%;}}  

/*- End */


/*- ------------------------------------------------------- */   
/*- Selection Reset */
/*- ------------------------------------------------------- */  

                                   /*- Selected Experience Box */
                   #siteSELECTION {margin:0; padding:10px 0 8px 0; color:white; font-size:1.0em; text-align:center; line-height:1.1em; 
                                   background-color:#77a809;                                       /*- Fall Back */
                                   background-image:-webkit-gradient(top, #89c403, #77a809);      /*- Chrome, Safari */
                                   background-image:-moz-linear-gradient(top, #89c403, #77a809); /*- Firefox */
                                   background-image:-ms-linear-gradient(top, #89c403, #77a809); /*- Internet Explorer */
                                   background-image:-o-linear-gradient(top, #89c403, #77a809); /*- Opera */
                                   background:linear-gradient(to bottom, #89c403, #77a809);} 
  
                                   /*- Selected Experience Box Link */
            #siteSELECTION a:link {color:white; text-decoration:underline;}
           #siteSELECTION a:hover {color:white; text-decoration:none;}
         #siteSELECTION a:visited {color:white; text-decoration:underline;}
          #siteSELECTION a:active {color:white; text-decoration:underline;}  

/*- End */


/*- ------------------------------------------------------- */   
/*- Complaints */
/*- ------------------------------------------------------- */   

            main #complaintCONSENT {margin-top:6px; font-style:italic; font-size:0.9em; text-align:center;}
      main #box #relationshipRADIO {margin:4px 0 12px 6px;}
main #box #relationshipRADIO input {float:left; margin:3px 4px 0 0; padding:0; width:20px;}
       main #form .additionalFIELD {color:dodgerblue; margin-bottom:0;}

/*- Desktop Adjustment */
                  @media only screen and (max-width:740px) {
                                main #form .facilitySELECT {width:100%; text-overflow:ellipsis;}
                                     main #form .topBUTTON {margin-bottom:4px;}}

/*- Mobile Adjustment */
           @media only screen and (max-device-width:740px) {
                                main #form .facilitySELECT {width:100%; text-overflow:ellipsis;}}

/*- End */


/*- ------------------------------------------------------- */   
/*- Login & Pasword Assistance */
/*- ------------------------------------------------------- */   

main #box .compartment .tooMANY {margin:0; padding:12px; background-color:#D9EDF7; display:block; width:320px; font-size:0.9em;}
 main #box .compartment .unlock {margin:8px 0 0 0; padding:0; font-size:0.8em;}
            main #box .divLOGIN {font-size:0.9em; margin:0; padding:12px 0 0 0;}

/*- End */


/*- ------------------------------------------------------- */ 
/*- Message Response & Message Body */
/*- ------------------------------------------------------- */ 

                            #messageRESPONSE {margin:0; padding:0; color:black; text-align:center;}
#messageRESPONSE a:link, a:visited, a:active {color:black; text-decoration:underline;} 
                    #messageRESPONSE a:hover {color:black; text-decoration:none;}

   #messageRESPONSE #alert {margin:0; padding:18px; background-color:#F2DEDE; border-bottom:1px solid     red; box-shadow:inset 0px 2px 0px 0px     red;}
 #messageRESPONSE #success {margin:0; padding:18px; background-color:#DFF0D8; border-bottom:1px solid #48a463; box-shadow:inset 0px 2px 0px 0px #48a463;}
#messageRESPONSE #success .red {color:red;}
    #messageRESPONSE #info {margin:0; padding:18px; background-color:#D9EDF7; border-bottom:1px solid #00bfe7; box-shadow:inset 0px 2px 0px 0px #00bfe7;}
 #messageRESPONSE #warning {margin:0; padding:18px; background-color:#fff1d2; border-bottom:1px solid #fdb81e; box-shadow:inset 0px 2px 0px 0px #fdb81e;}
#messageRESPONSE #warning .red {color:red;}

                                              /*- For messages in the body. */
                                #messageBODY {margin:0 0 6px 0; padding:0; color:black; text-align:left; font-size:0.9em;}
                          #messageBODY #info {margin:0; padding:8px; background-color:#D9EDF7;}
                       #messageBODY #warning {margin:0; padding:8px; background-color:#fff1d2;}

                         /*#messageBODY #alert {margin:0; padding:8px; background-color:#f2dede;}*/

                         #messageBODY #alert {margin:0; padding:24px 18px 18px 18px;
                                              -moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em;
                                              background:linear-gradient(to bottom, maroon 5%, red 100%); 
                                              background-color:#f2dede; 
                                              color:white;}

                       #messageBODY #success {margin:0; padding:8px; background-color:#DFF0D8;}
                                              /*- Important Instructions. Bright Green, #89c403 */

                  /*- Gold Version -*/
                  /*#messageBODY #instructions {margin:0; padding:24px 18px 18px 18px;
                                              -moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em;
                                              background:linear-gradient(to bottom, #C49e03 5%, #9d7e03 100%); 
                                              background-color:#C49e03; 
                                              color:white;}*/
                  /*- Gold Version -*/
                  #messageBODY #instructions {margin:0; padding:24px 18px 18px 18px;
                                              -moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em;
                                              background:linear-gradient(to bottom, #90C9E6 5%, #D9EDF7 100%); 
                                              background-color:#C49e03; 
                                              color:black;}
            

/*- End */





/*MESSAGE BOX*/
/*ALERT MESSAGE BOX*/
main #form #messageALERT, #messageALERT {width:100%; display:block; border:1px solid #EBCCCC; background-color:#F2DEDE; margin:0; padding:0;
-moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em;}

/*ALERT BOX LINER*/
main #form #messageALERT, #messageALERT #liner {color:black; margin:0; padding:1.25em; vertical-align:middle; text-align:left;}

/*ALERT, REMAINING DIVS (MUST LIST FIRST)*/
main #form #messageALERT, #messageALERT div:nth-child(n+1) {margin:0; padding:0; font-weight:normal;}

/*ALERT, HEADER*/
main #form #messageALERT, #messageALERT #liner div:nth-child(1) {padding:0 0 .1em 0; margin:0; font-weight:500; font-size:1.1em;}

/*ALERT, LINK*/
main #form #messageALERT, #messageALERT a:link, a:visited, a:active {color:#0000CC; text-decoration:underline;}
main #form #messageALERT, #messageALERT a:hover {color:#0000CC; text-decoration:none;}


/*MESSAGE BOX*/
/*SUCCESS MESSAGE BOX*/
main #form #messageSUCCESS, #messageSUCCESS {width:100%; display:block; border:1px solid #D0E9C6; background-color:#DFF0D8; margin:0; padding:0;
-moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em;}

/*SUCCESS BOX LINER*/
main #form #messageSUCCESS, #messageSUCCESS #liner {color:black; margin:0; padding:1.25em; vertical-align:middle; text-align:left;}

/*SUCCESS, REMAINING DIVS (MUST LIST FIRST)*/
main #form #messageSUCCESS, #messageSUCCESS div:nth-child(n+1) {margin:0; padding:0; font-weight:normal;}

/*SUCCESS, HEADER*/
main #form #messageSUCCESS, #messageSUCCESS #liner div:nth-child(1) {padding:0 0 .1em 0; margin:0; font-weight:400; font-size:1.1em;}

/*SUCCESS, LINK*/
main #form #messageSUCCESS, #messageSUCCESS a:link, a:visited, a:active {color:#0000CC; text-decoration:underline;}
main #form #messageSUCCESS, #messageSUCCESS a:hover {color:#0000CC; text-decoration:none;}


/*MESSAGE BOX*/
/*INFORMATION MESSAGE BOX*/
main #form #messageINFO, #messageINFO {width:100%; display:block; border:1px solid #C4E3F3; background-color:#D9EDF7; margin:0; padding:0;
-moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em;}

/*INFORMATION BOX LINER*/
main #form #messageINFO, #messageINFO #liner {color:black; margin:0; padding:1.25em; vertical-align:middle; text-align:left;}

/*INFORMATION, REMAINING DIVS (MUST LIST FIRST)*/
main #form #messageINFO, #messageINFO div:nth-child(n+1) {margin:0; padding:0; font-weight:normal;}

/*INFORMATION, HEADER*/
main #form #messageINFO, #messageINFO #liner div:nth-child(1) {padding:0 0 .1em 0; margin:0; font-weight:400; font-size:1.1em;}

/*INFORMATION, LINK*/
main #form #messageINFO, #messageINFO a:link, a:visited, a:active {color:#0000CC; text-decoration:underline;}
main #form #messageINFO, #messageINFO a:hover {color:#0000CC; text-decoration:none;}

/*MESSAGE BOX*/
/*WARNING MESSAGE BOX*/
main #form #messageWARNING, #messageWARNING {width:100%; display:block; border:1px solid #FFE9B9; background-color:#FFF1D2; margin:0; padding:0;
-moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em;} /*00BFE7*/

/*WARNING BOX LINER*/
main #form #messageWARNING, #messageWARNING #liner {color:black; margin:0; padding:1.25em; vertical-align:middle; text-align:left;}

/*WARNING, REMAINING DIVS (MUST LIST FIRST)*/
main #form #messageWARNING, #messageWARNING div:nth-child(n+1) {margin:0; padding:0; font-weight:normal;}

/*WARNING, HEADER*/
main #form #messageWARNING, #messageWARNING #liner div:nth-child(1) {padding:0 0 .1em 0; margin:0; font-weight:400; font-size:1.1em;}

/*WARNING, LINK*/
main #form #messageWARNING, #messageWARNING a:link, a:visited, a:active {color:#0000CC; text-decoration:underline;}
main #form #messageWARNING, #messageWARNING a:hover {color:#0000CC; text-decoration:none;}


/*MESSAGE BOX*/
/*GENERAL MESSAGE BOX*/
main #form #messageGENERAL, #messageGENERAL {width:100%; display:block; border:1px solid silver; background-color:whitesmoke; margin:0; padding:0;
-moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em;}

/*GENERAL BOX LINER*/
main #form #messageGENERAL, #messageGENERAL #liner {color:black; margin:0; padding:1.25em; vertical-align:middle; text-align:left;}

/*GENERAL, REMAINING DIVS (MUST LIST FIRST)*/
main #form #messageGENERAL, #messageGENERAL div:nth-child(n+1) {margin:0; padding:0; font-weight:normal;}

/*GENERAL, HEADER*/
main #form #messageGENERAL, #messageGENERAL #liner div:nth-child(1) {padding:0 0 .1em 0; margin:0; font-weight:400; font-size:1.1em;}

/*GENERAL, LINK*/
main #form #messageGENERAL, #messageGENERAL a:link, a:visited, a:active {color:#0000CC; text-decoration:underline;}
main #form #messageGENERAL, #messageGENERAL a:hover {color:#0000CC; text-decoration:none;}





/*- ------------------------------------------------------- */ 
/*- Quality Check */
/*- ------------------------------------------------------- */ 

               main .searchCRITERIA {display:inline-block;}   
         main #form #searchCRITERIA {margin:0; padding:2px 4px 2px 4px; font-size:0.9em; width:240px;} 
           main #form .searchBUTTON {margin:0 0 0 4px; padding:2px 8px 2px 8px; width:80px;} 
                       main .oddROW {background-color:silver; margin:0; padding:4px 0 4px 8px; text-align:left; font-size:0.9em; line-height:1.2em;}
                      main .evenROW {background-color:white; margin:0; padding:4px 0 4px 8px; text-align:left; font-size:0.9em; line-height:1.2em;}
                     main .javaLINK {background:none; border:none; color:#0000cc; text-decoration:underline; cursor:pointer; outline-color:white;
                                     margin:0; padding:0; font-size:0.9em; white-space:normal; word-wrap:break-word; text-align:left;}
               main .javaLINK:hover {text-decoration:none;} 
                      main .lastROW {border-bottom:1px solid black;}  
    main #data-grid #qualityCAPTION {line-height:1.8em;}


/*- Mobile Adjustment */
@media only screen and (max-device-width:740px) {
                main #data-grid #qualityCAPTION {font-size:1.5em; line-heigfht:1.5em;}
                     main #form #searchCRITERIA {margin:6px 0 0 0; padding:12px 0 12px 6px; font-size:1.0em; width:96%;} 
                       main #form .searchBUTTON {margin:6px 0 6px 0; padding:12px 36px 12px 36px; width:98%;}}

/*- Desktop Adjustment */
       @media only screen and (max-width:740px) {
                main #data-grid #qualityCAPTION {font-size:1.5em; line-height:1.5em;}
                     main #form #searchCRITERIA {margin:6px 0 0 0; padding:12px 0 12px 6px; font-size:1.0em; width:96%;} 
                       main #form .searchBUTTON {margin:6px 0 6px 0; padding:12px 36px 12px 36px; width:98%;}}

/*- End */


/*- ------------------------------------------------------- */ 
/*- Webinars */
#hostIMAGE {float:left; margin:0; padding:12px 18px 6px 0;}


/*- ------------------------------------------------------- */ 
/*- Ordered List with No Space */
main .olNOSPACE {margin:0 0 0 18px; padding:0;}


/*- ------------------------------------------------------- */ 
/*- UnOrdered List */
       main ul {margin:12px 0 18px 0;} 
    main ul li {margin-bottom:6px;}


/*- ------------------------------------------------------- */ 
/*- Miscellaneous */
            main .red {color:red;}
         main .maroon {color:maroon;}
         main .yellow {color:yellow;}
         main #slider {margin:0 32px 12px 8px; padding:0;}
          main #clear {clear:left;} 
      main #highLIGHT {color:#77a809; font-weight:500;}
         main #padTOP {padding-top:10px;}
    main #recordSTATS {margin:18px 0 0 0; font-style:italic;}
main #recordSTATS div {margin:0;}
      main #officeUSE {color:silver; margin:6px 0 0 18px; font-size:.8em;}



/*- ------------------------------------------------------- */ 
/*- Reverse Link */
   main #reverse a:link {color:white; text-decoration:underline;}
 main #reverse a:active {color:white; text-decoration:underline;}
main #reverse a:visited {color:white; text-decoration:underline;}
  main #reverse a:hover {color:white; text-decoration:none;}





/*main #form [name='entityID'] {margin-bottom:-8; margin-top:-5px;}*/
/*  main #form  [name='yearID'] {margin-bottom:-2px;}*/

      #divider {margin:0; padding:0; width:100%; font-size:36px;}
#divider .dot1 {color:#1c2841;}
#divider .dot2 {color:#89c403;}
#divider .dot3 {color:#7E95B7;}


/*- ------------------------------------------------------- */ 
/*- Misc Button Adjusments */
main #form .btnW140 {width:140px;}
main #form .btnW190 {width:190px;}
main #form .btnW240 {width:240px;}

/*- Desktop Adjustment */
                  @media only screen and (max-width:740px) {
                                           main #form .btnW140 {width:100.5%;}
                                           main #form #btnW190 {width:98%;}}

/*- Mobile Adjustment */
           @media only screen and (max-device-width:740px) {
                                           main #form .btnW140 {width:100.5%;}
                                           main #form #btnW190 {width:98%;}}	


/*- Media Notes */
/*- TOP LINE, max-device-width, mobile devices. */
/*- BOTTOM LINE, max-width, computer monitors. */