body {
    margin: 0px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-size: 12px;
    background-color: white;
    font-weight: 400;
}

html, form {
    height: 100%;
    margin: 0px;
}

/*pragmatica*/

.largeLabelBold {
    color: #383838;
    font-size: 16px;
    font-family: "pragmatica-web";
    font-weight: 700;
}

.bigLabelBold {
    color: #383838;
    font-size: 15px;
    font-family: "pragmatica-web";
    font-weight: 700;
}

.mediumLabelBold {
    color: #383838;
    font-size: 13px;
    font-family: "pragmatica-web";
    font-weight: 700;
}

.smallLabelBold {
    color: #383838;
    font-size: 12px;
    font-family: "pragmatica-web";
    font-weight: 700;
}

.largeLabel {
    color: #383838;
    font-size: 16px;
    font-family: "pragmatica-web";
    font-weight: 500;
}

.bigLabel {
    color: #383838;
    font-size: 15px;
    font-family: "pragmatica-web";
    font-weight: 500;
}

.mediumLabel {
    color: #383838;
    font-size: 13px;
    font-family: "pragmatica-web";
    font-weight: 500;
}

.smallLabel {
    color: #383838;
    font-size: 12px;
    font-family: "pragmatica-web";
    font-weight: 500;
}

.largeLabelPlain {
    color: #383838;
    font-size: 16px;
    font-family: "pragmatica-web";
    font-weight: 300;
}

.bigLabelPlain {
    color: #383838;
    font-size: 15px;
    font-family: "pragmatica-web";
    font-weight: 300;
}

.mediumLabelPlain {
    color: #383838;
    font-size: 14px;
    font-family: "pragmatica-web";
    font-weight: 300;
}

.smallLabelPlain {
    color: #383838;
    font-size: 13px;
    font-family: "pragmatica-web";
    font-weight: 300;
}

.largeLabelWhite {
    color: #FFFFFF;
    font-size: 16px;
    font-family: "pragmatica-web";
    font-weight: 400;
}

.bigLabelWhite {
    color: #FFFFFF;
    font-size: 15px;
    font-family: "pragmatica-web";
    font-weight: 400;
}

.mediumLabelWhite {
    color: #FFFFFF;
    font-size: 13px;
    font-family: "pragmatica-web";
    font-weight: 400;
}

.smallLabelWhite {
    color: #FFFFFF;
    font-size: 12px;
    font-family: "pragmatica-web";
    font-weight: 400;
}

.largeLabelWhitePlain {
    color: #FFFFFF;
    font-size: 16px;
    font-family: "pragmatica-web";
    font-weight: 300;
}

.bigLabelWhitePlain {
    color: #FFFFFF;
    font-size: 15px;
    font-family: "pragmatica-web";
    font-weight: 300;
}

.mediumLabelWhitePlain {
    color: #FFFFFF;
    font-size: 14px;
    font-family: "pragmatica-web";
    font-weight: 300;
}

.smallLabelWhitePlain {
    color: #FFFFFF;
    font-size: 13px;
    font-family: "pragmatica-web";
    font-weight: 300;
}

.largeLabelWhiteBold {
    color: #FFFFFF;
    font-size: 16px;
    font-family: "pragmatica-web";
    font-weight: 700;
}

.bigLabelWhiteBold {
    color: #FFFFFF;
    font-size: 15px;
    font-family: "pragmatica-web";
    font-weight: 700;
}

.mediumLabelWhiteBold {
    color: #FFFFFF;
    font-size: 13px;
    font-family: "pragmatica-web";
    font-weight: 700;
}

.smallLabelWhiteBold {
    color: #FFFFFF;
    font-size: 12px;
    font-family: "pragmatica-web";
    font-weight: 700;
}
.largeLabelBlue {
    color: #29ABE2;
    font-size: 16px;
    font-family: "pragmatica-web";
    font-weight: 400;
}

.bigLabelBlue {
    color: #29ABE2;
    font-size: 15px;
    font-family: "pragmatica-web";
    font-weight: 400;
}

.mediumLabelBlue {
    color: #29ABE2;
    font-size: 13px;
    font-family: "pragmatica-web";
    font-weight: 400;
}

.smallLabelBlue {
    color: #29ABE2;
    font-size: 12px;
    font-family: "pragmatica-web";
    font-weight: 400;
}

.largeLabelBluePlain {
    color: #29ABE2;
    font-size: 16px;
    font-family: "pragmatica-web";
    font-weight: 300;
}

.bigLabelBluePlain {
    color: #29ABE2;
    font-size: 15px;
    font-family: "pragmatica-web";
    font-weight: 300;
}

.mediumLabelBluePlain {
    color: #29ABE2;
    font-size: 14px;
    font-family: "pragmatica-web";
    font-weight: 300;
}

.smallLabelBluePlain {
    color: #29ABE2;
    font-size: 13px;
    font-family: "pragmatica-web";
    font-weight: 300;
}

.largeLabelGreen {
    color: #37B44B;
    font-size: 16px;
    font-family: "pragmatica-web";
    font-weight: 400;
}

.bigLabelGreen {
    color: #37B44B;
    font-size: 15px;
    font-family: "pragmatica-web";
    font-weight: 400;
}

.mediumLabelGreen {
    color: #37B44B;
    font-size: 13px;
    font-family: "pragmatica-web";
    font-weight: 400;
}

.smallLabelGreen {
    color: #37B44B;
    font-size: 12px;
    font-family: "pragmatica-web";
    font-weight: 400;
}

.largeLabelGreenPlain {
    color: #37B44B;
    font-size: 16px;
    font-family: "pragmatica-web";
    font-weight: 300;
}

.bigLabelGreenPlain {
    color: #37B44B;
    font-size: 15px;
    font-family: "pragmatica-web";
    font-weight: 300;
}

.mediumLabelGreenPlain {
    color: #37B44B;
    font-size: 14px;
    font-family: "pragmatica-web";
    font-weight: 300;
}

.smallLabelGreenPlain {
    color: #37B44B;
    font-size: 13px;
    font-family: "pragmatica-web";
    font-weight: 300;
}


.largeLabelOrange {
    color: #F7931E;
    font-size: 16px;
    font-family: "pragmatica-web";
    font-weight: 400;
}

.bigLabelOrange {
    color: #F7931E;
    font-size: 15px;
    font-family: "pragmatica-web";
    font-weight: 400;
}

.mediumLabelOrange {
    color: #F7931E;
    font-size: 13px;
    font-family: "pragmatica-web";
    font-weight: 400;
}

.smallLabelOrange {
    color: #F7931E;
    font-size: 12px;
    font-family: "pragmatica-web";
    font-weight: 400;
}

.largeLabelOrangePlain {
    color: #F7931E;
    font-size: 16px;
    font-family: "pragmatica-web";
    font-weight: 300;
}

.bigLabelOrangePlain {
    color: #F7931E;
    font-size: 15px;
    font-family: "pragmatica-web";
    font-weight: 300;
}

.mediumLabelOrangePlain {
    color: #F7931E;
    font-size: 14px;
    font-family: "pragmatica-web";
    font-weight: 300;
}

.smallLabelOrangePlain {
    color: #F7931E;
    font-size: 13px;
    font-family: "pragmatica-web";
    font-weight: 300;
}


/*end pragmatica*/

.largeLabelTorquOswald {
    color: #00a89c;
    font-size: 16px;
    font-family: Oswald;
    font-weight: 400;
}

.bigLabelTorquOswald {
    color: #00a89c;
    font-size: 15px;
    font-family: Oswald;
    font-weight: 400;
}

.mediumLabelTorquOswald {
    color: #00a89c;
    font-size: 14px;
    font-family: Oswald;
    font-weight: 400;
}

.smallLabelTorquOswald {
    color: #00a89c;
    font-size: 13px;
    font-family: Oswald;
    font-weight: 400;
}

.largeLabelTorquOswaldPlain {
    color: #00a89c;
    font-size: 16px;
    font-family: Oswald;
    font-weight: 300;
}

.bigLabelTorquOswaldPlain {
    color: #00a89c;
    font-size: 15px;
    font-family: Oswald;
    font-weight: 300;
}

.mediumLabelTorquOswaldPlain {
    color: #00a89c;
    font-size: 14px;
    font-family: Oswald;
    font-weight: 300;
}

.smallLabelTorquOswaldPlain {
    color: #00a89c;
    font-size: 13px;
    font-family: Oswald;
    font-weight: 300;
}

.largeLabelTorquOswaldBold {
    color: #00a89c;
    font-size: 16px;
    font-family: Oswald;
    font-weight: 400;
}
.xlLabelTorquOswaldBold {
    color: #00a89c;
    font-size: 20px;
    font-family: Oswald;
    font-weight: bold;
}
.bigLabelTorquOswaldBold {
    color: #00a89c;
    font-size: 15px;
    font-family: Oswald;
    font-weight: 400;
}

.mediumLabelTorquOswaldBold {
    color: #00a89c;
    font-size: 14px;
    font-family: Oswald;
    font-weight: 400;
}

.smallLabelTorquOswaldBold {
    color: #00a89c;
    font-size: 13px;
    font-family: Oswald;
    font-weight: 400;
}
/*Oswald*/
.largeLabelOswald {
    color: #383838;
    font-size: 16px;
    font-family: Oswald;
    font-weight: 400;
}

.bigLabelOswald {
    color: #383838;
    font-size: 15px;
    font-family: Oswald;
    font-weight: 400;
}

.mediumLabelOswald {
    color: #383838;
    font-size: 14px;
    font-family: Oswald;
    font-weight: 400;
}

.smallLabelOswald {
    color: #383838;
    font-size: 13px;
    font-family: Oswald;
    font-weight: 400;
}

.largeLabelOswaldPlain {
    color: #383838;
    font-size: 16px;
    font-family: Oswald;
    font-weight: 300;
}

.bigLabelOswaldPlain {
    color: #383838;
    font-size: 15px;
    font-family: Oswald;
    font-weight: 300;
}

.mediumLabelOswaldPlain {
    color: #383838;
    font-size: 14px;
    font-family: Oswald;
    font-weight: 300;
}

.smallLabelOswaldPlain {
    color: #383838;
    font-size: 13px;
    font-family: Oswald;
    font-weight: 300;
}

.largeLabelOswaldBold {
    color: #383838;
    font-size: 16px;
    font-family: Oswald;
    font-weight: 400;
}

.bigLabelOswaldBold {
    color: #383838;
    font-size: 15px;
    font-family: Oswald;
    font-weight: 400;
}

.mediumLabelOswaldBold {
    color: #383838;
    font-size: 14px;
    font-family: Oswald;
    font-weight: 400;
}

.smallLabelOswaldBold {
    color: #383838;
    font-size: 13px;
    font-family: Oswald;
    font-weight: 400;
}

.largeLabelWhiteOswald {
    color: #ffffff;
    font-size: 16px;
    font-family: Oswald;
    font-weight: 400;
}

.bigLabelWhiteOswald {
    color: #ffffff;
    font-size: 15px;
    font-family: Oswald;
    font-weight: 400;
}

.mediumLabelWhiteOswald {
    color: #ffffff;
    font-size: 14px;
    font-family: Oswald;
    font-weight: 400;
}

.smallLabelWhiteOswald {
    color: #ffffff;
    font-size: 13px;
    font-family: Oswald;
    font-weight: 400;
}

.largeLabelWhiteOswaldPlain {
    color: #ffffff;
    font-size: 18px;
    font-family: Oswald;
    font-weight: 300;
}

.bigLabelWhiteOswaldPlain {
    color: #ffffff;
    font-size: 15px;
    font-family: Oswald;
    font-weight: 300;
}

.mediumLabelWhiteOswaldPlain {
    color: #ffffff;
    font-size: 14px;
    font-family: Oswald;
    font-weight: 300;
}

.smallLabelWhiteOswaldPlain {
    color: #ffffff;
    font-size: 13px;
    font-family: Oswald;
    font-weight: 300;
}

.largeLabelBlueOswald {
    color: #29ABE2;
    font-size: 16px;
    font-family: Oswald;
    font-weight: 400;
}

.bigLabelBlueOswald {
    color: #29ABE2;
    font-size: 15px;
    font-family: Oswald;
    font-weight: 400;
}

.mediumLabelBlueOswald {
    color: #29ABE2;
    font-size: 14px;
    font-family: Oswald;
    font-weight: 400;
}

.smallLabelBlueOswald {
    color: #29ABE2;
    font-size: 13px;
    font-family: Oswald;
    font-weight: 400;
}

.largeLabelBlueOswaldPlain {
    color: #29ABE2;
    font-size: 16px;
    font-family: Oswald;
    font-weight: 300;
}

.bigLabelBlueOswaldPlain {
    color: #29ABE2;
    font-size: 15px;
    font-family: Oswald;
    font-weight: 300;
}

.mediumLabelBlueOswaldPlain {
    color: #29ABE2;
    font-size: 14px;
    font-family: Oswald;
    font-weight: 300;
}

.smallLabelBlueOswaldPlain {
    color: #29ABE2;
    font-size: 13px;
    font-family: Oswald;
    font-weight: 300;
}

.largeLabelGreenOswald {
    color: #37B44B;
    font-size: 16px;
    font-family: Oswald;
    font-weight: 400;
}

.bigLabelGreenOswald {
    color: #37B44B;
    font-size: 15px;
    font-family: Oswald;
    font-weight: 400;
}

.mediumLabelGreenOswald {
    color: #37B44B;
    font-size: 14px;
    font-family: Oswald;
    font-weight: 400;
}

.smallLabelGreenOswald {
    color: #37B44B;
    font-size: 13px;
    font-family: Oswald;
    font-weight: 400;
}

.largeLabelGreenOswaldPlain {
    color: #37B44B;
    font-size: 16px;
    font-family: Oswald;
    font-weight: 300;
}

.bigLabelGreenOswaldPlain {
    color: #37B44B;
    font-size: 15px;
    font-family: Oswald;
    font-weight: 300;
}

.mediumLabelGreenOswaldPlain {
    color: #37B44B;
    font-size: 14px;
    font-family: Oswald;
    font-weight: 300;
}

.smallLabelGreenOswaldPlain {
    color: #37B44B;
    font-size: 13px;
    font-family: Oswald;
    font-weight: 300;
}

.largeLabelOrangeOswald {
    color: #F7931E;
    font-size: 16px;
    font-family: Oswald;
    font-weight: 400;
}

.bigLabelOrangeOswald {
    color: #F7931E;
    font-size: 15px;
    font-family: Oswald;
    font-weight: 400;
}

.mediumLabelOrangeOswald {
    color: #F7931E;
    font-size: 14px;
    font-family: Oswald;
    font-weight: 400;
}

.smallLabelOrangeOswald {
    color: #F7931E;
    font-size: 13px;
    font-family: Oswald;
    font-weight: 400;
}

.largeLabelOrangeOswaldPlain {
    color: #F7931E;
    font-size: 16px;
    font-family: Oswald;
    font-weight: 300;
}

.bigLabelOrangeOswaldPlain {
    color: #F7931E;
    font-size: 15px;
    font-family: Oswald;
    font-weight: 300;
}

.mediumLabelOrangeOswaldPlain {
    color: #F7931E;
    font-size: 14px;
    font-family: Oswald;
    font-weight: 300;
}

.smallLabelOrangeOswaldPlain {
    color: #F7931E;
    font-size: 13px;
    font-family: Oswald;
    font-weight: 300;
}

/*end Oswald*/

/*Gibson*/

.largeLabelGibson{
    color: #383838;
    font-size: 16px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.bigLabelGibson{
    color: #383838;
    font-size: 15px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.mediumLabelGibson{
    color: #383838;
    font-size: 14px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.smallLabelGibson{
    color: #383838;
    font-size: 13px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.largeLabelGibsonPlain {
    color: #383838;
    font-size: 16px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.bigLabelGibsonPlain {
    color: #383838;
    font-size: 15px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.mediumLabelGibsonPlain {
    color: #383838;
    font-size: 14px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.smallLabelGibsonPlain {
    color: #383838;
    font-size: 13px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.largeLabelGibsonBold {
    color: #383838;
    font-size: 16px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 700;
}

.bigLabelGibsonBold {
    color: #383838;
    font-size: 15px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 700;
}

.mediumLabelGibsonBold {
    color: #383838;
    font-size: 14px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 700;
}

.smallLabelGibsonBold {
    color: #383838;
    font-size: 13px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 700;
}

.largeLabelWhiteGibson{
    color: #ffffff;
    font-size: 16px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.bigLabelWhiteGibson {
    color: #ffffff;
    font-size: 15px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.mediumLabelWhiteGibson {
    color: #ffffff;
    font-size: 14px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.smallLabelWhiteGibson {
    color: #ffffff;
    font-size: 13px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.largeLabelWhiteGibsonPlain {
    color: #ffffff;
    font-size: 18px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.bigLabelWhiteGibsonPlain {
    color: #ffffff;
    font-size: 15px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.mediumLabelWhiteGibsonPlain {
    color: #ffffff;
    font-size: 14px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.smallLabelWhiteGibsonPlain {
    color: #ffffff;
    font-size: 13px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.largeLabelWhiteGibsonBold {
    color: #ffffff;
    font-size: 16px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 700;
}

.bigLabelWhiteGibsonBold {
    color: #ffffff;
    font-size: 15px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 700;
}

.mediumLabelWhiteGibsonBold {
    color: #ffffff;
    font-size: 14px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 700;
}

.smallLabelWhiteGibsonBold {
    color: #ffffff;
    font-size: 13px;
    font-family: "Gibson-nova-alt", Helvetica, Arial;
    font-weight: 700;
}

/*end Gibson*/

/*Proxima*/
.largeLabelProxima {
    color: #383838;
    font-size: 16px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.bigLabelProxima {
    color: #383838;
    font-size: 15px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.mediumLabelProxima {
    color: #383838;
    font-size: 14px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.smallLabelProxima {
    color: #383838;
    font-size: 13px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.largeLabelProximaPlain {
    color: #383838;
    font-size: 16px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.bigLabelProximaPlain {
    color: #383838;
    font-size: 15px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.mediumLabelProximaPlain {
    color: #383838;
    font-size: 14px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.smallLabelProximaPlain {
    color: #383838;
    font-size: 13px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.largeLabelProximaBold {
    color: #383838;
    font-size: 16px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 700;
}

.bigLabelProximaBold {
    color: #383838;
    font-size: 15px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 700;
}

.mediumLabelProximaBold {
    color: #383838;
    font-size: 14px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 700;
}

.smallLabelProximaBold {
    color: #383838;
    font-size: 13px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 700;
}

.largeLabelWhiteProxima {
    color: #ffffff;
    font-size: 16px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.bigLabelWhiteProxima {
    color: #ffffff;
    font-size: 15px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.mediumLabelWhiteProxima {
    color: #ffffff;
    font-size: 14px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.smallLabelWhiteProxima {
    color: #ffffff;
    font-size: 13px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.largeLabelWhiteProximaPlain {
    color: #ffffff;
    font-size: 18px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.bigLabelWhiteProximaPlain {
    color: #ffffff;
    font-size: 15px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.mediumLabelWhiteProximaPlain {
    color: #ffffff;
    font-size: 14px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.smallLabelWhiteProximaPlain {
    color: #ffffff;
    font-size: 13px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.largeLabelWhiteProximaBold {
    color: #ffffff;
    font-size: 16px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 700;
}

.bigLabelWhiteProximaBold {
    color: #ffffff;
    font-size: 15px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 700;
}

.mediumLabelWhiteProximaBold {
    color: #ffffff;
    font-size: 14px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 700;
}

.smallLabelWhiteProximaBold {
    color: #ffffff;
    font-size: 13px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 700;
}

.largeLabelBlueProxima {
    color: #29ABE2;
    font-size: 16px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.bigLabelBlueProxima {
    color: #29ABE2;
    font-size: 15px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.mediumLabelBlueProxima {
    color: #29ABE2;
    font-size: 14px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.smallLabelBlueProxima {
    color: #29ABE2;
    font-size: 13px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.largeLabelBlueProximaPlain {
    color: #29ABE2;
    font-size: 16px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.bigLabelBlueProximaPlain {
    color: #29ABE2;
    font-size: 15px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.mediumLabelBlueProximaPlain {
    color: #29ABE2;
    font-size: 14px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.smallLabelBlueProximaPlain {
    color: #29ABE2;
    font-size: 13px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.largeLabelGreenProxima {
    color: #37B44B;
    font-size: 16px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.bigLabelGreenProxima {
    color: #37B44B;
    font-size: 15px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.mediumLabelGreenProxima {
    color: #37B44B;
    font-size: 14px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.smallLabelGreenProxima {
    color: #37B44B;
    font-size: 13px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 400;
}

.largeLabelGreenProximaPlain {
    color: #37B44B;
    font-size: 16px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.bigLabelGreenProximaPlain {
    color: #37B44B;
    font-size: 15px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.mediumLabelGreenProximaPlain {
    color: #37B44B;
    font-size: 14px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

.smallLabelGreenProximaPlain {
    color: #37B44B;
    font-size: 13px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight: 300;
}

/*end Proxima*/


.bigLabelAzoSansLightWhite {
    color: white;
    font-size: 15px;
    font-family: AzoSansLight;
    font-weight: normal;
}

.mediumLabelAzoSansLightWhite {
    color: white;
    font-size: 13px;
    font-family: AzoSansLight;
    font-weight: normal;
}

.smallLabelAzoSansLightWhite {
    color: white;
    font-size: 12px;
    font-family: AzoSansLight;
    font-weight: normal;
}

.bigLabelAzoSansMediumWhite {
    color: white;
    font-size: 15px;
    font-family: AzoSansMedium;
    font-weight: normal;
}

.mediumLabelAzoSansMediumWhite {
    color: white;
    font-size: 13px;
    font-family: AzoSansMedium;
    font-weight: normal;
}

.smallLabelAzoSansMediumWhite {
    color: white;
    font-size: 12px;
    font-family: AzoSansMedium;
    font-weight: normal;
}

.bigLabelAzoSansLight {
    color: #383838;
    font-size: 15px;
    font-family: AzoSansLight;
    font-weight: normal;
}

.mediumLabelAzoSansLight {
    color: #383838;
    font-size: 13px;
    font-family: AzoSansLight;
    font-weight: normal;
}

.smallLabelAzoSansLight {
    color: #383838;
    font-size: 12px;
    font-family: AzoSansLight;
    font-weight: normal;
}

.bigLabelAzoSansMedium {
    color: #383838;
    font-size: 15px;
    font-family: AzoSansMedium;
    font-weight: normal;
}

.mediumLabelAzoSansMedium {
    color: #383838;
    font-size: 13px;
    font-family: AzoSansMedium;
    font-weight: normal;
}

.smallLabelAzoSansMedium {
    color: #383838;
    font-size: 12px;
    font-family: AzoSansMedium;
    font-weight: normal;
}

#UpdatePanel1 {
    height: 100%;
}

a img {
    border: none;
}

.scaledRadioButton {
    transform: scale(2,2);
    -ms-transform: scale(2, 2);
    -webkit-transform: scale(2, 2);
}

.splashHeader {
    background-image: url(/images/Splash/header_graphic.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-origin: content-box;
    position: relative;
}

.solutionsHeader {
    background-image: url(/images/Solutions/carousel_background_platform.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-origin: content-box;
    position: relative;
}

.solutionsMiddle {
    background-image: url(/images/Solutions/background_image_ecosystem.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-origin: content-box;
    position: relative;
}

.platformHeader {
    background-image: url(/images/Solutions/header_image_platform.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-origin: content-box;
    position: relative;
}

.mobileAppSetup {
    background-image: url(/images/MobileApp/background_setup_wizard_blue.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    position: relative;
    margin: 0px;
    padding: 0px;
}

.mobileAppCheckIn {
    background-image: url(/images/MobileApp/background_popup_blue.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    position: relative;
    margin: 0px;
    padding: 0px;
}

.circle {
    border-radius: 50%;
    display: inline-block;
    margin-right: 20px;
    background-color: black;
    width: 10px;
    height: 10px;
}


.resultsProgram {
    background-image: url(/images/Merritt/results_cover.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.resultsProgramMerritt {
    background-image: url(/images/Results/results_merritt_cover.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    width: 100%;
    height: 600px;
}

.resultsProgramSportAndHealth {
    background-image: url(/images/Results/sportandhealth_cover.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    width: 100%;
    height: 600px;
}

.memberBenefits {
    background-image: url(/images/Results/MemberBenefits.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    width: 100%;
    height: 600px;
}

a {
    color: #006bb6;
    text-decoration: none;
}

.link {
    color: #006bb6;
    text-decoration: none;
}

    .link:hover {
        text-decoration: underline;
    }

.linkLine {
    color: #000000;
    text-decoration: none;
}

    .linkLine:hover {
        color: #000000;
        text-decoration: underline;
    }

.scheduleSignUpBack {
    background-image: url(/images/signup_window.png);
    background-repeat: repeat-x;
    height: 96px;
    width: 398px;
}

.signUpButton {
    background-image: url(/images/sign_up_button.png);
    background-repeat: no-repeat;
    height: 29px;
    width: 160px;
}

    .signUpButton:hover {
        background-image: url(/images/sign_up_button_hover.png);
        background-repeat: no-repeat;
        height: 29px;
        width: 160px;
    }

.leftButtonBlue {
    background-image: url(/images/button_left.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
}

    .leftButtonBlue:hover {
        background-image: url(/images/button_left_hover.png);
        background-repeat: no-repeat;
        height: 40px;
        width: 40px;
    }

.rightButtonBlue {
    background-image: url(/images/button_right.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
}

    .rightButtonBlue:hover {
        background-image: url(/images/button_right_hover.png);
        background-repeat: no-repeat;
        height: 40px;
        width: 40px;
    }

.defaultFooter {
    height: 30px;
    width: 100%;
    z-index: 1;
    background-color: #303030;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#231f20), to(#393636), color-stop(.5,#373434));
    background: -moz-linear-gradient(top, #231f20 0%, #393636 50%, #373434 100%);
}

.defaultFooterGray {
    width: 100%;
    background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#cccccc), to(#f2f2f2));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(left, #cccccc, #f2f2f2);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(left, #cccccc, #f2f2f2);
    /* IE 10 */
    background: -ms-linear-gradient(left, #cccccc, #f2f2f2);
    /* Opera 11.10+ */
    background: -o-linear-gradient(left, #cccccc, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cccccc, endColorstr=#f2f2f2); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#cccccc, endColorstr=#f2f2f2)"; /* IE8 */
}

.defaultFooterDarkGray {
    width: 100%;
    background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#cdcdcd), to(#f2f2f2));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(left, #cdcdcd, #f2f2f2);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(left, #cdcdcd, #f2f2f2);
    /* IE 10 */
    background: -ms-linear-gradient(left, #cdcdcd, #f2f2f2);
    /* Opera 11.10+ */
    background: -o-linear-gradient(left, #cdcdcd, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cdcdcd, endColorstr=#f2f2f2); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#cdcdcd, endColorstr=#f2f2f2)"; /* IE8 */
}

.defaultFooterBlue {
    width: 100%;
    font-weight: 400;
    border-top: 2px solid #5e5e5e;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0367ac), to(#1b2353));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #0367ac, #1b2353);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #0367ac, #1b2353);
    /* IE 10 */
    background: -ms-linear-gradient(top, #0367ac, #1b2353);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #0367ac, #1b2353);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0367ac, endColorstr=#1b2353); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#0367ac, endColorstr=#1b2353)"; /* IE8 */
}

.NetworkMenuOuter {
    background-color: Black;
    width: 806px;
    height: 400px;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    -moz-box-shadow: 6px 6px 3px #888;
    -webkit-box-shadow: 6px 6px 3px #888;
    box-shadow: 6px 6px 3px #888;
}

.NetworkMenuInner {
    background-color: White;
    color: black;
    width: 790px;
    height: 384px;
    padding-top: 10px;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
}

    .NetworkMenuInner a {
        color: Black;
    }

.plainItem {
}

    .plainItem:hover {
        cursor: pointer;
    }

.blueBarDark {
    height: 7px;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b2455), to(#026cb5));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #1b2455, #026cb5);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #1b2455, #026cb5);
    /* IE 10 */
    background: -ms-linear-gradient(top, #1b2455, #026cb5);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #1b2455, #026cb5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1b2455, endColorstr=#026cb5); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1b2455, endColorstr=#026cb5)"; /* IE8 */
}

.blueBarTop {
    height: 7px;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005b97), to(#32adf5));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #005b97, #32adf5);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #005b97, #32adf5);
    /* IE 10 */
    background: -ms-linear-gradient(top, #005b97, #32adf5);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #005b97, #32adf5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#005b97, endColorstr=#32adf5); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#005b97, endColorstr=#32adf5)"; /* IE8 */
}

.blueBarBottom {
    height: 58px;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0464ab), to(#1c2151));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #0464ab, #1c2151);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #0464ab, #1c2151);
    /* IE 10 */
    background: -ms-linear-gradient(top, #0464ab, #1c2151);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #0464ab, #1c2151);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0464ab, endColorstr=#1c2151); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#0464ab, endColorstr=#1c2151)"; /* IE8 */
}

.blueBarLarge {
    background-image: url(/images/blue_bar_large.png);
    background-repeat: repeat-x;
    height: 62px;
    width: 100%;
}

.blueBar {
    background-image: url(/images/blue_bar.png);
    background-repeat: repeat-x;
    height: 75px;
    width: 100%;
}

.blueBarSmall {
    background-image: url(/images/blue_bar_small.png);
    background-repeat: repeat-x;
    height: 18px;
    width: 100%;
    z-index: 99999;
}

.vibeActivity {
    background-image: url(/images/vibeheadlines.png);
    background-repeat: repeat-x;
    height: 38px;
    width: 650px;
}

.lightblueBack {
    background-image: url(/images/lightblue_bar.png);
    background-repeat: repeat-x;
    height: 50px;
    width: 100%;
}

.lightSilverBack {
    background-image: url(/images/lightsilver_bar.png);
    background-repeat: repeat-x;
    height: 75px;
    width: 100%;
}

.launchSideBack {
    background-color: #7A7A7A;
    height: 100%;
    vertical-align: top;
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
    border-left: 1px solid silver;
}

.statsBar {
    background-image: url(/images/stats_bar.png);
    background-repeat: repeat-x;
    height: 47px;
    width: 100%;
}

.statsNotSelected {
    color: #6B6B6B;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid transparent;
    font-size: 9px;
}

.statsSelected {
    color: black;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #adadad;
    font-size: 9px;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8c8c8), to(#b4b4b4));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #c8c8c8, #b4b4b4);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #c8c8c8, #b4b4b4);
    /* IE 10 */
    background: -ms-linear-gradient(top, #c8c8c8, #b4b4b4);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #c8c8c8, #b4b4b4);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c8c8c8, endColorstr=#b4b4b4); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#c8c8c8, endColorstr=#b4b4b4)"; /* IE8 */
}

.black_arrow_left {
    position: absolute;
    opacity: 1;
    color: #CCCCCC;
    font-size: 1px;
    font-weight: 400;
    padding: 0px 0px;
    background-color: #000000;
    border: 3px solid #000000;
    z-index: 999;
}

    .black_arrow_left:after, .black_arrow_left:before {
        left: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        z-index: 999;
    }

    .black_arrow_left:after {
        border: 17px solid;
        border-left-color: #000000;
        border-color: transparent transparent transparent #000000;
        top: -12%;
        left: 104%;
        z-index: 999;
    }

    .black_arrow_left:before {
        border: 17px solid;
        border-left-color: #000000;
        border-color: transparent transparent transparent #000000;
        top: -12%;
        left: 104%;
        z-index: 999;
    }

.row, .col {
    overflow: hidden;
    position: absolute;
}

.row {
    left: 0;
    right: 0;
}

.col {
    top: 0;
    bottom: 0;
}

.scroll-x {
    overflow-x: auto;
}

.scroll-y {
    overflow-y: auto;
}

.footer.row {
    bottom: 0;
}

.footer {
}

.footer1 {
    background-image: url(/images/footer_bg.png);
    height: 40px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    width: 100%;
}

.page {
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: #f3f3f3;
}

.pageDark {
    width: 100%;
    font-family: Helvetica, Comfortaa-Regular,sans-serif;
    margin: 0px;
    color: White;
    width: 100%;
    padding: 0px;
    height: 50px;
    border-bottom: 1px solid #2a2a2a;
    border-top: 1px solid #4a4a4a;
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #7c7c7c 3%, #4c4c4c 7%, #1c1c1c 19%, #000000 28%, #020202 96%, #666666 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#7c7c7c), color-stop(7%,#4c4c4c), color-stop(19%,#1c1c1c), color-stop(28%,#000000), color-stop(96%,#020202), color-stop(100%,#666666)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7c7c7c 3%,#4c4c4c 7%,#1c1c1c 19%,#000000 28%,#020202 96%,#666666 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7c7c7c 3%,#4c4c4c 7%,#1c1c1c 19%,#000000 28%,#020202 96%,#666666 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7c7c7c 3%,#4c4c4c 7%,#1c1c1c 19%,#000000 28%,#020202 96%,#666666 100%); /* IE10+ */
    background: linear-gradient(top, #7c7c7c 3%,#4c4c4c 7%,#1c1c1c 19%,#000000 28%,#020202 96%,#666666 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.pageWhite {
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: white;
}

.pageMerritt {
    height: 100%;
    width: 100%;
    overflow: auto;
    /* Safari 4-5, Chrome 1-9 */
    background-color: white;
}

.pageUWS {
    height: 100%;
    width: 100%;
    overflow: auto;
    color: #23b473;
    background-color: white;
}

.pageSportHealth {
    height: 100%;
    width: 100%;
    overflow: auto;
    color: #23b473;
    background-color: white;
}


#mask {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 999;
}

/* You can customize to your needs  */
.modalPopup {
    display: none;
    background: #fff;
    padding: 11px;
    border: 2px solid #ddd;
    float: left;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    box-shadow: 0px 0px 20px #999; /* CSS3 */
    -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

.LoginContainer {
    color: black;
    width: 480px;
    margin: 0 auto 0 auto;
    background-color: White;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border: 1px solid silver;
    padding: 8px;
    -moz-box-shadow: 1px 1px 1px #888;
    -webkit-box-shadow: 1px 1px 1px #888;
    box-shadow: 1px 1px 1px #888;
}

.LoginContainerEmpty {
    color: black;
    width: 480px;
    margin: 0 auto 0 auto;
    background-color: White;
}

.ContentContainer {
    color: black;
    margin: 0 auto 0 auto;
    width: 1000px;
    min-height: 300px;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border: 1px solid silver;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f5f5f5));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    /* IE 10 */
    background: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #ffffff, #f5f5f5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f5f5f5); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#f5f5f5)"; /* IE8 */
}

.ContentContainerLeft {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f2f2), to(#e7e7e7));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #f2f2f2, #e7e7e7);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #f2f2f2, #e7e7e7);
    /* IE 10 */
    background: -ms-linear-gradient(top, #f2f2f2, #e7e7e7);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #f2f2f2, #e7e7e7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f2f2f2, endColorstr=#e7e7e7); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f2f2f2, endColorstr=#e7e7e7)"; /* IE8 */
    border: 1px solid #b2b2b2;
    border-bottom: 1px solid #8C8C8C;
}

.ContentContainerLeft1 {
    border-right: 1px solid #e8e8e8;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    min-height: 300px;
    background-color: White;
}

.ContentContainerRight {
    border-radius: 0px 0px 6px 0px;
    -moz-border-radius: 0px 0px 6px 0px;
    -webkit-border-radius: 0px 0px 6px 0px;
    background-color: white;
    width: 250px;
    min-height: 300px;
}

.ContentLeft {
    background-color: white;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    width: 100%;
    min-height: 300px;
}

.ContentRight {
    background-color: white;
    width: 250px;
    min-height: 300px;
}

.ContentLeftBox {
    background-color: white;
    border: 1px solid #e1e1e1;
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    width: 250px;
    min-height: 300px;
}

.ContentRightBox {
    background-color: white;
    border: 1px solid #e1e1e1;
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    width: 250px;
    min-height: 300px;
}

.ContentBox {
    background-color: white;
    border: 1px solid #e1e1e1;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    font-size: 13px;
}

.DetailContainer {
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border: 1px solid rgba(0,0,0,0.1);
}

.ListItemPlainSmall {
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid silver;
    font-size: 11px;
}

    .ListItemPlainSmall:hover {
        background-color: #F0F8FF;
        cursor: pointer;
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 11px;
    }

.ListItemPlain {
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid silver;
    font-size: 12px;
}

    .ListItemPlain:hover {
        background-color: #F0F8FF;
        cursor: pointer;
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 12px;
    }

.ListItemPlainNoHover {
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid silver;
}

.ListItemLightBlue {
    background-color: #BFEFFF;
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid silver;
}

    .ListItemLightBlue:hover {
        background-color: #BFEFFF;
        cursor: pointer;
        padding-top: 6px;
        padding-bottom: 6px;
    }

.ListItemLightBlueNoHover {
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid silver;
}

.ListItemWhiteNoHover {
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: White;
    border-bottom: 1px solid silver;
}

.AgendaSelected {
    background: #eaebec;
}

.ListItemWhiteArrow {
    position: relative;
    background: #ffffff;
    border: 2px solid #cccccc;
}

    .ListItemWhiteArrow:after, .ListItemWhiteArrow:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        z-index: 999999;
    }

    .ListItemWhiteArrow:after {
        border-color: transparent #dcdcdc transparent transparent;
        border-right-color: #ffffff;
        border-width: 10px;
        top: 40%;
        left: -4px;
        margin-left: -15px;
        z-index: 999999;
    }

    .ListItemWhiteArrow:before {
        border-color: transparent #dcdcdc transparent transparent;
        border-right-color: #cccccc;
        border-width: 12px;
        top: 38%;
        left: -6px;
        margin-left: -18px;
        z-index: 999999;
    }

.ListItem {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-right: 12px;
    border-bottom: 1px solid silver;
    background-color: #ffffff;
}

    .ListItem:hover {
        background-color: #F2F4F2;
        cursor: pointer;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 20px;
        padding-right: 12px;
    }

.ListItemGray {
    background-color: #F3F9EB;
    border-bottom: 1px solid silver;
}

    .ListItemGray:hover {
        cursor: pointer;
    }

.ListItemLightGray {
    background-color: #F7F7F7;
    border-bottom: 1px solid #E7E7E8;
}

    .ListItemLightGray:hover {
        background-color: #ffffff;
        cursor: pointer;
    }

        .ListItemLightGray:hover a {
            color: #2E8BCB;
            text-decoration: underline;
        }

.ListItemLightGrayBorder {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-right: 12px;
    background-color: #F2F4F2;
    border: 1px solid #CCCCCC;
}

.ListItemLightGrayWhite {
    background-color: #F7F7F7;
    border-bottom: 1px solid #E7E7E8;
}

    .ListItemLightGrayWhite:hover {
        background-color: #ffffff;
    }

.ListItemDark {
    background-color: #313232;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-right: 12px;
    border-bottom: 1px solid silver;
}

    .ListItemDark:hover {
        background-color: #949494;
        cursor: pointer;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 20px;
        padding-right: 12px;
    }

.ListItemSubscribed {
    background-color: #d1d1d1;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-right: 12px;
    border-bottom: 1px solid silver;
}

    .ListItemSubscribed:hover {
        background-color: #F0F8FF;
        background-color: Highlight;
        cursor: pointer;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 20px;
        padding-right: 12px;
        border-bottom: 1px solid silver;
    }

.ListItemSelected {
    background-color: #9FB6CD;
    cursor: pointer;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-right: 12px;
    border-bottom: 1px solid silver;
}

.ListItemSelectedLight {
    background-color: #F0F8FF;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-right: 12px;
    border-bottom: 1px solid silver;
}

.ListItemGreen {
    background-color: #92cc00;
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid silver;
}

.ListItemGradient {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f2f2f2));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    /* IE 10 */
    background: -ms-linear-gradient(top, #ffffff, #f2f2f2);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #ffffff, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f2f2f2); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#f2f2f2)"; /* IE8 */
    border: 1px solid #b2b2b2;
}

    .ListItemGradient:hover {
        /* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff));
        /* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #ffffff, #ffffff);
        /* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #ffffff, #ffffff);
        /* IE 10 */
        background: -ms-linear-gradient(top, #ffffff, #ffffff);
        /* Opera 11.10+ */
        background: -o-linear-gradient(top, #ffffff, #ffffff);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#ffffff); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#ffffff)"; /* IE8 */
        border: 1px solid #b2b2b2;
        cursor: pointer;
    }

.ListItemGradientDark {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3B3838), to(#231F20));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #3B3838, #231F20);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #3B3838, #231F20);
    /* IE 10 */
    background: -ms-linear-gradient(top, #3B3838, #231F20);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #3B3838, #231F20);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3B3838, endColorstr=#231F20); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#3B3838, endColorstr=#231F20)"; /* IE8 */
}

    .ListItemGradientDark:hover {
        /* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4D4D4D), to(#4D4D4D));
        /* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #4D4D4D, #4D4D4D);
        /* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #4D4D4D, #4D4D4D);
        /* IE 10 */
        background: -ms-linear-gradient(top, #4D4D4D, #4D4D4D);
        /* Opera 11.10+ */
        background: -o-linear-gradient(top, #4D4D4D, #4D4D4D);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#4D4D4D, endColorstr=#4D4D4D); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#4D4D4D, endColorstr=#4D4D4D)"; /* IE8 */
        cursor: pointer;
    }


select {
    font-size: 13px;
    font-weight: 400;
    padding: 4px;
}

.textarea {
    border: 1px solid #bbb;
    background: -webkit-linear-gradient(rgba(255,255,255,0.2), white);
    background: -moz-linear-gradient(rgba(255,255,255,0), white);
    vertical-align: middle;
    color: #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box3-shadow: 0px 1px 0px white, rgba(0, 0, 0, .35) 0px 4px 5px -5px inset;
    -moz-box-shadow: 0px 1px 0px white, rgba(0, 0, 0, .35) 0px 4px 5px -5px inset;
    box-shadow: 0px 1px 0px white, rgba(0, 0, 0, .35) 0px 4px 5px -5px inset;
    display: block;
    width: 100%;
    font-size: 13px;
    padding: 4px;
}

.textareaPlain {
    border: 1px solid #bbb;
    background-color: white;
    vertical-align: middle;
    color: #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    width: 100%;
    font-size: 13px;
    padding: 4px;
}

.inputDark {
    border: none;
    background-color: #1A1A1A;
    vertical-align: middle;
    color: #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    width: 100%;
    font-size: 13px;
    padding: 4px;
}

.inputGray {
    border: none;
    background-color: #4D4D4D;
    vertical-align: middle;
    color: #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    width: 100%;
    font-size: 13px;
    padding: 4px;
}

input[type="text"], input[type="password"] {
    border: 1px solid #bbb;
    background: -webkit-linear-gradient(rgba(255,255,255,.9), white);
    background: -moz-linear-gradient(rgba(255,255,255,.9), white);
    height: 26px;
    vertical-align: middle;
    color: #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box3-shadow: 0px 1px 0px white, rgba(0, 0, 0, .35) 0px 4px 5px -5px inset;
    -moz-box-shadow: 0px 1px 0px white, rgba(0, 0, 0, .35) 0px 4px 5px -5px inset;
    box-shadow: 0px 1px 0px white, rgba(0, 0, 0, .35) 0px 4px 5px -5px inset;
    width: 100%;
    font-size: 13px;
    padding: 4px;
}

.inputCal[type="text"] {
    border: 1px solid #c3c2c2;
    background: -webkit-linear-gradient(#f3f3f3, #cfcecd);
    background: -moz-linear-gradient(#f3f3f3, #cfcecd);
    height: 26px;
    vertical-align: middle;
    color: #000;
    font-weight: 400;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box3-shadow: 0px 1px 0px white, rgba(0, 0, 0, .35) 0px 4px 5px -5px inset;
    -moz-box-shadow: 0px 1px 0px white, rgba(0, 0, 0, .35) 0px 4px 5px -5px inset;
    box-shadow: 0px 1px 0px white, rgba(0, 0, 0, .35) 0px 4px 5px -5px inset;
    width: 100%;
    font-size: 13px;
    padding: 4px;
}

.inputHidden[type="text"] {
    opacity: 0;
    border: none;
}

.inputCalGray[type="text"] {
    border: 1px solid #E7E7E8;
    background: -webkit-linear-gradient(#f3f3f4, #f3f3f4);
    background: -moz-linear-gradient(#f3f3f4, #f3f3f4);
    height: 26px;
    vertical-align: middle;
    color: #000;
    font-weight: 400;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    font-size: 13px;
    padding: 4px;
}

.inputBig {
    border: 1px solid #bbb;
    background: -webkit-linear-gradient(rgba(255,255,255,.9), white);
    background: -moz-linear-gradient(rgba(255,255,255,.9), white);
    height: 26px;
    vertical-align: middle;
    color: #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box3-shadow: 0px 1px 0px white, rgba(0, 0, 0, .35) 0px 4px 5px -5px inset;
    -moz-box-shadow: 0px 1px 0px white, rgba(0, 0, 0, .35) 0px 4px 5px -5px inset;
    box-shadow: 0px 1px 0px white, rgba(0, 0, 0, .35) 0px 4px 5px -5px inset;
    width: 100%;
    font-size: 16px;
    padding: 10px;
}

.inputLarge {
    border: 1px solid #bbb;
    background: -webkit-linear-gradient(rgba(255,255,255,.9), white);
    background: -moz-linear-gradient(rgba(255,255,255,.9), white);
    height: 48px;
    vertical-align: middle;
    color: #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box3-shadow: 0px 1px 0px white, rgba(0, 0, 0, .35) 0px 4px 5px -5px inset;
    -moz-box-shadow: 0px 1px 0px white, rgba(0, 0, 0, .35) 0px 4px 5px -5px inset;
    box-shadow: 0px 1px 0px white, rgba(0, 0, 0, .35) 0px 4px 5px -5px inset;
    width: 100%;
    font-size: 16px;
    padding: 20px;
}

#divProgress {
    width: 200px; /*Width of right column*/
    height: 100px;
    background-color: White;
    border: 1px solid silver;
}

.ProfileHeader {
    background-color: #d3dddc;
    border-bottom: 2px solid #e1e1e1;
}

    .ProfileHeader:hover {
        background-color: Highlight;
        border-bottom: 2px solid #e1e1e1;
        cursor: pointer;
    }

.agenda {
    color: black;
    font-size: 12px;
    margin: 0px;
    /* fallback */
    background-color: #e2e6e5;
    background: url(images/linear_bg_2.png);
    background-repeat: repeat-x;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b3c8cd), to(#e2e6e5));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #b3c8cd, #e2e6e5);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #b3c8cd, #e2e6e5);
    /* IE 10 */
    background: -ms-linear-gradient(top, #b3c8cd, #e2e6e5);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #b3c8cd, #e2e6e5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#b3c8cd, endColorstr=#e2e6e5); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#b3c8cd, endColorstr=#e2e6e5)"; /* IE8 */
}

.activity {
    color: black;
    font-size: 12px;
    margin: 0px;
    background-color: white;
}

.activityExtended {
    color: black;
    font-size: 12px;
    margin: 0px;
    /* fallback */
    background-color: #f5f5f5;
    background: url(images/linear_bg_2.png);
    background-repeat: repeat-x;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#fefefe));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #f5f5f5, #fefefe);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #f5f5f5, #fefefe);
    /* IE 10 */
    background: -ms-linear-gradient(top, #f5f5f5, #fefefe);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #f5f5f5, #fefefe);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f5f5f5, endColorstr=#fefefe); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f5f5f5, endColorstr=#fefefe)"; /* IE8 */
}


#footer {
    clear: both;
    width: 100%;
    background: black;
    color: #FFF;
    text-align: center;
    padding: 4px 0;
}

    #footer a {
        color: #FFFF80;
    }

.normalLabel {
    color: #383838;
    font-size: 12px;
}

.grayLabel {
    font-size: 13px;
    color: #6a6f76;
}

.sectionLabel {
    color: #383838;
    font-size: 13px;
    font-weight: 400;
}



.tableBorder {
    border: 1px solid silver;
}

    .tableBorder td {
        border: 1px solid silver;
        padding: 6px;
    }

.ErrorMessage {
    color: Red;
    font-size: 18px;
}

.messageLabel {
    color: Red;
    font-size: 13px;
}

.highlightLabel {
    color: Red;
    font-size: 12px;
}

.helpLabel {
    color: navy;
    font-size: 11px;
}

.tdActivity {
    background-color: #FAFAFA;
    color: #3F4C6B;
}

    .tdActivity:hover {
        background-color: #ffffff;
        color: Black;
    }

    .tdActivity:hover {
        background-color: #ffffff;
        color: Black;
    }

@font-face {
    font-family: Comfortaa-Regular;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Comfortaa-Regular-webfont.eot);
    src: local("Comfortaa-Regular"), url( ../fonts/Comfortaa-Regular.ttf) format("truetype"); /* non-IE */
}

@font-face {
    font-family: "MotorOil";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/motor_oil_1937_m54-webfont.eot); /*if IE */
    src: local("MotorOil"), url("../fonts/motor_oil_1937_m54-webfont.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: "handsean";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/handsean.eot); /*if IE */
    src: local("handsean"), url("../fonts/handsean.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: "OldSansBlack";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/OldSansBlack.eot); /*if IE */
    src: local("OldSansBlack"), url("../fonts/OldSansBlack.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: "EleganTech-";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/EleganTech-.eot); /*if IE */
    src: local("EleganTech-"), url("../fonts/EleganTech-.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: "MyriadPro-Regular";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MyriadPro-Regular.eot); /*if IE */
    src: local("MyriadPro-Regular"), url("../fonts/MyriadPro-Regular.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: "BorisBlackBloxx";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/BorisBlackBloxx.eot); /*if IE */
    src: local("BorisBlackBloxx"), url("../fonts/BorisBlackBloxx.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: "AzoSansLight";
    font-style: normal;
    font-weight: normal;
    src: local("AzoSans-Light"), url("../fonts/AzoSans-Light.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: "AzoSansMedium";
    font-style: normal;
    font-weight: normal;
    src: local("AzoSans-Medium"), url("../fonts/AzoSans-Medium.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: "AcuminPro";
    font-style: normal;
    font-weight: normal;
    src: local("AcuminPro"), url("../fonts/acuminpro-regular.otf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: "AcuminProBold";
    font-style: normal;
    font-weight: normal;
    src: local("AcuminProBold"), url("../fonts/acuminproextracond-bold.otf") format("truetype"); /* non-IE */
}



/***Preview panels******/
.descriptionPreview:hover {
    cursor: pointer;
}

.panelProfilePreview {
    color: #1d60ff;
}

    .panelProfilePreview:hover {
        color: #1d60ff;
        cursor: pointer;
        background-color: Highlight;
    }

.panelVibingPreview {
    color: #ffffff;
}

    .panelVibingPreview:hover {
        color: #ffffff;
        background-color: Highlight;
        cursor: pointer;
    }

.panelProfilePreviewWhite {
    color: #d5d5d5;
}

    .panelProfilePreviewWhite:hover {
        color: #d5d5d5;
        cursor: pointer;
    }


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/


.littleSilverBox {
    font: bold 13px/24px;
    min-width: 58px;
    padding: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.4);
    margin: 0px;
    box-shadow: white 0px 1px 0px, 0px 1px 0px rgba(255,255,255,0.5) inset;
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,0.4));
    background-image: -moz-linear-gradient(transparent, rgba(0,0,0,0.4));
    background-color: #cccccc;
    color: white;
    text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
}

    .littleSilverBox.small {
        min-width: 8px;
        padding: 4px;
    }

    .littleSilverBox.big {
        height: 48px;
        width: 48px;
        min-width: 48px;
    }

.arrowUp {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid white;
}

.arrowUpBlack {
    width: 0;
    height: 0;
    border-bottom: 16px solid black;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    position: absolute;
}

.arrowUpWhite {
    width: 0;
    height: 0;
    border-bottom: 12px solid white;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}

.arrowDownWhite {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid white;
}

.arrowDown {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid white;
}

.arrowRightBig {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #040404;
}

.arrowRightBig {
    cursor: pointer;
}

.arrowRight {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 24px solid #040404;
}

.arrowLeft {
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 13px solid black;
}

.arrowLeft {
    cursor: pointer;
}

.arrowLeftBig {
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-right: 22px solid black;
}

.arrowLeftBig {
    cursor: pointer;
}

.arrowRightBlue {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 44px solid #196DB6;
}

.CalendarDay {
    table-layout: fixed;
    width: 130px;
    min-width: 130px;
    height: 60px;
    background-color: #eeeeee;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#F7F7F7',GradientType=0 );
    border: 1px solid #f5f5f5;
    padding: 4px;
    -moz-box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    -webkit-box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    color: #000000;
}

.CalendarDayThanksgiving {
    table-layout: fixed;
    width: 130px;
    min-width: 130px;
    height: 60px;
    background: #f1d3a5;
    border: 1px solid #f5f5f5;
    border-bottom: 1px solid #cccccc;
    padding: 4px;
    -moz-box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    -webkit-box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    color: #000000;
}

.CalendarDayToday {
    table-layout: fixed;
    width: 130px;
    min-width: 130px;
    height: 60px;
    background: #0d70b5;
    border: 1px solid #f5f5f5;
    border-bottom: 1px solid #cccccc;
    padding: 4px;
    -moz-box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    -webkit-box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    color: #000000;
}

.CalendarDaySmall {
    table-layout: fixed;
    width: 90px;
    min-width: 90px;
    height: 60px;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #FAFAFA 0%, #F7F7F7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#F7F7F7));
    background: -webkit-linear-gradient(top, #FAFAFA 0%,#F7F7F7 100%);
    background: -o-linear-gradient(top, #FAFAFA 0%,#F7F7F7 100%);
    background: -ms-linear-gradient(top, #FAFAFA 0%,#F7F7F7 100%);
    background: linear-gradient(top, #FAFAFA 0%,#F7F7F7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#F7F7F7',GradientType=0 );
    border: 1px solid #f5f5f5;
    border-bottom: 1px solid #cccccc;
    padding: 4px;
    -moz-box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    -webkit-box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    color: #000000;
}

.CalendarClass {
    font-size: 11px;
    table-layout: fixed;
    width: 130px;
    background: #ff780a;
    background: -moz-linear-gradient(top, hsl(27,100%,52%) 0%, hsl(27,100%,40%) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(27,100%,52%)), color-stop(100%,hsl(27,100%,40%)));
    background: -webkit-linear-gradient(top, hsl(27,100%,52%) 0%,hsl(27,100%,40%) 100%);
    background: -o-linear-gradient(top, hsl(27,100%,52%) 0%,hsl(27,100%,40%) 100%);
    background: -ms-linear-gradient(top, hsl(27,100%,52%) 0%,hsl(27,100%,40%) 100%);
    background: linear-gradient(top, hsl(27,100%,52%) 0%,hsl(27,100%,40%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff780a', endColorstr='#cc5b00',GradientType=0 );
    border: 1px solid #d66000;
    border-bottom: 1px solid #c25400;
    border: 1px solid hsla(27,100%,42%,1);
    border-bottom: 1px solid hsla(27,100%,38%,1);
    color: #ffffff;
}

.CalendarEvent {
    font-size: 11px;
    table-layout: fixed;
    width: 110px;
    background: #92cc00;
    background: -moz-linear-gradient(top, hsla(77,100%,40%,1) 0%, hsla(77,100%,32%,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(77,100%,40%,1)), color-stop(100%,hsla(77,100%,32%,1)));
    background: -webkit-linear-gradient(top, hsla(77,100%,40%,1) 0%,hsla(77,100%,32%,1) 100%);
    background: -o-linear-gradient(top, hsla(77,100%,40%,1) 0%,hsla(77,100%,32%,1) 100%);
    background: -ms-linear-gradient(top, hsla(77,100%,40%,1) 0%,hsla(77,100%,32%,1) 100%);
    background: linear-gradient(top, hsla(77,100%,40%,1) 0%,hsla(77,100%,32%,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92cc00', endColorstr='#74a300',GradientType=0 );
    border: 1px solid #74a300;
    border: 1px solid #648c00;
    border-bottom: 1px solid #648c00;
    padding-top: 2px;
    color: #ffffff;
}

.CalendarEventPast {
    font-size: 11px;
    table-layout: fixed;
    width: 100px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#68838B), to(#5D7B93));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #68838B, #5D7B93);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #68838B, #5D7B93);
    /* IE 10 */
    background: -ms-linear-gradient(top, #68838B, #5D7B93);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #68838B, #5D7B93);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#68838B, endColorstr=#5D7B93); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#68838B, endColorstr=#5D7B93)"; /* IE8 */
    border: 1px solid #00688B;
    color: #ffffff;
}

.CalendarOther {
    table-layout: fixed;
    width: 110px;
    height: 36px;
    background: #616161;
    border: 1px solid #d8d8d8;
    border-bottom: 1px solid #cccccc;
    padding: 4px;
    color: #000000;
}

.CalendarClosed {
    table-layout: fixed;
    width: 104px;
    height: 140px;
    background: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    padding: 2px;
}

.CalendarRegister {
    table-layout: fixed;
    width: 88px;
    height: 140px;
    background: #E3F7CE;
    border-bottom: 1px solid #CCCCCC;
    padding: 2px;
}

.CalendarRegistered {
    table-layout: fixed;
    width: 88px;
    height: 140px;
    background: #a0e445;
    border-bottom: 1px solid #CCCCCC;
    padding: 2px;
}

.CalendarDayHours {
    table-layout: fixed;
    width: 110px;
    height: 36px;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #FAFAFA 0%, #F7F7F7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#F7F7F7));
    background: -webkit-linear-gradient(top, #FAFAFA 0%,#F7F7F7 100%);
    background: -o-linear-gradient(top, #FAFAFA 0%,#F7F7F7 100%);
    background: -ms-linear-gradient(top, #FAFAFA 0%,#F7F7F7 100%);
    background: linear-gradient(top, #FAFAFA 0%,#F7F7F7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#F7F7F7',GradientType=0 );
    border: 1px solid #d8d8d8;
    border-bottom: 1px solid #cccccc;
    padding: 4px;
    -moz-box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    -webkit-box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    color: #000000;
}

    .CalendarDayHours:hover {
        background: #F0F8FF;
        background: -moz-linear-gradient(top, #F0F8FF 0%, #F0F8FF 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F8FF), color-stop(100%,#F0F8FF));
        background: -webkit-linear-gradient(top, #F0F8FF 0%,#F0F8FF 100%);
        background: -o-linear-gradient(top, #F0F8FF 0%,#F0F8FF 100%);
        background: -ms-linear-gradient(top, #F0F8FF 0%,#F0F8FF 100%);
        background: linear-gradient(top, #F0F8FF 0%,#F0F8FF 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F8FF', endColorstr='#F0F8FF',GradientType=0 );
        cursor: pointer;
    }

.CalendarNetworkSchedule {
    table-layout: fixed;
    width: 130px;
    height: 60px;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd));
    background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
    background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
    background: linear-gradient(top, #eeeeee 0%,#dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
    border: 1px solid #d8d8d8;
    border-bottom: 1px solid #cccccc;
    padding: 2px;
    -moz-box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    -webkit-box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    color: #000000;
    z-index: 1;
}

.CalendarNetworkScheduleSmall {
    table-layout: fixed;
    width: 90px;
    height: 60px;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd));
    background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
    background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
    background: linear-gradient(top, #eeeeee 0%,#dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
    border: 1px solid #d8d8d8;
    border-bottom: 1px solid #cccccc;
    padding: 4px;
    -moz-box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    -webkit-box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8;
    color: #000000;
}

.announcements {
    position: relative;
    background-color: #FCFCFC;
    overflow: auto;
    color: black;
    font-size: 12px;
    font-weight: 400;
    border: 2px solid #f7f7f7;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    margin-top: 11px;
    -moz-box-shadow: 2px 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px 2px #888;
    -o-box-shadow: 2px 2px 2px 2px #888;
    box-shadow: 2px 2px 2px 2px #888;
    z-index: 99999;
    padding: 15px;
}

.ClassTime {
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border: 1px solid silver;
}

.dayCircle {
    color: #aaaaaa;
}

.CalendarHeader {
    color: #78a600;
    font-size: 15px;
    font-weight: 400;
}

.completionList {
    border: solid 1px #cccccc;
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    z-index: 999999;
    position: absolute;
    height:200px;
    overflow:auto;
}

.listItem {
    color: #1C1C1C;
}

.checkInOptions {
    position: relative;
    color: white;
    font-size: 13px;
    font-weight: 400;
    text-shadow: none;
    cursor: pointer;
}

.checkInOptionsSelected {
    position: relative;
    color: white;
    font-size: 13px;
    font-weight: 400;
    text-shadow: none;
}

    .checkInOptionsSelected:after {
        content: '';
        border-top: 25px solid #262626;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        position: absolute;
        left: 45%;
        margin-top: 1px;
        top: 100px;
        z-index: 999;
    }

.checkInOptionsSelectedUWS {
    position: relative;
    color: white;
    font-size: 13px;
    font-weight: 400;
    padding: 8px 15px;
    text-shadow: none;
}

    .checkInOptionsSelectedUWS:after {
        content: '';
        border-top: 25px solid #229b74;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        position: absolute;
        left: 45%;
        margin-top: 8px;
        top: 50px;
        z-index: 999;
    }

.checkInOptionsSelectedBlack {
    position: relative;
    color: white;
    font-size: 13px;
    font-weight: 400;
    padding: 8px 15px;
    text-shadow: none;
}

    .checkInOptionsSelectedBlack:after {
        content: '';
        border-top: 25px solid #000000;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        position: absolute;
        left: 45%;
        margin-top: 8px;
        top: 50px;
        z-index: 999;
    }

.menuItemSelected {
    position: relative;
    width: 80px;
    background: #454545;
    color: #63D1F4;
    font-size: 12px;
    font-weight: 400;
    padding: 12px 15px;
    text-shadow: none;
    border-color: White;
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
}

    .menuItemSelected:after {
        content: '';
        border-top: 10px solid #454545;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        position: absolute;
        left: 40%;
        margin-top: 8px;
        top: 30px;
        z-index: 999;
    }

.littleBlackBox {
    font: bold 13px/24px;
    min-width: 58px;
    padding: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.4);
    margin: 0px;
    box-shadow: white 0px 1px 0px, 0px 1px 0px rgba(255,255,255,0.5) inset;
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,0.4));
    background-image: -moz-linear-gradient(transparent, rgba(0,0,0,0.4));
    background-color: #0f0f0f;
    color: white;
    text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
}

    .littleBlackBox.FlatBottom {
        -moz-border-radius: 4px 4px 0px 0px;
        -webkit-border-radius: 4px 4px 0px 0px;
        border-radius: 4px 4px 0px 0px;
    }

.imgGray {
    opacity: 0.4;
    filter: alpha(opacity=40);
}


.wrapper {
    opacity: 0.4;
    filter: alpha(opacity=40);
    background-color: #ccc;
}

.newPost {
    text-align: center;
    vertical-align: middle;
    width: 604px;
    height: 26px;
    background-color: #f58023;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f58023), to(#c13c26));
    background-image: -webkit-linear-gradient(top, #f58023, #c13c26);
    background-image: -moz-linear-gradient(top, #f58023, #c13c26);
    background-image: -ms-linear-gradient(top, #f58023, #c13c26);
    background-image: -o-linear-gradient(top, #f58023, #c13c26);
    background-image: linear-gradient(to bottom, #f58023, #c13c26);
    color: #ffffff;
    font-weight: 400;
    font-size: 15px;
    padding: 5px 20px;
    padding-top: 8px;
    border-radius: 4px;
    border: 1px solid #c0d9e9;
    border-bottom: none;
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    z-index: 99999;
    box-shadow: 0px 0px 20px #999; /* CSS3 */
    -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
}

.camera {
    background-image: url(/images/camera.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border: 3px solid green;
}

.blueBox {
    height: 100%;
    width: 100px;
    overflow: auto;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#28aae1), to(#0274be));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #28aae1, #0274be);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #28aae1, #0274be);
    /* IE 10 */
    background: -ms-linear-gradient(top, #28aae1, #0274be);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #28aae1, #0274be);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#28aae1, endColorstr=#0274be); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#28aae1, endColorstr=#0274be)"; /* IE8 */
}

.grayBox {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#cccccc));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #f1f1f1, #cccccc);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #f1f1f1, #cccccc);
    /* IE 10 */
    background: -ms-linear-gradient(top, #f1f1f1, #cccccc);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #f1f1f1, #cccccc);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f1f1f1, endColorstr=#cccccc); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f1f1f1, endColorstr=#cccccc)"; /* IE8 */
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    z-index: 99;
}


.lightGrayBox {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#cdcdcd));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #f1f1f1, #cdcdcd);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #f1f1f1, #cdcdcd);
    /* IE 10 */
    background: -ms-linear-gradient(top, #f1f1f1, #cdcdcd);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #f1f1f1, #cdcdcd);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f1f1f1, endColorstr=#cdcdcd); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f1f1f1, endColorstr=#cdcdcd)"; /* IE8 */
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    z-index: 999;
}

.lightGrayBox1 {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#323232));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #e1e1e1, #323232);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #e1e1e1, #323232);
    /* IE 10 */
    background: -ms-linear-gradient(top, #e1e1e1, #323232);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #e1e1e1, #323232);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e1e1e1, endColorstr=#323232); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e1e1e1, endColorstr=#323232)"; /* IE8 */
    border-radius: 4px;
    border: 1px solid #323232;
    z-index: 999;
}

.lightGrayBox2 {
    overflow: auto;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d7d8d9), to(#e5e6e7));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #d7d8d9, #e5e6e7);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #d7d8d9, #e5e6e7);
    /* IE 10 */
    background: -ms-linear-gradient(top, #d7d8d9, #e5e6e7);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #d7d8d9, #e5e6e7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d7d8d9, endColorstr=#e5e6e7); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d7d8d9, endColorstr=#e5e6e7)"; /* IE8 */
    border-radius: 4px;
    border: 1px solid #e6e6e6;
}

.darkGrayBox {
    height: 100%;
    overflow: auto;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5a5a5a), to(#252525));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #5a5a5a, #252525);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #5a5a5a, #252525);
    /* IE 10 */
    background: -ms-linear-gradient(top, #5a5a5a, #252525);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #5a5a5a, #252525);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#5a5a5a, endColorstr=#252525); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#5a5a5a, endColorstr=#252525)"; /* IE8 */
    padding: 8px;
    color: #ffffff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 2px solid #cccccc;
    z-index: 9999;
}

.darkBlueBox {
    overflow: auto;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2186BE), to(#175993));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #2186BE, #175993);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #2186BE, #175993);
    /* IE 10 */
    background: -ms-linear-gradient(top, #2186BE, #175993);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #2186BE, #175993);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#2186BE, endColorstr=#175993); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#2186BE, endColorstr=#175993)"; /* IE8 */
}

.mediumBlueBox {
    overflow: auto;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#29A9DF), to(#266A89));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #29A9DF, #266A89);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #29A9DF, #266A89);
    /* IE 10 */
    background: -ms-linear-gradient(top, #29A9DF, #266A89);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #29A9DF, #266A89);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#29A9DF, endColorstr=#266A89); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#29A9DF, endColorstr=#266A89)"; /* IE8 */
    padding: 4px;
    color: #ffffff;
}

.blueBoxSolid {
    background-color: #79d5f6;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 8px;
}

.greenBoxSolid {
    background-color: #9DD357;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 1px;
}

.whiteBoxSolid {
    background-color: #FFFFFF;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 8px;
}

.lightBlueBoxSolid {
    background-color: #28aade;
    border: 1px solid #28aade;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 8px;
}

.emptyBox {
    background-color: transparent;
    border: none;
    font-weight: 400;
    padding: 8px;
    color: #383838;
}

.transparentBoxSolidGrayBorder {
    background-color: transparent;
    border: 1px solid #383838;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 2px;
    font-family: Oswald;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    padding: 8px;
    padding-left: 18px;
    padding-right: 18px;
    display: inline-block;
}

.transparentBoxSolidWhiteBorder {
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 2px;
    font-family: Oswald;
    font-weight: 400;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
    padding: 8px;
    padding-left: 18px;
    padding-right: 18px;
    display: inline-block;
}

.transparentBoxSolidBlueBorder {
    background-color: transparent;
    border: 1px solid #29ABE2;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 2px;
    font-family: Oswald;
    font-weight: 400;
    font-size: 15px;
    color: #29ABE2;
    text-align: center;
    padding: 8px;
    padding-left: 18px;
    padding-right: 18px;
    display: inline-block;
}

.whiteBoxSolidBlueBorder {
    background-color: #FFFFFF;
    border: 1px solid #29ABE2;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 8px;
    font-family: Oswald;
    font-weight: 400;
    font-size: 15px;
    color: #383838;
    text-align: center;
    padding: 8px;
    padding-left: 18px;
    padding-right: 18px;
    display: inline-block;
}

.blueBoxSolidBlueBorder {
    background-color: #49C7F2;
    border: 1px solid #29ABE2;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 8px;
    font-family: Oswald;
    font-weight: 400;
    color: white;
    font-size: 15px;
    text-align: center;
    padding: 8px;
    padding-left: 18px;
    padding-right: 18px;
    display: inline-block;
}

.lightGrayBoxSolid {
    background-color: #f2f2f2;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 4px;
    z-index: 999;
	background-color:#666666;
    border:1px solid #666666;
    text-align:center;  
    display:inline-block;
}

.mediumGrayBoxSolid {
    background-color: #e1e1e1;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    z-index: 999;
}

.mediumGrayBoxSolidRound {
    background-color: #e1e1e1;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    z-index: 999;
}

.darkGrayBoxSolid {
    background-color: #323232;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    z-index: 999;
}

.whiteSquare {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 4px;
}

.whiteRounded {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 4px;
}

.lightGraySquare {
    background-color: #f2f2f2;
    border: 1px solid #cccccc;
    padding: 4px;
}

.mediumGraySquare {
    background-color: #e1e1e1;
    border: 1px solid #cccccc;
}

.darkGrayBoxSquare {
    background-color: #323232;
    border: 1px solid #cccccc;
}

.whiteBoxSolid {
    background-color: #ffffff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    z-index: 999;
}

.whiteBoxSolidBorder {
    background-color: #ffffff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid silver;
    z-index: 999;
}

.whiteBoxSolidBorderHover {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #808181;
    font-size: 12px;
    padding: 8px;
    z-index: 999;
}

    .whiteBoxSolidBorderHover:hover {
        background-color: #a0dcf1;
    }

.pictureFrameBlank {
    vertical-align: middle;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0px;
}

.pictureFrame {
    border: 2px solid #ffffff;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0px;
}

.pictureFrameThumb {
    border: 2px solid #ffffff;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0px;
}

.pictureFrameGray {
    border: 2px solid #b6b6b6;
    vertical-align: middle;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0px;
}

.pictureFrameBlack {
    border: 2px solid #000000;
    vertical-align: middle;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0px;
}

.pictureFrameGrayThumb {
    border: 2px solid #b6b6b6;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0px;
}

.pictureFrameFlexzzz {
    border: 2px solid #ffffff;
    vertical-align: middle;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0px;
}

.pictureFrameFlex {
    border-radius: 10%;
}

.pictureFrameFlexRound {
    border-radius: 50%;
    padding: 0px;
}

.pictureFrameFlexWhiteBorder {
    border: 2px solid #ffffff;
    border-radius: 50%;
    padding: 0px;
}

.pictureFrameFlexBlackBorder {
    border: 2px solid #000000;
    border-radius: 50%;
    padding: 0px;
}

.pictureFrameFlexGrayBorder {
    border: 1px solid #E5E5E5;
    border-radius: 50%;
    padding: 0px;
}

.lightGrayBoxSolidBorder {
    background-color: #f4f4f4;
    border: 1px solid #cccccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #656565;
    font-size: 13px;
    font-weight: 400;
    padding: 8px;
    z-index: 999;
}

.lightGrayBoxContent {
    background-color: #f4f4f4;
    border: 1px solid #cccccc;
    color: #656565;
    font-size: 13px;
    font-weight: 400;
    z-index: 999;
}

.blackBoxSolidBorder {
    background-color: #221f20;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    padding: 8px;
    z-index: 999;
}

.blackBox {
    background-color: #000000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
}

.blackBoxLarge {
    background-color: #101011;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    padding: 8px;
    z-index: 999;
    box-shadow: 2px 2px 2px #000; /* CSS3 */
    -moz-box-shadow: 2px 2px 2px #000; /* Firefox */
    -webkit-box-shadow: 2px 2px 2px #000; /* Safari, Chrome */
}

.whiteBox {
    height: 100%;
    overflow: auto;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#F0F0F0));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #F5F5F5, #F0F0F0);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #F5F5F5, #F0F0F0);
    /* IE 10 */
    background: -ms-linear-gradient(top, #F5F5F5, #F0F0F0);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #F5F5F5, #F0F0F0);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#F5F5F5, endColorstr=#F0F0F0); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#F5F5F5, endColorstr=#F0F0F0)"; /* IE8 */
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #e6e6e6;
    z-index: 999;
    font-size: 13px;
}


.yellowBox {
    height: 100%;
    overflow: auto;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fce823), to(#fbb937));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #fce823, #fbb937);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #fce823, #fbb937);
    /* IE 10 */
    background: -ms-linear-gradient(top, #fce823, #fbb937);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #fce823, #fbb937);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fce823, endColorstr=#fbb937); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#fce823, endColorstr=#fbb937)"; /* IE8 */
    color: #333333;
    padding: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #cccccc;
    z-index: 9999;
}

.greenBox {
    height: 100%;
    overflow: auto;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8bd22f), to(#7bca42));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #8bd22f, #7bca42);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #8bd22f, #7bca42);
    /* IE 10 */
    background: -ms-linear-gradient(top, #8bd22f, #7bca42);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #8bd22f, #7bca42);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8bd22f, endColorstr=#7bca42); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#8bd22f, endColorstr=#7bca42)"; /* IE8 */
    color: #000000;
    padding: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #cccccc;
    z-index: 9999;
}

.whiteDrop {
    background-color: #ffffff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #aaaaaa;
    z-index: 999;
    box-shadow: 2px 2px 2px #000; /* CSS3 */
    -moz-box-shadow: 2px 2px 2px #000; /* Firefox */
    -webkit-box-shadow: 2px 2px 2px #000; /* Safari, Chrome */
}

.gray31Box {
    background-color: #f4f4f4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #d4d4d4;
    padding: 4px;
}

.grayBoxShadow {
    background-color: #f4f4f4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #000;
    padding: 4px;
    z-index: 99999;
    box-shadow: 2px 2px 2px #000; /* CSS3 */
    -moz-box-shadow: 2px 2px 2px #000; /* Firefox */
    -webkit-box-shadow: 2px 2px 2px #000; /* Safari, Chrome */
}

.loginDropTop {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#656565), to(#1c1b1c));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #656565, #1c1b1c);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #656565, #1c1b1c);
    /* IE 10 */
    background: -ms-linear-gradient(top, #656565, #1c1b1c);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #656565, #1c1b1c);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#656565, endColorstr=#1c1b1c); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#656565, endColorstr=#1c1b1c)"; /* IE8 */
    color: #ffffff;
    border-radius: 0px 0px 24px 24px;
    -moz-border-radius: 0px 0px 24px 24px;
    -webkit-border-radius: 0px 0px 24px 24px;
    z-index: 9999;
    box-shadow: 6px 6px 3px #c1c1c1;
    -moz-box-shadow: 6px 6px 3px #c1c1c1;
    box-shadow: 6px 6px 3px #c1c1c1;
}

.loginDropTopNoShadow {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#656565), to(#1c1b1c));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #656565, #1c1b1c);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #656565, #1c1b1c);
    /* IE 10 */
    background: -ms-linear-gradient(top, #656565, #1c1b1c);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #656565, #1c1b1c);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#656565, endColorstr=#1c1b1c); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#656565, endColorstr=#1c1b1c)"; /* IE8 */
    color: #ffffff;
    border: 1px solid silver;
    border-radius: 0px 0px 24px 24px;
    -moz-border-radius: 0px 0px 24px 24px;
    -webkit-border-radius: 0px 0px 24px 24px;
    z-index: 9999;
}

.loginBackTop {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#646464), to(#434343));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #646464, #434343);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #646464, #434343);
    /* IE 10 */
    background: -ms-linear-gradient(top, #646464, #434343);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #646464, #434343);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#646464, endColorstr=#434343); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#646464, endColorstr=#434343)"; /* IE8 */
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    z-index: 0;
}

.loginBackBlankTop {
    background: transparent;
}

.loginDrop {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1c1b1c), to(#656565));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #1c1b1c, #656565);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #1c1b1c, #656565);
    /* IE 10 */
    background: -ms-linear-gradient(top, #1c1b1c, #656565);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #1c1b1c, #656565);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1c1b1c, endColorstr=#656565); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1c1b1c, endColorstr=#656565)"; /* IE8 */
    color: #ffffff;
    border-radius: 24px 24px 0px 0px;
    -moz-border-radius: 24px 24px 0px 0px;
    -webkit-border-radius: 24px 24px 0px 0px;
    z-index: 9999;
}

.loginBack {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#646464), to(#434343));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #646464, #434343);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #646464, #434343);
    /* IE 10 */
    background: -ms-linear-gradient(top, #646464, #434343);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #646464, #434343);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#646464, endColorstr=#434343); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#646464, endColorstr=#434343)"; /* IE8 */
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    z-index: 0;
}

.loginBackBlank {
    background: transparent;
}

.darkGrayBox {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5a5a5a), to(#252525));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #5a5a5a, #252525);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #5a5a5a, #252525);
    /* IE 10 */
    background: -ms-linear-gradient(top, #5a5a5a, #252525);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #5a5a5a, #252525);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#5a5a5a, endColorstr=#252525); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#5a5a5a, endColorstr=#252525)"; /* IE8 */
    padding: 8px;
    color: #ffffff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 2px solid #cccccc;
    z-index: 999;
}

.displayNumber {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5a5a5a), to(#252525));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #5a5a5a, #252525);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #5a5a5a, #252525);
    /* IE 10 */
    background: -ms-linear-gradient(top, #5a5a5a, #252525);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #5a5a5a, #252525);
    background-color: #5a5a5a;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    color: #ffffff;
    border: 2px solid #cccccc;
    z-index: 9999;
    -webkit-background-clip: padding-box;
}

.hrLightToDark {
    height: 100%;
    overflow: auto;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#ffffff), to(#333333));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(left, #ffffff, #333333);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(left, #ffffff, #333333);
    /* IE 10 */
    background: -ms-linear-gradient(left, #ffffff, #333333);
    /* Opera 11.10+ */
    background: -o-linear-gradient(left, #ffffff, #333333);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#333333); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#333333)"; /* IE8 */
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #c1c1c1;
    z-index: 999;
    box-shadow: 0px 0px 2px #999; /* CSS3 */
    -moz-box-shadow: 0px 0px 2px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 2px #999; /* Safari, Chrome */
}

.burnBox {
    height: 100%;
    overflow: auto;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#1c1c1c), to(#656565));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(left, #1c1c1c, #656565);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(left, #1c1c1c, #656565);
    /* IE 10 */
    background: -ms-linear-gradient(left, #1c1c1c, #656565);
    /* Opera 11.10+ */
    background: -o-linear-gradient(left, #1c1c1c, #656565);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1c1c1c, endColorstr=#656565); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1c1c1c, endColorstr=#656565)"; /* IE8 */
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    border: 1px solid #e6e6e6;
    z-index: 999;
    font-weight: 400;
}

.signUpMember {
    background-color: #ffffff;
    padding: 4px;
    color: Black;
    font-size: 18px;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.signUpGuest {
    background-color: #f6f6f6;
    padding: 4px;
    color: Black;
    font-size: 18px;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.signUpHeaderMemberOn {
    border-left: 1px solid #e1e1e1;
    background-color: #ffffff;
    padding: 4px;
    color: Black;
    font-size: 20px;
    padding-left: 22px;
}

.signUpHeaderGuestOn {
    border-right: 1px solid #e1e1e1;
    background-color: #ffffff;
    padding: 4px;
    color: Black;
    font-size: 20px;
    padding-left: 22px;
}

.signUpHeaderGuestOff {
    border-right: 1px solid #e1e1e1;
    background-color: #333333;
    padding: 4px;
    color: #f1f1f1;
    font-size: 20px;
    padding-left: 22px;
}

.signUpHeaderMemberOff {
    border-left: 1px solid #e1e1e1;
    background-color: #333333;
    padding: 4px;
    color: #f1f1f1;
    font-size: 20px;
    padding-left: 22px;
}


.pinkBar {
    height: 100%;
    overflow: auto;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c0282b), to(#ea2578));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #c0282b, #ea2578);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #c0282b, #ea2578);
    /* IE 10 */
    background: -ms-linear-gradient(top, #c0282b, #ea2578);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #c0282b, #ea2578);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c0282b, endColorstr=#ea2578); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#c0282b, endColorstr=#ea2578)"; /* IE8 */
    border-bottom: 3px solid #52a3d9;
    border-top: 1px solid #4b4c4c;
    z-index: 999;
}

.hrBlackWhiteBlack {
    height: 100%;
    overflow: auto;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#ffffff), to(#ffffff));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e2e2e2), color-stop(50%,#ffffff), color-stop(100%,#e2e2e2));
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(linear, left top, right top, color-stop(0%,#e2e2e2), color-stop(50%,#ffffff), color-stop(100%,#e2e2e2));
    /* IE 10 */
    background: -ms-linear-gradient(linear, left top, right top, color-stop(0%,#e2e2e2), color-stop(50%,#ffffff), color-stop(100%,#e2e2e2));
    /* Opera 11.10+ */
    background: -o-linear-gradient(linear, left top, right top, color-stop(0%,#e2e2e2), color-stop(50%,#ffffff), color-stop(100%,#e2e2e2));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e2e2e2, endColorstr=#ffffff); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e2e2e2, endColorstr=#ffffff)"; /* IE8 */
    z-index: 999;
}

.launchPopup {
    overflow: auto;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1d1d1d), to(#4c4c4c));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #1d1d1d, #4c4c4c);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #1d1d1d, #4c4c4c);
    /* IE 10 */
    background: -ms-linear-gradient(top, #1d1d1d, #4c4c4c);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #1d1d1d, #4c4c4c);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1d1d1d, endColorstr=#4c4c4c); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1d1d1d, endColorstr=#4c4c4c)"; /* IE8 */
    padding: 8px;
    color: #ffffff;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    border: 2px solid #3e3e3e;
    z-index: 9999;
}

.launchPopupInner {
    overflow: auto;
    background-color: White;
    padding: 8px;
    color: #ffffff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    z-index: 9999;
}

.SliderRail {
    position: relative;
    height: 36px;
    width: 600px;
    background-color: green;
}

.SliderHandle {
    position: absolute;
    height: 36px;
    width: 22px;
}

.launchWaitlistHeader {
    height: 50px;
    width: 500px;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#000000), to(#e71b23));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(left, #000000, #e71b23);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(left, #000000, #e71b23);
    /* IE 10 */
    background: -ms-linear-gradient(left, #000000, #e71b23);
    /* Opera 11.10+ */
    background: -o-linear-gradient(left, #000000, #e71b23);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#000000, endColorstr=#e71b23); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#000000, endColorstr=#e71b23)"; /* IE8 */
}

.graySquare {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c5c5c), to(#353535));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #5c5c5c, #353535);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #5c5c5c, #353535);
    /* IE 10 */
    background: -ms-linear-gradient(top, #5c5c5c, #353535);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #5c5c5c, #353535);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#5c5c5c, endColorstr=#353535); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#5c5c5c, endColorstr=#353535)"; /* IE8 */
}

.darkGraySquare {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#575757), to(#252525));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #575757, #252525);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #575757, #252525);
    /* IE 10 */
    background: -ms-linear-gradient(top, #575757, #252525);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #575757, #252525);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#575757, endColorstr=#252525); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#575757, endColorstr=#252525)"; /* IE8 */
}

.waitlistPopup {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#656565), to(#1c1b1c));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #656565, #1c1b1c);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #656565, #1c1b1c);
    /* IE 10 */
    background: -ms-linear-gradient(top, #656565, #1c1b1c);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #656565, #1c1b1c);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#656565, endColorstr=#1c1b1c); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#656565, endColorstr=#1c1b1c)"; /* IE8 */
    color: #ffffff;
    z-index: 99999;
    padding: 0px;
    width: 350px;
    padding-bottom: 4px;
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    box-shadow: 6px 6px 3px #c1c1c1;
    -moz-box-shadow: 6px 6px 3px #c1c1c1;
    box-shadow: 6px 6px 3px #c1c1c1;
}

.launchAlert {
    z-index: 99999;
    width: 900px;
    font-weight: 400;
    font-size: 30px;
    background-color: white;
    box-shadow: 6px 6px 3px #c1c1c1;
    -moz-box-shadow: 6px 6px 3px #c1c1c1;
    box-shadow: 6px 6px 3px #c1c1c1;
}

.silverBar {
    background-image: url(/images/silverbar.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 19px;
}

.grayBar {
    background-color: #cccccc;
    color: #ffffff;
    font-weight: 400;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

.previewGrayBox {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#cccccc));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #e6e6e6, #cccccc);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #e6e6e6, #cccccc);
    /* IE 10 */
    background: -ms-linear-gradient(top, #e6e6e6, #cccccc);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #e6e6e6, #cccccc);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e6e6e6, endColorstr=#cccccc); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e6e6e6, endColorstr=#cccccc)"; /* IE8 */
    border-radius: 4px;
    border: 1px solid #b3b3b3;
}

.graySquare {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfdfdf), to(#dcdcdc));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #dfdfdf, #dcdcdc);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #dfdfdf, #dcdcdc);
    /* IE 10 */
    background: -ms-linear-gradient(top, #dfdfdf, #dcdcdc);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #dfdfdf, #dcdcdc);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#dfdfdf, endColorstr=#dcdcdc); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#dfdfdf, endColorstr=#dcdcdc)"; /* IE8 */
    border: 1px solid #b3b3b3;
    padding: 0px;
}

.grayPopUp {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#cdcccc));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #e7e7e7, #cdcccc);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #e7e7e7, #cdcccc);
    /* IE 10 */
    background: -ms-linear-gradient(top, #e7e7e7, #cdcccc);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #e7e7e7, #cdcccc);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e7e7e7, endColorstr=#cdcccc); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e7e7e7, endColorstr=#cdcccc)"; /* IE8 */
    color: #ffffff;
    z-index: 99999;
    padding: 0px;
    border: 1px solid #99999a;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    box-shadow: 2px 2px 2px #333333;
    -moz-box-shadow: 2px 2px 2px #333333;
    box-shadow: 2px 2px 2px #333333;
}

.grayBottomBox {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#cdcccc));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #e7e7e7, #cdcccc);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #e7e7e7, #cdcccc);
    /* IE 10 */
    background: -ms-linear-gradient(top, #e7e7e7, #cdcccc);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #e7e7e7, #cdcccc);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e7e7e7, endColorstr=#cdcccc); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e7e7e7, endColorstr=#cdcccc)"; /* IE8 */
    color: #ffffff;
    z-index: 99999;
    padding: 4px;
    border-top: 1px solid #99999a;
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
}

.lightGrayBottomBox {
    background-color: #f4f4f4;
    -moz-box-shadow: 2px 2px 0px 0px #ccc;
    -webkit-box-shadow: 2px 2px 0px 0px #ccc;
    box-shadow: 2px 2px 0px 0px #ccc;
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
}

.rightShadow {
    -moz-box-shadow: 2px 0px 0px 0px #ccc;
    -webkit-box-shadow: 2px 0px 0px 0px #ccc;
    box-shadow: 2px 0px 0px 0px #ccc;
}

.bottomShadow {
    background-color: black;
    -moz-box-shadow: 2px 2px 0px 0px #ccc;
    -webkit-box-shadow: 2px 2px 0px 0px #ccc;
    box-shadow: 2px 2px 0px 0px #ccc;
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
}

.darkBar {
    background-color: #050607;
    padding: 2px;
    color: #ffffff;
    font-weight: 400;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

.lastCheckInBox {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#d1d1d2));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #e7e7e7, #d1d1d2);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #e7e7e7, #d1d1d2);
    /* IE 10 */
    background: -ms-linear-gradient(top, #e7e7e7, #d1d1d2);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #e7e7e7, #d1d1d2);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e7e7e7, endColorstr=#d1d1d2); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e7e7e7, endColorstr=#d1d1d2)"; /* IE8 */
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}

.lastCheckInBoxBottom {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c9c9c9), to(#e5e6e6));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #c9c9c9, #e5e6e6);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #c9c9c9, #e5e6e6);
    /* IE 10 */
    background: -ms-linear-gradient(top, #c9c9c9, #e5e6e6);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #c9c9c9, #e5e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c9c9c9, endColorstr=#e5e6e6); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#c9c9c9, endColorstr=#e5e6e6)"; /* IE8 */
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #cacbcb;
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
}

.lastCheckInBoxBottomBlack {
    background-color: black;
    border-top: 1px solid #4c4c4c;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
}

.listArrowBack {
    height: 100%;
    width: 20px;
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#e6e6e6), to(#efefef));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(left, #e6e6e6, #efefef);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(left, #e6e6e6, #efefef);
    /* IE 10 */
    background: -ms-linear-gradient(left, #e6e6e6, #efefef);
    /* Opera 11.10+ */
    background: -o-linear-gradient(left, #e6e6e6, #efefef);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e6e6e6, endColorstr=#efefef); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e6e6e6, endColorstr=#efefef)"; /* IE8 */
    border: 1px solid #cccccc;
}

.progressSmall {
    position: relative;
    width: 130px;
    background-color: #FCFCFC;
    overflow: auto;
    color: black;
    font-size: 12px;
    font-weight: 400;
    border-radius: 3px;
    -moz-box-shadow: 2px 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px 2px #888;
    box-shadow: 2px 2px 2px 2px #888;
    z-index: 99999;
    padding: 4px;
}

.messagesBack {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5d5d5d), to(#242424));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #5d5d5d, #242424);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #5d5d5d, #242424);
    /* IE 10 */
    background: -ms-linear-gradient(top, #5d5d5d, #242424);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #5d5d5d, #242424);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#5d5d5d, endColorstr=#242424); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#5d5d5d, endColorstr=#242424)"; /* IE8 */
    width: 400px;
    z-index: 99999;
}

.messagesFooter {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#606060), to(#363737));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #606060, #363737);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #606060, #363737);
    /* IE 10 */
    background: -ms-linear-gradient(top, #606060, #363737);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #606060, #363737);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#606060, endColorstr=#363737); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#606060, endColorstr=#363737)"; /* IE8 */
    width: 400px;
    color: White;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
}

.dropDownSelectedTab {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#606060), to(#363737));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #606060, #363737);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #606060, #363737);
    /* IE 10 */
    background: -ms-linear-gradient(top, #606060, #363737);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #606060, #363737);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#606060, endColorstr=#363737); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#606060, endColorstr=#363737)"; /* IE8 */
    color: White;
}

.messagesHeader {
    background-color: black;
    width: 400px;
    color: White;
}

.blueAlert {
    background-color: #28aade;
    padding: 2px;
    padding-left: 8px;
    padding-right: 8px;
    color: black;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
}

.redAlert {
    background-color: #ea2128;
    padding: 2px;
    padding-left: 8px;
    padding-right: 8px;
    color: black;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
}

.statsBox {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#b3b3b3));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #e7e7e7, #b3b3b3);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #e7e7e7, #b3b3b3);
    /* IE 10 */
    background: -ms-linear-gradient(top, #e7e7e7, #b3b3b3);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #e7e7e7, #b3b3b3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e7e7e7, endColorstr=#b3b3b3); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e7e7e7, endColorstr=#b3b3b3)"; /* IE8 */
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

.grayTab {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#cecdcd));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #e7e7e7, #cecdcd);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #e7e7e7, #cecdcd);
    /* IE 10 */
    background: -ms-linear-gradient(top, #e7e7e7, #cecdcd);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #e7e7e7, #cecdcd);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e7e7e7, endColorstr=#cecdcd); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e7e7e7, endColorstr=#cecdcd)"; /* IE8 */
    width: 50px;
    height: 20px;
    font-size: 13px;
    padding-left: 22px;
    padding-top: 6px;
    color: #313232;
    border: 1px solid #b2b2b2;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

.grayTabLeft {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#cecdcd));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #e7e7e7, #cecdcd);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #e7e7e7, #cecdcd);
    /* IE 10 */
    background: -ms-linear-gradient(top, #e7e7e7, #cecdcd);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #e7e7e7, #cecdcd);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e7e7e7, endColorstr=#cecdcd); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e7e7e7, endColorstr=#cecdcd)"; /* IE8 */
    width: 66px;
    height: 20px;
    font-size: 13px;
    padding-left: 18px;
    padding-top: 6px;
    color: #313232;
    border: 1px solid #b2b2b2;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

.blackTab {
    width: 66px;
    height: 22px;
    padding-left: 15px;
    padding-top: 6px;
    background-color: #313232;
    font-size: 13px;
    color: White;
    border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
}

.blackTabRight {
    width: 50px;
    height: 22px;
    padding-left: 20px;
    padding-top: 6px;
    background-color: #313232;
    font-size: 13px;
    color: White;
    border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
}

.appUserSettings {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9e9e9), to(#b5b5b5));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #e9e9e9, #b5b5b5);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #e9e9e9, #b5b5b5);
    /* IE 10 */
    background: -ms-linear-gradient(top, #e9e9e9, #b5b5b5);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #e9e9e9, #b5b5b5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e9e9e9, endColorstr=#b5b5b5); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e9e9e9, endColorstr=#b5b5b5)"; /* IE8 */
    z-index: 99999;
    border: 1px solid #797979;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    box-shadow: 6px 6px 3px #c1c1c1;
    -moz-box-shadow: 6px 6px 3px #c1c1c1;
    box-shadow: 6px 6px 3px #c1c1c1;
}

    .appUserSettings:after, .appUserSettings:before {
        left: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        z-index: 999;
    }

    .appUserSettings:after {
        border: 11px solid;
        border-left-color: #88b7d5;
        border-color: transparent transparent transparent #dcdcdc;
        z-index: 999;
        top: 106px;
        margin-top: -30px;
        z-index: 999;
    }

    .appUserSettings:before {
        border: 13px solid;
        border-left-color: #c2e1f5;
        border-color: transparent transparent transparent #797979;
        z-index: 999;
        top: 110px;
        margin-top: -36px;
        z-index: 999;
    }

.appUserSettings-right {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9e9e9), to(#b5b5b5));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #e9e9e9, #b5b5b5);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #e9e9e9, #b5b5b5);
    /* IE 10 */
    background: -ms-linear-gradient(top, #e9e9e9, #b5b5b5);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #e9e9e9, #b5b5b5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e9e9e9, endColorstr=#b5b5b5); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e9e9e9, endColorstr=#b5b5b5)"; /* IE8 */
    z-index: 99999;
    border: 1px solid #797979;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    box-shadow: 6px 6px 3px #c1c1c1;
    -moz-box-shadow: 6px 6px 3px #c1c1c1;
    box-shadow: 6px 6px 3px #c1c1c1;
}

    .appUserSettings-right:after, .appUserSettings-right:before {
        right: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        z-index: 999;
    }

    .appUserSettings-right:after {
        border-color: transparent #e5e5e5 transparent transparent;
        border-width: 8px;
        top: 8%;
        margin-top: -10px;
        z-index: 999;
    }

    .appUserSettings-right:before {
        border-color: transparent #797979 transparent transparent;
        border-width: 10px;
        top: 8%;
        margin-top: -12px;
        z-index: 999;
    }

.checkInCount {
    background-image: url(/images/checkin_count_circle.png);
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
    padding-top: 4px;
    text-align: center;
    vertical-align: middle;
    color: White;
}

.messageCount {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #f2f2f2;
    width: 16px;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    color: White;
    font-size: 13px;
}

.lastCheckInInfo {
    background-image: url(/images/stats_back.png);
    background-repeat: repeat-x;
    height: 66px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 4px;
    color: #cacbcb;
    font-size: 13px;
    font-family: Arial;
}

.motionPopUpOuter {
    width: 360px;
    padding: 4px;
    background-color: #29abe2;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    box-shadow: 2px 2px 1px #29abe2;
    -moz-box-shadow: 2px 2px 1px #29abe2;
    box-shadow: 2px 2px 1px #29abe2;
    z-index: 999;
}

.motionPopUp {
    height: 100%;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e8e8e8), to(#f1f1f1));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #e8e8e8, #f1f1f1);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #e8e8e8, #f1f1f1);
    /* IE 10 */
    background: -ms-linear-gradient(top, #e8e8e8, #f1f1f1);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #e8e8e8, #f1f1f1);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e8e8e8, endColorstr=#f1f1f1); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e8e8e8, endColorstr=#f1f1f1)"; /* IE8 */
    z-index: 9999;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    cursor: default;
}

.motionTop {
    border-bottom: 1px solid #c1c1c1;
    background-color: #f1f1f1;
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}

.socialMediaBack {
    background-color: #999999;
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
}

.socialMediaSettingsBack {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#b3b3b3));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #e6e6e6, #b3b3b3);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #e6e6e6, #b3b3b3);
    /* IE 10 */
    background: -ms-linear-gradient(top, #e6e6e6, #b3b3b3);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #e6e6e6, #b3b3b3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e6e6e6, endColorstr=#b3b3b3); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e6e6e6, endColorstr=#b3b3b3)"; /* IE8 */
    z-index: 99999;
    border: 1px solid #808080;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    box-shadow: 2px 2px 1px #c1c1c1;
    -moz-box-shadow: 2px 2px 1px #c1c1c1;
    box-shadow: 2px 2px 1px #c1c1c1;
}

.whitePopout {
    background-color: White;
    z-index: 99999;
    border: 1px solid #808080;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    box-shadow: 2px 2px 1px #c1c1c1;
    -moz-box-shadow: 2px 2px 1px #c1c1c1;
    box-shadow: 2px 2px 1px #c1c1c1;
}

.profileMenuBack {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#cacbcb));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #f3f3f3, #cacbcb);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #f3f3f3, #cacbcb);
    /* IE 10 */
    background: -ms-linear-gradient(top, #f3f3f3, #cacbcb);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #f3f3f3, #cacbcb);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f3f3f3, endColorstr=#cacbcb); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f3f3f3, endColorstr=#cacbcb)"; /* IE8 */
    border: 1px solid #cacbcb;
    color: #333333;
    padding: 4px;
    padding-left: 10px;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    cursor: pointer;
}

.profileMenuBackSelected {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#f7f7f7));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #f3f3f3, #f7f7f7);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #f3f3f3, #f7f7f7);
    /* IE 10 */
    background: -ms-linear-gradient(top, #f3f3f3, #f7f7f7);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #f3f3f3, #f7f7f7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f3f3f3, endColorstr=#f7f7f7); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f3f3f3, endColorstr=#f7f7f7)"; /* IE8 */
    border: 1px solid #cacbcb;
    color: #0d70b5;
    padding: 4px;
    padding-left: 10px;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
}

.profileMenuBackMember {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#cacbcb));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #f3f3f3, #cacbcb);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #f3f3f3, #cacbcb);
    /* IE 10 */
    background: -ms-linear-gradient(top, #f3f3f3, #cacbcb);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #f3f3f3, #cacbcb);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f3f3f3, endColorstr=#cacbcb); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f3f3f3, endColorstr=#cacbcb)"; /* IE8 */
    border: 1px solid #333333;
    color: Black;
    padding: 4px;
    padding-left: 10px;
    font-size: 13px;
    font-weight: 400;
    height: 100px;
    cursor: pointer;
}

.profileMenuBackSelectedMember {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#28aade), to(#28aade));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #28aade, #28aade);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #28aade, #28aade);
    /* IE 10 */
    background: -ms-linear-gradient(top, #28aade, #28aade);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #28aade, #28aade);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#28aade, endColorstr=#28aade); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#28aade, endColorstr=#28aade)"; /* IE8 */
    border: 1px solid #cacbcb;
    color: #0d70b5;
    padding: 4px;
    padding-left: 10px;
    font-size: 13px;
    height: 100px;
    font-weight: 400;
}

.silverDivider {
    width: 90px;
    height: 3px;
    background-color: #F0F0F0;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
}

.picutreBorder {
    background-color: white;
    padding: 4px;
    padding-bottom: 2px;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
}

.menuDropOuter {
    border-bottom: 6px solid #2aaade;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

.menuBack {
    background-color: #F2F2F2;
    color: Black;
    font-weight: 400;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 999999;
}

    .menuBack:hover {
        background-color: #2aaade;
        color: White;
        font-size: 14px;
        cursor: pointer;
    }

.menuBackDark {
    background-color: #282828;
    color: #cacbcb;
    font-size: 14px;
    font-weight: 400;
}

    .menuBackDark:hover {
        background-color: #3D3D3D;
        color: White;
        font-size: 14px;
        font-weight: 400;
        cursor: pointer;
    }

.menuBackDarkSelected {
    background-color: #3D3D3D;
    color: White;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.menuBackBlue {
    background-color: #29ABE2;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}

    .menuBackBlue:hover {
        background-color: #54BCE8;
        color: White;
        font-size: 14px;
        font-weight: 400;
        cursor: pointer;
    }

.menuBackBlueSelected {
    background-color: #54BCE8;
    color: White;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}


.menuBackGroupFitness {
    background-color: #31AAD4;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}

    .menuBackGroupFitness:hover {
        background-color: #31AAD4;
        color: White;
        font-size: 14px;
        font-weight: 400;
        cursor: pointer;
    }

.menuBackGroupFitnessSelected {
    background-color: #31AAD4;
    color: White;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.menuBackPrograms {
    background-color: #5F2B91;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}

    .menuBackPrograms:hover {
        background-color: #5F2B91;
        color: White;
        font-size: 14px;
        font-weight: 400;
        cursor: pointer;
    }

.menuBackProgramsSelected {
    background-color: #5F2B91;
    color: White;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.menuBackPersonalTraining {
    background-color: #DA163F;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}

    .menuBackPersonalTraining:hover {
        background-color: #DA163F;
        color: White;
        font-size: 14px;
        font-weight: 400;
        cursor: pointer;
    }

.menuBackPersonalTrainingSelected {
    background-color: #DA163F;
    color: White;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.menuBackRacquetSports {
    background-color: #D21B5B;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}

    .menuBackRacquetSports:hover {
        background-color: #D21B5B;
        color: White;
        font-size: 14px;
        font-weight: 400;
        cursor: pointer;
    }

.menuBackRacquetSportsSelected {
    background-color: #D21B5B;
    color: White;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.menuBackAquatics {
    background-color: #36CCC6;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}

    .menuBackAquatics:hover {
        background-color: #36CCC6;
        color: White;
        font-size: 14px;
        font-weight: 400;
        cursor: pointer;
    }

.menuBackAquaticsSelected {
    background-color: #36CCC6;
    color: White;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.menuBackTennis {
    background-color: #D21B5B;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}

    .menuBackTennis:hover {
        background-color: #D21B5B;
        color: White;
        font-size: 14px;
        font-weight: 400;
        cursor: pointer;
    }

.menuBackTennisSelected {
    background-color: #D21B5B;
    color: White;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.notificationsHeader {
    background-image: url(/images/notifications_header.png);
    background-repeat: repeat-x;
    height: 37px;
    width: 100%;
    color: White;
    font-size: 15px;
    font-weight: 400;
    font-family: Arial;
}

.friendsBackground {
    background-image: url(/images/add_friends_nonfriend.png);
    background-repeat: no-repeat;
    height: 190px;
    padding-left: 110px;
    padding-top: 13px;
}

.facebookPopup {
}

.facebookPopup {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#34528d), to(#34528d));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #34528d, #34528d);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #34528d, #34528d);
    /* IE 10 */
    background: -ms-linear-gradient(top, #34528d, #34528d);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #34528d, #34528d);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#34528d, endColorstr=#34528d); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#34528d, endColorstr=#34528d)"; /* IE8 */
    color: #ffffff;
    z-index: 99999;
    padding: 0px;
    width: 500px;
    padding-bottom: 4px;
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    box-shadow: 6px 6px 3px #c1c1c1;
    -moz-box-shadow: 6px 6px 3px #c1c1c1;
    box-shadow: 6px 6px 3px #c1c1c1;
}

.facebookPopupHeader {
    height: 50px;
    width: 500px;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#758bba), to(#33528d));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(left, #758bba, #33528d);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(left, #758bba, #33528d);
    /* IE 10 */
    background: -ms-linear-gradient(left, #758bba, #33528d);
    /* Opera 11.10+ */
    background: -o-linear-gradient(left, #758bba, #33528d);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#000000, endColorstr=#33528d); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#000000, endColorstr=#33528d)"; /* IE8 */
}

.schedulePopUpOuter {
    min-width: 280px;
    padding: 2px;
    background-color: #2aabe1;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    box-shadow: 2px 2px 1px #29abe2;
    -moz-box-shadow: 2px 2px 1px #29abe2;
    box-shadow: 2px 2px 1px #29abe2;
    z-index: 99999;
}

.redBoxSolid {
    background-color: #c0272c;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: White;
}

.darkRedBoxSolid {
    background-color: #E02125;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: White;
}

.purpleBoxSolid {
    background-color: #7F4DDA;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: White;
}

.orangeBoxSolid {
    background-color: orange;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: White;
}

.divRoundCornersPlain {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.divRoundCornersBlue {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #29abe2;
}

.pinkBoxSolid {
    background-color: #d31d59;
    border: 2px solid #cccccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 4px;
    z-index: 999;
}

.dropdown {
    overflow: hidden;
    background: url(/images/nav_arrow_down.png) no-repeat right transparent;
}

    .dropdown select {
        cursor: pointer;
        background: transparent;
        padding: 5px;
        font-size: 14px;
        line-height: 1;
        border: 0;
        border-radius: 0;
        height: 34px;
        -webkit-appearance: none;
        border: none;
    }

    .dropdown option {
        background-color: #656565;
        color: white;
    }

.styled-select select {
    border: 1px solid #c3c2c2;
    background-color: #ffffff;
    height: 32px;
    vertical-align: middle;
    color: #000;
    font-weight: 400;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    padding: 6px;
}

.styled-select-large select {
    border: 1px solid #c3c2c2;
    background-color: #ffffff;
    height: 40px;
    vertical-align: middle;
    color: #000;
    font-weight: 400;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    padding: 6px;
}

.styled-select-dark select {
    border: 1px solid #1A1A1A;
    background-color: #333333;
    height: 32px;
    vertical-align: middle;
    color: #CCCCCC;
    font-weight: 400;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    padding: 6px;
}

.styled-select-darkgray select {
    border: 1px solid #F2F2F2;
    background-color: #cfcecd;
    height: 32px;
    vertical-align: middle;
    color: #4D4D4D;
    font-weight: 400;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    padding: 6px;
}

.styled-select-gray select {
    border: 1px solid #E6E6E6;
    background-color: #F2F2F2;
    height: 32px;
    vertical-align: middle;
    color: #4D4D4D;
    font-weight: 400;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    padding: 6px;
}

.darkGrayShadow {
    background-color: #000000;
    box-shadow: 1px 1px 1px #383838;
    -moz-box-shadow: 1px 1px 1px #383838;
    box-shadow: 1px 1px 1px #383838;
}

.darkPopup {
    background-color: #000000;
    opacity: .9;
    z-index: 99999;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    width: 100%;
    color: White;
    padding: 10px;
    -moz-box-shadow: 6px 6px 3px #888;
    -webkit-box-shadow: 6px 6px 3px #888;
    box-shadow: 6px 6px 3px #888;
}

.blueHighlight {
    z-index: 1;
}

    .blueHighlight:hover {
        background-color: #BFEFFF;
        cursor: pointer;
    }

.grayHighlight {
    z-index: 1;
}

    .grayHighlight:hover {
        background-color: #F2F2F2;
        cursor: pointer;
    }

.widgetMenu {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#6D6D6D), to(#373737));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #6D6D6D, #373737);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #6D6D6D, #373737);
    /* IE 10 */
    background: -ms-linear-gradient(top, #6D6D6D, #373737);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #6D6D6D, #373737);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6D6D6D, endColorstr=#373737); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#6D6D6D, endColorstr=#373737)"; /* IE8 */
}

.widgetMenuItem {
    text-align: center;
    padding-top: 14px;
    cursor: pointer;
    border-bottom: 6px solid #3DC9F1;
    height: 100%;
    position: relative;
}

    .widgetMenuItem:hover {
        border-bottom: 10px solid #3DC9F1;
    }

.grayCircle {
    background-color: #333333;
    border-radius: 50%;
}

.greenCircle {
    background-color: #39B54A;
    border-radius: 50%;
}


.tabSelectedGray {
    position: relative;
    color: white;
    font-size: 13px;
    font-weight: 400;
    padding: 8px 15px;
    text-shadow: none;
}

    .tabSelectedGray:after {
        content: '';
        border-top: 12px solid #333333;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        position: absolute;
        left: 40%;
        margin-top: 8px;
        top: 80%;
        z-index: 999;
    }


.tabSelectedGrayBig {
    position: relative;
    color: white;
    font-size: 13px;
    font-weight: 400;
    padding: 8px 15px;
    text-shadow: none;
}

    .tabSelectedGrayBig:after {
        content: '';
        border-top: 18px solid #333333;
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        position: absolute;
        left: 40%;
        margin-top: 8px;
        top: 80%;
        z-index: 999;
    }

.blueGradientLinear {
    background: #00E8F4;
    background-image: linear-gradient(left bottom, #00E8F4, #0077BF);
    background-image: -o-linear-gradient(left bottom, #00E8F4, #0077BF);
    background-image: -moz-linear-gradient(left bottom, #00E8F4, #0077BF);
    background-image: -webkit-linear-gradient(left bottom, #00E8F4, #0077BF);
    background-image: -ms-linear-gradient(left bottom, #00E8F4, #0077BF);
}

.darkblueGradientLinear {
    background: #14A3A8;
    background-image: linear-gradient(left bottom, #14A3A8, #146D8F);
    background-image: -o-linear-gradient(left bottom, #14A3A8, #146D8F);
    background-image: -moz-linear-gradient(left bottom, #14A3A8, #146D8F);
    background-image: -webkit-linear-gradient(left bottom, #14A3A8, #146D8F);
    background-image: -ms-linear-gradient(left bottom, #14A3A8, #146D8F);
}

.greenGradientLinear {
    background-color: #a8e9ff;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#89AC58, endColorstr=#A6D060);
    background-image: -moz-linear-gradient(left, #89AC58 30%, #A6D060 40%,#89AC58 100%);
    background-image: linear-gradient(left, #89AC58 30%, #A6D060 40%,#89AC58 100%);
    background-image: -webkit-linear-gradient(left, #89AC58 30%, #A6D060 40%,#89AC58 100%);
    background-image: -o-linear-gradient(left, #89AC58 30%, #A6D060 40%,#89AC58 100%);
    background-image: -ms-linear-gradient(left, #89AC58 30%, #A6D060 40%,#89AC58 100%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(30%,#89AC58), color-stop(40%,#0A6D060),color-stop(100%,#89AC58));
}

.purpleGradientLinear {
    background: #353337;
    background-image: linear-gradient(left bottom, #353337, #652D90);
    background-image: -o-linear-gradient(left bottom, #353337, #652D90);
    background-image: -moz-linear-gradient(left bottom, #353337, #652D90);
    background-image: -webkit-linear-gradient(left bottom, #353337, #652D90);
    background-image: -ms-linear-gradient(left bottom, #353337, #652D90);
}

.orangeGradientLinear {
    background: #84312C;
    background-image: linear-gradient(left bottom, #84312C, #F4B21E);
    background-image: -o-linear-gradient(left bottom, #84312C, #F4B21E);
    background-image: -moz-linear-gradient(left bottom, #84312C, #F4B21E);
    background-image: -webkit-linear-gradient(left bottom, #84312C, #F4B21E);
    background-image: -ms-linear-gradient(left bottom, #84312C, #F4B21E);
}

.redGradientLinear {
    background: #43272D;
    background-image: linear-gradient(left bottom, #43272D, #BD272D);
    background-image: -o-linear-gradient(left bottom, #43272D, #BD272D);
    background-image: -moz-linear-gradient(left bottom, #43272D, #BD272D);
    background-image: -webkit-linear-gradient(left bottom, #43272D, #BD272D);
    background-image: -ms-linear-gradient(left bottom, #43272D, #BD272D);
}

.blueGradientLinear {
    background: #11555B;
    background-image: linear-gradient(left bottom, #11555B, #28A8DE);
    background-image: -o-linear-gradient(left bottom, #11555B, #28A8DE);
    background-image: -moz-linear-gradient(left bottom, #11555B, #28A8DE);
    background-image: -webkit-linear-gradient(left bottom, #11555B, #28A8DE);
    background-image: -ms-linear-gradient(left bottom, #11555B, #28A8DE);
}

.mobileMenuItem {
    background-color: #333333;
    color: #ffffff;
    position: relative;
    width: 90px;
    height: 24px;
    padding-top: 6px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border: 1px solid #666666;
}

.mobileMenuItemSelected {
    background-color: #232323;
    color: #1881be;
    position: relative;
    width: 90px;
    height: 24px;
    padding-top: 6px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #666666;
}

.mobileMenuItemLeft {
    background-color: #333333;
    color: #ffffff;
    position: relative;
    width: 90px;
    height: 24px;
    padding-top: 6px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border-left: 1px solid #666666;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-radius: 6px 0px 0px 6px;
    -moz-border-radius: 6px 0px 0px 6px;
    -webkit-border-radius: 6px 0px 0px 6px;
}

.mobileMenuItemLeftSelected {
    background-color: #232323;
    color: #1881be;
    position: relative;
    width: 90px;
    height: 24px;
    padding-top: 6px;
    vertical-align: middle;
    text-align: center;
    border-left: 1px solid #666666;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-radius: 6px 0px 0px 6px;
    -moz-border-radius: 6px 0px 0px 6px;
    -webkit-border-radius: 6px 0px 0px 6px;
}

.mobileMenuItemRight {
    background-color: #333333;
    color: #ffffff;
    position: relative;
    width: 90px;
    height: 24px;
    padding-top: 6px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #666666;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-radius: 0px 6px 6px 0px;
    -moz-border-radius: 0px 6px 6px 0px;
    -webkit-border-radius: 0px 6px 6px 0px;
}

.mobileMenuItemRightSelected {
    background-color: #232323;
    color: #1881be;
    position: relative;
    width: 90px;
    height: 24px;
    padding-top: 6px;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #666666;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-radius: 0px 6px 6px 0px;
    -moz-border-radius: 0px 6px 6px 0px;
    -webkit-border-radius: 0px 6px 6px 0px;
}

.fitBackground {
    background-image: url(/images/Portal/FR_PortalBackground.png);
    background-repeat: repeat;
    background-size: 100%;
    background-origin: content-box;
    position: relative;
}

.fitBackgroundMobile {
    background-image: url(/images/Portal/FR_PortalBackground_mobile.png);
    background-repeat: repeat;
    background-size: 100%;
    background-origin: content-box;
    position: relative;
}

.fitBackgroundLogin {
    background-image: url(/images/Portal/FR_PortalBackground_Login.png);
    background-repeat: repeat;
    background-size: 100%;
    background-origin: content-box;
    position: relative;
}

.fitBackgroundLoginMobile {
    background-image: url(/images/Portal/FR_PortalBackground_mobile_login.png);
    background-repeat: repeat;
    background-size: 100%;
    background-origin: content-box;
    position: relative;
}

.grayBoxBlueBorder {
    background-color: #4D4D4D;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #2BA6DB;
    padding: 6px;
}

.boxGreenBorder {
    background-color: transparent;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #8CC63F;
    color: #8CC63F;
    padding: 6px;
}

.boxGrayBorder {
    background-color: transparent;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #E1E1E1;
    padding: 6px;
}

.grayBoxGreenBorder {
    background-color: #4D4D4D;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #8CC63F;
    padding: 6px;
}

.grayBoxRedBorder {
    background-color: #4D4D4D;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #FF1D25;
    padding: 6px;
}

.blueGradient {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#208BC4), to(#0E4A84));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #208BC4, #0E4A84);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #208BC4, #0E4A84);
    /* IE 10 */
    background: -ms-linear-gradient(top, #208BC4, #0E4A84);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #208BC4, #0E4A84);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#208BC4, endColorstr=#0E4A84); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#208BC4, endColorstr=#0E4A84)"; /* IE8 */
}

.lightBlueGradient {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#00BDD4), to(#298EE2));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #00BDD4, #298EE2);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #00BDD4, #298EE2);
    /* IE 10 */
    background: -ms-linear-gradient(top, #00BDD4, #298EE2);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #00BDD4, #298EE2);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#00BDD4, endColorstr=#298EE2); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#00BDD4, endColorstr=#298EE2)"; /* IE8 */
}

.mediumBlueGradient {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#29AAE3), to(#0074B9));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #29AAE3, #0074B9);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #29AAE3, #0074B9);
    /* IE 10 */
    background: -ms-linear-gradient(top, #29AAE3, #0074B9);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #29AAE3, #0074B9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#29AAE3, endColorstr=#0074B9); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#29AAE3, endColorstr=#0074B9)"; /* IE8 */
}


.popupPortalTop {
    width: 310px;
    padding-top: 6px;
    background-color: #333333;
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    padding: 0px;
}


.popupPortalBottom {
    width: 310px;
    background-color: #FFFFFF;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    padding: 0px;
}

.grayBack {
    background-color: #333333;
}

.blueBack {
    background-color: #1073B9;
}

.greenBack {
    background-color: #1F7246;
}

.greenArrowDownRight {
    width: 0px;
    height: 0px;
    border-top: 20px solid #39B44A;
    border-right: 20px solid transparent;
}

.pinkArrowDownRight {
    width: 0px;
    height: 0px;
    border-top: 20px solid #ED1E79;
    border-right: 20px solid transparent;
}

#nav_arrow {
    position: relative;
    width: 0;
    height: 0;
    border-bottom: 12px solid white;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    transition: margin 0.2s;
    -moz-transition: margin 0.2s;
    /* Firefox 4 */
    -webkit-transition: margin 0.2s;
    /* Safari and Chrome */
    -o-transition: margin 0.2s;
    /* Opera */
}

#nav_arrow1 {
    position: relative;
    width: 0;
    height: 0;
    border-bottom: 12px solid white;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    transition: margin 0.2s;
    -moz-transition: margin 0.2s;
    /* Firefox 4 */
    -webkit-transition: margin 0.2s;
    /* Safari and Chrome */
    -o-transition: margin 0.2s;
    /* Opera */
}

.intensityLevel {
    font-size: 24px;
    color: #383838;
    font-family: "proxima-nova-alt";
    font-weight: 400;
    width: 60px;
    text-align: center;
}

    .intensityLevel:hover {
        font-size: 24px;
        color: #D4145A;
        font-family: "proxima-nova-alt";
        font-weight: 400;
        width: 60px;
        text-align: center;
        cursor: pointer;
    }

.intensityLevelSelected {
    font-size: 24px;
    color: #D4145A;
    font-family: "proxima-nova-alt";
    font-weight: 400;
    width: 60px;
    text-align: center;
}

.mobileDarkPopup {
    background-color: #111111;
    opacity: .9;
    z-index: 99999;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 100%;
    color: White;
    padding: 10px;
}


.MobileProfileTop {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#298DC1), to(#2987BB));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #298DC1, #2987BB);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #298DC1, #2987BB);
    /* IE 10 */
    background: -ms-linear-gradient(top, #298DC1, #2987BB);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #298DC1, #2987BB);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#298DC1, endColorstr=#2987BB); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#298DC1, endColorstr=#2987BB)"; /* IE8 */
}

.MobileProfileBottom {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2987BB), to(#1A558B));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #2987BB, #1A558B);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #2987BB, #1A558B);
    /* IE 10 */
    background: -ms-linear-gradient(top, #2987BB, #1A558B);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #2987BB, #1A558B);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#2987BB, endColorstr=#1A558B); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#2987BB, endColorstr=#1A558B)"; /* IE8 */
}


.loader:before,
.loader:after,
.loader {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.loader {
    margin: 8em auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
}

    .loader:before {
        left: -3.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .loader:after {
        left: 3.5em;
    }

    .loader:before,
    .loader:after {
        content: '';
        position: absolute;
        top: 0;
    }

@-webkit-keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em #33ACE0;
    }

    40% {
        box-shadow: 0 2.5em 0 0 #33ACE0;
    }
}

@keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em #33ACE0;
    }

    40% {
        box-shadow: 0 2.5em 0 0 #33ACE0;
    }
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}