/* HOME PAGE */
.cycle-container{
    position: relative;
    background: #F7F7F7;
    text-align: center;
    width:900px;
    height:330px;
    border:1px solid #A6A6A6;
}
.cycle-container .loader{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-16px;
    margin-left:-16px;
}
.cycle-container .nav{
    bottom:-3px;
    height:20px;
    position:absolute;
    right:0;
    width:100%;
    z-index:9;
}
.cycle-container .nav button{
    margin:0px 5px;
    width:11px;
    height:11px;
}
.cycle-container .nav button.active{
    border-color:#8DB221;
}
.home-navigation{
    border-collapse:collapse;
    border-spacing:0px;
    font-size:16px;
    margin:40px 0px;
}
.home-navigation td{
    text-align:left;
    vertical-align:middle;
    width:295px;
}
.home-navigation a{
    color:#666;
    text-decoration:none;
    display:block;
    position:relative;
}
.home-navigation .wc-home-icon{
    height:64px;
    width:64px;
    background-image:url(../images/home-icons-sprite-64x64.png);
    background-repeat: no-repeat;
    display:block;
    position:absolute;
    top:0px;
    left:0px;
}
.home-navigation .wc-home-icon.wc-try-free{background-position:0px 0px;}
.home-navigation .wc-home-icon.wc-quick-tour{background-position:0px -64px;}
.home-navigation .wc-home-icon.wc-help{background-position:0px -128px;}
.home-navigation .wc-home-icon.wc-dropbox{background-position:0px -192px;}
.home-navigation .wc-home-icon.wc-twitter{background-position:0px -256px;}
.home-navigation .wc-home-icon.wc-facebook{background-position:0px -320px;}
.home-navigation a .text{display:table-cell;height:64px;vertical-align:middle;padding-left:74px;}
/* ----- HOME PAGE */

/* WHY-WEBCARGO PAGE */
.wc-why{
    height:250px;
    width:250px;
    background-image:url(../images/wc-why-sprite.png);
    background-repeat: no-repeat;
    display:block;
    position:relative;
}
.wc-why.wc-file{background-position:0px 0px;}
.wc-why.wc-location{background-position:0px -250px;}
.wc-why.wc-secured{background-position:0px -500px;}
.wc-why.wc-team{background-position:0px -750px;}
.wc-why.wc-brand{background-position:0px -1000px;}
.wc-why.wc-cloud{background-position:0px -1250px;}
.wc-why.wc-viewer{background-position:0px -1500px;}
.wc-why.wc-reviews-en{background-position:0px -1800px;height:150px;}
.wc-why.wc-reviews-fr{background-position:0px -2050px;height:150px;}
.why-webcargo{
    margin:0px 0px 0px 0px;
    padding:0px;    
    list-style:none;
    background-image:url(../images/wc-why-bg.jpg);
    background-repeat: no-repeat;
}
.why-webcargo li{
    margin:0px 0px 10px 0px;
    padding:0px;
    position:relative;
    vertical-align:middle; 
}
.why-webcargo li table{
    width:100%;
    border-collapse:collapse;
    border-spacing:0px;
}
.why-webcargo li table td:first-child{width:250px;text-align:center;height:300px;padding-left:60px; padding-right:30px;}
.why-webcargo li table td.review-line{height:150px;}
.why-webcargo li table td:last-child{padding-left:30px;padding-right:60px;}
.why-webcargo li table td h2{font-size:28px; font-weight:normal;}
.why-webcargo li table td .reduce-access{color:#8DB221;}
.why-webcargo li table td .proximity{color:#3FA5F9;}
.why-webcargo li table td .more-secure{color:#EAA429;}
.why-webcargo li table td .manage-team{color:#E12828;}
.why-webcargo li table td .your-colors{color:#851D93;}
.why-webcargo li table td .uptime{color:#0278FE;}
.why-webcargo li table td .online-viewer{color:#8B2C91;}
.why-webcargo li table td .subtitle,
.why-webcargo li table td .reviews{font-size:16px; font-weight:normal;color:#303030;}
.why-webcargo li table td .reviews{list-style:none; margin:0px; padding:0px;}
.why-webcargo li table td .reviews a,
.why-webcargo li table td .reviews a:visited,
.why-webcargo li table td .reviews a:hover,
.why-webcargo li table td .reviews a:link{color:#303030;text-decoration:none;}
.why-webcargo li table td .reviews a:hover{text-decoration:underline;}
.why-webcargo li table td p{line-height:24px; color:#666666;}
.why-webcargo-button{
    margin:0 auto;
    text-align:center;
    margin-top:10px;
    margin-bottom:20px;
}
.logos-title{text-align:center;margin-top:40px;color:#AAAAAA;}
/* ----- WHY-WEBCARGO PAGE */

/* FEATURES PAGE */
.wc-features{position:relative;}
.wc-features #wc-features{float:right;}
.wc-features .texts{float:left; width:280px; text-align:right; position:relative;}
.wc-features .texts div{position:absolute;right:0px;line-height:24px;margin-left:60px;}
.wc-features .texts .upload-button{top:112px;}
.wc-features .texts .drop-zone{top:212px;}
.wc-features .texts .recipients-list{top:290px;}
.wc-features .texts .optional-fields{top:464px;}
.wc-features .texts .delivery-options{top:630px;}
.wc-features .texts .html5-info{top:1080px;}
.wc-features .texts .upload-stats{top:1254px;}
.wc-features .texts .share-button{top:1670px;}
.wc-features .texts .share-recipients{top:1862px;}
.wc-features .texts .share-permissions{top:2067px;}
.wc-features .texts .delivery-buttons{top:2459px;} 
.wc-features .texts .delivery-recipients{top:2565px;}
.wc-features .texts .delivery-files{top:2787px;}
.wc-features .texts .request{top:3429px;} 
/* ----- FEATURES PAGE */

/* PRICING PAGE */
#compare-plan-dialog .table-pricing{
    margin: 40px 0 0 0;
}
.table-pricing{
    border-collapse:collapse;
    border-spacing:0px;
    margin:40px;
    width:760px;
}
.table-pricing th{
    padding-bottom:10px;
    width:135px;
    text-align:left;
    vertical-align:text-top;
}
.table-pricing td{
    border-bottom:1px solid #D6D6D6;
    padding-bottom:5px;
    padding-left:5px;
    padding-top:5px;
    vertical-align:text-top;
}
.table-pricing td:first-child{
    font-weight:bold;
    padding-left:0px;
    width:200px;
}
.table-pricing td.no-border{
    border-bottom:1px solid transparent;
}
.table-pricing p.hint-text{
    font-size:10px;
    margin:7px 0px 0px;
    padding:0px;
}
/* ----- PRICING PAGE */

/* SITEMAP PAGE */
.sitemap{
    list-style:none;
    margin:0px;
    padding:3px 0px;
}
.sitemap li{
    font-size:12px;
    margin:0px;
    padding:7px 0px;
    text-transform:uppercase;
    list-style:none;
}
.sitemap li span{
    float:left;
}
.sitemap .level-1{
    font-size:14px;
    padding-bottom:10px;
}
/* ----- SITEMAP PAGE */

/* CONTACT PAGE */
.contact-page{
    width:100%;
    border-collapse:collapse;
    border-spacing:0px;
}
.contact-page table{
    width:100%;
    border-collapse:collapse;
    border-spacing:0px;
}
.contact-page td{
    vertical-align:top;
    padding:0px;
    margin:0px;
    padding-top:15px;
}
.contact-page td.image{
    width:85px;
    padding-left:15px;
}
.contact-page .bordered{
    border:1px solid #E2E2E2;
}
/* ----- CONTACT PAGE */

/* SIGNUP PAGE */
.signup-page{
    padding:20px 40px 20px 40px;
}
.signup-page .section-spacer{
    border-bottom:1px dotted #D3D3D3;
    margin-bottom:20px;
}
.signup-page .left{
    float:left;
    margin:0px;
    padding:0px;
}
.signup-page .right{
    float:right;
    margin:0px;
    padding:0px;
    width:448px;
    border-left:2px solid #D6D6D6;
    padding-left:50px;
}
.signup-page .plan-price{
    height:150px;
    width:215px;
    text-align: center;
    background-color:#EDEDED;
    border:1px solid #8DB221;
    color:#444444;
    margin-bottom:10px;
}
.signup-page .plan-price .plan-key-description{
    color:#999999;
    margin:15px 0px 10px;
}
.signup-page .plan-price .plan-key-description{
    color:#999999;
    margin:15px 0px 10px;
}
.signup-page .plan-price .price{
    font-size:60px;
}
.signup-page .plan-price .per-month{
    color:#999999;
    font-size:10px;
    margin:5px auto;
}
.signup-page .plan-description{
    color:#999999;
    margin:0px 0px 5px;
}
.signup-page a.compare-plan{
    margin:3px 0px 0px 100px;
    font-size:11px;
}
.signup-page .payment-details{
    margin-top:60px;
}
.signup-page .payment-details table{
    width:97%;
    border-collapse: collapse;
    margin-bottom:10px;
    color:#999999;
}
.signup-page .payment-details table caption{
    margin-top:10px;
    margin-bottom:10px;
    font-weight:bold;
    text-align:center;
}
.signup-page .payment-details table td{
    padding-bottom:5px;
}
.signup-page .payment-details table td:last-child{
    text-align:right;
}
.signup-page .payment-details table tr#total-values td{
    font-weight:bold;
}
.signup-page .payment-details table tr#discount-row, .signup-page .payment-details table tr#gst-row, .signup-page .payment-details table tr#pst-row {
    display:none;
}
/* ----- SIGNUP PAGE */

/* LOGIN PAGE */
.login-dlg{padding:0px !important;}
.login-dlg #close-login-dlg{
    position:absolute;
    right:0px;
    top:0px;
}
.login-page{
    padding:0px;
    margin:0px;
}
.login-page.for-provider{
    height:300px;
    padding-top:100px;
    text-align:center;
}
.login-page .left{
    float:left;
    margin:0px;
    padding:0px;
    width:50%;
    background-color:#EEEEEE;
}
.login-page .right{
    float:right;
    margin:0px;
    padding:0px;
    width:50%;
    text-align:center;
}
.login-page .left,
.login-page .right{height:300px;}
.login-page .right h5{
    margin-top:90px;
}
.login-page .error{
    margin:30px 0px;
    color: #CC0000;
    font-size: 14px;
    font-weight: bold;
    padding-left:40px;
    height:20px;
}
.login-page .left form{margin-left:40px;}
#retrieve-password .step1,
#retrieve-password .step2,
#retrieve-password .done,
#retrieve-password .error{position:absolute;}
#retrieve-password .step2,
#retrieve-password .done,
#retrieve-password .error{display:none;}
#retrieve-password p{
    color:#666666;
    margin:15px 0px;
}
#retrieve-password .error p{color:#CC0000;}
#retrieve-password .footer{
    font-size:10px;
    bottom: 0;
    position: absolute;
}
#retrieve-password label{
    width:90px;
    display:inline-block;
    cursor:pointer;
}
#retrieve-password .required{
    color:#CC0000;
    margin-left:5px;
}
#retrieve-password input{
    width:240px;
    font-size: 12px;
    border: 1px solid #D3D3D3;
    color: #666666;
    font-family:Arial;
    margin-right:40px;
}
#retrieve-password .step2 input{width:160px;}
#retrieve-password .refresh-captcha{
    float:left;
    cursor:pointer;
}
/* ----- LOGIN PAGE */

/* MOVE-FILE/DELIVERY (here because the drawer is considered non-secured) */
.move-to.toolbar{margin-bottom:0px;margin-top:0px;}
.move-to.toolbar #back{float:left;margin-left:5px;cursor:pointer;}
.move-to.toolbar #folder-tree{
    background-color: #FFFFFF;
    border: 1px solid #A6A6A6;
    display: none;
    position: absolute;
    z-index: 4000;
    min-width:200px;
}
.move-to.toolbar #folder-tree a, .move-to.toolbar #folder-tree a:link, .move-to.toolbar #folder-tree a:visited{
    display:block;
    color:#666666;
    text-decoration:none;
    padding:10px;
}
.move-to.toolbar #folder-tree a.current{
    font-weight:bold;
}
.move-to.toolbar #folder-tree a:hover{
    background-color: #EEEEEE;
}
.move-to.toolbar #folder-tree ul{
    list-style:none;
    margin:0px;
    padding:0px;
}
.move-to.toolbar #folder-tree li{
    cursor: pointer;
    display: block;
    position: relative;
}
/* ---- MOVE-FILE/DELIVERY */