body {   font-size: 100%; /*using ems to set text size not px. this is required. default size is 1em.*/
}
p.p {margin-top:0; margin-bottom:.6em; text-indent:0;  line-height:100%;     font-family:Arial, Helvetica, sans-serif, 'Times New Roman';  font-size:1em; text-align:justify}/*Remove text-align:justify ?*/

p.pReadMore {margin-top:0; margin-bottom:.6em; text-indent:0;  line-height:100%;     font-family:Arial, Helvetica, sans-serif, 'Times New Roman';  font-size:1em; text-align:right}/*Remove text-align:justify ?*/


.lcWhite {
    background-color: white;
}

.pageBackgroundColor {
    background-color: lightgray;
}

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

.divCenter {
    text-align: center;
}

.divCenterWhite {
    text-align: center;
    background-color: white;
}
 /*Used 1 Time*/
.divSpacer {
    margin-top: 1em;
}


.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: 2em;
    font-weight: 300;
    text-align: center;
    color: #007bb6;
    border: solid 0px red;
}

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


.divHorizontalLineBlue {
    background-color: deepskyblue;
    border-style: solid;
    border-width: .1em;
    border-color: deepskyblue;
    margin-bottom: .3em;
    margin-top: .3em;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    text-align: left;
}

.editFormGraySlate {
    background-color: slategray;
    border-style: none;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: .2em;
}

.editFormGrayLight {
    background-color: lightgray;
    border-style: none;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: .2em;
}
.editFormBlueSteel {
    background-color: steelblue;
    border-style: none;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: .2em;
}

.editFormBlueLight {
    background-color: lightblue;
    border-style: none;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: .2em;
}
.editFormHeader {
    background-color: lightgray;
    border-style: none;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: .2em;
}



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

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



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


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

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

.divBlackBarLarge {

    width: 100%;
    height:2.2em;
    margin: 0 0 0 0;
    padding: 1em 0 0 0;
    background: #605e5d;
    border: solid 0px red;
      text-align:center;
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 200;
    color:#fff;
    font-size:1.2em;

}


.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.4em;
 
   padding-top: .5em;
      background: #282832;
    

        text-align:center;
    margin: 0 0 0 0;

    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 200;
    color:#fff;
    font-size:1.2em;
  }



.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;
     padding-top: .5em;
    background: #282832;
 
      text-align:center;
    margin: 0 0 0 0;
     font-family: 'Alegreya Sans', sans-serif;
    font-weight: 200;
    color:#fff;
    font-size:1em;
 
}


.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;
 
}


.divLeftWeCreate {
    width: 100%;
    /*background: #004A7B;*/
    margin: 0;
    padding: 0;
    vertical-align: top;
}



/*Main Section WebApps*/

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

h1.WebAppsBlack {
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 300;
    text-align: center;
    color: black;
}
h1.WebAppsLarge {
    margin: 0 0 0 0;
    padding: 2% 0 0 0;
    font-size: 1.8em;
}

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

h1.WebAppsSmall {
    margin: 0 0 0 0;
    padding: 1% .5em 1% 0;
    font-size: 1.4em;
}
h1.WebAppsLargeBlack {
    margin: 0 0 0 0;
    padding: 2% 0 0 0;
    font-size: 1.8em;
    color:black;
}

h1.WebAppsMediumBlack {
    margin: 0 0 0 0;
    padding: 2% 0 0 0;
    font-size: 1.7em;
   color:black;
}

h1.WebAppsSmallBlack {
    margin: 0 0 0 0;
    padding: 1% .5em 1% 0;
    font-size: 1.4em;
   color:black;
}

h1.mtPoster {
    margin: 0 0 0 0;
    padding: .2em 0 .2em 0;
    font-size: 1.7em;
    color: black;
}


h2.mtPoster {
    margin: 0 0 0 0;
    padding: .2em 0 .1em 0;
    font-size: 1.2em;
    color: black;
}


h2.WebApps {
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 300;
    text-align: center;
    color: #004a7b;
}

h2.WebAppsBlack {
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 300;
    text-align: center;
    color: black;
}
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;
}


h3.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;
}


h3.MTH3 {
    border-color: transparent;
    border-style: solid;
    border-width: .7em 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: 1.2em;


}


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


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

  }





.fieldLabelBlack {
    color: black;
    margin-top: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: .1Em;
    padding: 1em 0 0 0;
     font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
}


.fieldLabelBlackRight {
    color: black;
    margin-top: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: .1Em;
    padding: 1em 0 0 0;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
     text-align: right;
}

.fieldLabelDarkCyan {
    color:darkcyan;
    margin-top: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: .1Em;
    padding: 1em 0 0 0;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.fieldLabelExclusiveUse {
    color: orangered;
    margin-top: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: .1Em;
    padding: 1em 0 0 0;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

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

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

.fieldLabelRed {
    color: red;
    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: dodgerblue;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: .4em;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: .1Em;
    padding: 0 0 0 0;
}

.fieldLabelReadOnly2 {
    color: dodgerblue;
    margin-top: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: .1Em;
    padding: 1em 0 0 0;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}


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

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


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

.fieldLabelProductPage2 {
    color:  darkmagenta;
    margin-top: .4em;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: .1Em;
    padding: 0 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
}
.fieldLabelProductPage3 {
    color:  cornflowerblue;
    margin-top: .4em;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: .1Em;
    padding: 0 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
}


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


.fieldLabelCardPage {
    color: #004a7b;
    margin-top: .4em;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: .1Em;
    padding: 0 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:1.5em;
}



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

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

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

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


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


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

.card-container {
    display: flex;
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: center;
}

.k-card {
    width: 285px;
    margin: 5%;
}

.k-card-footer {
    text-align: center;
    border-width: 1px 0 0;
    border-color: inherit;
}

.k-card .rbButton.k-button.rbHovered {
    color: inherit
}

.k-button.RadButton.rbRounded {
    border-radius: 0
}