html {
    font-size: 100%; /*using ems to set text size not px. this is required. default size is 1em.*/
}


/* General 
body {font-family:Arial, Helvetica, sans-serif; font-size:76%; line-height:150%; color:#323232; text-align:left;}
/* body {background-color:#b0c4de;}
body {background-color:white;} */

.UpdateButtons{
    padding-bottom:1em;
    color: powderblue;
}

.challengeForm {
    background-color: white; 
     max-width:720px; 
    margin: auto; 
    padding-bottom: .2em;
}

.challengeHeader {
  
     border-style:solid;
    border-color:transparent;
    border-width:1px;
   margin:auto;
   padding:0 0 0 0;
}

.challengeFormH3 {
   
    border-color: transparent;
    border-style: solid;
    border-width:.5em 0 .2em 0;
    text-align:center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    color:#004080;
    font-size:1em;
}

.challengeFormH4 {
    color:black;
      font-family:Arial, Helvetica, sans-serif;
        font-size:1.0em;
  margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
.menuMenu {
    background-color: white; 
    border-style:solid;
    border-color:transparent;
    border-width:1px;
    max-width:720px; 
    margin: auto; 
    padding-bottom: .2em;
}
.menuForm {
    background-color: white; 
    border-style:solid;
    border-color:black;
    border-width:1px;
    max-width:720px; 
    margin: auto; 
    padding-bottom: .2em;
}
.menuHeader {
  
     border-style:solid;
    border-color:transparent;
    border-width:1px;
   margin:auto;
   padding:0 0 0 0;
}
.selectForm {
    background-color: white; 
    border-style:none;
  
    max-width:100%; 
    margin-left:auto;
    margin-right:auto;

    padding-bottom: .2em;
}

.selectFormWide {
    background-color: white;
    border-style: none;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: .2em;
}



.selectFormH1 {
    border-color: transparent;
    border-style: solid;
    border-width:.5em 0 0 0;
    text-align:center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    color:#004080;
    font-size:1.7em;
 
}

.selectFormAppName {
    border-color: transparent;
    border-style: solid;
    border-width:.5em 0 .5em 0;
    text-align:center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    color:Black;
    font-size:1.1em;
 
}

.selectFormH2 {
    border-color: transparent;
    border-style: solid;
    border-width:.5em 0 0 0;
    text-align:left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    color:Black;
    font-size:1.3em;
 
}


.selectFormButtons {
    border-color: transparent;
    border-style: solid;
    border-width:.5em 0 0 0;
    text-align:right;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    color:#004080;
    font-size:1.3em;
 
}
.selectFormH3 {
    border-color: transparent;
    border-style: solid;
    border-width:.5em 0 .2em 0;
    text-align:left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    color:#004080;
    font-size:1em;
}


.divSelectFormErrorMessage {
    border-color: transparent;
    border-style: solid;
    border-top-width: 1em;
    color: Red;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 130%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
}


.divSelectFormRowCount {
    border-color: transparent;
    border-style: solid;
    border-top-width: 1em;
    color: Black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 130%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: right;
}

.editFormBackground {
    background-color:lightgray; 
 
}
.editForm {
    background-color:white; 
    border-style:none;
     max-width:960px; 
    margin-left:auto;
    margin-right:auto;
    padding-top:0;
    padding-bottom:.2em;
    padding-left:0;
    padding-right:0;
}

 .editFormHeader {
    background-color:white; 
    border-style:none;
 
    max-width:960px; 
    margin-left:auto;
    margin-right:auto;

    padding-bottom: .2em;
}

.editFormH1 {
    border-color: transparent;
    border-style: solid;
    border-width:.5em 0 0 0;
    text-align:center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    color:#004080;
    font-size:1.7em;
 
}


.editFormH2 {
    border-color: transparent;
    border-style: solid;
    border-width:.5em 0 0 0;
    text-align:Center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    color:Black;
    font-size:1.3em;
 
}


.editFormH3 {
   
    border-color: transparent;
    border-style: solid;
    border-width:.5em 0 .2em 0;
    text-align:left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    color:#004080;
    font-size:1em;
  
}
.H3Right {
   
    border-color: transparent;
    border-style: solid;
    border-width:.5em 0 .2em 0;
    text-align:right;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    color:#004080;
    font-size:1em;
  
}
.editFormH3Email {
   
    border-color: transparent;
    border-style: solid;
    border-width:.5em 0 .2em 0;
    text-align:left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    color:lightcoral;
    font-size:1em;
}
.editFormH3Cell {
   
    border-color: transparent;
    border-style: solid;
    border-width:.5em 0 .2em 0;
    text-align:left;
    margin:  0 0 0 0;
    padding: 0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    color:maroon;
    font-size:1em;
}
.editFormH3Phone {
   
    border-color: transparent;
    border-style: solid;
    border-width:.5em 0 .2em 0;
    text-align:left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    color:cadetblue;
    font-size:1em;
}
.selectRow {padding:0 0 1em 0; }


.fieldGroupLabelH4 {
   
    border-color: transparent;
    border-style: solid;
    border-width:.5em 0 .2em 0;
    text-align:left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    color:#951e42;
    font-size:.9em;
}


.TermsOfService {
    color:black;
     font-family:Arial, Helvetica, sans-serif;
     font-size: 1em;
     margin-top:0;
     margin-left:0;
     margin-right:0;
     margin-bottom:0;
    padding: 0 0 0 0;
    height:1.2em;
  }

.fieldLabel {
    color:#a4b4bc;
      font-family:Arial, Helvetica, sans-serif;
     margin-top:.4em;
     margin-left:0;
     margin-right:0;
     margin-bottom:.1Em;
    padding: 0 0 0 0;
  }

.fieldLabelLogin {
    color:black;
      font-family:Arial, Helvetica, sans-serif;
        font-size:1.0em;
     margin-top:.4em;
     margin-left:0;
     margin-right:0;
     margin-bottom:.3Em;
    padding: 0 0 0 0;
  }
.fieldLabelRequired {
    color:black;
      font-family:Arial, Helvetica, sans-serif;
     margin-top:.4em;
     margin-left:0;
     margin-right:0;
     margin-bottom:.1Em;
    padding: 0 0 0 0;
  }

.fieldLabelReadOnly {
    color:darkslategrey;
      font-family:Arial, Helvetica, sans-serif;
     margin-top:.4em;
     margin-left:0;
     margin-right:0;
     margin-bottom:.1Em;
    padding: 0 0 0 0;
  }
.fieldLabelEmail {
    color:LightCoral;
    font-family:Arial, Helvetica, sans-serif;
     margin-top:.4em;
     margin-left:0;
     margin-right:0;
     margin-bottom:.1Em;
    padding: 0 0 0 0;
  }
.fieldLabelCell {
    color:darkgreen;
    font-family:Arial, Helvetica, sans-serif;
     margin-top:.4em;
     margin-left:0;
     margin-right:0;
     margin-bottom:.1Em;
    padding: 0 0 0 0;
  }
.fieldLabelPhone {
    color:cadetblue;
    font-family:Arial, Helvetica, sans-serif;
     margin-top:.4em;
     margin-left:0;
     margin-right:0;
     margin-bottom:.1Em;
    padding: 0 0 0 0;
  }
.pageSteps{color:navy;}

h1 {font-size:1.5em;
  margin: 0 0 0 0;
  padding: 0 0 .05em 0;
 }

h2{font-size:1.2em;
   margin: 0 0 0 0;
  padding: 0 0 .3em 0;
}

    h2.divWhatIsAWebApp {
        text-align: center;
        margin: 1.5em 0 0 0;
        padding: 0;
        font-family: 'Alegreya Sans', sans-serif;
        font-weight: 200;
        color: black;
        font-size: 1.5em;
    }

h3{font-size:1.1em;
 margin: 0 0 0 0;
  padding: 0 0 .1em 0;
}

h4{font-size:.8em;}


.divRight {text-align:right;
}

.divLeft {
    text-align: left;
    margin: 0;
    padding: 0;
    vertical-align:top;
}

div.divLeft.LoginLabels{
    text-align: center;
        margin: 1.5em 0 0 0;
        padding: 0;
        font-family: 'Alegreya Sans', sans-serif;
        font-weight: 200;
        color: black;
        font-size: 1.5em;

}
.divCenter {
    text-align: center;
}

.divCenterMenu {
    text-align: center;
    background-color: lightgray;
    padding: 1em 1em 1em 1em;
}

.divHorizontalLine {
    background-color: white;
    border-style: solid;
    border-width: .1em;
    border-color: black;
    margin-bottom: .3em;
    margin-top: .3em;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width:100%;
  
}


.imageTopLinkR {
    margin-top: .4em;
    margin-bottom: .4em;
    padding: 0 0 0 0;
    vertical-align: middle;
    text-align: right;
}

.imageTopLinkL {
    margin-top: .4em;
    margin-bottom: .4em;
    padding: 0 0 0 0;
    vertical-align: middle;
    text-align: left;
}

.imageButtonStandard {
    padding: 0 0 0 0;
    position: static;
    vertical-align: middle;
    margin: .4em 0 .4em 0;
}

.imageButtonOneAutospace {
    margin: 1em 0 1em 1em;
    padding: 0 0 0 0;
    position: static;
    vertical-align: middle;
}

/* Images Individual Properties */

.img{
    width:100%;
    vertical-align:top;
    margin:0;
    padding:0;
}

.headerImage {
    margin: 0 0 0 0;
    padding: .6em 0 .6em 0;
    vertical-align: middle;
}

.labelErrorMessage {
    border-style: none;
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
    padding: 0;
    position: static;
    vertical-align: middle;
    color: red;
    margin: .1em 0 .1em 0;
}

 /*UFC Soft*/

 /*Page Layout Container*/
.viewForm {
    background-color: white;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.divHeaderLeft {
    margin: 0;
    padding: 0;
    text-align: left;
}
 /*Used 1 Time*/
.divSpacer {
    margin-top: 1em;
}
.divSpacerNarrow {
    margin-top: .5em;
}

.divHeaderRight {
    margin: 0 0 0 0;
    padding-right: 1em;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1.6em;
    font-weight: 300;
    text-align: right;
    color: #004A7B;
    border: solid 0px red;
}


.divHeaderCenter {
    margin: .1em 0 .1em 0;
    padding: 0;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1.5em;
    font-weight: 300;
    text-align: center;
    color: #007bb6;
    border: solid 0px red;
}
h1.h1HeaderCenter {
    margin: .1em 0 .1em 0;
    padding: 0;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1.5em;
    font-weight: 300;
    text-align: center;
    color: #007bb6;
    border: solid 0px;
}
h1.h1SignupHeader {
    margin: .1em 0 .1em 0;
    padding: 0;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1.5em;
    font-weight: 300;
    text-align: center;
    color:crimson;
    border: solid 0px;
}
h1.h1SignupHeaderPage1 {
    margin: .1em 0 .1em 0;
    padding: 0;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 2em;
    font-weight: 300;
    text-align: center;
    color:crimson;
    border: solid 0px;
}
h2.h2HeaderLeft {
    margin: .1em 0 .1em 0;
    padding: 0;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1.4em;
    font-weight: 300;
    text-align: left;
    color: black;
    border: solid 0px;
}

h2.h2HeaderCenter {
    margin: .1em 0 .1em 0;
    padding: 0;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1.4em;
    font-weight: 300;
    text-align: center;
    color: black;
    border: solid 0px;
}

h2.h2SignupSteps {
    margin: .1em 0 .1em 0;
    padding: 0;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1.4em;
    font-weight: 300;
    text-align: left;
    color: #007bb6;
    border: solid 0px;
}
p.pSignupPlanDescriptionCentered {
    margin: .1em 0 .1em 0;
    padding: 0;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1em;
    font-weight: 100;
    text-align: center;
    color: black;
    border: solid 0px;
}

h3.h3HeaderCenter {
    margin: .1em 0 .1em 0;
    padding: 0;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1.2em;
    font-weight: 100;
    text-align: center;
    color: black;
    border: solid 0px;
}


/*Main Menu - Not in use when Style=True - Other settings: text-transform: uppercase; padding: 4px 20px;  line-height: 30px;*/

.mainMenu {
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
    vertical-align: top;
}
 /*Main Section We Create*/

.divLeftWeCreate {
    width: 100%;
    background: #004A7B;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
h2.weCreate {
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 300;
    text-align: center;
    color: #004a7b;
}

h2.weCreateLarge {
    margin: 0 0 0 0;
    padding: 14% .5em 0 0;
    font-size: 1.8em;
}

h2.weCreateMedium {
    margin: 0 0 0 0;
    padding: 12% .5em 0 0;
    font-size: 1.7em;
}

h2.weCreateSmall {
    margin: 0 0 0 0;
    padding: 8% .5em 0 0;
    font-size: 1.5em;
}

/*Main Section WebApps*/

.divLeftWebApps {
    width: 100%;
    background: #004A7B;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
h2.WebApps {
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 300;
    text-align: center;
    color: #004a7b;
}

h2.WebAppsLarge {
    margin: 0 0 0 0;
    padding: 2% 0 0 0;
    font-size: 1.8em;
}

h2.WebAppsMedium {
    margin: 0 0 0 0;
    padding: 2% 0 0 0;
    font-size: 1.7em;
}

h2.WebAppsSmall {
    margin: 0 0 0 0;
    padding: 1% .5em 1% 0;
    font-size: 1.4em;
}




.divBlackBarLarge {
   
    width: 100%;
    height:2.2em;
    margin: 0;
    padding: 1em 0 0 0;
    background: #282832;
    border: solid 0px red;

}


.divBlackBarLarge h1 {
    text-align:center;
    margin: 0 0 0 0;
    padding: 0;
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 200;
    color:#fff;
    font-size:1.2em;
 
}


.divBlackBarSmall {
   
    width: 100%;
    height:2.2em;
 
   padding-top: .5em;
      background: #282832;
  }


.divBlackBarSmall h1 {
    text-align:center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 200;
    color:#fff;
    font-size:1.2em;
 
}




.divBlackBarXSmall {
   
    width: 100%;
    height:3em;
    margin: 0;
    padding-top: .5em;
    background: #282832;
 

}


.divBlackBarXSmall h1 {
    text-align:center;
    margin: 0 0 0 0;
    padding: 0;
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 200;
    color:#fff;
    font-size:1em;
 
}
.divMenuBackground {
    width: 100%;
    height: 2.5em;
    margin: 0;
    padding: 0;
    background-color:#25a0da;
}

.divMenuBackgroundClear {
   
    margin-left: auto;
    margin-right:auto;
    padding: 0;
   
}

.divMenuBackgroundBlack {
    width: 100%;
         font-family: 'Alegreya Sans', sans-serif;

    margin: 0;
    padding: 0;
    background-color:#004a7b;
}



.divLELBlueLarge {
   
    width: 100%;
    height:2.2em;
    margin: 0;
    padding: 1em 0 0 0;
    background: #007bc0;
    border: solid 0px red;

}


.divLELBlueLarge h1 {
    text-align:center;
    margin: 0 0 0 0;
    padding: 0;
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 200;
    color:#fff;
    font-size:1.2em;
 
}


.divLELBlueSmall {
   
    width: 100%;
    height:2.2em;
 
   padding-top: .5em;
      background: #007bc0;
  }


.divLELBlueSmall h1 {
    text-align:center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 200;
    color:#fff;
    font-size:1.2em;
 
}




.divLELBlueXSmall {
   
    width: 100%;
    height:3em;
    margin: 0;
    padding-top: .5em;
    background: #007bc0;
 

}


.divLELBlueXSmall h1 {
    text-align:center;
    margin: 0 0 0 0;
    padding: 0;
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 200;
    color:#fff;
    font-size:1em;
 
}

.ItemSelected {
   
  
    background: #007bc0;
    color:#007bc0;
 

}




.gridRadUFCS {
    border-style: none;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}




.gridRadEditFormHeading {
   font-family:Arial, Helvetica, sans-serif;
    color:black;
    font-size:1em;
    font-weight:400;
 
}
.gridRadEditFormItems {
   font-family:Arial, Helvetica, sans-serif;
    color:black;
    font-size:.9em;
    font-weight:200;
 
}


.gridRadEditFormError {
   font-family:Arial, Helvetica, sans-serif;
    color:red;
    font-size:1em;
    font-weight:400;
    padding-left:1em;
 
}

.docCompanyName {
   
    border-color: transparent;
    border-style: solid;
    border-width:.5em 0 .2em 0;
    text-align:left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    color:#951e42;
    font-size:.9em;
       font-weight: bold;
 
}

.docH1 {
    border-color: transparent;
    border-style: solid;
    border-width:.5em 0 0 0;
    text-align:center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    color:#004080;
    font-size:1.7em;
 
}


.docH2 {
   
    border-color: transparent;
    border-style: solid;
    border-width:.5em 0 .2em 0;
    text-align:left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    color:#004080;
    font-size:1.3em;
}

.docH3 {
   
    border-color: transparent;
    border-style: solid;
    border-width:.5em 0 .2em 0;
    text-align:left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    color:#004080;
    font-size:1em;
}

.docPageTextLarge {
    color:black;
     font-family:Arial, Helvetica, sans-serif;
     margin-top:.4em;
     margin-left:0;
     margin-right:0;
     margin-bottom:.2Em;
    padding: 0 0 0 0;
    font-size:1em;
    font-weight:500;
  }


.docPageTextLargeBold {
    color:black;
     font-family:Arial, Helvetica, sans-serif;
     margin-top:.4em;
     margin-left:0;
     margin-right:0;
     margin-bottom:.2Em;
    padding: 0 0 0 0;
    font-size:1em;
    font-weight:Bold;
  }


.docPageTextMedium {
    color:black;
     font-family:Arial, Helvetica, sans-serif;
     margin-top:.4em;
     margin-left:0;
     margin-right:0;
     margin-bottom:.2Em;
    padding: 0 0 0 0;
    font-size:.9em;
    font-weight:500;
  }