/*All landing page templates will use the landing ID in the body tag.*/
#landing {
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: #ccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .95em;
}


/*The wrapper controls only the basic fixed centered layout.*/
#wrapper {
    width: 800px;
    text-align: left;
    background-color: #FFF;
    border-right: solid 1px #999;
    border-left: solid 1px #999;
    color: #555;
    padding: 10px 0;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    border-bottom: solid 1px #999;
}

/*The main header includes the LifeSize Logo in html content and the title of the landing page. */

#header {
    padding-bottom: 10px;
}
h1 {
    font-size: 160%;
    color: #10246A;
    font-weight: bolder;
    margin-bottom: 30px;
}

#header h1 {
    text-align: right;
    padding: 0px;
    margin: -30px 0 0 0;
}

/*If a banner is desired below the header, this div with the full-banner class applied to it should not be commented out.*/

.full-banner {
    width: 100%;
    margin-top: 10px 0 0 0;
    text-align: center;
}




/*Layouts should be applied as a class in the div where wrapper is the id. This controls the basic layout of the page.*/

.columns {
    position: relative;

}
#column1, #column2, #column3, form{
}
.one-column, .two-columns-left-sidebar, .two-columns-split, .two-columns-right-sidebar, .three-columns {
    
}



/*All layouts have at least 1 column.*/
#column1 {
    padding: 2px;
    float: left;

}

    /*Column widths are defined here for column 1s in all layouts.*/
    
    .one-column #column1 {
    width: 760px;
    padding: 20px;
    float: none;
    }
    
    .two-columns-left-sidebar #column1 {
    width: 240px;
    padding: 7px;
    }
    
    .two-columns-split #column1 {
    width: 450px;
    padding: 0 16px;
    }
    
    .two-columns-right-sidebar #column1 {
    width: 520px;
    padding: 0 12px;

    }
    
    .three-columns #column1 {
        padding: 5px;
    width: 200px;
    }


/*Second column properties for all layouts except 1 column are defined here.*/

#column2 {
    padding: 2px;
    float: right;
    }


    .two-columns-left-sidebar #column2 {
    width: 520px;
    padding: 5px 12px;
    }
    
    .two-columns-split #column2 {
    width: 300px;
    padding-top: 0;
    padding-right: 9px;
    padding-bottom: 0;
    padding-left: 9px;
    margin-top: 250px;
    }
    
    .two-columns-right-sidebar #column2 {
    width: 240px;
    padding: 7px;
    }
    
    .three-columns #column2 {
    padding: 10px 5px;
    width: 360px;
    }


#column3 {
    padding: 5px;
    float: left;    
}
.three-columns #column3 {
    width: 200px;
    }





/*Pods are placed in the right and left sidebars. */
.pod {
    width: 100%;
    margin-bottom: 20px;
    float: left;
}

h2 {
    font-weight: normal;
    font-size: 19px;
    color:#DF6818;
}



.pod h2 {
    margin: 0px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: left top;
    padding: 5px;
    font-size: 120%;
}

.grey h2 {
    color: #666;
}

.pod p {
    padding: 0px 5px;
}



.pod ul {
    text-indent: 0;
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 10px;
    padding-left: 10px;
}
.pod ul li {
    margin-bottom: 10px;
}

/*Sidebar background colors*/


.video {
    background-color: #000;
    padding: 20px 0px;
    background-image: url(file:///S|/Marketing/Lana/LifeSize%20Website/Landing%20Pages/images/video-bg.png);
    background-repeat: repeat-x;
    margin-bottom: 10px;
}

.ltgrey {
    background-color: #F5F5F5;
    border: solid 1px #F5F5F5;
    color: #666;
}

.salmon {
    background-color: #FFEFE1;
    border: solid 1px #FFEFE1;
    color: #F37300;    
}

.bluegradient {
    background-image: url(file:///S|/Marketing/Lana/LifeSize%20Website/Landing%20Pages/images/pod-bg-bluegradient.png);
    background-repeat: repeat-x;
    border: solid 1px #eee;
    color: #666;
    background-color: #EDF1F4;
}


/*Styles for content*/

.note {
    font-size: 100%;
    font-weight: bold;
    color: #000;
}

h3 {
    font-weight: bold;
    text-transform: uppercase;
    color: #555;
    font-size: 95%;
    margin: 0;
}

.pdf {
    list-style-image: url(http://now.eloqua.com/eloquaimages/clients/LifeSize/{1575b52c-1ad7-48ff-bb3e-797511552711}_pdf.gif);
}

.zip {
    list-style-image: url(file:///S|/Marketing/Lana/LifeSize%20Website/Landing%20Pages/images/zip.gif);
}
#note {
    clear: both;
    font-size: 80%;
    padding: 20px 10px;
}
#footer {
    clear: both;
    font-size: 85%;
    color: #aaa;
    padding-left: 10px;
}
h2 {
    font-family: Arial, "Sans Serif";
    color: DF6818;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 10px;
    font-weight: normal;
}
p, li {
    font-size: 85%;
    line-height: 160%;
}
.ltblue {
    background-color: #DCE3F1;
}

#footer a {
    color: #FF993E;
}
.border-left {
    border-left: solid 1px #ccc;
}

.nobg {
    background-image: none;
    background-color: transparent;
    }
.white {
    background-color: #FFF;
}

/*Forms*/

.one-column form {
    width: 500px;
    border: 1px dotted #F37300;
    padding: 10px;
    margin-left: 130px;
}

.two-columns-right-sidebar form, .two-columns-left-sidebar form, .two-columns-split form,.three-columns form {

}


/*Label Styles*/

label {
    text-transform: uppercase;
    color: #555;
    font-size: 80%;
    font-weight: bold;
    float: left;
    clear: both;
}

div .labels {
    float: left;
}

.one-column div .labels {
    width: 200px;
}

.one-column form label {
    margin: 7px 0px 15px 0px;
}

/*Input Styles*/
form .inputs {
    float: left;
    width: auto;
}

form .menu, form .textfield {
    display: block;
    background-color: #FFF;
    float: left;
    clear: both;
    border: 1px solid #CCC;
    margin: 2px 10px 0 0;
}

.two-columns-right-sidebar form .menu, .two-columns-left-sidebar form .menu, .two-columns-split form .menu, .three-columns form .menu {
    width: 100px}

/*Menu-Only Styles*/
form .menu {
    width: 203px}
    
.three-columns form .menu {
    width: 183px}
    
/*Text Field Only Styles*/    
form .textfield {
    width: 180px
}
    
.three-columns form .textfield {
    width: 180px}

    

/*Buttons*/
.one-column .input-button {
    margin-left: 185px;
}
.two-columns-right-sidebar .input-button {
    margin-left: 0px;
}

/*Other Form Stuff*/
form p {
    margin: 5px 0px 5px -5px;
}
.nofullbanner {
    margin-top: 20px;
}
.pod img {
    margin-right: 10px
}
#wrapper.desktop {
    background-image: url(http://img.en25.com/Web/LifeSize/desktop-wrap-bg.jpg);
    background-repeat: no-repeat;

}
#landing .columns ul {
    margin: 0px;
}
#landing #wrapper .columns .pod {
    margin-top: 430px;
}
#landing h4 {
    margin-bottom: 0px;
    margin-top: 2px;
}
#landing #breadcrumbs li {
    display: inline;
    list-style-type: none;
}

#landing #header {
    width: 100%;
}
#landing #header .logo {
    width: 400px;
}
#landing #breadcrumbs {
    font-size: 14px;
    color: #999999;
}
#landing #header img {
    padding-left: 10px;
}
#landing .tableborder {
    border: 1px dotted #BACBF3;
    background: #F3F6FD;
}
#landing .important-note {
    font-weight: bold;
    background-color: #F3F6FD;
}
#landing #note h3 {
    font-size: 14px;
}
#landing .minreq {
    font-size: 90%;
}
#landing .minreq h4 {
    margin: 0px;
    padding: 0px;
}
#landing .minreq ul {
    padding: 10px;
    margin: 0px;
}
#landing .social .icon {
}
#landing .social p {
    line-height: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 300px;
    height: 32px;
}
#landing .social {
    width: 260px;
    background-image: url(http://img.en25.com/Web/LifeSize/getconnected.jpg);
    padding-top: 45px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    margin-bottom: 10px;
}

#landing .social-vertical {
    width: 420px;
    background-image: url(none);
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    background-repeat: repeat;
}

.skinny {
    font-size: 90%;
    line-height: 90%;
}
#landing p .skinny {
    line-height: 90%;
    font-size: 90%;
}
#landing .stimulus {
    background-image: url(http://img.en25.com/Web/LifeSize/stimulus.jpg);
    background-repeat: no-repeat;
}
#landing .pdf {
    background-image: url(http://now.eloqua.com/eloquaimages/clients/LifeSize/{1575b52c-1ad7-48ff-bb3e-797511552711}_pdf.gif);
    background-position: left;
    padding-left: 30px;
    background-repeat: no-repeat;
}
#landing .btn input {
    color: transparent;
    background-color: transparent;
    border: none;
    height: 47px;
    width: 150px;
}
#landing .btn{
    padding: 0px;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
    float: right;
}

#landing .preregister {
    background: url(http://img.en25.com/Web/LifeSize/button-bg-preregister-up.jpg) no-repeat;
    height: 57px;
    width: 147px;
}
#landing .preregister:hover {
    background: url(http://img.en25.com/Web/LifeSize/button-bg-preregister-over.jpg) no-repeat;
}

#landing .register {
    background: url(http://img.en25.com/Web/LifeSize/button%20copy.png) no-repeat;
    height: 30px;
    width: 170px;
}
#landing .register:hover {
    background: url(http://img.en25.com/Web/LifeSize/button%20copy.png) no-repeat;
}

#landing .submit {
    background: url(http://img.en25.com/Web/LifeSize/button-bg-submit-up.jpg) no-repeat;
    height: 57px;
    width: 129px;
}
#landing .submit:hover {
    background: url(http://img.en25.com/Web/LifeSize/button-bg-submit-over.jpg) no-repeat;
}

#landing .twitter {
    background-image: url(http://now.eloqua.com/eloquaimages/clients/LifeSize/{5d9323d9-c1bd-4f8a-96b7-e1215b02ce89}_Twitter_32x32.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-bottom: 20px;
}

#landing .facebook{
    background-image: url(http://now.eloqua.com/eloquaimages/clients/LifeSize/{93a11aca-954e-47b7-ad91-e78fb77b17a3}_FaceBook_32x32.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-bottom: 10px;
}
#landing .social-vertical .twitter{
    padding-left: 35px;
    height: 32px;
    line-height: 100%;
    padding-bottom: 0px;
}