/*
  $Id: wevideo.css 81516 2013-06-28 20:52:59Z nikolay $
*/

body {
    margin: 0;
    background-color:#f3f3f3;
    min-height: 100%;
    text-align: center;
}

*html body {
    background-color:#f3f3f3;
    background-repeat: no-repeat;
    background-position: top center;
}

body, table, input, select, textarea {
    color: #444;
    font-family: "Open Sans", "Lucida Grande", Arial, sans-serif;
    font-size: 15px;
	line-height:22px;
	-webkit-font-smoothing: antialiased;
}

h1 {
    font-weight: 400;
    font-size: 24px;
    text-shadow: #f3f3f3 1px 1px 0px;
}

.wf-loading h1 {visibility: hidden;}

h2 {
    font-weight: 400;
    font-size: 20px;
    text-shadow: #fff 1px 1px 1px;
}

.wf-loading h2 {visibility: hidden;}

h2 b {
    font-weight: 600;
}
a, .link {
    color: #0089CC;
}
a.contentLink{
    display: inline-block;
}
a#wevideo-at-abc{
    text-decoration: none;
}
span.noDisplay {
    display:none;
}

.bold {
    font-weight: 900;
}

img {
    border: none;
}

.floatFixer {
    clear: both;
}

.button{
    background-color: #B2B2B2;
    background: -webkit-linear-gradient(top, #F1F1F1, #B2B2B2);
    background: -moz-linear-gradient(top, #F1F1F1, #B2B2B2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#B2B2B2');
    border-radius: 5px;
    border: 1px solid white;
    font-size: 14px;
    color: #555555;
    text-shadow: white 1px 1px 1px;
    font-weight: 700;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 0 2px #000;
    text-decoration: none;
    cursor: pointer;
}

.button2, .button3, .button4{
    background-color: #0089CC;
    border-radius: 5px;
    font-size: 12px;
	font-weight:500;
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    cursor: pointer;
}

.button3{
    font-size: 12px;
    font-weight: 600;
}
.button4{
    font-size: 12px;
    padding: 5px 4px;
    font-weight: 600;
}

.wf-loading .button {visibility: hidden;}

a.button {
    float: left;
    display: block;
}

ul {
    margin: 0;
}

.button .arrow {
    background-image: url('../gfx/btn_arrow_small.png');
    background-repeat: no-repeat;
    margin-left: 10px;
    float: right;
    height: 18px;
    width: 12px;
}

.tryarrow {
    vertical-align: middle;
    margin-left: 10px;
}

.freestar {
    vertical-align: middle;
    margin-left: 10px;
}

.button:disabled, .disabled {
    opacity: .5;
}

.button:active {
    position: relative;
    top: 1px;
    background: -webkit-linear-gradient(bottom, #F1F1F1, #B2B2B2);
    background: -moz-linear-gradient(top, #B2B2B2, #F1F1F1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B2B2B2', endColorstr='#F1F1F1');
}

.button:hover {
    background: -webkit-linear-gradient(top, #F7F7F7, #B8B8B8);
    background: -moz-linear-gradient(top, #F7F7F7, #B8B8B8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#B8B8B8');
}

.button.large {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    display: block;
    height: 38px;
    width: 190px;
}

.button.large .arrow {
    background-image: url('../gfx/btn_arrow_medium.png');
    height: 25px;
    width: 17px;
    margin-top: 5px;
}



#mainWrapper {
}

#content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#header {
    height: 92px;
    width:1140px;
    margin:0 auto;
    position: relative;
}

#main-menu ul {
    height: 32px;
    width: auto;
    font-size: 16px;
}

ul.menu, ul.menu-footer {
    list-style: none;
    padding: 0;
}

ul.menu-footer{
    margin-left: 4px;
}

ul.menu li{
    float: left;
    border-left: 1px solid #999;
    padding-left: 7px;
    padding-right: 14px;
	color:#333;
}

ul.menu-footer li{
    text-decoration: none;
    display: block;
}
ul.menu-footer li a:hover{
    color:#a9a9a9;
}

.footer{
    color:#e6e6e6;
}

.footer .span2{
    width:160px;
}

.footer-headers{
    margin-top: 28px;
    margin-bottom: 18px;
    margin-left: -16px;
    font-size: 20px;
    font-weight: 400;
	text-shadow: 1px 1px 0 #444;
}

.notes-footer{
    margin-left:-16px;
    margin-bottom: 10px;
    color:#e6e6e6;
}
.notes-footer .sso-icons{
    background: url("../gfx/social/social_icons.png") no-repeat scroll 0 0 transparent;
    height: 30px;
    width: 200px;
}
.notes-footer .sso-icons a{
    display: inline;
    float:left;
    margin-right: 10px;
}

.notes-footer ul{
    list-style: none;
    padding: 0;
    display: inline;
}

.notes-footer ul li{
    display: inline;
    font-size: 11px;
    position: relative;
    margin-left: 7px;
    top: -1px;
}

.notes-footer ul li a{
    color: #E6E6E6;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #444444;
    top: 2px;
}

.light-weight-footer ul li a{
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #333;
    top: 2px;
}
.notes-footer ul li a:hover{
    color:#A9A9A9;
}
.copy-right{
    margin-top: 10px;
}

.copy-right p{
    display: inline;
    font-size:12px;
}
.light-weight-footer p{
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-shadow: 1px 1px 0 #333;
    display: inline;

}
.light-weight-footer ul li a:hover{
    color:#FFFFFF;
}

.follow-us{
    width:30px;
    height:30px;
    cursor: pointer;
}

a .follow-us:hover{
    background-color: #555555;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

#main-menu ul.menu li {
    border-left: none;
    font-weight: 400;
}

#main-menu li a {
    height: 18px;
    padding-top: 6px;
    color:#5e5e5e;
}

#main-menu li {
    padding: 0;
    width: auto;
    height: 32px;
    text-align: center;
    padding-top: 0px;
    font-weight: 500;
    margin-left: 25px;
}


.wf-loading #main-menu li {visibility: hidden;}

#main-menu li:hover {
}

ul.menu li:first-child,  #main-menu li:first-child {
    border-left: none;
    padding-left: 0;
}

#main-menu #menu-editor, #main-menu #menu-learn  {
    padding-right: 0;
    border-right: none;
}

ul.menu li.follow {
    border: none;
    padding-left: 4px;
    padding-right: 0px;
}

ul.menu li a {
    text-decoration: none;
    color: #0089CC;
    display: block;
}

ul.menu-footer li a {
    text-decoration: none;
    color: #e6e6e6;
    display: block;
    margin-bottom: 4px;
    font-weight: 400;
	text-shadow: 1px 1px 0 #444;
}

#main-menu ul.menu li a.active{
    color:#0089CC;
}

#utility ul.menu li a  {
    color: #333;
}

#utility {
    padding-top: 5px;
    float: right;
    font-size: 11px;
    position: relative;
    right: 12px;
	font-weight:600;
}

#footer {
    margin-top: 50px;
}

#footer hr {
	border-bottom: 1px solid #777;
	border-top: 1px solid #333;
}

#logo {
    margin-bottom: 20px;
    padding: 35px 85px 0 0;
    float:left;
    display: block;
}

#logo-footer{
    width: 128px;
    height: 34px;
    float:left;
    margin-right: 65px;
}
#buttons-footer{
    left: 990px;
    position: relative;
    top: -25px;
    width: 150px;
    height: 40px;
}
#signup-footer{
    float: right;
    margin-bottom: 40px;
}
#signInSignUp {
    position:absolute;
    right: 40px;
    top: 30px;
}

#signin , #signout {
    position: absolute;
    width: 105px;
    right: -33px;
    z-index: 12;
}

#signout {
    right: -23px;
    top:0px;
    width: 110px;
}

#signin .button, #signout .button {
    height: 22px;
}

#signup .button, #startwevideo .button {
    height: 22px;
}

#signup{
    position: absolute;
    right: 65px;
    top: 0;
    width: 118px;
}
#startwevideo {
    position: absolute;
    right: 75px;
    top: 0px;
    width: 185px;
    width: 190px\9;
    *width: 190px;
    _width: 190px;
}

#signin .already {
    float:left;
}

body.signed-in #signin {
    visibility: hidden;
}

#main-menu {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: absolute;
    bottom:25px;
    left: 260px;
}

#main {
    clear: both;
    margin: 0 auto;
    /*width: 1140px;*/
    width:auto;
}

#footer-menu {
    clear: both;
}

#footer-menu h3 {
    margin: 0;
}

#footer-menu h3 a {
    color: #555555;
    text-decoration: none;
}

#footer-menu div {
    width: 216px;
    float: left;
    margin-left: 20px;
    margin-bottom: 15px;
    text-align: center;
}

#footer-menu div:first-child {
    margin-left: 0;
}

#footer-menu ul {
    list-style: none;
    padding-left: 0;
}

#footer-menu ul a {
    color: #555555;
    text-decoration: none;
    font-size: 11px;
}

#extras-menu {
    padding-bottom: 30px;
}


*html #extras-menu {
    float: left;
}

#tour-promo {
    width: 950px;
    height: 450px;
    box-shadow: 0 0 1px #555555;
}

#promo{
    width: 1140px;
    height: 375px;
    background-color: transparent;
	margin-top:30px;
}

#promo a.button.large {
    position: relative;
    top: -95px;
    left: 275px;
    font-size: 20px;
    z-index: 100;
}

#promo #try-it-now {
    top: -95px;
    left: 55px;
    width: 190px;
}

#promo #get-free-app {
    position: relative;
    display: block;
    z-index: 100;
    background: url(../gfx/btn_getFreeApp.png) 0 0 no-repeat;
    top: -104px;
    left: 260px;
    color: #FFFFFF;
    font-weight: 500;
    height: 52px;
    padding: 0px;
    width: 259px;
    text-shadow: none;
}

#promo #google-drive {
    position: relative;
    display: block;
    z-index: 100;
    top: -110px;
    left: 65px;
    width: 239px;
}
#promo #google-drive img {
    margin: 0;
}

#promo #google-drive-more img {
    margin-left: 0;
}
#promo #google-drive-more {
    position: relative;
    display: inline-block;
    z-index: 100;
    top: -193px;
    left: 355px;
}

#tour-promo .button.large {
    position: relative;
    top: -61px;
    left: 714px;
    font-size: 20px;
    line-height: 34px;
}

#promo .items .cloned{
}

#promo .items>div>img {
    z-index: 1;
}

/* start fading */
#promo .items {
    position: relative;
    height: 378px;
}
#promo .items div {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
    opacity: 0.0;
}
#promo .items div.active {
    z-index: 10;
    opacity: 1.0;
}
#promo .items div.last-active {
    z-index: 9;
}
#promo .navi {
    top: -25px;
    z-index: 99;
}
/* end fading */

#promo .items div {
    width: 1140px;

}

a.wevideo-featured{
    position: relative;
    top: 80px;
}

.navi {
    position: relative;
    top: 425px;
    left: 555px;
}

.navi a {
    width: 8px;
    height: 8px;
    float: left;
    margin: 3px;
    background: url(../gfx/navigator.png) 0 0 no-repeat;
    display: block;
}

.navi a:hover {
    background-position:0 -8px;
}

.navi a.active {
    background-position:0 -16px;
}

#promo-info {
    clear:left;
    padding-top: 20px;
}

#promo-info div {
    margin-left: 10px;
    padding: 0px;
}
#promo-info div.box {
    float:left;
    width: 310px;
    height: 280px;
    overflow: hidden;
}

#promo-info div.box .box-content {
    padding: 0px 10px;
}
#promo-info div.box .youtube {
    padding: 0;
}

#promo-info div.box .box-content>.featured {
    padding-right: 10px;
    margin-left: 20px;
    display: inline-block;
}

#promo-info div.box .box-content>.featured img {
    float: left;
}
#promo-info div.box .box-content>.featured2 {
    padding-right:10px;
    margin-bottom: 30px;
    display: inline-block;
}
#promo-info div.box .box-content>.featured2 p.name{
    margin: 0 0 0 20px;
    font-size: 14px;
    display: block;
    font-weight: 600;
    padding:0px;
}
#promo-info div.box .box-content>.featured2 .feature-desc{
    padding: 5px 10px 0 20px;
}
#promo-info div.box .box-content>.featured2 p{
    margin: 0;
    font-size: 14px;
    display: inline;
}
#promo-info div.box .box-content>.featured2 .feature-desc a{
    text-decoration: none;
    display: inline;
    font-size: 14px;
    margin-left: 5px;
    font-weight: 600;
    color:#0089CC;
}

#promo-info div.box .box-content>h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
}

#promo-info div#box-col2>h3 {
    padding: 0px 30px 5px 30px;
    font-weight: 600;
    font-size: 22px;
    color: #0089cc;
    display: inline-block;
    margin: 10px 0 10px -10px;
}

#promo-info div#box-col2>h3>a {
    color: #0089cc;
    text-decoration: none;
    margin-left:-10px;
}
#promo-info div#box-col2>.box-content {
    padding: 0px;
}

#promo-info div#box-col2>h3>a:hover {
    text-decoration: underline;
}

#promo-info div:first-child {
    margin-left: 0;
}

#promo-info>.box>img {
    width: 310px;
    margin-bottom: 15px;
}

#promo-info>div>div {
    margin-left: 0;
    padding-top: 10px;
}

/*front-page-boxes start*/

#front-page-boxes{
    height:560px;
    width:auto;
}

#front-page-boxes .box2{
   width:318px;
   height:305px;
   padding: 0px 30px 0 30px;
   float: left;
   display:inline;
}
.videos-row .box2{
      width:310px;
      height:170px;
      padding: 0 50px 0 0;
      float: left;
      display:inline;
}

#front-page-boxes .box2 .box-content{
    float:left;
    clear:both;
}

#front-page-boxes .box2 .learn-more{
    float:left;
    clear:both;

}

a.learn-more-3rd-box{
    margin-left:10px;
    text-decoration:none;
    cursor: pointer;
}
#front-page-boxes .box2 .learn-more a{
    text-decoration:none;
    cursor: pointer;
}

#front-page-boxes .box2 h3{
    color: #222222;
    font-size: 27px;
    font-weight: 600;
    margin: 0 0 15px 0;
	letter-spacing:-1px;
}

.addStyles{
    border-left-color: #e1e1e1;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #e1e1e1;
    border-right-style: solid;
    border-right-width: 1px;
}
#top-boxes-gradient{
    min-height: 8px;
    padding: 0px;
    margin-bottom: 30px;
}




.youtube {
    float: left;
    margin-bottom: 20px;
    width: 310px;
    position: relative;
	border-radius:3px;
}

#support .youtube.mini {
    width: 150px;
    margin-left: 50px;
    margin-bottom: 40px;
    padding-bottom: 0px;
    background: transparent;
}

#support .youtube.mini.first-child {
    margin-left: 0;
}

#support div.quarters {
    margin-right: 6px;
    float: left;
    width: 230px;
    height: 170px;
    padding: 0;
    cursor: pointer;
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    background: transparent;
}
#support .quarters>a {
    display: block;
}

.info {
    padding: 5px;
}

#tour div.last-child {
    margin-right: 0;
}

#tour #try-it-now {
    display: block;
    float: right;
    margin-top: -20px;
}

#rightPromo .youtube {
    width: 309px;
    margin-left: 0;
    margin-right: 10px;
    border: 1px solid #ffffff;
    padding-bottom: 0;
}

#rightPromo .youtube .thumb {
    border: 1px solid #ffffff;
    box-shadow: 0 0 1px #555555;
    width: 150px;
    margin-top: -14px;
}

#be-inspired div.youtube:first-child {
    margin-left: 0;
}
*html #be-inspired div.first-child {
    margin-left: 0;
}

div.youtube.mini h3 {
    font-size: 14px;
    padding: 3px 3px 8px;
    text-align: center;
    white-space: no-wrap;
}

div.youtube h3 {
    margin: 0;
    margin-top: 5px;
	font-size:14px;
	line-height:16px;
}

div.youtube.mini .thumbWrapper {
    height: 84px;
}

div.youtube .thumbWrapper {
    display: block;
    margin:0;
	padding:5px;
	border:1px solid #ccc;
	background-color:#fff;
	border-radius:3px;
	box-shadow: 0 0 3px #DDDDDD;

}
.videos-row div.youtube .thumbWrapper{
    display: block;
    margin:0;
	padding:0px;
	border:0;
	border-radius:0;
}

div.youtube .thumbWrapperMiddle{
    display: block;
    margin:0;
    /*padding:5px;*/
    border-radius:3px;
}

#promo-info div.youtube .thumbWrapper {
    box-shadow: none;
    border: none;

}

#rightPromo div.youtube .thumbWrapper {
    height: 84px;
    float:left;
    border:none;
    margin-left: -1px;
}

#youtube-wall div.youtube .thumbWrapper {
}


#promo-info div.youtube .thumb {
    margin-top: 0px;
}

div.youtube.mini .thumb {
    width: 150px;
    margin-top: -14px;
}

div.youtube .thumb {
    width: 310px;
    margin-top:0;
    border:0;
}

.youtube.mini a .play {
    left: 40px;
    top: 40px;
}

.youtube a .play {
    display: block;
    position: absolute;

    top: 50px;
    left: 123px;
    opacity: .7;
    background-image: url('../gfx/play.png');
    width: 78px;
    height: 78px;
}
.video-theme .youtube a .play{
      display: block;
      position: absolute;

      top: 50px;
      left: 123px;
      opacity: .7;
      background-image: url('../gfx/play.png');
      width: 78px;
      height: 78px;
  }
}

#rightPromo div.youtube a .play {
    top: 26px;
    left: 57px;
    background-image: url('../gfx/play_icon_small.png');
    width: 40px;
    height: 41px;
}

#rightPromo div.youtube .info {
    float:right;
    width: 140px;
    padding-top: 5px;
}
#rightPromo div.youtube .info h3 {
    font-size: 12px;
    font-family: "Lucida Grande", Arial, sans-serif;
    text-shadow: none;
}


.youtube a:hover .play {
    opacity: 1;
}

.box>.youtube, .box>.youtube>a, .box>.youtube>a>span {
    overflow:hidden;
    -moz-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
}

.box {
    overflow:hidden;
    background-color:#F9F9F9;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 3px #888888;
    -webkit-box-shadow: 0 0 3px #888888;
    box-shadow: 0 0 3px #888888;
    background-color:#ffffff;
    padding: 10px;
}
   /*'About' or 'Related links' section*/
.left-column{
    margin-left: 75px !important;
    min-height: 530px !important;
}

.left-column h1{
    font-size: 36px;
    font-weight: 200;
    margin: 15px 0 45px;
}

.banner-related-links{
    background-color: #0089CC;
    height: 95px;
    opacity: 0.97;
    top:91px;
}

.banner-sub-menu {
    background-color: #0089CC;
    height: 50px;
    position: relative;
    top: -3px;
}

h1.about-header{
    color: #f3f3f3;
    font-size: 60px;
    font-weight: 700;
    left: 70px;
    letter-spacing: -2px;
    padding: 37px 0 0;
    position: relative;
    text-shadow: none;
}

#mobile h1 {
	margin:15px 0 45px !important;
}

#about-us, #careers, #contact, #news, #press, #team, #terms, #policy{
    margin-top: 100px;
}

.related-links{
    top: 283px;
    width: 210px;
    margin-left: 11px;
    padding-bottom: 15px;
}
.related-links h3{
    font-size: 30px;
    font-weight: 300;
    margin: 5px 10px 15px;
    color:#000000;
}

.related-links ul{
    margin: 0 0 0 30px !important;
}

.related-links ul li{
    margin-bottom: 5px;
}

.related-links ul li.selected a{
    color: #000000 !important;
}
.related-links ul li a:hover{
    color: #000000 !important;
    text-decoration: none !important;
}

/*'About' or 'Related links' section end*/
.box.triple {
    width: 950px;
}

#newsfeed {
    padding-top: 20px;
}

#newsfeed a {
    color: #555555;
}

#newsfeed-scroller {
    width: 800px;
    float: left;
    height:30px;
}

#newsfeed .items {
    width: 800px;
    height: 20000em;
}

#newsfeed-scroller .items div {
    width: 800px;
    height:30px;
}

#newsfeed-label {
    float: left;
    margin-right: 10px;
}

hr {
    /*display:block;*/
    /*height: 0px;*/
    /*color: #555555;*/
    /*border: none;*/
    /*border-top: 1px solid #555555;*/
    /*border-bottom: 1px solid #555555;*/
    /*margin-top:  40px;*/
    /*margin-bottom:  20px;*/
    /*clear: both;*/

    margin: 60px 0 15px 0;
    border: 0;
    border-bottom: 1px solid #ccc;
    width: 1140px;
    margin-left: -90px;
}


.te_close_link {visibility:hidden;}

#signup-packages {
    /*color:#000000;*/
    float: left;
    font-size: 12px;
    /*width: 680px;*/
	margin-top: 50px;
}

#choose-product-page .package-info {
    float: left;
    width: 100px;
    margin-left: 10px;
}
#signup-packages .package-info{
    float: left;
    width: 235px;
}
#students.package-info, #plus.package-info, #business.package-info{
    box-shadow: 0 0 2px #A6E1EB;
    -moz-box-shadow: 0 0 2px #A6E1EB;
    -webkit-box-shadow: 0 0 2px #A6E1EB;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border:1px solid #A6E1EB;

    background: rgb(168, 228, 243);
    background-color: transparent;
    background-color: rgba(168, 228, 243, 0.25);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#55a8e4f3, endColorstr=#55a8e4f3);

	padding-bottom:14px;
}

#signup-packages .disablePackage {
    opacity: 0.5;
}
#packagetype-select.package-info{
    width:120px;
    float:left;
}


.pricing-tabs .price-tab, .pricing-tabs .price-tab-active{
    font-size:12px;
    height:60px;
    padding-top: 7px;
    border:1px solid #c9c9c9;
    -moz-box-shadow: 0 0 2px #c9c9c9;
    -webkit-box-shadow: 0 0 2px #c9c9c9;
    box-shadow: 0 0 2px #c9c9c9;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    -webkit-border-top-left-radius: 16px;
    -webkit-border-top-right-radius: 16px;
    -moz-border-radius-topleft: 16px;
    -moz-border-radius-topright: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    width:298px;
    background-color: #ffffff;
}

.pricing-tabs .middle-tab{
    margin:0 24px;
}
.pricing-tabs .price-tab-active{
    height:70px;
    width:315px;
    background-color: inherit;
    -moz-box-shadow: 0 0 5px #99968A;
    -webkit-box-shadow: 0 0 5px #99968A;
    box-shadow: 0 0 5px #99968A;
}


.pricing-tabs .price-tab-active a {
    color: #555555;
    font-size: 26px;
    cursor: pointer;
    float: left;
    text-decoration: none;
}
.pricing-tabs .price-tab a {
    color:#0089cc;
    font-size: 26px;
    cursor: pointer;
    font-weight: 300;
    text-decoration: none;
}

.pricing-tabs .price-tab .header {
    float: left;
    padding: 15px 0 0 95px;
    text-align: left;
}

.pricing-tabs .price-tab .header:hover{
    color:#005580;
}

.pricing-tabs .price-tab-active a span.header{
    color: #333333;
    float: right;
    font-weight: 600;
    height: 56px;
    margin-left: 0;
    padding: 7px 0 0 95px;
    position: relative;
    text-align: left;
    top: 18px;
    width: 220px;
    background-color: #F3F3F3;
	text-shadow: 1px 1px 0 #fff;
}


#selfRegisterationFormWrapper{
    text-align: center;
}


#signup-packages .package-info .box {
    position: relative;
    padding: 0px;
    background:none;
    border-radius:0;
    border:none;
    box-shadow:none;
    /*width: 133px;*/
    text-align: center;
    font-size: 16px;
}

#products-panel{
    border-top: 2px solid #C9C9C9;
    clear: both;
    margin-top: -1px;
    margin-top: -7px\9;
    padding-top: 20px;
    width: 965px;
}
#criterions{
    float: left;
    height: 1px;
    width:250px;
    font-weight: 600;
    font-size: 16px;
}

#criterions .contentSection,
#package-info-header .contentSection {
	margin-top:0;
}

.criterions-body{
    background-color: #f3f3f3;
    /*width: 616px;*/
}

#criterions .criterion{
    color: #333333;
    font-size: 17px;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    padding-left: 30px;
    /*width: 196px;*/
}

.criterion.odd{
    background-color: #f3f3f3 !important;
}

.criterion.even{
    /*background-color: #ffffff !important;*/
    width: 935px !important;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}

.box .contentSection ul li.liEven{
    /*background-color: #dee7d0 !important;*/
    color: #333333;
    font-size: 15px;
    height: 50px;
    line-height: 65px;
    /*padding-left: 30px;*/
    /*width: 196px;*/
}

.box .contentSection ul li {
	line-height:45px;
}

.criterions-header{
    /*margin-top: 105px;*/
    padding:0;
}
span.loud{
    display: block;
    font-size: 30px;
    font-weight: 600;
    padding: 5px 0 25px;
    text-align: center;
}

p.packageInfoTierType{
    color: #333333;
    font-size: 22px;
    font-weight: 400;
}

#package-info-header a:hover {
	color:#fff;
}

#package-info-header{
    height:160px;
    /*background-color:#c9daad;*/
    text-align: center;
    padding: 15px 0 0;
}

#package-info-header.bigger{
    background-color: #a0be6e;
    height: 95px;
    margin-top: -13px;
    padding-top: 23px;
}

#signup-packages .package-info .price {
    /*padding: 7px 0;*/
    font-weight: 600;
}

#signup-packages .package-info .price .product-monthly-price{
    display: block;
    color: #333333;
    font-size: 17px;
    font-weight: 700;
    height: 50px;
    line-height: 55px;
    /*border-bottom: 1px solid #B6BEB6 !important;*/
    /*border-top: 1px solid #B6BEB6 !important;*/
}


/*#plus.package-info .box .price .product-monthly-price {*/
/*}*/

.criterions-monthly-header{
    color: #333333;
    font-size: 17px;
    height: 55px;
    line-height: 55px;
    padding-left: 30px;
    border-bottom: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    width: 927px !important;
	font-weight:700;

}
#signup-packages .package-info .price .product-yearly-price {
    display: block;
    color: #333333;
    font-size: 17px;
    font-weight: 700;
    height: 50px;
    line-height: 60px;
    /*border-bottom: 1px solid #B6BEB6;*/
}

.criterions-yearly-header{
    color: #333333;
    font-size: 17px;
    height: 50px;
    line-height: 50px;
    padding-left: 30px;
    border-bottom: 1px solid #ddd !important;
    width: 927px !important;
	font-weight: 700;

}

.plusOrStd-monthly{
    background-color: #b1daee;
}
.plusOrStd-yearly{
    background-color: #80c2e4;
}

#color-footer{
    background-color: #C8DAAC;
    height:15px;
}

#color-footer.long{
    background-color: #A0BE6E;
    height:25px;
}

p.star-explained{
    clear: both;
    display: block;
    margin-left: 30px;
    padding-top: 25px;
    margin-bottom:25px;
    font-size:12px;
}
#gradient-delimiter{
	/*
    clear: both;
    display: block;
    min-height: 8px;
    padding: 0px;
    background: #d7d7d7;
    background: -moz-radial-gradient(center, ellipse cover, #d7d7d7 0%, #d7d7d7 20%, #f3f3f3 78%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#d7d7d7), color-stop(20%,#d7d7d7), color-stop(78%,#f3f3f3));
    background: -webkit-radial-gradient(center, ellipse cover, #d7d7d7 0%,#d7d7d7 20%,#f3f3f3 78%);
    background: -o-radial-gradient(center, ellipse cover, #d7d7d7 0%,#d7d7d7 20%,#f3f3f3 78%);
    background: -ms-radial-gradient(center, ellipse cover, #d7d7d7 0%,#d7d7d7 20%,#f3f3f3 78%);
    background: radial-gradient(ellipse at center, #d7d7d7 0%,#d7d7d7 20%,#f3f3f3 78%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#f3f3f3',GradientType=1 );*/
	border-top:1px solid #ccc;
}

.css-gradient-delimiter{
  clear: both;
      display: block;
      min-height: 8px;
      padding: 0px;
      background: #d7d7d7;
      background: -moz-radial-gradient(center, ellipse cover, #d7d7d7 0%, #d7d7d7 20%, #f3f3f3 78%);
      background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#d7d7d7), color-stop(20%,#d7d7d7), color-stop(78%,#f3f3f3));
      background: -webkit-radial-gradient(center, ellipse cover, #d7d7d7 0%,#d7d7d7 20%,#f3f3f3 78%);
      background: -o-radial-gradient(center, ellipse cover, #d7d7d7 0%,#d7d7d7 20%,#f3f3f3 78%);
      background: -ms-radial-gradient(center, ellipse cover, #d7d7d7 0%,#d7d7d7 20%,#f3f3f3 78%);
      background: radial-gradient(ellipse at center, #d7d7d7 0%,#d7d7d7 20%,#f3f3f3 78%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#f3f3f3',GradientType=1 );
}

.separator{
    background: url("../gfx/separator.png") no-repeat scroll 0 0 transparent;
    height:40px;
}
.sections-wrapper .separator, #products-panel .separator{
    margin-left: -95px;
    width: 1140px;
}
.sections-wrapper .separator{
    margin-bottom:-30px;
}
#all-plans-offer{
    clear: both;
    margin-top: 20px;
    height:265px;
}

#all-plans-offer h1{
    color: #333333;
    display: block;
    font-size: 24px;
    font-weight: 400;
    left: 30px;
    position: relative;
    top: 10px;
}

#offert-items{
    margin: 20px 0 0 115px;
}

#offert-items .contentSection {
    margin: 0 125px 0 0;
    width: 240px;
}

#offert-items table tr td{
    width:250px;
	vertical-align:top;
}
#offert-items ul{
    color: #333333;
    font-size: 13px;
    font-weight: 400;
}
#offert-items ul li{
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 14px;
    color:#333333;
}

#signup-packages .package-info .price span{
    font-size: 10px;
    font-weight: 500;
    position: relative;
    top: -3px;
}

#free .price {
    /*background-color: #eecfcb;*/
}

#plus .price {
    /* background-color: #e2ebee;*/
}

#ultra .price {
    /*background-color: #cdcdcd;*/
}

#commercial .price {
    /* background-color: #e1e1e1;*/
}

#signup-packages .button {
    margin-bottom: 0;
    width: 185px;
}

#signup-packages #commercial .button {
    font-size: 0.99em;
}

.button.free {
    background: -webkit-linear-gradient(top, #FDF2F1, #CE9E9D);
    background: -moz-linear-gradient(top, #FDF2F1, #CE9E9D);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDF2F1', endColorstr='#CE9E9D');
    color: #78100C;
}

.button.free:hover {
    background: -webkit-linear-gradient(top, #FFF8F7, #D4A4A3);
    background: -moz-linear-gradient(top, #FFF8F7, #D4A4A3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF8F7', endColorstr='#D4A4A3');
}

.button.free:active {
    background: -webkit-linear-gradient(top, #CE9E9D, #FDF2F1);
    background: -moz-linear-gradient(top, #CE9E9D, #FDF2F1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CE9E9D', endColorstr='#FDF2F1');
}

.button.free .arrow {
    background-image:url('../gfx/btn_arrow_free.png');
}

#get-free-app {
    background: none;
    border: 0;
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}
#get-free-app:hover, #google-drive:hover {
    opacity: 0.8;
}

.button.plus, .button.action, .button.signup, .button.ok, .button.try {
    background: -webkit-linear-gradient(top, #EDEFF0, #94BFC7);
    background: -moz-linear-gradient(top, #EDEFF0, #94BFC7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEFF0', endColorstr='#94BFC7');
}

.button2.signup2{
}

.button.plus:hover, .button.students:hover, .button.business:hover, .button.action:hover, .button.signup:hover, .button.ok:hover, .button.try:hover {
    background: -webkit-linear-gradient(top, #F3F5F6, #9AC5CD);
    background: -moz-linear-gradient(top, #F3F5F6, #9AC5CD);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F5F6', endColorstr='#9AC5CD');
}

.button.plus:active, .button.students:active, .button.business:active, .button.action:hover, .button.signup:active, .button.ok:active, .button.try:active {
    background: -webkit-linear-gradient(top, #94BFC7, #EDEFF0);
    background: -moz-linear-gradient(top, #94BFC7, #EDEFF0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94BFC7', endColorstr='#EDEFF0');
}

.button.plus .arrow, .button.action .arrow, .button.signup .arrow, .button.ok .arrow {
    background-image:url('../gfx/btn_arrow_plus.png');
}

.button.try .arrow {
    background-image:url('../gfx/try_free_arrow.png');
}

.button.ultra .arrow, .button.commercial .arrow {
    background-image:url('../gfx/btn_arrow_pro.png');
}

#choose-product-page .package-info input {
    margin-right: 5px;
}

#choose-product-page .package-info .choose-period input {
    float: left;
    clear: left;
}

#choose-product-page .package-info .choose-period label {
    float: left;
}

#account-setup-page {
    font-size: 14px;
    width: auto;
    padding: 25px 30px 25px 45px;
    display: inline-block;
    text-align: left;
    margin:70px auto 179px auto;
    background-color:#fff;
    border-radius:5px;
    box-shadow: 0 0 10px #4674AD;
    background: rgb(255, 255, 255);
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88dddddd, endColorstr=#99dddddd);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99dddddd, endColorstr=#99dddddd)";
}

#sign-in-social{
    float: left;
    width:auto;
}

#account-setup-page h3 {
    padding-top: 20px;
}

#social {
    padding-top: 10px;
}

#social ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#social .signinWeVideo {
    position: relative;
}

.socialButton {
    margin-bottom: 7px;
    /*width: 182px;*/
}

.socialButton a {
    text-decoration: none;
}

.socialButton a:hover {
	opacity:0.8;
}

.socialButton img {
    vertical-align: middle;
}

#vertical-or {
    display: inline;
    float: left;
    height: 100px;
    margin-left:22px;
}

#top-or{
    border-right: 1px solid #888888;
	box-shadow: 1px 0 0 #BBD4F1;
    height: 55px;
    margin: 11px 0 10px;
}
p.or-text2{
    color: #333333;
    font-size: 24px;
    font-weight: 300;
    left: 12px;
    position: relative;
    text-shadow: 1px 1px 1px #FFFFFF;
}
#bottom-or{
    border-right: 1px solid #888888;
	box-shadow: 1px 0 0 #BBD4F1;
    height: 137px;
    margin: 15px 0 0;
}

#account-setup-form {
    float: right;
    margin: 0 0 30px 50px;
    padding: 0;
/*    width: 290px;*/
}

#account-setup {
    margin-top: 6px;
}

#account-type-selected {
    padding-top: 0px;
    /*padding-bottom: 25px;
    width:500px;*/
}

#account-setup-page h1,
#sign-in-page h1 {
    color: #333333;
    font-size: 40px;
    font-weight: 300;
    display: inline;
}

#account-type-selected-text {
    position: relative;
    left:0px;
    display: inline;
    padding: 7px;
    /*-moz-border-radius: 7px;*/
    /*-webkit-border-radius: 7px;*/
    /*border-radius: 7px;*/
    border:0;
    font-size: 24px;
    font-weight: 600;
}

#account-setup label {
    font-weight: bold;
    margin-top: 5px;
    display: block;
}


#account-setup .col input {
    font-size: 14px;
    height: 35px;
    width: 210px;
    margin-top: 3px;
	margin-bottom: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-left: 7px;
	border:1px solid #ccc;
	font-weight:300;
	color:#555555;
}

#account-setup button.large {
    font-size: 16px;
    width: auto;
    margin-top: 10px;
    border: 0 none;
    font-family: 'Open Sans';
}

#account-setup .col input {
    width: 220px\9;		/* IE-7 & IE-8 */
    padding-top: 6px\9;	/* IE-7 & IE-8 */
    height: 25px\9;		/* IE-7 & IE-8 */
}

#account-setup .error {
    background-color:#e60000;
	opacity:0.7;
}
#account-setup .errorMsg {
    color: #fff;
    display: block;
    font-size: 10px;
   /* height: 14px;*/
    margin: -2px 0 2px 8px;
    padding: 0 0 0 8px;
    width: 185px;
}

*html #account-setup .errorMsg {
    width: 280px;
    height: 21px;
}

#terms-newsletter{
    display: block;
    clear:both;
	font-size:11px;
	text-shadow: 1px 1px 0px #f3f3f3;
	text-align:center;
}

#terms-newsletter a{
    color:#0089CC;
    text-decoration: none;
    text-shadow: 1px 1px 0px #f3f3f3;
}

#terms-newsletter a:hover{
    color:#005580;
}
.col {
    /*float: left;*/
    margin-right: 10px;
    width: 230px;
}

.read-more {
    margin-top: 10px;
}

#row-1 .col {
}

#row-3-left {
    padding-left: 0;
}

#row-3-right {
    padding: 10px 50px 0 50px;
    width: 530px;
}

#social-icons {
    text-align: center;
    margin-top: 20px;
}

#account-setup #btnSubmit {
    float: left;
    margin-left: 98px;
    font-family: 'Open Sans';
    font-weight: 500;
    margin-top: 20px;
	font-size:16px;
	text-shadow:1px 1px 0 #666;
}

#social-connect .icon img {
    margin-left: 14px;
    vertical-align: middle;
}

#social-connect .icon:first-child img {
    margin-left: 3px;
}

#terms-newsletter label {
    display: block;
    margin-top: 10px;
}

.rightColumn {
    float: right;
    width: 310px;
    margin-left: 10px;
    margin-top: -3px;
}

.rightColumn h3 {
    /*font-family: museo-slab, serif;*/
    text-shadow: #fff 1px 1px 1px;
    font-weight: 500;
    font-size: 16px;
}

.wf-loading .rightColumn h3 {visibility: hidden;}

.rightColumn  #get-started-promo .button {
    position: relative;
    top: 175px;
    left: 15px;
}

#get-started-promo img {
    margin-top: -30px;
}

#explore-page #interests {
    float: left;
    width: 310px;
    margin-right: 10px;
    padding-top: 40px;
}

#youtube-wall {
    width: 800px;
    /*float: left;*/
    height: 500px;
    font-size: 12px;
}

#youtube-wall .items {
    padding-left: 5px;
}

#youtube-wall-left, #youtube-wall-right {
    width: 115px;
    height: 500px;
    float: left;
    background-image: url('../gfx/arrow_lft.png');
    background-repeat: no-repeat;
    background-position: 50% 140px;
	margin-right:50px;
}

#youtube-wall-right {
    float: right;
    background-image: url('../gfx/arrow_rig.png');
}

#youtube-wall-left.disabled, #youtube-wall-right.disabled {
    opacity: .3;
}

#youtube-wall .youtube {
    width: 230px;
	height:240px;
	margin-right:25px;
}

#youtube-wall .youtube .thumb{
    width: 220px;
    margin-top: 0;
}

#youtube-wall .youtube .play {
    top: 28px;
    left: 78px;
}

#youtube-wall .youtube:first-child {
    margin-left: 0;
}

#youtube-wall-categories {
    margin-left: 120px;
    font-size: 14px;
}

#youtube-wall-categories ul {
    float: left;
    list-style: none;
    padding: 0;
    width: 240px;
    margin-top: 10px;
}

#youtube-wall-categories ul li {
    margin-bottom: 5px;
}

#youtube-wall-below {
    width: 950px;
    height: 100px;
    background-image: url('../gfx/arrow_dwn.png');
    background-position: 50% 40px;
    background-repeat: no-repeat;
    clear: both;
    text-align: center;
    font-size: 14px;
}

#next-category {
    color: #555555;
    text-decoration: none;
}

#youtube-wall-below span {
    color: #0089CC;
    text-decoration: underline;
}


.youtube-wall-page {
    width: 910px;
    padding-left: 1px;
}

.scrollable{
    /* required settings */
    position:relative;
    overflow:hidden;
}

.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

.items div {
    float:left;
}

#sign-in-page #intro h1{
    color: #333333;
    font-size: 40px;
    font-weight: 300;
}
#sign-in-page #intro h3, #account-type-selected h3, #forgotten-password-form h3{
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    margin-top: -5px;
    text-shadow: 1px 1px 1px #f3f3f3;
}

#forgotten-password-form{
  display:none;
}
#account-type-selected h3{
    margin-top:-15px;
}
#forgotten-password-form h3{
    line-height: 17px;
    margin: 0 0 10px 3px;
}

#account-type-selected h3 a, #sign-in-page #intro a{
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 900;
    text-decoration: none;
    text-shadow: 1px 1px 1px #325060;
}


hr.before-or, hr.after-or{
    border-bottom: 1px solid #BBD4F1;
    border-top: 1px solid #888888;
    display: inline;
    float: left;
    margin: 18px 3px 26px;
    width: 98px;
}
p.or-text{
    color: #333333;
    display: inline;
    float: left;
    font-size: 24px;
    font-weight: 300;
    margin: 5px 15px;
    text-shadow: 1px 1px 1px #FFFFFF;
}

#intro-pricing{
    /*float: right;*/
    /*font-size: 16px;*/
    /*margin-top: 25px;*/
    /*width: 290px;*/
    font-size: 12px;
}
#intro-pricing h1{
    margin-bottom: 0;
}

.offer{
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    height: 160px;
    padding: 0 30px;
    margin-top: 15px;
}
a.tier-offer{
    color:#0089CC;
    text-decoration:none;
}
a.tier-offer:hover{
    color:#005580;
}


#explore-content h1 {
    font-weight: 300;
    font-size: 22px;
}

#explore-content h2 {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 5px;
}

#explore-content img {
    border: 1px solid #ffffff;
    box-shadow: 0 0 1px #555555;
    margin-left: -1px;
    margin-right: -1px;
}

#interests div {
    width: 300px;
    height: 100px;
    background-image: url('../gfx/explore_category.png');
    background-repeat: no-repeat;
    margin-left: -1px;
    padding-left: 10px;
    padding-top: 5px;
    font-size: 12px;
}

#interests div.selected {
    background-image: url('../gfx/explore_selected_category.png');
}

#interests img {
    margin-top: 5px;
    display: block;
    border: 1px solid #ffffff;
    box-shadow: 0 0 1px #555555;
}

#interests div a {
    text-decoration: none;
}

#interests div:hover a {
    text-decoration: underline;
}

#interests div.selected a {
    color: #555555;
}

#row-1 {
    margin-top: 20px;
}

#row-2 {
    margin-top: 20px;
}

#row-2-left {
    float: left;
    width: 400px;
    padding: 0 40px 0 40px;
}

#row-3 .read-more {
    display: none;
}


#row-4-youtube {
    margin-top: 20px;
}

#row-1 div.first-child, #row-4 div.first-child {
    margin-left: 0px;
}

#row-2 #row-2-left img {
    width: 455px;
}

#row-2 #row-2-right {
    width: 455px;
    float: right;
}

.column {
    width: 310px;
    padding-left: 10px;
    float: left;
}

.column.double {
    width: 600px;
    padding-left: 10px;
}

#facebook {
    padding-left: 0;
    margin-bottom: 20px;
}

.column h2 {
    margin-top: 0;
}

.two-column-content {
    width: 600px;
}

.two-column-content img {
    border: 1px solid #ffffff;
    box-shadow: 0 0 1px #555555;
    margin-left: -1px;
    margin-right: -1px;
}

.two-column-content table {
    width: 600px;
}

.two-column-content table tr td {
    padding-bottom: 25px;
}

.two-column-content table tr td:first-child{
    padding-right: 10px;
}


.box ul,.box .contentSection ul, .criterions-body .contentSection ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.criterions-body .contentSection div, .box .contentSection div{
    padding:0 !important;
}

.box .contentSection ul li{
    /*color: #333333;*/
    font-size: 16px;
    height: 50px;
    line-height: 65px;
    /*padding-left: 30px;*/
    /*width: 196px;*/
}
.box .contentSection ul li img{
    border:0;
    margin: 25px 0;;
}

#plus .box .contentSection ul li, #students .box .contentSection ul li, #business .box .contentSection ul li{
    /*background-color: #a0be6e;*/
}

.box ul li.selected a {
    color: #555555;
    text-decoration: none;
}

#account-setup #package-info {
    padding-top: 25px;
}

.fb-like-box {
    background-color: white;
    box-shadow: 0 0 1px #555555;
}

#slider-video-link {
    display: block;
    border:none;
    float:none;
    padding: 0;
    margin: 0;
    top: -280px;
    left: 580px;
    background: none;
}

#slider-video-link a {
    display: block;
    width: 290px;
    height: 240px;
}

#slider-video-link .play {
    top: 79px;
    left: 105px;
}

/*
	Support form
*/
#support #support-options-wrapper {
    margin-bottom: 50px;
}

#support h2#support-options {
    margin-bottom: 5px;
    text-align: center;
}

#support h1 {
	text-align: left;
	font-weight: 700;
	font-size: 40px;
	background: transparent;
	color: #444;
	padding-top: 50px;
	letter-spacing: -1px;
	text-shadow: 1px 1px 0 #fff;
}

#support hr {
    margin: 5px;
}

#support>#tutorials, #support>#faq {
    margin-bottom: 30px;
}

#support>#faq .contentSection>h2:first-child {
    margin-top: 10px;
}

#support>#faq .contentSection>h1 {
    font-size: 22px;
}

#support>#faq .contentSection>h2 {
    font-size: 28px;
    font-weight: 600;
    margin-top: 20px;
    cursor: pointer;
}
#support>#faq .contentSection>h3 {
    font-size: 14px;
    cursor: pointer;
    margin-left: 10px;
}
#support>#faq .contentSection>h3:hover, #support>#faq .contentSection>h2:hover {
    text-decoration: underline;
}

#support>#faq .contentSection>.faq-content {
    margin-left: 20px;
}

/* OLD STUFF
#support #support-search {
	float: right;
}

#support label, #site-feedback label {
	font-weight: bold;
	display: inline-block;
	margin-top: 10px;
}

#support-form, #site-feedback {
	width: 600px;
}

#support-form input, #site-feedback input {
	width: 600px;
}

#support-form  textarea, #feedback-form textarea {
	width: 600px;
	height: 100px;
}

#support-form #support-form-left {
	float: left;
}
#support-form #support-form-right {
	float: right;
}
#support-form #support-form-left input, #support-form #support-form-right input {
	width: 280px;
}

#support-form #btnSubmit, #feedback-form #btnSubmit {
	float: right;
	margin-top: 10px;
}
*/
/* END SUPPORT FORM */

#plus, #ultra, #commercial {
    /*    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: .5;   */
}

#participate img {
    margin-top: -58px;
}

#news-and-press-release ul {
    list-style: none;
    padding-left: 0;
}

#news-and-press-release ul li {
    padding-bottom: 25px;
}

#news-and-press-release ul li a {
    display: block;
    padding: 5px 0 5px 0;
}

#news-and-press-release ul li .quote {
    font-style: italic;
}

.rightColumn #news li{
    padding-top: 10px;
}

.rightColumn #news li:first-child {
    padding-top: 0;
}

#snapshot-promo .button {
    position: relative;
    top: -61px;
    left: 55px;
    font-size: 20px;
    line-height: 34px;
}

#snapshot .column {
    float:left;
}

#snapshot div:first-child {
    padding-left: 0;
}

#snapshot #why-the-cloud div:first-child {
    float: right;
    padding-left: 10px;
    width: 620px;
}

#snapshot .column img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#snapshot .column .try-it-now {
    margin-left: 81px;
    margin-bottom: 17px;
}

/*
    UPGRADE
*/
#billing {
    float: left;
    margin-right: 8px;
}

#upgrade-form .box {
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0 0 1px #888;
    -webkit-box-shadow: 0 0 1px#888;
    box-shadow: 0 0 1px #888;
    padding-bottom: 20px;
}

#payment-details {
    clear: left;
    margin-top: 8px;
    width:608px;
}

#payment-details .button {
    margin-top: 10px;
}

#paymentinfo {
    float: left;
    width: 299px;
}

#paymentinfo .chargePrice {
    color: #53727a;
}

#paymentinfo .content {
    background-color: #eaf9fc;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0 0 1px #888;
    -webkit-box-shadow: 0 0 1px#888;
    box-shadow: 0 0 1px #888;
    padding: 10px;
}

#note {
    width: 300px;
    float: right;

}

#note .content {
    background-color: #fffcee;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0 0 1px #888;
    -webkit-box-shadow: 0 0 1px#888;
    box-shadow: 0 0 1px #888;
    padding: 10px;
}

#extras .header {
    font-weight: bold;
    font-size: 0.8em;
}

#extras .header .formField {
    padding-top:1px;
}

#extras .extra {
    clear:left;
    background-color: #f7f7f7;
}

#extras .label {
    padding-top:1px;
    width: 130px;
    float:left;
    height:30px;
}

#extras .amount {
    padding-top:1px;
    width: 50px;
    float:left;
    height:30px;
}

#extras .formField {
    width: 30px;
    float:left;
    height:30px;
}

#extras .formField input{
    padding:0;
    border: #888 solid 1px;
}

#extras .price {
    padding-top:1px;
    text-align: right;
    width: 70px;
    float:left;
    height:30px;
}

#sign-in-page {
    width: 285px;
    padding: 10px 0 25px 25px;
    margin: 70px auto 242px auto;
	background-color:#fff;
	border-radius:5px;
    box-shadow: 0 0 10px #4674AD;
    background: rgb(255, 255, 255);
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88dddddd, endColorstr=#99dddddd);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99dddddd, endColorstr=#99dddddd)";
}

#sign-in-page #sign-in-form {
    margin-top:18px;
	margin-bottom:0;
}

#sign-in-page div.col {
    width: 285px;
    margin-right: 0;
	margin-left:25px;
}

#sign-in-page div.col:first-child {
    margin-left: 0;
}

#sign-in-page div.col input {
    font-size: 14px;
    height: 35px;
    margin-top: 0px;
    width: 210px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:0;
    padding-left: 7px;
	border:1px solid #ccc;
	font-weight:300;
	color:#555555;
}

#sign-in-page button.large {
    font-size: 16px;
    width: auto;
    border: 0 none;
    font-family: 'Open Sans';
	padding:7px 20px;
}

#forgotten-password-form button.large{
    margin-left:157px;
}

#forgotten-password-form hr {
    border-bottom: 1px solid #BBD4F1;
    border-top: 1px solid #888888;
    margin: 25px 3px;
    width: 256px;
}


#sign-in-page #sign-in-submit {
    float: right;
    margin: 25px 50px 0 0;
    font-family: 'Open Sans';
}
button.sign-in-submit, button.sign-up-submit, button.sign-in-submit-forgot{
    padding: 7px 20px;
    font-family: 'Open Sans';
    font-weight: 500;
	font-size:16px;
}
button.sign-in-submit-forgot{
    margin-left: 157px;
}

#sign-in-page #feedback {
    margin-top: 36px;
    clear: both;
    padding: 5px;
    width:260px;
}

#sign-in-page #feedback.error {
    background-color: #E60000;
    opacity: 0.7;
    color: #FFFFFF;
    margin: 25px 0 0 4px;
    width: 245px;
}

#sign-in-page #forgot-password {
    float: left;
    font-size: 11px;
    margin-left: 33px;
    margin-top: -13px;
    text-shadow: 1px 1px 0px #f3f3f3;
}
#sign-in-page #forgot-password a{
    text-decoration: none;
	color:#444;
}

#sign-in-page #forgotten-password-form {
    clear: both;
    padding-top: 1px;
    width: 270px;
	margin-bottom:0;
	text-shadow: 1px 1px 1px #f3f3f3;
}

#sign-in-page #forgotten-password-form .col {
    padding-top: 15px;
    padding-bottom: 15px;
    float: none;
	margin-left:25px;
}

#sign-in-page .captioned-divider {
    clear: left;
}

#sign-in-page .captioned-divider * {
    clear: none;
    float: left;
}

#sign-in-page .captioned-divider hr.right {
    width: 55px;
}

#sign-in-page .captioned-divider span {
    width: 50px;
    padding-left: 10px;
    padding-top: 12px;
    font-size: 14px;
    font-weight: bold;
}

#sign-in-page #social-sign-in a {
    display: block;
    margin-left: 25px;
    padding-bottom: 7px;
    width: 210px;
}
#sign-in-page #social-sign-in a:hover{
    opacity: 0.8;
}
#sign-in-page .captioned-divider hr.left {
    width: 285px;
}


/*################ SUBMENU #########################*/

#mainTitle {
    text-align:left;
    /*font-family: "museo-slab-1","museo-slab-2",serif;*/
    font-weight: 700;
    font-size: 40px;
    background:transparent;
    color: #444;
    padding-top: 90px;
    padding-bottom: 30px;
	letter-spacing: -1px;
	text-shadow:1px 1px 0 #fff;
}

#subMenuContentWrapper {
    border-top:#e1e1e1 solid 1px;
    padding-top: 4px;
    float:left;
}

#subMenuContainer>#subMenu {
    width:304px;
    float:left;
    border-top:#e1e1e1 solid 1px;
    padding-top: 4px;
    border-right:#e1e1e1 solid 1px;
    margin-right: -1px;
}

/*To keep the header "transparent"*/
#subMenuContentWrapper {
    background: #f3f3f3;
}

#subMenuContentWrapper {
    color: #555555;
}
#subMenu{
    color: #555555;
    width:500px;
}
#subMenu.pricing-tabs{
    width:965px;
}

/*Overview section start*/

.video-theme {
    left: 579px;
    position: relative;
    top: -262px;
    display: inline-block;
}

.overview-top {
	background-color:#0089cc;
	margin-top:-1px;
}

.overview-top h1{
    font-weight:800;
    font-size:50px;
    margin:40px auto 20px auto;
    text-align:center;
    color:#000000;
}
.overview-top img{
    border:0;
}

.overview-items h1,
.overview-items h3,
.overview-items h4 {
	width:550px;
}

.sections-wrapper h1,
.sections-wrapper h4 {
	width:600px;
}

.overview-items h1{
    color: #000000;
    font-size: 42px;
    font-weight: 600;
    line-height: 42px;
    margin: 100px 0 2px;
	letter-spacing:-2px;
	text-shadow: 1px 1px 0 #fff;
}

.sections-wrapper h1{
     color: #000000;
     font-size: 31px;
     font-weight: 600;
     line-height: 37px;
     margin: 50px 0 2px;
 	letter-spacing:-1px;
 }

.overview-item-even h1{
    position:relative;
    left: 450px;
}
.solution-page-section-item-odd h1{
   position:relative;
   left: 480px;
}

.solution-page-section-item ol,
.solution-page-section-item ul {
	width:600px;
}

.overview-items h3{
    color: #444;
    font-size: 24px;
    font-weight: 300;
    line-height: 28px;
    margin: 0;
}

.overview-item-even h3{
    position:relative;
    left: 450px;
}

.overview-items h4{
    color: #444;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin: 20px 0 5px;
}

.sections-wrapper h4{
   color: #444;
   font-size: 15px;
   font-weight: 400;
   line-height: 22px;
   margin: 5px 0 5px;
}

.overview-item-even h4{
    position:relative;
    left: 450px;
}
.solution-page-section-item-odd h4{
    position:relative;
    left: 480px;
}

.overview-item-odd img{
    left: 570px;
    margin-bottom: -170px;
    position: relative;
    top: -220px;
}

.solution-page-section-item-even img{
    left: 560px;
    margin-bottom: -108px;
    position: relative;
    top: -186px;
}

.overview-item-even img{
    left: 0;
    margin-bottom: -170px;
    position: relative;
    top: -220px;
}
.solution-page-section-item-odd img{
    left: 0;
    margin-bottom: -93px;
    position: relative;
    top: -186px;
}
a.try-it-now-top{
    background-color: #5DA630;
    display: block;
    height: 40px;
    left: 330px;
    margin-bottom: -60px;
    position: relative;
    top: -60px;
    width: 220px;
    opacity:0;
    filter: alpha(opacity=0);
}
a.watch-a-movie{
    background-color: #ececec;
    display: block;
    height: 40px;
    left: 585px;
    margin-bottom: -60px;
    position: relative;
    top: -40px;
    width: 220px;
     opacity:0;
     filter: alpha(opacity=0);
}

a.watch-theme-video{
    background: url("../gfx/play.png") no-repeat;
    display: block;
    height: 77px;
    left: 115px;
    margin-bottom: -60px;
    position: relative;
    top: 11px;
    width: 80px;
    opacity:0.7;
}

a.watch-theme-video:hover{
    opacity:1;
}

.try-it-now-bottom{
  margin: 20px auto 30px;
  text-align: center;
}

/*Overview section end*/

.blue-menu-wrapper{
    background-color: #0089CC;
    /*margin-top: -1px;*/
    margin-top:91px;
    height:50px;
}

ul.blue-menu{
    list-style: none;
    position:relative;
    left:25px;
}
ul.blue-menu li{
    color: #FFFFFF;
    display: inline;
    float: left;
    height: 40px;
    margin-right: 25px;
	margin:5px;
    text-shadow: 1px 1px 1px #888;
	padding:0 10px;
}
ul.blue-menu li.selected{
/*    background-image: url('../gfx/blue-menu-selected.png');
    background-repeat: no-repeat;
    background-position: center bottom;*/
	background-color:#33A1D6;
	font-weight:600;
	  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

ul.blue-menu li:hover {
	background-color:#33A1D6;
	  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

ul.blue-menu li a{
    text-decoration:none;
    cursor:pointer;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #325060;
    line-height: 40px;
}

h1.solutions-panel-h1{
    color: #222222;
    font-size: 48px;
    font-weight: 600;
    letter-spacing: -2px;
    margin: 100px 0 55px;
}

ul.solutions-panel-items{
     list-style: none;
}
li.solutions-panel-item{
    display: inline;
    float: left;
    height: 200px;
    margin: 0 50px 70px 0;
    width: 275px;
	border-right: 1px solid #ccc;
	padding-right: 20px;
}

.solutions-panel-item .attached-image-wrapper{
    height: 110px;
    width: 270px;
    overflow:hidden;
}
.solutions-panel-item h3{
    line-height: 24px;
    margin: 10px 0 0;
}
.solutions-panel-item h3 a{
  color: #333;
  font-size: 22px;
  font-weight: 400;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
}
.solutions-panel-item h3 a:hover{
    color:#666;
}

.solutions-panel-item p{
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 0;
}

.hero-section{
    height:370px;
    margin-top: 50px;
}

/********* solutions-page start**********/

.hero-buttons{
       left: 75px;
       position: relative;
       top: -100px;
	   display: inline;
}

.hero-quote{
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url("../gfx/quote.png");
    background-origin: padding-box;
    background-position: 0 31px;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline;
    float: left;
    margin-left: -40px;
    margin-right: 50px;
    width: 650px;
}
.hero-quote p{
   color: #777;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    margin-left: 39px;
	font-style:italic;
}
.hero-quote span{
    color: #000000;
    display: block;
    font-size: 18px;
    font-style: italic;
    margin: 15px 0 5px;
}

.goto-princing-page{
    height: 40px;
    padding-top: 15px;
    text-align: center;
    width: 280px;
    float:right;
    display:inline;
    background-color:#fff;
	border:1px solid #e1e1e1;
	border-top:none;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
	color:#0089CC;
}
 .hero-bottom a{
    text-decoration:none;
    color:#000;
    font-style:normal;
    font-weight: 600;
}
.videos-wrapper{
    width: 600px;
    margin:30px 0 40px 0;
}

.videos-intro{
    display:block;
    clear:both;
}
.videos-row{
     margin:30px auto 0 auto;
     height: 170px;
     width: 1140px;
}

.videos-wrapper h1{
    color: #333333;
    font-size: 31px;
    font-weight: 600;
    letter-spacing: -1px;
    margin: 0;
	line-height:42px;
}
.videos-wrapper h4{
     font-size: 15px;
     font-weight: 500;
     line-height: 22px;
	 margin-top:5px;
}

.solution-page-section-item ul,
#terms ul {
	margin:10px 0 10px 30px;
}

/********* solutions-page end**********/



#subMenuContent.features {
    min-height:520px;
}
#subMenuContent.features>.contentDocument>.contentSection>table {
    background-color: #FFFFFF;
}

#subMenuContent.business {
    min-height: 310px;
}

#subMenuContent {
    border-left:#e1e1e1 solid 1px;
    padding-left:50px;
    padding-right:50px;
    padding-top:23px;
    padding-bottom:23px;
    width:544px;
    min-height:450px;
}
#subMenuContent>h1 {
    font-size: 28px;
    font-weight: 400;
    margin-top: 0;
	letter-spacing:-1px;
}

#subMenuContent>div#description {
    padding-bottom: 30px;
}

/*#################### SUBMENU IMAGE COMMON #####################*/
#subMenu .menuLine {
    font-size:12px;
    border-bottom:#e1e1e1 solid 1px;
    height:70px;
    /*width:300px;*/
}

#signup-packages #subMenu .menuLine {
    font-size:12px;
    height:45px;
    padding-top: 7px;
    -moz-box-shadow: 0 0 2px #999;
    -webkit-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
    background-color: #ffffff;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	margin-right:10px;
}

#subMenuContainer #subMenu .menuLine .header {
    float: right;
    font-weight: 700;
    margin-top: 16px;
    text-align: left;
}
#signup-packages #subMenu .menuLine .header {
    float: right;
    font-weight: 600;
    padding: 7px 0 0 25px;
    text-align: left;
}

#subMenu .menuLine .description {
    float: right;
   /* height: 17px;*/
    overflow: hidden;
    text-align: left;
    font-size:12px;
}

#subMenu .subMenu_images .menuLine .header, #subMenu .subMenu_images.menuLine .description {
    font-family: Arial;
    color: #555555;
}

#subMenu .menuLine img {
    margin:0px;
    float:left;
    width: 70px;
}

#subMenu .active {
    background-color:#FFFFFF;
    cursor:pointer;
}

#signup-packages #subMenu .active a span.header{
    background-color: #FFFFFF;
    color: #0089CC;
    position: relative;
    height: 40px;
}

#subMenu .menuLine a {
    text-decoration:none;
    cursor:pointer;
    color:#555555;
    float:left;
}

#subMenu  .active .header {
    color: #555555;
}

#subMenu  .inactive  {
    color: #F2F2F2;
}

#subMenu  .inactive  .header {
    color: #0089CC;
}

/*################ SUBMENU ICONS #########################*/

.subMenuIcons #subMenu .menuLine .header {
    width: 230px;
}

* html .subMenuIcons #subMenu .menuLine .header {
    width:220px;
}

.subMenuIcons #subMenu .menuLine .description {
    width: 230px;
}

* html .subMenuIcons #subMenu .menuLine .description {
    width:220px;
}

.subMenuIcons #subMenu .menuLine .header {
    font-size: 18px;
}
a.backToPlans{
    display: block;
    margin-top: 4px;
    text-decoration: none;
    font-size:14px;
    text-shadow: 1px 1px 0px #FFFFFF;
}
#btn_1_homepage_slide {
    display: block;
    height: 45px;
    left: 62px;
    position: relative;
    top: -111px;
    width: 183px;
        background-color:#5da630;
        opacity:0;
        filter: alpha(opacity=0);
}

#btn_2_homepage_slide {
    display: block;
    height: 43px;
    left: 639px;
    position: relative;
    top: -128px;
    width: 151px;
        background-color:#5da630;
        opacity:0;
        filter: alpha(opacity=0);
}
#btn_2-1_homepage_slide {
    display: block;
    height: 43px;
    left: 820px;
    position: relative;
    top: -172px;
    width: 130px;
        background-color:#5da630;
        opacity:0;
        filter: alpha(opacity=0);
}
#btn_3_homepage_slide {
    display: inline-block;
    width: 136px;
    height:45px;
    position: relative;
    top: -175px;
    left: 195px;
        background-color:#5da630;
        opacity:0;
        filter: alpha(opacity=0);
}
#btn_4_homepage_slide {
    display: inline-block;
    width: 136px;
    height:45px;
    position: relative;
    top: -175px;
    left: 210px;
        background-color:#5da630;
        opacity:0;
        filter: alpha(opacity=0);
}

.overview-item-odd .offset1 {
  margin-left: 50px;
  *margin-left: 50px;
}

.android-ios{
    margin-top: 165px;
}

.android-ios .contentSection h3{
    font-size:15px;
    font-family: 'Open Sans';
    line-height:22px;
    text-align:left;
    color:#444444;
    font-weight:400;
    width: 425px;
}
.android-ios .contentSection > img{
    margin-left:-30px;
}

.android-ios a.contentLink{
    margin: 0 0 0 135px;
}
.android-ios .youtube a.contentLink{
    margin: 0;
}
.android-ios .youtube a .play{
    left: 170px;
    top: 82px;
}

.android-ios .youtube img{
 	max-width:none;
}

.android-ios .left-column{
    border-right: 1px solid #e1e1e1;
    margin-right: 50px;
    width: 480px;
}

.about-us-video, .careers-video{
    width:650px;
}

.about-us-video a .play, .careers-video a .play{
    left: 290px;
    top: 150px;
}

.contentSection p {
    width: 600px;
    margin-bottom: 25px;
}