body {
    position: absolute;
    margin: 0;
    padding: 0;
    font: 400 1em/1.25em "myriad-pro",sans-serif;
    background: #ffffff;
    width: 100%;
    height: 100%;
}

p {
    margin: 0 0 1em 0;
}

a, a:visited, a:hover, a:active {
    color: inherit;
    text-decoration: none;
}

h1 {
    color: #FFF;
    font: 700 3em/1.0em "museo-sans",sans-serif;
    padding: .1em .2em .1em .2em;
    margin: 5px 0 0 0;
    text-align: center;
    background: #00558C;
}

h2 {
    color: #319B42;
    font: 700 2.5em/1.0em "museo-sans",sans-serif;
    /*    background-color: #D9ECF7;*/
    border-bottom: .15em solid #00558C;
    padding: .1em .2em .1em .2em;
    margin-top: 0em;
    text-transform: uppercase;
    text-align: center;
}

h3 {
    color: #ffffff;
    font: 700 1.4em/1.0em "museo-sans",sans-serif;
    background-color: #00558C;
    padding: .3em .2em .3em .2em;
    margin: 1.25em 0 .5em 0;
    text-align: center;
}

h4 {
    color: #FFF;
    font: 700 1.4em/1.0em "museo-sans",sans-serif;
    padding: .1em .2em .1em .2em;
    margin: 0 0 5px 0;
    text-align: center;
    background-color: #319B42;
    letter-spacing: .05em;
}

h5 {
    color: #EF5126;
    font: 700 1.25em/1.0em "museo-sans",sans-serif;
    padding: .1em .2em .1em .2em;
    margin: 0 0 0 0;
    text-align: center;
    letter-spacing: .0em;
}

h6 {
    color: #FFF;
    font: 400 1em/1.4em "myriad-pro",sans-serif;
    padding: .5em;
    margin: 20px 0 5px 0;
    text-align: center;
    background-color: #319B42;
    letter-spacing: .05em;
}

video {
    padding: 0;
    margin: 0;
    text-align: center;
}

#Container {
    position: relative;
    width: 850px;
    margin: 0 auto;
    background: #C9C9CA;
    padding: 0px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(100,100,100,.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(100,100,100,.5);
    box-shadow: 0px 0px 20px 0px rgba(100,100,100,.5);
    min-height: 100%; /* min. height for modern browser */
    height: auto !important; /* important rule for modern Browser */
    height: 100%; /* min. height for IE */
    overflow: hidden !important; /* FF scroll-bar */
}

.contentwrapper {
    position: relative;
    display: block;
    clear: both;
    width: 600px;
    margin: 1em auto;
    background: #FFF;
    border: 1px solid #E9ECF7;
    padding: 25px 50px 25px 50px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(100,100,100,.25);
    -moz-box-shadow: 0px 0px 15px 0px rgba(100,100,100,.25);
    box-shadow: 0px 0px 15px 0px rgba(100,100,100,.25);
    border-radius: 3px;
    overflow: auto;
}

.tmklogo {
    width: 150px;
    height: 47px;
    background-image: url(/Images/Torchmark_Affiliates_Logo.png);
    background-size: cover;
    margin: 0 0 0 20px;
    display: block;
}

.AILLogo {
    width: 180px;
    height: 45px;
    background-image: url(/Images/AIL.png);
    background-size: cover;
    margin: auto;
    margin-bottom: 20px;
    display: block;
}

.FHLLogo {
    width: 162px;
    height: 114px;
    background-image: url(/Images/FHL.png);
    background-size: cover;
    margin: auto;
    margin-bottom: 20px;
    display: block;
}

.GlobeLogo {
    width: 180px;
    height: 44px;
    background-image: url(/Images/Globe.png);
    background-size: contain;
    margin: auto;
    margin-bottom: 20px;
    display: block;
    background-repeat: no-repeat;
}

.LNLLogo {
    width: 200px;
    height: 56px;
    background-image: url(/Images/LNL.png);
    background-size: cover;
    margin: auto;
    margin-bottom: 20px;
    display: block;
}

.TMKCorpLogo {
    width: 200px;
    height: 58px;
    background-image: url(/Images/TMK.png);
    background-size: cover;
    margin: auto;
    margin-bottom: 20px;
    display: block;
}

.UALogo {
    width: 200px;
    height: 33px;
    background-image: url(/Images/UA.png);
    background-size: cover;
    margin: auto;
    margin-bottom: 20px;
    display: block;
}

.singlecol {
    position: relative;
    display: block;
    width: 100%;
    /*    border: 1px solid #000000;*/
    padding: 0px 0px 0px 0px;
    float: left;
}

.footer {
    position: absolute;
    display: block;
    width: 850px;
    /*    border: 1px solid #000000;*/
    padding: 0;
    bottom: 0;
    clear: both;
}

.Affiliate {
    position: relative;
    width: 90%;
    padding: 0;
    padding: 20px 0;
    margin: 0 auto 20px auto;
    border-radius: 3px;
    border: 1px solid #FFF;
    overflow: auto;
    text-align: center;
}


.Button {
    width: 85%;
    height: auto;
    background-color: #FFF;
    margin: .25em auto 0 auto;
    /*
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);
*/
    border-radius: 10px;
    text-align: center;
    display: inline-block;
    padding: .1em;
}

    .Button:hover {
        cursor: pointer;
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(255,255,255,1);
        -moz-box-shadow: 0px 0px 20px 0px rgba(255,255,255,1);
        box-shadow: 0px 0px 20px 0px rgba(255,255,255,1);
    }

    .Button:active {
        cursor: pointer;
        background-color: #bbbbbb;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0);
        -moz-box-shadow: 0px 0px 5px 0px rgba(255,255,255,0);
        box-shadow: 0px 0px 5px 0px rgba(255,255,255,0);
    }

.ButtonCaption {
    Height: auto;
    margin-right: .5em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    font: 400 .9em/1.2em "myriad-pro",sans-serif;
}

.ButtonCaptionEnroll {
    Height: auto;
    margin-right: .5em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    font: 400 .9em/1.2em "myriad-pro",sans-serif;
}

.Icon {
    Height: 20px;
    Width: 20px;
    vertical-align: middle;
    margin-right: .5em;
}

.badgeholder {
    display: block;
    width: 100%;
    height: 142px;    
    padding: 0;
    clear: both;
    background: #4FAEDE;
    padding-top: 0px;
    padding-bottom: 0px;
    background: url(/Images/Long_Banner.png) no-repeat;
    background-size: contain;
}


#Openbadge {
    position: relative;
    top: -67px;
    width: 200px;
    height: 202px;
    margin: 0 auto;
    clear: none;
    background-image: url("/Images/Open_Badge.png");
    background-size: cover;
}

#HObadge {
    position: relative;
    top: -30px;
    width: 150px;
    height: 151px;
    margin: 0 auto;
    clear: none;
    background-image: url("/Images/HO_Badge.png");
    background-size: cover;
}

#Fieldbadge {
    position: relative;
    top: -30px;
    width: 150px;
    height: 151px;
    margin: 0 auto;
    clear: none;
    background-image: url("/Images/Field_Badge.png");
    background-size: cover;
}

#EnrollTable {
    width: 100%;
    border-spacing: 10px;
    padding: 0;
    border: 0px none;
}

.stripe {
    position: relative;
    top: 17px;
    width: 100%;
    height: 20px;
    margin: 0 auto;
    background-color: #FFF;
}

.aligncenter {
    text-align: center !important;
}

.orangetext {
    color: #319B42 !important;
}

.bluetext {
    color: #00558C !important;
}

.greentext {
    color: #00558C !important;
}

.fillblue {
    background-color: #00558C;
}

.filllblue {
    background-color: #319B42;
}

.fillgreen {
    background-color: #718E5A;
}

.fillorange {
    background-color: #319B42;
}


.bullet {
    color: #319B42;
    font: 700 1.4em/1.0em "myriad-pro",sans-serif;
}

.nolist {
    list-style: none;
    padding: 0;
    margin-left: 1em;
    text-indent: -1em
}

.numlist table, td {
    border-style: none;
    vertical-align: top;
    padding-bottom: .5em;
}

.number {
    /* font: 700 1.33em/1.0em "museo",serif; */
    /* color: #319B42; */
    /* position: relative;
    top: .15em; */
    font-weight: bold;
    font-size: 20px;
}

.imgshift {
    padding-top: 1em;
}

.tablediv {
    display: table !important;
}

.tablerow {
    display: table-row !important;
    border: 2px solid #000;
}