/********************** RESET **********************/

  * {
    -moz-box-sizing     : border-box;
    -webkit-box-sizing  : border-box;
    box-sizing          : border-box;
    padding             : 0px;
    margin              : 0px;
  } 

  html, body, div, span, iframe,
  h1, h2, h3, p, a, em, img, strong,
  sub, sup, ol, ul, li, form, label,
  table, tbody, thead, tr, th, td, input{
    margin              : 0;
    padding             : 0;
    border              : 0;
    outline             : 0;
    font-weight         : inherit;
    font-style          : inherit;
    font-size           : 100%;
    font-family         : inherit;
    vertical-align      : baseline;
  }

  :focus {
    outline             : 0;
  }

  body {
    line-height         : 1;
    background          : #FFFFFF;
    font-size           : 12px;
    line-height         : 16px;
    color               : #323232;
    font-family         : "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif;
    overflow-y          : scroll;
  }

  ol, ul {
    list-style          : none;
  }

  /****** tables still need 'cellspacing="0"' in the markup ******/
  table {
    border-collapse     : separate;
    border-spacing      : 0;
  }

  caption, th, td {
    text-align          : left;
    font-weight         : normal;
  }

  blockquote:before, blockquote:after,
  q:before, q:after {
    content             : "";
  }

  blockquote, q {
    quotes              : "" "";
  }

  strong{
    font-weight         : bold;
  }
  
  em{
    font-style:italic;
  }

  dl {
    margin:10px 0;
  }
  dt {
    float: left;
    clear: left;
    width: 100px;
  }
  dd {
    margin: 0 0 10px 100px;
  }


/********************** RESET END **********************/

/********************** MAIN **********************/

  #main{
    margin: 0 auto;
    width: 1000px;
    padding-bottom: 100px;
    position:relative;
    z-index: 11;
  }
    
  .overlay{
    position            : fixed;
    display             : none;
    background-color    : White;
    width               : 100%;
    height              : 100%;
    top                 : 0px;
    left                : 1px;
    z-index             : 220;
    opacity             : 0.5;
    filter              : alpha(opacity=50);
  }
  
  #overlay {
    position            : fixed;
    display             : none;
    background-color    : White;
    width               : 100%;
    height              : 100%;
    top                 : 0px;
    left                : 1px;
    z-index             : 20;
    opacity             : 0.5;
    filter              : alpha(opacity=50);
  }

  #head{
    border-bottom: 1px solid #ccc;
    height: 74px;
    margin: 15px 0 2px 0;
    position: relative;
    top:0;
    left:0;
    width:100%;
  }

  #logo{
    margin-left: 0px;
    margin-top: 15px;
  }

  * html #head a{
    position:relative;
  }

  * html #head a #logo{
    position:absolute;
  }
  
  p{
    line-height: 16px;
    /*text-align: justify;*/
    margin-top:2px;
    margin-bottom:8px;
  }
  
  .unselectable *:not(input) {
   -ms-user-select: none;
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
  }
  
  .selectable {
   -ms-user-select: text;
   -moz-user-select: text;
   -khtml-user-select: text;
   -webkit-user-select: initial;
   user-select: text;
  }

  a, .a, .pagecontent a.download_btn{
    cursor: pointer;
    text-decoration: none;
    color: #323232;
  }
  
  .webuicontent{
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*width: 100%;*/
    float: none;
    font-size: 12px;
    margin: 20px 0 30px 1px;
  }
  
  p a, .pagecontent a, .webuicontent a{
    color:#447bc8;
    text-decoration: none;
  }

  p a, .pagecontent a:hover, .webuicontent a:hover{
    text-decoration: underline;
  }

  h1, h2, h3, h4, h5{
    color: #517cba; 
    font-family: "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
  }

  h1{
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 25px;
  }

  h1.message{
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 25px;
    font-weight: bold;
  }

  h2, h3{
    /*font-size: 20px;
    line-height: 30px;
    margin-top: 12px;
    margin-bottom: 5px;*/
    font-size: 22px;
    line-height: 30px;
    margin: 20px 0 6px;
  }
  h2 {
    color: #888;
  }

  h4, .h4{
    font-size: 13px;
    font-weight: bold;
    color: #888;
    line-height: 20px;
    margin-bottom: 12px;
    margin-bottom: 10px;
    font-family: "Segoe UI", "Myriad Pro", Arial;
  }

  h5 {
    font-size: 17px;
    line-height: 22px;
    font-style: italic;
    font-weight: normal;
    margin: 0 0 20px;
    color: #000;
  }
  
  /* Misc */
.notify{
  background-color:#ffc;
  border:1px solid #eeb;
}

.error{
  background-color:#FED4D4;
  border:1px solid #FFAAA1;
}

.note{
  color:#666;
  font-size:11px;
}

.genInfoBox{
  border: 1px solid #ddd;
  background-color: #fafafa;
  padding: 10px;
}

.msg_success{
  background-color:#cfc;
  border:1px solid #4b4;
  padding:6px;
}

.msg_error{
  background-color:#ffc;
  border:1px solid #fc3;
  padding:6px;
}

a.download_btn {
  width: 200px;
  display: block;
}

/**
*  Infoboxes
*/
#serviceNotification{
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  background-color: #FFFFCC; 
  font-size: 12px;
  line-height: 13px;
  margin: 1px 4px 7px 6px;
  padding: 8px;
  border: 1px solid #FA1919;
}

#updateBookmarkNotification {
  position:absolute;
  text-align: center;
  width: 400px;
  background-color: lightYellow;
  left: 50%;
  margin-left: -200px;
  top: -5px;
  line-height: 30px;
  border: 1px solid #E6DB55;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  display:none;
  z-index:30;
}

#updateBookmarkNotification a {
  color: blue;
  text-decoration: underline;
}

.userNotification {
  position:absolute;
  text-align: center;
  width: 600px;
  background-color: lightYellow;
  left: 50%;
  margin-left: -107px;
  width: 100%;
  top: -70px;
  line-height: 30px;
  border: 1px solid #E6DB55;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  display:none;
  z-index:30;
  padding-right:20px;
  -moz-box-shadow:0px 2px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow:0px 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow:0px 2px 10px rgba(0, 0, 0, 0.5);
}

#userNotification {
  position:absolute;
  text-align: center;
  color:transparent;
  width: 100%;
  top: -70px;
  line-height: 30px;
  display:none;
  z-index:30;
  padding-right:20px;
}

#userNotificationBG{
  position: absolute;
  opacity: 0.5;
  z-index: 0;
  background-color: #000;
  top: 0;
  width: 100%;
  height: 100%;
}
#userNotificationMsg{
  padding-right:20px;
  color: #FFFFFF;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}


#userNotification a, .userNotification a {
  color: blue;
  text-decoration: underline;
}

#lblDriveLocked_info {
  top: 5px;
  right: 135px;
  left: auto;
  width: 150px;
  height: 63px;
  line-height: 18px;
  text-align: left;
  padding: 0 10px;
}

#lblDriveLocked_info.expanded {
  /*top: 100px;
  width: 500px;
  height: 430px;
  left: 50%;
  margin-left: -250px;*/
  line-height: 18px;
  font-size: 13px;
  text-align: left;
  padding: 15px 15px;
}

#lblDriveLocked_info.expanded h1 {
  color: black;
}

#lblDriveLocked_info.expanded h4 {
  font-size: 15px;
  color: black;
}

#lblDriveLocked_info.expanded dt {
  width: 20px;
}

#lblDriveLocked_info.expanded dd {
  margin-left: 20px;
}

#checkOutWebDesktopNotification {
  position:absolute;
  text-align: center;
  width: 400px;
  background-color: #e2ffc3;
  left: 50%;
  margin-left: -200px;
  top: -5px;
  line-height: 30px;
  border: 1px solid #8DFF1F;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  display:none;
  z-index:30;
}

#checkOutWebDesktopNotification a{
  color: blue;
  text-decoration: underline;
}

#brandingLogo {
  display:none;
  position:absolute;
  top:-10px;
  right:5px;
  width:190px;
  height:45px;
}

/********************** MAIN END **********************/

/********************** LOGIN FORM POPUP **********************/

#loginFormHolder {
  position: absolute;
  top: 100px;
  left: 205px;
  border: 7px solid rgb(85, 85, 85);
  width: 590px;
  height: 400px;
  z-index: 99;
  background-color: rgb(255, 255, 255);
}

#loginFrame {
  position: absolute;
  top: 100px;
  left: 0;
  width: 200px;
}

#refer_loginForm , #premium_loginForm {
  width:150px;
  margin: 30px 0 0 70px;
}

#loginPopCloser {
  height:31px;
  width:100%;
  background-color:#EEE;
  position:absolute;
  bottom:0;
  left:0;
}

#altCreateAccount {
  display:none;
}

/********************** LOGIN FORM POPUP END **********************/

/********************** HEADER **********************/
  
  #inputs{
    position:absolute;
    top:15px;
    right:15px;
  }
  
  #signInOptions{
    color:#FFF;
    font-size:11px;
  }

  #signInOptions a{
    color:#FFF;
  }
 
  #signInOptions #keepBox{
    position:absolute;
    top:29px;
    left:2px;
  }
  
  #signInOptions #keepBox label:hover{
    text-decoration:underline;
  }
 
  #signInOptions #keepBox #keepLoggedIn{
    position: relative;
    top: 2px
  }
 
  #signInOptions #signup{
    position:absolute;
    top:30px;
    left:130px;
  }
 
  #signInOptions #forgotpwd{
    position:absolute;
    top:30px;
    right:2px;
  }

  #loggedin_info {
    position            : absolute;
    right               : 15px;
    top                 : 5px;
    color               : #FFF;
    width               : 260px;
  }

  #upgradeAccount a{
    color               : #FFF;
  }
  #upgradeAccount a:hover {
    text-decoration     : underline;
  }

  #login_submit {
    border:0;
    font-weight: bold;
    font-family: "Segoe UI", "Myriad Pro", Arial;
    width:65px;
    height: 25px;
    background-repeat: no-repeat;
    background-color:transparent;
    background-image:url('../images/butt_login.png?v=20120904');
    text-shadow: 0 0px 2px white;
    cursor:pointer;
    font-size:13px;
    line-height:22px;
  }
  
  .mac #login_submit {
    line-height:21px;
  }
  
  .ie9 #login_submit {
    padding-bottom: 2px;
  }

  .ff #login_submit {
    padding-bottom: 4px;
    line-height:21px;
  }

  .login_input {
    left: 0;
    top: 0px;
    background-color: #fff;
    padding: 4px 8px 4px 8px;
    border-radius: 2px;
    font-size: 11px;
    line-height: 15px;
    color: #000;
  }
  
  .ie9 .login_input {
    padding-bottom: 2px;
  }
  
  #lblFullName {
    font-size           : 13px; 
    font-family         : Sans-serif; 
    color               : #FFF;
    font-weight         : bold;
    width               : 150px;
    overflow            : hidden;
    text-overflow       : ellipsis;
    white-space         : nowrap;
  }

  #quotaTotal {
    width               : 184px; 
    border              : 1px solid #C8C8C8; 
    height              : 13px; 
    line-height         : 13px; 
    background-color    : #FFF;
    margin-top          : 4px;
  }

  #quotaFill{
    width               : 0; 
    height              : 11px; 
    line-height         : 13px; 
  }

  .blueFill {
    /*background          : -webkit-gradient(linear, left top, left bottom, from(#87CDE4), to(#83AFDC)) repeat scroll 0 0 #eee;
    background          : -o-linear-gradient(top, rgb(135,204,208),rgb(131,176,220));
    background          : -moz-linear-gradient(center top , #87CDE4, #83AFDC) repeat scroll 0 0 #eee;
    filter              : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF87CDE4, endColorstr=#FF83AFDC);
    -ms-filter          : "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF87CDE4', endColorstr='#FF83AFDC')";*/
    background-color    : #408BE7;
  }

  .redFill {
    /*background          : -webkit-gradient(linear, left top, left bottom, from(#DE5F5F), to(#DA3A3A)) repeat scroll 0 0 #eee;
    background          : -o-linear-gradient(top, rgb(222,94,94),rgb(218,59,59));
    background          : -moz-linear-gradient(center top , #DE5F5F, #DA3A3A) repeat scroll 0 0 #eee;
    filter              : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFDE5F5F, endColorstr=#FFDA3A3A);
    -ms-filter          : "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFDE5F5F', endColorstr='#FFDA3A3A')";*/
    background-color    : #DA3A3A;
  }

  #lblQuota {
    font-size           : 10px; 
    font-family         : Sans-serif; 
    font-weight         : normal; 
    color               : #FFF;
  }

  #diskLocked {
    display             : none; 
    width               : 150px; 
    border              : 1px solid #EAAFBF; 
    background-color    : #F7D7D7; 
    margin-left         : 10px; 
    margin-top          : 20px; 
    padding             : 5px;
  }

  #lblDriveLocked {
    position: absolute;
    top: 14px;
    right: 45px;
    text-align: center;
    width: 150px;
    color: black;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    display: none;
  }

  #lblAlert {
    font-size           : 11px; 
    font-weight         : bold; 
    line-height         : 21px; 
    font-family         : Sans-serif;
  }

  #lblAlertText {
    font-size           : 10px; 
    font-weight         : normal; 
    margin-right        : 10px; 
  }

  #linkLearnMore {
    color               : #317b9f; 
    margin-top          : 10px; 
    font-family         : Sans-serif; 
    font-size           : 10px; 
    font-weight         : normal;
  }

  #linkLearnMore a {
    color               : #317b9f; 
    text-decoration     : none;
  }


/********************** HEADER END **********************/




/********************** FRONT PAGE **********************/

  #top_header{
    height: 400px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    width: 1000px;
  }

  #top_header a{
    color:#FFF;
  }

  #top_header_message{
    position:absolute;
    font-size:28px;
    margin-top:35px;
    margin-left:30px;
  }

  #top_header_submessage{
    position: absolute;
    font-size: 28px;
    margin-top: 35px;
    margin-left: 120px;
    width:300px;
  }

  #top_header_minimessage{
    position: absolute;
    top: 85px;
    left: 30px;
    font-size: 36px;
  }
  
  #top_download{
    position: absolute;
    top: 288px;
    left: 28px;
    font-size: 30px;
  }
   
  #top_download_subtext {
    position: absolute;
    top: 320px;
    left: 30px;
    font-size: 10px;
    font-weight:bold;
    color:#FFF;
  }

  .textBlack {
    color:#000;
  }

  .textLightGrey {
    color:#CCC;
  }

  #information_boxes{
    height:110px;
  }

  .frontBoxHeader{
    height: 20px;
    border: 1px solid #7CAAD8;
    background: -moz-linear-gradient(center top , #DFF5FE, #ABD2EF) repeat scroll 0 0 #DFF5FE;
    background:-webkit-gradient(linear, left top, left bottom, from(#DFF5FE), to(#ABD2EF) ) repeat scroll 0 0 #DFF5FE;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffDFF5FE, endColorstr=#ffABD2EF);
    background-color: #DFF5FE;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 256px;
    color: #4e7599;
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
    font-family: "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 2px #fff;
    display:none;
  }

  .opera .frontBoxHeader{
    background-image:url('/styles/baby2.gradient.svg') !important;
  }

  .frontBoxLine{
    position:absolute;
    height:1px;
    overflow:hidden;
    width:266px;
    background-color:#fff;
    top:1px;
    left:1px;
  }

  .frontBoxLineArw{
    background-image: url('/images/fp/bubblearrow3.jpg');
    background-repeat: no-repeat;
    position: absolute;
    width: 15px;
    height: 9px;
    margin-top: 24px;
    margin-left: 10px;
  }
 
  .fp_infobox{
    height: 106px;
    width: 295px;
    position:absolute;
  }

  * html .fp_infobox{
    cursor:pointer;
  }

  .fp_infobox a{
    text-decoration:none;
  }

  .fp_infobox a .img{
    float: left;
    margin-top: 16px;
    margin-right: 10px;
  }

  .fp_infobox a h3{
    font-size: 13px;
    font-weight: bold;
    margin: 12px 0 0;
    display:none;
  }

  .fp_infobox a .desc{
    display: block;
    height: 70px;
    overflow: hidden;
    width: 190px;
    margin-top:33px;
  }

/********************** FRONT PAGE END **********************/




/********************** FOOTER **********************/

  #footer{
    /*border-top: 1px solid #ccc;*/
    color: #666;
    font-size: 10px;
    height: 110px;
    /*margin-top: 15px;
    padding-top: 8px;*/
    position:relative;
  }

  #footer a{
    color: #999;
    font-size:12px;
    line-height:17px;
  }

  #footer_links ol{
    float: left;
    padding: 0 5px 0 0;
    width: 135px;
  }

  .ol_header{
    color:#CCC;
    font-size:13px;
    margin-bottom:6px;
  }

  #footer_links{
    /*color:#443;
    float:left;
    width:605px;
    height:170px;
    position:absolute;*/
  }

  #footer_follow{
    position:absolute;
    top:20px;
    right:10px;
    width:255px;
  }

  .followLinks {
    float:right;
    margin-right:10px;
  }

  #footer_copy{
    position:absolute;
    right:20px;
    bottom:17px;
    color:#999;
    font-size:11px;
  }

/********************** FOOTER END **********************/


/********************** LANGUAGE BOX **********************/
  
  #lang_container{
    position:absolute;
    bottom:10px;
    left:20px;
    overflow: visible;
    height: 25px;
    width: 90px;
    display:none;
  }

  #lang_container a{
    margin-left:10px;
  }

  #language_option{
    cursor:pointer;
    color:#999;
    font-size:11px;
    position:relative;
  }

  #language_option span{
    font-size:12px;
    position:relative;
    top:-1px;
  }

  #language_box{
    display: none;
    background-color: #fff;
    border-color: #777 #AAA #777 #777;
    border-radius: 3px 3px 3px 3px;
    border-right: 1px solid #AAA;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    z-index: 20;
    width: 118px;
    padding: 0;
    margin-left: 0 !important;
    list-style-type: none;
    left: 90px;
    bottom:18px;
    -moz-box-shadow: 0 0 4px rgba(33, 33, 33, 0.3);
    -webkit-box-shadow: 0 0 4px rgba(33, 33, 33, 0.3);
    box-shadow: 0 0 4px rgba(33, 33, 33, 0.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }

  #language_box li{
    color:#000;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-top: 2px;
    position:relative;
    display:block;
    overflow:hidden;
    text-align:left;
    line-height:16px;
    border-top:1px solid transparent;
    cursor:pointer;
    font-size:11px;
  }

  * html #language_box li{
    border:0;
  }

  #language_box li {
    position:relative;
    display:block;
  }

  .selctedMenuItem{
    background:-moz-linear-gradient(center top , #6fa6de, #1e6cbb) repeat scroll 0 0 #6fa6de;
    background:-webkit-gradient(linear, left top, left bottom, from(#6fa6de), to(#1e6cbb) ) repeat scroll 0 0 #6fa6de;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff6fa6de, endColorstr=#ff1e6cbb);
    background-color: #6fa6de;
    border-top:1px solid #5594d2 !important;
    border-bottom:0;
    border-left:0;
    border-right:0;
  }

  * html .selctedMenuItem{
    zoom:1;
  }

  .opera .selctedMenuItem{
    background-image:url('/styles/confidence.gradient.svg') !important;
  }


  .selctedMenuItem{
    color:#fff !important;
    text-shadow:0 -1px 0 rgba(0,0,0,0.6);
  }

/********************** LANGUAGE BOX END **********************/


/********************** INFO PAGE **********************/

/**
* SUPPORT CHART
*/
.supportGOOD{
  border: 1px solid #3F9F41;
  background: -moz-linear-gradient(center top , #AAEF8D, #5BC63C) repeat scroll 0 0 #AAEF8D;
  background:-webkit-gradient(linear, left top, left bottom, from(#AAEF8D), to(#5BC63C) ) repeat scroll 0 0 #AAEF8D;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffAAEF8D, endColorstr=#ff5BC63C);
  background-color: #AAEF8D;
}

.supportOK{
  border: 1px solid #F2B100;
  background: -moz-linear-gradient(center top , #FFECA7, #FFDD55) repeat scroll 0 0 #FFECA7;
  background:-webkit-gradient(linear, left top, left bottom, from(#FFECA7), to(#FFDD55) ) repeat scroll 0 0 #FFECA7;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFECA7, endColorstr=#ffFFDD55);
  background-color: #FFECA7;
}

.supportNO{
  border: 1px solid #EA0606;
  background: -moz-linear-gradient(center top , #FDA6A6, #FB5858) repeat scroll 0 0 #FDA6A6;
  background:-webkit-gradient(linear, left top, left bottom, from(#FDA6A6), to(#FB5858) ) repeat scroll 0 0 #FDA6A6;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFDA6A6, endColorstr=#ffFB5858);
  background-color: #FDA6A6;
}

.supportNA{
  border: 1px solid #C3C3C3;
  background: -moz-linear-gradient(center top , #F7F7F7, #E4E4E4) repeat scroll 0 0 #F7F7F7;
  background:-webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#E4E4E4) ) repeat scroll 0 0 #F7F7F7;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffF7F7F7, endColorstr=#ffE4E4E4);
  background-color: #F7F7F7;
}

#supportChart, #audioSupportChart{
  border-spacing:2px;
}

#supportChart td{
  width:86px;
  height:35px;
  text-align:center;
  vertical-align:middle;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  position:relative;
}

#supportChart td.lastChartItem. #audioSupportChart td.lastChartItem{
  webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.chartGlowLine{
  position: absolute;
  height: 1px;
  overflow: hidden;
  width: 84px;
  background-color: white;
  top: 0;
  left: 1px;
}


/**
* AUDIO SUPPORT CHART
*/

#pqAudioSupport {
  background-color:#fff;
  height:244px;
  width:350px;
  position:absolute;
  top:0;
  left:-351px;
  z-index:10;
  border-radius:5px;
  border:1px solid #ccc;
  display:none;
}

#audioSupportChart{
  margin-left:15px;
}

#audioSupportChart .requireFlash{
  margin-top:4px;
}

#requireFlash{
  margin-bottom:-3px;
}

#audioSupportChart td{
  width:60px;
  height:25px;
  text-align:center;
  vertical-align:middle;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  position:relative;
}

#audioSupportChart .chartGlowLine{
  position: absolute;
  height: 1px;
  overflow: hidden;
  width: 60px;
  background-color: white;
  top: 0;
  left: 1px;
}


/**
* FEATURES OVERVIEW
*/


#pricingFP {
  height: auto !important;
  padding: 50px 0;
  color: #000;
}


#pricingTable {
  /*padding-top: 40px;*/
  text-align: center;
  width: 1130px;
  margin:0 auto;
}

.pricingPlan {
  position:relative;
  width:195px;
  height:380px;
  background:blue;
  border-radius:6px;
  margin:0 -10px 20px 0;
  display:inline-table;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  font-family: "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
  padding-right:10px;
  color:#fff;
}

#pricingPlanDuration {
  margin: 10px -10px 30px 0;
  color: #000;
}

#pricingPlanDiscountSplash {
  background-color: #eee;
  color: #444;
  border-radius: 8px;
  margin: 10px -10px 10px 0;
  padding: 10px;
  font-weight: bold;
  display: none;
  font-family:'Segoe UI', 'Myriad Pro', Helvetica, Arial, sans-serif;
  /*position: absolute;
  z-index: 2;
  top: -30px;
  margin-right: -100px;
  right: 19%;
  width: 300px;
  background-image: url('/images/splash2.png');
  background-size: cover;
  height: 147px;
  padding-top: 68px;
  color: #fff;
  text-shadow: #666 0px 0px 8px;
  font-size: 1.5em;*/
}

.middlePlan {
  border-radius:0;
}

.planRightOfStandard {
  padding-left:14px;
}

.standardPlan {
  height:410px;
  margin:0 -10px 0 -5px;
  position:relative;
  z-index:1;
  padding:0;
  top:-15px;
}

.planHeader {
  margin-top:20px;
  text-align:center;
  font-size:20px;
  font-weight:bold;
  white-space: nowrap;
}

.planSize {
  margin-top:8px;
  text-align:center;
  font-size:20px;
  font-weight:bold;
}

.planPrice {
  text-align:center;
  margin:40px 0 30px 0;
}

.planRegularPrice {
  margin: -26px 0 10px;
  text-decoration: line-through;
  display: none;
}

.planSize .account_reg {
  display: none;
}

.planRegularPrice.regPrice {
  display: block;
}
.planSize .regPrice {
  display: none;
}

.planSize span {
  font-size:12px;
  text-decoration: line-through;
  margin: 0 10px;
}

.planIncluded {
  height:15px;
  margin:5px 0 -20px 0;
  font-size:12px;
}

.standardPlan .planPrice{
  margin-top:55px;
}
.standardPlan .planRegularPrice{
  margin-top:-25px;
}

.priceNumber {
  font-size:45px;
  line-height:25px;
}

.longPrice {
  font-size: 35px;
}

.longerPrice {
  font-size: 35px;
}
.longestPrice {
  font-size: 25px;
}

.priceMonth {

}

.planFeatures {
  width:155px;
  margin:0 auto;
  font-size:12px;
  height:145px;
  text-align: left;
}

.planFeatures ul {
  margin:0 auto;
}

.planFeatures ul li {
  line-height:1em !important;
}

.planButton{
  width: 103px;
  margin: 20px auto 0 auto;
  background-color: #eee;
  color: #444;
  text-align: center;
  font-weight: bold;
  height: 35px;
  font-size: 15px;
  padding-top: 9px;
  border-radius: 8px;
}

.planButton.longtext {
  height: 45px;
  padding-top: 6px;
}

.enterprisePlan {
  display:none;
}

.enterprise .pricingPlan {
  width:190px;
}

.enterprise .enterprisePlan {
  display:inline-table;
}

.enterprise .consumerPlan {
  display:none !important;
}

.enterprise .planHeader .consumer {
  display:none;
}

#priceTargetContainer.priceTargetFixed {
  display:none;
}

#priceTargetContainer {
  display:inline-block;
  float: right;
}


.planHeader .enterprise {
  display:none;
}

.enterprise .planHeader .enterprise {
  display:inline;
}

#paymentIcons {
  height:24px;
  margin:0px 0 10px 0;
}

.enterprise #paymentIcons {
  margin-top:-5px;;
}

#invoiceText {
  margin-top:-6px;
  padding-bottom:5px;
}

.upgrade_spinner {
  display: none;
}

.upgrade_spinner img {
  margin-bottom: -5px;
}

#freePlan {
 background-color: #00A897;
 color: #FFF;
 padding: 12px 150px 10px 30px;
 width: 700px;
 margin: 0 auto;
 position: relative;
 top: -30px;
 z-index: 1;
 font-size: 12px;
 text-align: left;
}

#freePlanLink {
  position: absolute;
  right: 30px;
  top: 20px;
  text-decoration: underline;
  cursor: pointer;
}

/**
* Upgrade account
*/
#upgradeItemHolder {
  position:relative;
  left:8px;
  /*top:30px;
  width:850px;*/
}

.upgradeToText {
  margin-bottom:10px;
  visibility:hidden;
  white-space: nowrap;
}

.selected .upgradeToText {
  visibility:visible;
}

.upgradeSizeText {
  color:#ccc;
  font-size:30px;
  font-weight:bold;
  font-family: Arial,Helvetica;
  font-family: "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
}

.selected .upgradeSizeText {
  color:#000;
}

.upgradeSizeCheck {
  position:absolute;
  top:19px;
  left:10px;
  display:none;
}

.selected .upgradeSizeCheck {
  display:block;
}

.upgradeAccountItem {
  display:inline-block;
  cursor:pointer;
  height:50px;
  position:relative;
}

.upgradeSizeHolder {
  border-left:1px solid #ccc;
  padding-left:48px;
}

#upgradeDetails {
  background-color: #EEE;
  width: 740px;
  height: 250px;
  position: absolute;
  top: 180px;
  left: 40px;
  border-radius:5px;
}

#upgradeDetails {
  top:215px;
}

#paymentModelText {
  width:100%;
  font-weight:bold;
  font-size:16px;
  margin-top:15px;
}

#monthlyPriceHolder {
  position:absolute;
  top:80px;
  left:175px;
}

#yearlyPriceHolder {
  position:absolute;
  top:80px;
  right:125px;
}

#buyNowMonthly {
  position: absolute;
  top: 140px;
  left: 193px;
}

#buyNowYearly {
  position:absolute;
  top:140px;
  right:145px;
}

.upgradePrice {
  font-size:30px;
  font-weight:bold;
  width:220px;
}

.upgradeCurrency {
  margin-top:8px;
}

#monthlyRegular, #yearlyRegular {
  display:none;
  /*text-decoration: line-through;*/
}

#monthlyRequirement {
  position:absolute;
  bottom:15px;
  left:50px;
  font-size: 12px;
}

#upgradeSpinnerMonthly {
  position: absolute;
  top: 163px;
  left: 275px;
  display:none;
}

#upgradeSpinnerYearly {
  position: absolute;
  top: 163px;
  right: 227px;
  display:none;
}

#upgradeDetails #creditcards {
  position: relative;
  top: 229px;
  left: 4px;
}

#upgradeDetails #paypalLogo {
  position: relative;
  top: 228px;
  left: 10px;
}

/**
* Program list
*/
.program_list{
  list-style-type: none;
  padding:0;
  margin-bottom: 5px;
}

.program_list li{
  height: 60px;
}

.program_list img, .program_list span{
  float: left;
  margin: 10px;
  margin-top:0;
  width: 48px;
  height: 48px;
}

.program_list h3{
  margin-top: 2px;
  margin-bottom:0;
}

.program_list p{
  margin-top: 2px;
}


/**
* REGISTER
*/
.register_form{
  float: left;
  width: 350px;
  position: relative;
  margin-bottom: 20px;
}

* html .register_form{
  width: 340px !important;
}

.register_form .form_row {
  height: 48px;
}

.register_form label, .register_form input{
  display: block;
}


label a{
  color:#2B8CC0
}

.register_form div{
  width: 170px;
}

.register_form .gender{
  height: 25px;
  margin-right:16px;
  width:auto;
  float:left;
}

.register_form .gender_m label, .register_form .gender_f label, .register_form .gender_m input, .register_form .gender_f input{
  display: inline;
}

.register_form #username {
  text-transform:lowercase;
}

.register_form .username_check, .register_form .email_check{
  padding-top: 16px;
  width: auto;
  text-transform:lowercase;
}

.register_form .username_check div, .register_form .email_check div{
  white-space:nowrap;
  width: auto;
}

.register_form .username_check .available, .register_form .username_check .occupied, .register_form .username_check .illegal, .register_form .email_check .available, .register_form .email_check .occupied, .register_form .email_check .illegal{
  display: none;
  font-size:11px;
  padding: 5px;
  word-wrap: break-word;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.username_check div, .email_check div{
  -webkit-box-shadow  : 0px 1px 5px rgba(1, 1, 1, 0.5);
  -moz-box-shadow     : 0px 1px 5px rgba(1, 1, 1, 0.5);
  box-shadow          : 0px 1px 5px rgba(1, 1, 1, 0.5);
}

.username_check .available, .email_check .available{
  background: #e3f1e3;
}

.username_check .occupied, .email_check .occupied{
  background: #ff7376;
}

.register_form .username_check .illegal, .register_form .email_check .illegal{
  background: #ff7376;
}

.username_available, .email_available {
  color: #000000;
}
.username_illegal, .username_occupied, .email_illegal, .email_occupied {
  color: #000000;
}
.username_illegal {
  text-transform: none;
}
#userProfileUrl {
  font-weight: normal;
  margin-top: -5px;
  color: #000000;
}


* html .register_form .inputs{
  position:relative;
}

#registration_success .welcome_image{
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
}

#registration_success p a{
  position:relative;
  text-decoration:underline;
}

.register_form .errors{
  clear: both;
}

.register_form .errors li{
  display: none;
  color: #9d1319;
}

.antispam_policy p{
  font-size:11px;
}

#passwordShort{
  color:red;
}

/**
* Questions ans answers
*/

.qa{
  width: 450px;
  margin-top: -10px;
}

.qa dt{
  font-weight: bold;
  margin-top: 15px;
  margin-bottom:0;
  padding-bottom:0;
}

.qa dd{
  margin-top:0;
  padding-top:0;
  margin-bottom:40px;
}

.qa dd p{
  margin-top: 10px;
  margin-left:0px;
}

#faq_decoration{
  margin-top: 100px;
  float: right;
}

.faq_link{
  margin:0 4px -3px 0;
}

.faq_input{
  border:1px solid #bbb;
  color:#666;
  display:block;
  display:none;
  margin-left:20px;
  padding:4px;
  width:426px;
}

#faqSearchSubmit{
  margin-left: 10px;
  float: left;
}

.keywords{
  display:none;
}


#tutorial_list li{
  margin-bottom:10px;
}

#tutorial_list li img{
  margin-top:14px;
}

.pagecontent ol{
  list-style: decimal;
  padding-left: 20px;
  margin-bottom: 8px;
}

* html .pagecontent ol{
  padding-left: 26px;
}

.pagecontent ol li{
  padding-bottom: 6px;
  line-height: 18px;
}

.pagecontent ul{
  list-style: circle;
  padding-left: 20px;
  margin-bottom: 8px;
  max-width: 750px;
}

* html .pagecontent ul{
  padding-left: 26px;
}

.pagecontent ul li{
  padding-bottom: 6px;
  line-height: 18px;
}


/**
*  PRESS COVERAGE
*/

#presscoverage p{
  margin:0;
}

#presscoverage p a{
  font-size:11px;
  position:relative;
}
.pressDate{
  font-size:10px !important;
  padding:10px 0px 0px 0px !important;
  color:#999;
}

.pressSource{
  font-size:11px;
  line-height:16px;
  font-weight:bold;
}


/**
* PRESS KIT
*/
.presskit{
  padding:0 !important;
  margin:0 !important;
  list-style-type: none !important;
  display:block;
}

.presskit li{
  display: block;
  float: left;
  padding: 5px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.presskit li p{
  font-size: 11px;
  color: #777;
}

/* FORMS */
.form_row{
  margin-top:5px;
  padding:0 0 2px;
  width:auto;
}

.form_row .note{
  display:inline;
  color:#666;
  font-size:10px;
  font-weight:normal;
  padding:0;
  text-align:left;
  width:400px;
}

.form_row label{
  display:block;
  font-size:12px;
  line-height:16px;
}

#signupPage1 #eulaLabel {
  font-weight:normal;
  line-height:12px;
}

.ff #signupPage1 #eulaLabel {
  line-height:13px;
}

.input, .textarea{
  /*-webkit-transition: border linear .2s,box-shadow linear .2s;
  -moz-transition: border linear .2s,box-shadow linear .2s;
  transition: border linear .2s,box-shadow linear .2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 0 rgba(0,0,0,0.07);*/
  /*font-size:12px;
  padding:3px;*/
  padding: 4px 3px;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 11px;
  background-color: #fafafa;
  width:140px;
  line-height:15px;
  box-shadow: none;

  /*width: 140px;
  background-color: #eee;
  padding: 4px 8px 4px 8px;
  border-radius: 3px;
  font-size: 11px;
  line-height: 15px;
  color: #777;
  border:0;*/
}

.dmcaDesc {
  height:80px;
  width:400px;
}

div.incorrect{
  border-width: 1px;
  border-style: solid;
}

.incorrect{
  /*background-color:#FED4D4;*/
  border-color: red;
}

.asterisk{
  color: red;
  display: inline;
  left: 0;
  margin-top: 28px;
  position: relative;
  float: left;
  margin-right: 6px;
}

.asteriskSignup{
  color: red;
  display: inline;
  left: 0;
  margin-top: 23px;
  position: relative;
  float: left;
  margin-right: 6px;
  width: 8px !important;
  margin-left: -15px;
}

#demo_container{
  display:none;
}

.progressCell{
  float:left;
  width: 11.3px;
  background: -moz-linear-gradient(center top , #29C914, #336633) repeat scroll 0 0 #29C914;
  background:-webkit-gradient(linear, left top, left bottom, from(#29C914), to(#336633) ) repeat scroll 0 0 #29C914;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff29C914, endColorstr=#ff336633);
  background-color:#363;
  height:9px;
  border-top:1px solid #4FE63C;
}

.progressCellBig{
  float:left;
  width: 51px;
  background: -moz-linear-gradient(center top , #29C914, #336633) repeat scroll 0 0 #29C914;
  background:-webkit-gradient(linear, left top, left bottom, from(#29C914), to(#336633) ) repeat scroll 0 0 #29C914;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff29C914, endColorstr=#ff336633);
  background-color:#363;
  height:9px;
  border-top:1px solid #4FE63C;
}

#registerFeed{
  border: 1px solid #444;
  height: 10px;
  width: 102px;
}

.registerFinishedDo{
  float: left;
  height: 96px;
  margin-right: 10px;
  padding: 20px 10px;
  width: 170px;
  position:relative;
}

/* Ready related */
.iready_img{
  position:relative;
  width: 80px;
  height: 80px;
}

.iready_name{
  font-weight:bold;
  margin-top:4px;
  color:#000;
}

.iready_item{
  min-height:100px;
  overflow:auto;
  padding-bottom:4px;
  padding-top:4px;
  width:100%;
}

.iready_details{
  float:left;
  margin-left:12px;
  width:500px;
}

* html .iready_details{
  width:496px !important;
}

.iready_icon{
  width:75px;
  height:75px;
  margin-left:8px;
  margin-top:4px;
  padding:0;
  border:0;
  position:absolute;
}

.iready_icon_iosoverlay{
  background-image: url("/images/mask75.png");
  background-repeat: no-repeat;
  display: block;
  height: 80px;
  margin-left: 7px;
  position: absolute;
  width: 80px;
  z-index: 10;
  margin-top: 4px;
}

* html .iready_icon_iosoverlay{
  display:none;
}

.iready_developer{
  color:#888;
  font-size:11px;
}

.iready_desc{
  color:#444;
  font-size:11px;
  text-align:justify;
  width:440px;
  margin-top:5px;
  margin-bottom:8px;
}

/* Admin presscoverage */
#admin_press_coverage_inputs li{
  display: block;
  height: 25px;
}


#admin_press_coverage_inputs li label{
  display: block;
  float: left;
  width: 100px;
}

#admin_press_coverage_inputs li input[type="text"]{
  width: 600px;
}

.spaceOptions{
  width:965px;
  background-color:#F8F8F8;
  border:1px solid #D2D2D2;
  border-radius:5px;
  padding:20px 160px 20px 20px;
  position:relative;
  margin:10px 10px 10px 10px;
  font-family: "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
}

#referLoggedIn {
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
  display:none;
}

#inviteToText {
  position:absolute;
  top:7px;
  right: 180px;
  font-size:16px;
  font-weight:bold;
}

#inviteOptions {
  position:absolute;
  top:20px;
  right:20px;
  width:350px;
  height:50px;
  text-align:right;
}

.optionSubText {
  font-size:14px;
}

.ios .optionSubText {
  font-size:12px;
  font-family: Helvetica;
}

#referLinkHolder {
  position:absolute;
  top:64px;
  right: 20px;
  text-align:right;
}

#referLinkText {
  font-size:14px;
  font-weight:bold;
}

#referCopyLinkCont {
  position:absolute;
  top: 90px;
  right:20px;
  height:50px;
}

#referCopyLinkCont button {
  white-space: nowrap;
  width: 90px;
  padding: 0;
}


#linkCopied {
  position:absolute;
  top:62px;
  right:102px;
  border-radius:5px;
  padding:4px 6px;
  border:1px solid #E6DB55;
  font-size:11px;
  background-color:#FFFFE0;
  color:#3333CC;
  display:none;
}

/********************** INFO PAGE END **********************/


/********************** INFO PAGE SIDEBAR **********************/
.menuBox{
  float: right;
  width: 188px;
  min-height: 430px;
  margin: 60px 0;
  border-left: 1px solid #CCC;
  padding: 0px 0 0 10px;
}

* html .menuBox{
  height: 330px;
  position:relative;
}

.menuBox ul{
  margin-bottom: 10px;
  padding-bottom: 20px;
  width: 178px;
}

* html .menuBox ul{
  position:relative;
}

.menuBox ul li{
  border-bottom:1px solid #eee;
  color:#232323;
  cursor:pointer;
  font-size:12px;
  line-height:22px;
  margin-bottom:0;
  position:relative;
}

.menuBox ul li a{
  padding: 3px 0 3px 22px;
}

.menuBox ul li div{
  padding: 3px 6px;
}

.menuBox ul li:hover:not(.menuNotSelectable){
  background-color:rgba(33, 66, 99, 0.1);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.menuBox ul li a{
  display:block;
}

.menuBox .menuHeader{
  line-height:22px;
  background-color:#447bc8 !important;
  border-bottom: 1px solid transparent !important;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 6px;
  color:#FFF;
  cursor:default !important;
}

#navigateSelector {
  position: absolute;
  top: -39px;
  right: 20px;
  display:none;
  z-index:1;
  border:0;
  background-color:#eee;
}

#headerLinks {
		position: absolute;
		top: 10px;
		left: 704px;
}

#header_links {
  position            : absolute;
  top                 : 10px;
  left                : 380px;
}

#header_links a {
}

.menuHeader .frontBoxLine{
  top: 0;
  left: 0;
  width: 198px;
}

.opera .menuBox .menuHeader{
  background-image:url('/styles/baby2.gradient.svg') !important;
}

.menuItemSelected{
  background-color:#000 !important;
  border-bottom: 1px solid transparent !important;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.menuItemOutMenu{
  background-image: url('/images/outofmenu2.png');
  background-repeat: no-repeat;
  background-position: 176px 5px;
}

.menuItemSelected a{
  color:#fff !important;
  cursor:default !important;
}

.menuNotSelectable{
  cursor:default !important;
}

.pagecontent{
  width: 732px;
  float: left;
  margin:60px 0 30px 20px;
  font-size:13px;
  /*color: #535353;*/
}

.menuGreenCheck{
  position: absolute;
  top: 8px;
  right: 8px;
}

#featureMenu  .arrow {
  display:none;
  position: absolute;
  left: 5px;
  top: 3px;
  font-size: 11px;
  font-weight:bold;
  color:#447bc8;
}

.appsSelect #menuApps .arrow, .webdavSelect #menuWebdav .arrow, .iphoneSelect #menuApps .arrow, .androidSelect #menuApps .arrow, .shareSelect #menuShare .arrow, .accessSelect #menuAccess .arrow, .storeSelect #menuStore .arrow, 
.iphoneSelect #menuIphone .arrow, .ipadSelect #menuIpad .arrow, .androidSelect #menuAndroid .arrow, .blackberrySelect #menuBlackberry .arrow, .windowsSelect #menuWindows .arrow, 
.macSelect #menuMac .arrow, .linuxSelect #menuLinux .arrow, .readySelect #menuProgram .arrow, .windowsmobileSelect #menuWindowsMobile .arrow, .helpSelect #menuHelp .arrow, .syncSelect #menuSync .arrow,
.eulaSelect #menuEula .arrow, .privacy-policySelect #menuPolicy .arrow, .dmcaSelect #menuDmca .arrow, .patriotactSelect #menuPatriotact .arrow, .supportSelect #menuSupport .arrow, .faqSelect #menuFaq .arrow, .sitemapSelect #menuSitemap .arrow,
.apiSelect #menuApi .arrow, .webservicesSelect #menuWebservices .arrow, .javaSelect #menuJava .arrow, .legalSelect #menuLegal .arrow,
.camerarollSelect #menuCameraroll .arrow, .syncingSelect #menuSyncing .arrow, .streamingSelect #menuStreaming .arrow, .collaborationSelect #menuCollaboration .arrow, .backupSelect #menuBackup .arrow, .sharingSelect #menuSharing .arrow,
.desktopSelect #menuDesktop .arrow, .mobileSelect #menuMobile .arrow, .tvSelect #menuTV .arrow, .webdavSelect #menuWebDAV .arrow, .nasSelect #menuNAS .arrow
{
  display:inline;
}

/********************** INFO PAGE SIDEBAR END **********************/



/********************** FILE EXPLORER **********************/

  /** BUSINESS LAYOUT **/
  #dashboardTitle {
    padding:70px 0;
    font-size:40px;
    color:#408BE7;
    line-height:40px;
  }
  
  .dashboardOption {
    border:1px solid #BBB;
    margin:0 15px 15px 10px;
    padding:45px 30px 0 30px;
    color:#555;
    font-weight:bold;
    font-size:13px;
    text-align:center;
    font-family:'Segoe UI','Myriad Pro', Helvetica, Arial, sans-serif;
    cursor:pointer;
    height:180px;
    width:270px;
    float:left;
    position:relative;
  }
  
  .dashboardInfo {
    font-weight:normal;
    margin-top:10px;
  }
  
  .dashboardStatus {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background-color:#408BE7;
    color:#FFF;
    font-weight:normal;
    padding:5px 10px;
    text-align:right;
  }
  
  #businessNavigation {
    position: fixed;
    top:55;
    left:0;
    width:200px;
    z-index:2;
    display:none;
  }
 
  .businessOption {
    border:1px solid #BBB;
    border-bottom:4px solid #408BE7;
    margin:0 15px 15px 10px;
    padding:45px 10px 0 10px;
    color:#555;
    font-weight:bold;
    font-size:13px;
    text-align:center;
    font-family:'Segoe UI','Myriad Pro', Helvetica, Arial, sans-serif;
    cursor:pointer;
    height:120px;
    background-color:#FFF;
  }
  
  .businessOption.selected {
    background-color:#408BE7;
    color:#FFF;
    border-bottom:1px solid #BBB;
  }
  /** BUSINESS LAYOUT END**/
  
  #mainHolder {
    width               : 100%; 
    margin              : 0 auto; 
    position            : relative;
    display             : none;
    padding-top         :15px;
  }
  
  #contentArea{
    display             : -moz-inline-stack;
    display             : inline-block;
    zoom                : 1;
    *display            : inline;
    width               : 100%;
    margin-top          : 130px;
  }
  
  #whiteBG {
    position            : fixed;
    top                 : 0;
    left                : 0;
    background-color    : #FFF;
    width               : 100%;
    height              : 110px;
    z-index             : 1;
  }

  #contentAreaLeft{
    width               : 780px;
    float               : left;
    margin-top          : 12px;
}
  
  .contentAreaRightHolder {
    /*border-left         : 1px solid #ccc;*/
    /*height              : 100%;*/
    /*width               : 189px;
    position            : absolute;
    top                 : 10px;
    right               : 0;*/
    width               : 168px;/*204px;*/
    position            : absolute;
    top                 : 90px;/*45px;*/
    right               : 0px;/*-212px;*/
    display             : none;
 }
  
  .contentAreaRight {
	position			: relative;
	top					: 0;
    vertical-align      : top;
    width               : 168px;
    border              : 1px solid transparent;
 }

  .info {
    position            : absolute;
    line-height         : 21px;
    background-color    : #FFF8C7;
    border              : 1px solid #BBBBBB;
    padding-top         : 0px;
    text-align          : center;
  }

  .link_icon {
  /*<img class="link_icon" src="/images/cloudme-128.png"/>*/
    width: 24px;
    height: 24px;
    margin: 0px 5px -5px 0px;  
  }

  .webshareLink {
    background-image: url('/images/cloudme-128.png');
    background-repeat: no-repeat;
    height: 24px;
    padding: 4px 0px 0px 30px;
    background-size: 24px;
    display: inline-block;
  }

  .emptyInfo {
    margin:0px auto 20px auto;
    width:256px;
    height:256px;
  }

  .emptyInfo svg {
    width:256px;
    height:256px;
  }

/****** Toolbar ******/

.toolbar {
  position            : relative;
  top              : -12px;
  left                : 0;
  background-color: #FFF;
  width:100%;
  height:45px;
  /*border-bottom: 1px solid #CCC;*/
}

.staticToolbar, .contextToolbar {
  height: 44px;
  padding: 0 0 0 10px;
  background-color:#FFF;
}

.contextToolbar {
  position:relative;
  width:500px;
  /*background:-webkit-linear-gradient(right,rgba(255,255,255,1) 0%,rgba(196,222,252,1) 160%)*/
}

.staticToolbar {
  position:absolute;
  top:0;
  right:0;
  /*
  Commented out search field, so not necessary anymore
  padding-right:325px;*/
}

.tbContextData {
  float:left;
  height:44px;
  padding:6px 8px 0 8px;
  font-size:13px;
  margin-right:10px;
}

.tbContextTitle {
  max-width:180px;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
}

.tbContextTitle span {
  margin-left:5px;
}

.tbContextData span {
  font-size:11px;
  color:#888;
}

.tbItem {
  float:left;
  padding: 6px 10px 0 35px;
  cursor: pointer;
  height: 44px;
  margin:0 7px 0 3px;
  position:relative;
}

.tbItem svg {
  position:absolute;
  top:7px;
  left:7px;
  width:32px;
  height:32px;
}

.tbDivider {
  float:left;
  background-color:#AAA;
  width:1px;
  height:44px;
  margin:0 9px 0 5px;
}

.tbRight {
  float:right;
}

.tbItem.textIcon {
  padding: 16px 6px 0 43px;
}

.subMenu {
  position:absolute;
  top:-2px;
  left:-2px;
  padding:37px 0 0 0 !important;
  z-index:25;
  display:none;
  border:1px solid #CCC;
  border-radius:3px;
}

.subMenu .tbItem {
  background-color:#FFF;
  padding: 6px 6px 0 31px;
  cursor: pointer;
  height: 37px;
  border: 1px solid transparent;
  margin:0;
}

.contextMenu {
  display:none;
  position:fixed;
  top:0;
  left:0;
  z-index:20;
  width:160px;
  border:1px solid #888;
  background-color:#FBFBFB;
}

.menuItem {
  position:relative;
  width:100%;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 11px;
  padding: 4px 4px 4px 30px;
  line-height: 17px;
  color: #000;
}

.contextMenu .tbDivider {
  background-color:#AAA;
  height:1px;
  width:100%;
  margin:0;
  float:none;
}

.menuItem svg {
  position:absolute;
  top:5px;
  left:5px;
  width:16px;
  height:16px;
}

.tbItem:hover  svg path, .tbItem.selected  svg path {
  fill:white;
}

.tbItem:hover, .tbItem.selected {
  background-color: #408BE7;
  color:#FFF;
}

.menuItem:hover {
  background-color:#EFEFEF;
}

.tbItem:active, .menuItem:active, .subMenuTb:active{
  background-color: #CCC;
  border-color:#888;
}

.viewMode {
  position            : absolute;
  top: 40px;
  right: 0;
  height: 25px;
  width: 60px;
}

.viewModeItem {
  position            :absolute;
  width               :16px;
  height              :16px;
  cursor              :pointer;
  top                 :0;
}

.viewMode .viewModeList {
  position            :absolute;
  left                :30px;
}

.viewModeItem svg {
  width:16px;
  height:16px;
}

.siteBreadCrumb {
  color               : black; 
  font-size           : 12px; 
  width               : 795px; 
  text-align          : left;
  padding-top         : 3px;
  position            : absolute;
  top                 : 90px;
  padding-right       : 140px;
}


#dropForm{
  position            : relative;
  text-align          : left;
}

#dropForm input{
  position            : absolute;
  opacity             : 0;
  filter              : alpha(opacity=0);
  z-index             : 1;
  width               : 100%;
}

#dropForm div{
  position            : relative;
  padding-left        : 20px;
  padding-right       : 4px;
  color               : #323232; 
  width               : 100%; 
  filter              : Alpha(opacity=0); 
  opacity             : 0;
}

#filesUpload {
  position            : absolute;
  filter              : Alpha(opacity=0);
  opacity             : 0;
  z-index             : 1; 
  cursor              : pointer;
  left                : 0px;
}

.ff #filesUpload {
  left                : 0px; /*input type file looks different in FF*/
}

#addFavorite {
  padding             : 3px 0 0 32px;
  height              : 24px;
  cursor              : pointer;
  background-image    : url('/webui/images/icons/24x24/folder_fav24.png');
  background-repeat   : no-repeat;
  margin-left         : 13px;
  width               : 138px;
}

#downloadSync.downloadSync {
  cursor              : pointer;
  background-image    : url('https://os.cloudme.com/gui/icons/24x24/cloudme.png');
  background-repeat   : no-repeat;
  display             : block;
  color               : #000000;
  text-decoration     : none;
  white-space         : nowrap;
}

#syncHelp {
  cursor              : pointer;
  background-image    : url('https://os.cloudme.com/icons/applications/24x24/help2.png');
  background-repeat   : no-repeat;
  display             : block;
  color               : #000000;
  text-decoration     : none;
}

/****** END toolbar ******/

/****** Loader ******/

.loaderIcon {
  width               : 32px;
  height              : 32px;
}

#loader {
  text-align          : center;
  margin              : 243px 0 242px;
  /*width               : 1000px;*/
}

#loaderText {
  position            : relative; 
  top                 : -10px; 
  left                : 7px; 
  font-size           : 15px;
}

#debug {
  width               : 265px;
  height              : 500px;
  padding             : 4px;
  border              : 1px solid #929292;
  position            : fixed;
  top                 : 5px;
  left                : 0px;
  display             : none;
  z-index             : 10;
  background-color    : #ffffff;
  -webkit-box-shadow  : 0px 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow     : 0px 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow          : 0px 1px 5px rgba(0, 0, 0, 0.5);
  overflow            : auto;
  opacity             : 0.5;
  filter              : alpha(opacity=50);
}

#debug .debug_start {
    background-color  : #2DF;
}

#debug .debug_success {
    background-color  : #E2FFC3;
}

#debug .debug_failure {
    background-color  : #F8CBCC;
}

/********************** FILE EXPLORER END **********************/


/********************** FILE EXPLORER TABS **********************/
 
  #tabbedPane{
    height              : 13px;
    top                 : 95px;
    position            : fixed;
    left                : 0;
    width               : 100%;
    z-index             : 2;
    border-bottom       : 1px solid #408BE7;
  }

  /*#output, #webshareOutput, #favoriteOutput, #syncOutput{
    width               : auto;
    margin-left         : -500px;
    padding-left        : 500px;
    position            : relative;
    -moz-user-select    : -moz-none;
    -webkit-user-select : none;
    -o-user-select      : none;
    -khtml-user-select  : none;
    -ms-user-select     : none;
    user-select         : none;
    background          : transparent;
  }*/

  #webshareWatermark {
    position            : absolute;
    top                 : 30px;
    width               : 810px;
    height              : 600px;
    background-image    : url('/images/webshareGrey25_128.png');
    background-position : center;
    background-repeat   : no-repeat;
    opacity             : 0.5;
    background-size     : 300px 300px;
    z-index             : -10;
  }
  
  #favoriteWatermark {
    position            : absolute;
    top                 : 30px;
    width               : 810px;
    height              : 600px;
    background-image    : url('/images/favoriteGrey25_128.png');
    background-position : center;
    background-repeat   : no-repeat;
    opacity             : 0.5;
    background-size     : 300px 300px;
    z-index             : -10;
  }
  
  .tabItem{
    position            : relative;
    padding             : 4px 10px 2px 10px;
    margin-top          : -11px;
    line-height         : 18px;
    background-position : 4px 2px;
    background-repeat   : no-repeat;
    display             : inline-block;
    margin-right        : 5px;
    cursor              : pointer;
    -moz-border-radius  : 4px 4px 0 0;
    -webkitborder-radius: 4px 4px 0 0;
    border-radius       : 4px 4px 0 0;
    float               : left;
  }

  .tabItemSelected{
    background-color    : #408BE7 !important;
    color               : #FFFFFF;
  }
  
  .tabItemSelected path{
    fill                : #FFFFFF;
  }

  .tabItemDisabled{
    background-color    : #fff !important; 
    color               : #dcdcdc;
    border-top          : 1px solid #dcdcdc !important;
    border-left         : 1px solid #dcdcdc !important;
    border-right        : 1px solid #dcdcdc !important;
    cursor              : default;
  }

  .evenItem{
    background-color    : #EBF2F7;
  }
  
  .numberEventsTab{
    top: 0px;
    height: 40px;
    width: 40px;
    background-image: url('/webui/images/icons/svg/Notification.svg');
    /* background-image: url("/webui/images/icons/badgersStop.png"); */
    background-repeat: no-repeat;
    background-position: center;
    padding: 2px 5px 0px 0px;
    background-size: cover;
    text-align: center;
    position: absolute;
    left: -30px;
  }
  
  .numberEventsTabStart{
    float               : left;
    height              : 19px;
    width               : 7px;
    /*background-image    : url("/webui/images/icons/badgersStart.png");
    background-repeat   : no-repeat;
    background-position : center;*/
  }
  
  .pushNotification{
    position            : absolute;
    top                 : -15px;
    right               : 0px;
    height              : 19px;
    text-align          : left;
    color               : white;
    cursor              : default;
    padding-bottom      : 3px;
  }

  #favsNumberEvents{
    visibility          : hidden;
  }
  
  #wsNumberEvents{
    visibility          : hidden;
  }
  
  #wsNumberEvents{
  
  }
  
  .pushIcon{
    position            : absolute;
    top                 : -15px;
    left                : 74px;
    text-align          : center;
    color               : white;
    visibility          : hidden;
    cursor              : default;
    padding-top         : -1px;
  }
  
  #tabmyUsers, #tabmyInvoices {
    top: -160px;
    position: relative;
    z-index: 1;
  }
/********************** FILE EXPLORERTABS END **********************/



/********************** FILE EXPLORER SIDEBAR **********************/

  .infoRight {
    margin              : 0 0 0 5px;
    position            : relative;
    width               : 155px; /*170px;*/
    padding-bottom      : 60px;
  }
  
  .infoRight  .selectedBorder{
    /*padding             : 10px 10px 0 10px;*/
    border              : 1px solid transparent;
    border-radius       : 5px;
  }
  
  .contentAreaRight.selection  .selectedBorder{
    border-color        : #68AEDD;
    -webkit-box-shadow  : 0px 0px 15px #68aedd;
    -moz-box-shadow     : 0px 0px 15px #68aedd;
    box-shadow          : 0px 0px 15px #68aedd;
  }

  .titleRight {
    font-weight         : bold;
    font-size           : 12px;
    margin              : 0;
    word-wrap           : break-word;
    word-break          : break-all;
    padding-top         : 5px;
  }

  #favoriteSharedBy {
    font-size           : 11px;
    color               : #AAA;
    display             : none;
    background-repeat   : no-repeat;
  }
  
  #favoriteShareCreated {
    font-size           : 10px;
    color               : #498AC6;
    display             : none;
  }

  .descriptionRight {
    font-weight         : bold;
    font-size           : 10px;
    margin-bottom       : 10px;
  }
  
  .descriptionText {
    font-weight         : normal;
    font-size           : 10px;
    word-wrap           : break-word;
    word-break          : break-all;
  }
 

/****** Menu ******/
  
  #rightClickMenu{
    position: fixed;
    width: 140px;
    border: 1px solid #ccc;
    z-index: 10;
    background: white;
  }
  
  .menuRightClickItem  {
    width               : 100%;
    background-position : 6px 6px;
    background-repeat   : no-repeat;
    border              : 1px solid transparent;
    cursor              : pointer;
    font-size           : 11px;
    padding             : 4px 4px 4px 30px;
    line-height         : 17px;
    color               : #000;
  }
   
  .menuRightClickItem:hover  {
    background-color    : rgb(235,244,254);
    border-radius       : 5px;
  }
  
  .menuRight {
    margin              : 10px 0 10px 0px;
  }
  
  .menuRightItem  {
    width               : 100%;
    background-position : 6px 6px;
    background-repeat   : no-repeat;
    border              : 1px solid transparent;
    cursor              : pointer;
    font-size           : 11px;
    padding             : 4px 4px 4px 30px;
    line-height         : 17px;
    color               : #000;
  }
   
  .menuRightItem:hover  {
    background-color    : rgb(235,244,254);
    border-radius       : 5px;
  }
    
   
  #rightClickMenu .menuRightItem:hover  {
    border-right        : none;
    border-radius       : 0;
  }
    
  .menuRight .disabled , .shortcuts .button.disabled img, .shortcuts .moreButton.disabled {
    background-color    : transparent !important;
    color               : #666 !important;
    cursor              : default !important;
    opacity             : 0.4;
    filter              : alpha(opacity=40);
  }
     
  .driveShareMenu, .webshareShareMenu  {
    width               : 16px;
    background-size     : 16px;
    position            : absolute;
    top                 : 1px;
    cursor              : pointer;
 }
 
  .menuRightDivider {
    width               : 100%; 
    line-height         : 1px; 
    border-top          : 1px solid #CCCCCC; 
  }
  
  .itemHidden {
    display             : none;
  }
  
  #driveModified, #favoriteModified, #webshareModified, #syncModified, #driveSize, #favoriteSize, #webshareSize, #syncText, #syncSize{
    font-size:9px;
    color:#888;
    height:10px;
  }
   
  #favoriteWsLink{
    font-size: 10px;
    height: 10px;
    display: none;
  }
  
  #favoriteWsPwd{
    font-size: 10px;
    height: 10px;
    display: none;
    color: #447bc8;
    cursor: pointer;
    text-decoration: none;
  }
  #favoriteWsPwd:hover {
    text-decoration     : underline;
  } 

  
  #driveModified, #favoriteModified, #webshareModified, #syncModified {
    float:right;
  }

  #driveMoveTo , #webshareMoveTo, #syncMoveTo      { background-image : url("/webui/images/icons/move.png"); }
  #driveAddQueue, #favoriteAddQueue, #webshareAddQueue, #syncAddQueue    { background-image : url("/webui/images/icons/16x16/loudspeaker_add.png"); }
  #driveCreateFolder, #syncCreateFolder, #syncCreateSyncFolder, #favCreateFolder     { background-image : url("/webui/images/icons/24x24/folder_new.png"); }
  #driveShowDeleted { background-image : url("/webui/images/icons/24x24/garbage_bw.png"); }
  #syncShowDeleted  { background-image : url("/webui/images/icons/24x24/garbage_bw.png"); }
  #driveShowDeleted.on { background-image : url("/webui/images/icons/24x24/garbage_ok.png"); }
  #syncShowDeleted.on    { background-image : url("/webui/images/icons/24x24/garbage_ok.png"); }
  #driveShareFacebook, #webshareShareFacebook     { background-image : url("/images/f_logo16.png"); }
  #driveShareTwitter, #webshareShareTwitter     { background-image : url("/images/t_logo16.png"); }
  #driveShareGoogle, #webshareShareGoogle     { background-image : url("/webui/images/icons/16x16/gplus-16.png"); }
  #driveShareMail, #webshareShareMail     { background-image : url("/images/mail16.png"); }
  #driveShare, #webshareShare, #driveShareCloudMe, #webshareShareCloudMe, #syncShare    { background-image : url("/webui/images/icons/16x16/share.png"); }
  #driveRestore, #syncRestore { background-image : url("/webui/images/icons/16x16/recycle.png"); }
  #driveSync, #favoriteSync, #syncSync { background-image : url("/webui/images/icons/16x16/sync16.png"); }
  #webshareFollowers{ background-image : url("/webui/images/icons/16x16/followers.png"); }
  
  #favoriteOpen, #driveOpen, #webshareOpen, #driveOpenFolder, #webshareGoto, #syncOpen       { background-image : url("/webui/images/icons/folder_into.png"); }
  #syncDevices       { background-image : url("https://os.cloudme.com/gui/icons/16x16/computer.png"); }
  #favoriteRename , #driveRename, #webshareRename, #syncRename     { background-image : url("/webui/images/icons/16x16/edit_rename_16.png"); }
  #favoriteDelete, #favoriteUnfollow, #driveDelete, #webshareDelete, #webshareUnshare, #syncDelete, #syncUnsync    { background-image : url("/webui/images/icons/delete.png"); }
  #favoriteCopyTo , #driveCopyTo, #webshareCopyTo, #syncCopyTo    { background-image : url("/webui/images/icons/copy.png"); }
  #favoriteDownload, #favoriteDownloads, #driveDownload, #driveDownloads, #webshareDownloads, #syncDownloads { background-image : url("/webui/images/icons/download.png"); }
  #driveDownloadZip, #webshareDownloadZip, #favoriteDownloadZip, #syncDownloadZip  { background-image : url("/webui/images/icons/16x16/box.png"); } 
  #webshareCopyLinkCont, #webshareCopyLinkContContext   { background-image : url("/webui/images/icons/16x16/link.png");}
  #webshareSettings     { background-image : url("/webui/images/icons/gears.png"); }
  #favoriteFacebook { background-image : url("/images/f_logo16.png");}
  #favoriteTwitter { background-image : url("/images/t_logo16.png");}
  #favoriteGooglePlus { background-image : url("/images/g_logo16.png");}
  #favoriteMail { background-image : url("/images/mail16.png");}

  
/******* END Menu ******/


/****** Banners ******/

.featureBanner {
  margin-left         : 17px;
  margin-bottom       : 16px;
  height              : auto;
  width               : 170px;
  border              : 1px solid #ccc;
  border-radius       : 5px;
}

.banner {
  margin              : 11px 11px 11px 11px;
  height              : auto;  
  position            : relative;
}

.bannerImage {
  cursor              : pointer; 
  margin-bottom       : -18px;
}

.bannerTopPadding {
  margin-top          : 25px;
}

.banner .textHolder {
  width               : 145px;
  height              : auto;
  overflow            : hidden;
  padding             : 2px 0;
}

.bannerHeader {
  font-size           : 10px;
  font-family         : 'Lucida Grande', 'Lucida Sans Unicode', helvetica, arial, verdana, sans-serif; 
  font-weight         : bold;
}

.bannerText {
  font-size           : 10px;
  margin-top          : 0px;
}

.bannerLink {
  font-size           : 10px;
  text-align          : right;
}

/******* END banners ******/

.selectAllSidebar {
  position            : absolute;
  font-size           : 10px;
  cursor              : pointer;
  color               : #1374D8;
}

.selectAllSidebar.btn {
  padding             : 3px 6px 4px 6px;
}

.selectAllSidebar.disabled {
  /*background          : -moz-linear-gradient(center top , #CACACA, #9A9A9A) repeat scroll 0 0 #9A9A9A;
  background          : -webkit-gradient(linear, left top, left bottom, from(#CACACA), to(#9A9A9A)) repeat scroll 0 0 #9A9A9A;
  filter              : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffCACACA, endColorstr=#ff9A9A9A);
  border-color        : #888;
  cursor              : default !important;
  text-shadow         : none;*/
  color               : #c8c8c8 !important;
  cursor              : default !important;
}

/*.ie9 .selectAllSidebar.disabled {
  background-image: url('/styles/grey-button.svg');
}*/

.selectionInfo {
  display:none;
}

.selectAllSidebar:hover {
  text-decoration     : underline;
  color               : #0037CA
}

.selectAllSidebar.disabled:hover {
  text-decoration     : none;
}

.selectAll {
  bottom              : 25px;
  left                : 9px;
}

.deselectAll {
  /*bottom              : 25px;
  right               : 9px;*/
  bottom: 5px;
  left: 9px;
}

.selectMultiple {
  bottom              : 45px;
  left                : 9px;
}

.selectMultiple input {
  margin              : 0 5px 0 0;
}

.selectMultiple label {
  position            : relative;
  top                 : -2px;
}

.helpRight {
  bottom              : 5px;
  left                : 15px;
  line-height         : 16px;
}

#helpLink:hover {
  text-decoration     : underline; 
}

.dlRight {
  bottom              : 26px;
  left                : 15px;
  line-height         : 16px;
}

#playqueue {
  width               : 170px;
  /*margin              : 0 0 15px 17px;*/
  position            : relative;
  display             : none;
  padding             : .5em;
}

.ui-widget-header.ui-dialog-titlebar {
  background          : none;
  background-color    : #408BE7;
}

#playqueueHeader {
  background-color    : #eee;

  height              : 25px;
  color               : #000;
  font-size           : 11px;
  font-weight         : bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border          : 1px solid #ccc;
  padding             : 4px 0 0 10px;
}

#pqTitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 136px;
  overflow: hidden;
}

#pqExpand {
  cursor              : pointer;
  position            : absolute;
  right               : 15px;
  top                 : 10px;
}

#pqExpandContent {
  height              : 220px;
  position            : relative;
  display             : block;
}

#playqueueListHolder {
  overflow            : auto;
  height              : 192px;
  /*border              : 1px solid transparent;
  border-left         : 1px solid #CCC;
  border-right        : 1px solid #CCC;*/
  position            : relative;
}

#playqueue.selected {
  border-color: #68AEDD;
  -webkit-box-shadow: 0px 0px 15px #68AEDD;
  -moz-box-shadow: 0px 0px 15px #68aedd;
  box-shadow: 0px 0px 15px #68AEDD;
}

.pqListItem {
  padding-left        : 5px;
  height              : 19px;
  font-weight         : normal !important;
  font-size           : 10px;
  overflow            : hidden;
  text-overflow       : ellipsis;
  white-space         : nowrap;
  cursor              : pointer;
  color               : #000 !important;
  position            : relative;
}

.pqListItem.playing {
  background          : #F5F5D6 !important;
  border              : 1px dashed #04CE04;
}

.pqWarningIcon {
  padding-right       : 5px;
  cursor              : pointer;
  margin-bottom       : -4px;
}

.pqDeleteIcon {
  position            : absolute;
  top                 : 1px;
  right               : 0;
  cursor              : pointer;
  display             : none;
}

.pqListItem:hover .pqDeleteIcon {
  display:block;
}

.pqListItem:hover {
  background    : #ddd;
}

.ui-sortable-helper {
  height              : 19px !important;
}

.ui-sortable-helper .pqDeleteIcon {
  display             : none !important;
}

#pqButtonArea {
  background-color    : #eee;
  height              : 28px;
  width               : 100%;
  /*border              : 1px solid #ccc;
  border-bottom-left-radius : 5px;
  border-bottom-right-radius: 5px;*/
  position            : absolute;
  bottom              : -8px;
  left                : 0;
}

.pqbutton {
  position            : absolute;
  bottom              : 1px;
  cursor              : pointer;
}

#pqClear {
  right                : 50px;
}

#pqLoad {
  right                : 28px;
}

#pqSave {
  right               : 5px;
}

#pqSavedIcon {
  margin-bottom       : 0px;
}

#dragInfo {
  position:absolute;
  top:45px;
  left:0;
  font-weight:bold;
  color:#ccc;
  width:100%;
  text-align:center;
  display:none;
}

#pqAddFolderProgress {
  position: absolute;
  bottom: 28px;
  left: 0;
  font-weight: bold;
  width: 100%;
  background-color: #94EC61;
  height: 20px;
  padding-top:1px;
  display:none;
}

#pqAddFolderProgress img {
  margin:0 0 -2px 5px;
}

#pqAddFolderProgress span {
  margin-left:5px;
}

/********************** FILE EXPLORER SIDEBAR END **********************/



/********************** FILE EXPLORER LIST **********************/

/****** header ******/

.header {
  border-bottom       :1px solid #c0c0c0; 
  height              :24px;
  margin-top          :38px
}

.header .itemholder {
  margin              : 0px 2px 1px 2px;
  height              : 25px;
  cursor              : pointer
}


  

/********************** FILE EXPLORER FOLDER SELECTOR **********************/

#FolderContainer {
  moz-user-select     : -moz-none;
  -webkit-user-select : none;
  -o-user-select      : none;
  -khtml-user-select  : none;
  -ms-user-select     : none;
  user-select         : none;
}

.folderselector {
  width             : 320px;
  height            : 320px;
  display           : none;
  background-color  : #E8E8E8;
  border            : 1px solid #A2A2A2;
  position          : fixed;
  top               : 250px;
  left              : 185px;
  z-index           : 25;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius     : 5px;
}


.treeitem {
  position          : relative;
  cursor            : pointer
}

.treeitem div.treeexpand {
  cursor            : pointer;
  vertical-align    : middle;
  margin-right      : 0px;
  margin-left       : 2px;
  width             : 11px;
  height            : 11px;
  display           : inline-block;
  background-repeat : no-repeat;
  background-image  : url('/webui/images/icons/svg/NavClosed.svg');
  /*background-image  : url(https://os.cloudme.com/gui/img/tree/plus-icon2.gif);*/
  background-size: 12px;;
  margin-top: -2px;
  margin-bottom: 4px;
}

.treeitem div.treeicon {
  vertical-align    : middle;
  margin-right      : 4px;
  margin-left       : 2px;
  width             : 16px;
  height            : 16px;
  display           : inline-block;
  background-repeat : no-repeat;
  /*background-image  : url(https://os.cloudme.com/icons/applications/16x16/folder.png);*/
  
  background-image  : url('/webui/images/icons/svg/folder.svg');
  background-size: 16px;
  margin-top: -2px;
  margin-bottom: 4px;
}

.treeitem span.treetext {
  position          : absolute;
  font-size         : 11px;
  color             : #369;
}

/****** tree Folder Selector Header ******/

.folderheader {
  font-size           : 11px; 
  font-weight         : bold; 
  font-family         : Sans-serif; 
  float               : left; 
  line-height         : 21px; 
  margin              : 4px 0px 0px 5px;
  moz-user-select     : -moz-none;
  -webkit-user-select : none;
  -o-user-select      : none;
  -khtml-user-select  : none;
  -ms-user-select     : none;
  user-select         : none;
}

/****** tree hover effect ******/

.treeitem:hover {
  background: rgb(249,251,252);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZmJmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmYzZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(249,251,252,1) 0%, rgba(235,243,253,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,251,252,1)), color-stop(100%,rgba(235,243,253,1)));
  background: -webkit-linear-gradient(top,  rgba(249,251,252,1) 0%,rgba(235,243,253,1) 100%);
  background: -o-linear-gradient(top,  rgba(249,251,252,1) 0%,rgba(235,243,253,1) 100%);
  background: -ms-linear-gradient(top,  rgba(249,251,252,1) 0%,rgba(235,243,253,1) 100%);
  background: linear-gradient(top,  rgba(249,251,252,1) 0%,rgba(235,243,253,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fbfc', endColorstr='#ebf3fd',GradientType=0 );
}

.treeitem:visited {
  background-color    : transparent;
  background-image    : '';
  background-image    : '';
  background-image    : '';
  filter              : '';
  -ms-filter          : '';
}

.treeitem.checked {
  background: rgb(235,244,254);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjRmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGU1ZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(235,244,254,1) 0%, rgba(208,229,254,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,244,254,1)), color-stop(100%,rgba(208,229,254,1)));
  background: -webkit-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(208,229,254,1) 100%);
  background: -o-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(208,229,254,1) 100%);
  background: -ms-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(208,229,254,1) 100%);
  background: linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(208,229,254,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf4fe', endColorstr='#d0e5fe',GradientType=0 );
}

.treeitem.checked:hover {
  background: rgb(235,244,254);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjRmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNGRlZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(235,244,254,1) 0%, rgba(196,222,252,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,244,254,1)), color-stop(100%,rgba(196,222,252,1)));
  background: -webkit-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(196,222,252,1) 100%);
  background: -o-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(196,222,252,1) 100%);
  background: -ms-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(196,222,252,1) 100%);
  background: linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(196,222,252,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf4fe', endColorstr='#c4defc',GradientType=0 );
}

/********************** FILE EXPLORER FOLDER SELECTOR END **********************/


/********************** FILE EXPLORER ICONLIST **********************/

/******* Grid and Thumbnail layout **********/
  .iconlistArea {
    padding-left:10px;
  }

  .iconlist.grid {
    padding-top                 : 10px;
  }

  .iconlist.list {
    padding-bottom              : 30px;
  }
  
  .iconlist {
    -webkit-tap-highlight-color : transparent;
    width               : auto;
    margin-left         : -500px;
    padding-left        : 500px;
    position            : relative;
    -moz-user-select    : -moz-none;
    -webkit-user-select : none;
    -o-user-select      : none;
    -khtml-user-select  : none;
    -ms-user-select     : none;
    user-select         : none;
    background          : transparent;
  }
  
  .iconlist.grid .iconitem {
    position          : relative;
    float             : left;
    height            : 100px;
    text-align        : center;
    word-wrap         : break-word;
    width             : 100px;
    border            : 1px solid transparent;
    border-radius     : 10px;
    margin            : 5px;
  }

  .iconlist.grid .iconitem.large {
    position          : relative;
    float             : left;
    text-align        : center;
    word-wrap         : break-word;
    width             : 160px;/*100px;*/
    height            : 160px;/*100px;*/
    border            : 1px solid transparent;
    border-radius     : 5px; /*10px*/
    margin            : 2px;/*5px;*/
  }
  
  .iconlist.grid .iconitem.selected, #breadCrumbMain .ui-droppable.selected, #driveBlueFolder.ui-droppable.selected, #driveShowDeleted.ui-droppable.selected {
    border-color: #68AEDD;
    opacity: 1;
    -webkit-box-shadow: 0px 0px 10px #68aedd;
    -moz-box-shadow: 0px 0px 10px #68aedd;
    box-shadow: 0px 0px 10px #68aedd;
    background: rgb(255,255,255);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8cmFkaWFsR3JhZGllbnQgaWQ9Imc4NTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjeD0iNTAlIiBjeT0iNTAlIiByPSI3NSUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBvZmZzZXQ9IjAuNDUiLz48c3RvcCBzdG9wLWNvbG9yPSIjQkFFNEZGIiBvZmZzZXQ9IjEiLz4KPC9yYWRpYWxHcmFkaWVudD4KPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2c4NTcpIiAvPgo8L3N2Zz4=);    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(45%,rgba(255,255,255,1)), color-stop(100%,rgba(186,228,255,1)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(186,228,255,1) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(186,228,255,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(186,228,255,1) 100%);
    background: radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(186,228,255,1) 100%);
  }
  
  .iconlist.grid .iconitem .upload {
    position:absolute;
    top:20px;
    left:10px;
    width:80px;
    height:50px;
  }
   
  .iconlist.grid .iconitem.large .upload {
    position:absolute;
    top:50px;
    left:40px;
    width:80px;
    height:50px;
  }
 
  .iconlist.list .iconitem .upload {
    position:absolute;
    top:5px;
    right:0;
    width:240px;
    height:28px;
  }
  
  .iconlist .iconitem .fillerStatus {
    color:#888;
  }

  .iconlist .iconitem .filler{
    background-color:#61EE48;
    height:13px;
    width:0;
  }

  .iconlist .iconitem .fillerPercent {
    position:absolute;
    top:15px;
    left:0;
    width:100%;
    font-size:11px;
    text-align:center;
  }

  .iconlist.list .iconitem .fillerPercent {
    position:absolute;
    top:-1px;
    left:0;
    width:103px;
  }

  .iconlist .iconitem .fillCont {
    width:100%;
    height:15px;
    border:1px solid #000;
  }

  .iconlist.list .iconitem .fillCont {
    width:103px;
    height:15px;
    border:1px solid #000;
    position:absolute;
    top:0;
    right:32px;
  }

  .iconlist.grid .iconitem .deletedInfo {
    background-color:#efefef;
    border:1px solid #CCC;
    border-radius:10px 10px 0 0;
    line-height:12px;
    padding: 1px 0 2px 0;
    position:absolute;
    top:0;
    font-size:10px;
    width:100%;
  }

  .ff #breadCrumbMain .ui-droppable.selected, .ff #driveBlueFolder.ui-droppable.selected {
    background-size  : 100% 100%;
  }
 
  #dropzone{
    position:fixed;
    width:100%;
    height:100%;
    z-index:101;
    background-color:transparent;
    display:none;
    top:0;
  }
   
  #dropForm{
    width:100%;
    height:100%;
    z-index:101;
  }
 
  #dropzone input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
  }
  
  .ui-effects-transfer { border: 0.1em dashed black; }
 
  .iconlist.grid .iconitem.ui-draggable-dragging, .iconlist.list .iconitem.ui-draggable-dragging {
    opacity           : 0.4;
    filter            : alpha(opacity=40) !important;
    z-index           : 5000;
  }

  .iconlist.grid .iconitem .img, .iconlist.grid .iconitem svg {
    display           : block;
    margin            : 15px auto 0 auto;
    width             : 48px;
    height            : 48px;
    background-size   : 48px;
  }

  .iconlist.grid .iconitem.large .img, .iconlist.grid .iconitem.large svg {
    display           : block;
    margin            : 0px auto 0 auto; /*15px auto 0 auto;*/
    width             : 125px; /*48px;*/
    height            : 125px; /*48px;*/
    background-size   : 125px; /*48px;*/
  }
  
  .iconlist.grid .iconitem.thumbnail .img, .iconlist.grid .iconitem.thumbnail svg {
    margin            : 9px auto 0 auto;
    width             : 80px;
    height            : 80px;
    border            : 1px solid #000;
    /*border-radius     : 5px;*/
  }
  
  .iconlist.grid .iconitem.thumbnail.small .img, .iconlist.grid .iconitem.thumbnail.small svg {
    margin            : 5px auto 0 auto;
    width             : 60px;
    height            : 60px;
    border            : 0px solid #000;
    /*border-radius     : 5px;*/
  }
  
  .iconlist.grid .iconitem.thumbnail .thumbPDF {
    position:absolute; 
    right:0px; 
    top:0px; 
    background-image:url(/webui/images/icons/pdf_logo.png); 
    width:40px; 
    height:20px;
  }
  
  .iconlist.grid .iconitem.thumbnail .thumbBookmark {
    position:absolute; 
    right:0px; 
    top:0px; 
    background-image:url(/webui/images/icons/bookmark_bg.png); 
    width:40px; 
    height:20px;
  }
  
  .iconlist.list.mobile .iconitem .thumbBookmark {
    position:absolute; 
    left:25px; 
    top:0px; 
    background-image:url(/webui/images/icons/bookmark_bg.png);
    background-repeat: no-repeat;
    width:40px; 
    height:20px;
  }  
  .iconlist.grid .iconitem.thumbnail .thumbBookmarkYoutube {
    position:absolute; 
    right:0px; 
    top:0px; 
    background-image:url(/webui/images/icons/youtube_bg.png);
    background-repeat: no-repeat;
    width:40px; 
    height:20px;
  }

  .iconlist.grid .iconitem.thumbnail .thumbVideo {
    position:absolute; 
    left: 24px;
    top: 24px;
    background-image: url(/webui/images/icons/movie_overlay2.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    opacity: 0.8;
    cursor: pointer;
  }

  .iconlist.grid .iconitem.thumbnail.large .thumbVideo {
    position:absolute; 
    left:50px; 
    top:50px; 
    background-image:url(/webui/images/icons/movie_overlay2.png); 
    width:50px; 
    height:50px;
  }
  
  .iconlist.grid .iconitem.thumbnail .thumbVideo:hover{
    opacity: 1;
  }
  
  .iconlist.grid .iconitem.thumbnail.large .img {
    margin            : 4px auto 0 auto;
    width             : 150px; /*80px;*/
    height            : 150px; /*80px;*/
    border            : 0px solid #000;
    /*border-radius     : 5px;*/
  }

  .iconlist.grid .iconitem .title {
    font-size         : 12px;
    font-family       : tahoma, arial, helvetica, verdana, sans-serif;
    width             : 90px;
    padding-top       : 1px;
    margin            : -5px auto 0;
    line-height       : 15px;
    max-height        : 33px;
    overflow          : hidden;
    cursor            : default;
  }

  #favoriteOutput.following_root .iconitem .title{
    max-height: 16px;
  }

  .iconlist.grid .iconitem.large .title{
	width             : 120px;
  }

  .ff  .iconlist.grid .iconitem .title {
    line-height       : 16px;
  } 

  .iconlist.grid .iconitem.favorite .title {
    word-wrap         : normal;
    white-space       : nowrap;
    text-overflow     : ellipsis;
  } 
 
  .iconlist.grid .iconitem .description {
    color             : #AAA;
    font-size         : 11px;
    width             : 90px;
    max-height        : 30px;
    overflow          : hidden;
    margin            : 0 auto 10px auto;
    cursor            : default;
    text-overflow     : ellipsis;
    white-space       : nowrap;
  }

  .iconlist.grid .iconitem.large .description {
    width             : 120px
  }
  

  .iconlist.grid .iconitem.large .gridIconCont {
    /*height            : 122px;
    position          : relative;
    top               : 50%;
    margin-top        : -61px;*/

    /*    width: 140px;
    height: 140px;
    margin: 9px;*/
    width: 160px;
    height: 150px;
    margin: 4px 0;
    /*padding-top: 7px;
    border: 1px solid rgba(221, 221, 221, 0.82);*/
  }
  
  .iconlist.grid .iconitem.restore .gridIconCont{
    border: 0px;
  }
  
  .iconlist .iconitem .right-top, .ps-carousel-content .right-top {
    -moz-transform:rotate(90deg) !important;
    -webkit-transform:rotate(90deg) !important;
    -o-transform:rotate(90deg) !important;
    transform:rotate(90deg) !important;
    -ms-transform:rotate(90deg) !important;
  }

  .iconlist .iconitem .bottom-right, .ps-carousel-content .bottom-right {
    -moz-transform:rotate(180deg) !important;
    -webkit-transform:rotate(180deg) !important;
    -o-transform:rotate(180deg) !important;
    transform:rotate(180deg) !important;
    -ms-transform:rotate(180deg) !important;
  }

  .iconlist .iconitem .left-bottom, .ps-carousel-content .left-bottom {
    -moz-transform:rotate(270deg) !important;
    -webkit-transform:rotate(270deg) !important;
    -o-transform:rotate(270deg) !important;
    transform:rotate(270deg) !important;
    -ms-transform:rotate(270deg) !important;
  }
  
  .iconlist .iconitem.restore {
    border: 1px dashed #CCC !important;
    color: #888 !important;
  }
  /*Overlay icons*/
  .iconitem .lockImage {
    position           : absolute;
    top                : 77px;
    left               : 77px;
    width              : 16px;
    height             : 16px;
    background-image   : url('/webui/images/icons/16x16/lock.png'); 
    z-index            : 10;
  }
  
  .iconitem .lock {
    position           : absolute;
    top                : 50px;
    left               : 60px;
    width              : 16px;
    height             : 16px;
    background-image   : url('/webui/images/icons/16x16/lock.png'); 
    z-index            : 10;
  }  

  .lockList {
    position           : absolute;
    top                : 10px;
    left               : 12px;
    width              : 16px;
    height             : 16px;
    background-image   : url('/webui/images/icons/16x16/lock.png'); 
    z-index            : 10;
  }
  
  .iconitem .sharedIconImage {
    position           : absolute;
    top                : 77px;
    left               : 77px;
    width              : 16px;
    height             : 16px;
    background-image   : url('https://os.cloudme.com/gui/icons/16x16/folder_webshare.png'); 
    z-index            : 10;
  }

   .iconitem  .sharedIconList {
    position           : absolute;
    top                : 10px;
    left               : 12px;
    width              : 16px;
    height             : 16px;
    z-index            : 10;
  }

 .iconitem .collabIconImage {
    position           : absolute;
    top                : 77px;
    left               : 77px;
    width              : 16px;
    height             : 16px;
    background-image   : url('/webui/images/icons/16x16/folder_col16.png'); 
    z-index            : 10;
  }
  .iconitem .collabIcon {
    position           : absolute;
    /*top                : 10px;
    left               : 65px;
    width              : 16px;
    height             : 16px;
    background-image   : url('/webui/images/icons/16x16/folder_col16.png'); */
    top                : 40px;
    left               : 60px;
    width              : 24px;
    height             : 24px;
    background-image   : url('/webui/images/icons/24x24/overlayShareColl.png');
    z-index            : 10;
  }

  .iconitem.large .collabIcon {
    top                : 60px;
    left               : 90px;
  }

  .iconitem  .collabIconList {
    position           : absolute;
    top                : 10px;
    left               : 12px;
    width              : 16px;
    height             : 16px;
    background-image   : url('/webui/images/icons/16x16/overlayShareColl.png'); 
    z-index            : 10;
  }
  
 .iconitem .sharedPlusIconImage {
    position           : absolute;
    top                : 77px;
    left               : 77px;
    width              : 16px;
    height             : 16px;
    background-image   : url('/webui/images/icons/16x16/folder_webshareplus16.png'); 
    z-index            : 10;
  }

  .iconitem .sharedPlusIcon {
    position           : absolute;
    top                : 40px;
    left               : 60px;
    width              : 24px;
    height             : 24px;
    background-image   : url('/webui/images/icons/24x24/overlaySharePlus.png');
/*    top                : 10px;
    left               : 65px;
    width              : 16px;
    height             : 16px;
    background-image   : url('/webui/images/icons/16x16/folder_webshareplus16.png'); */
    z-index            : 10;
  }
  
  .iconitem.large .sharedPlusIcon {
    top                : 60px;
    left               : 90px;
  }
  
  .iconitem .sharedPlusIconList {
    position           : absolute;
    top                : 10px;
    left               : 12px;
    width              : 16px;
    height             : 16px;
    background-image   : url('/webui/images/icons/16x16/overlaySharePlus.png'); 
    z-index            : 10;
  }

  .iconitem .hotsync {
    position           : absolute;
    top                : 42px;
    left               : 70px;
    width              : 16px;
    height             : 16px;
    /*background-image   : url('/webui/images/icons/16x16/bidirectional_16.png'); */
    z-index            : 10;
  }
  
  .iconitem .up {
    position           : absolute;
    top                : 42px;
    left               : 70px;
    width              : 16px;
    height             : 16px;
    background-image   : url('/webui/images/icons/16x16/arrow_up_blue_16.png'); 
    z-index            : 10;
  }  

  .iconitem .down {
    position           : absolute;
    top                : 42px;
    left               : 70px;
    width              : 16px;
    height             : 16px;
    background-image   : url('/webui/images/icons/16x16/arrow_down_blue_16.png'); 
    z-index            : 10;
  }  
  
  /******* List layout **********/

  .iconlist.list .iconitem {
    height            : 28px;
    /*width             : 807px;*/
    min-width         : 800px;
    position          : relative;
    font-size         : 12px;
    font-family       : Lucida Grande, Lucida Sans Unicode, helvetica, arial, verdana, sans-serif;
    border            : 1px solid transparent;
  }
  
  .iconlist.list .iconitem.even {
    background: rgb(243,243,243);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(243,243,243,1) 0%, rgba(238,238,238,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(243,243,243,1)), color-stop(100%,rgba(238,238,238,1)));
    background: -webkit-linear-gradient(left,  rgba(243,243,243,1) 0%,rgba(238,238,238,1) 100%);
    background: -o-linear-gradient(left,  rgba(243,243,243,1) 0%,rgba(238,238,238,1) 100%);
    background: -ms-linear-gradient(left,  rgba(243,243,243,1) 0%,rgba(238,238,238,1) 100%);
    background: linear-gradient(left,  rgba(243,243,243,1) 0%,rgba(238,238,238,1) 100%);
  }

  body:not(.ios) .iconlist.list .iconitem:hover {
    background: rgb(235,244,254);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjRmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWU5ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(235,244,254,1) 0%, rgba(222,233,244,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,244,254,1)), color-stop(100%,rgba(222,233,244,1)));
    background: -webkit-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(222,233,244,1) 100%);
    background: -o-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(222,233,244,1) 100%);
    background: -ms-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(222,233,244,1) 100%);
    background: linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(222,233,244,1) 100%);
  }

  body:not(.ios) .iconlist.list .iconitem.selected:hover {
    background: rgb(235,244,254);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjRmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZGQ5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(235,244,254,1) 0%, rgba(189,217,249,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,244,254,1)), color-stop(100%,rgba(189,217,249,1)));
    background: -webkit-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(189,217,249,1) 100%);
    background: -o-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(189,217,249,1) 100%);
    background: -ms-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(189,217,249,1) 100%);
    background: linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(189,217,249,1) 100%);
    border:1px solid #C5DEFC;
  }

  .iconlist.list .iconitem.selected {
    background: rgb(235,244,254);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjRmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNGRlZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(235,244,254,1) 0%, rgba(196,222,252,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,244,254,1)), color-stop(100%,rgba(196,222,252,1)));
    background: -webkit-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(196,222,252,1) 100%);
    background: -o-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(196,222,252,1) 100%);
    background: -ms-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(196,222,252,1) 100%);
    background: linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(196,222,252,1) 100%);
    border:1px solid #C5DEFC;
  }
  
  .iconlist.list .iconitem .img {
    position          : absolute;
    top               : 2px;
    left              : 10px;
    display           : block;
    margin            : 0;
    width             : 24px;
    height            : 24px;
    background-size   : 24px;
  }
  
  .iconlist.list .iconitem svg {
    width             : 24px;
    height            : 24px;
    position          : relative;
    top               : -1px;
  }

  .iconlist.list .iconitem .title {
    position          : absolute;
    top               : 5px;
    left              : 40px;
    max-width         : 500px;
    height            : 26px;
    overflow          : hidden;
    text-overflow     : ellipsis;
    white-space       : nowrap;
    cursor            : default;
  }

  .iconlist.list .iconitem .listSize {
    position          : absolute;
    top               : 6px;
    right             : 191px;
    width             : 80px;
    height            : 26px;
    overflow          : hidden;
    text-overflow     : ellipsis;
    white-space       : nowrap;
    font-size         : 11px;
    text-align        : right;
  }

  .iconlist.list .iconitem .listModified {
    position          : absolute;
    top               : 6px;
    right             : 10px;
    width             : 125px;
    height            : 26px;
    overflow          : hidden;
    text-overflow     : ellipsis;
    white-space       : nowrap;
    font-size         : 11px;
  }

  .iconlist.list .listHeader {
    position          : relative;
    width             : 100%;
    height            : 25px;
    border-bottom     : 1px solid #CCC;
    margin-bottom     : 5px;
  }

  .iconlist.list .listHeader_title, .iconlist.list .listHeader_name, .iconlist.list .listHeader_favoritename {
    position          : absolute;
    top               : 3px;
    left              : 40px;
    cursor            : pointer;
  }

  .iconlist.list .listHeader_user, .iconlist.list .listHeader_sharingusername {
    position          : absolute;
    top               : 3px;
    right             : 70px;
    width             : 105px;
    cursor            : pointer;
    text-align        : center;
  }

  .iconlist.list .listHeader_created {
    position          : absolute;
    top               : 3px;
    right             : 80px;
    width             : 60px;
    cursor            : pointer;
  }

  .iconlist.list .listHeader_length, .iconlist.list .listHeader_size {
    position          : absolute;
    top               : 3px;
    right             : 179px;
    cursor            : pointer;
    width             : 55px;
  }

  .iconlist.list .listHeader_updated {
    position          : absolute;
    top               : 3px;
    right             : 30px;
    cursor            : pointer;
    width             : 110px;
  }

  .iconlist.list .listHeader_username {
    position          : absolute;
    top               : 3px;
    right             : 80px;
    width             : 60px;
    cursor            : pointer;
  }
  
  .photoObj {
    cursor            : default;
  }

  a.photoObj {
    color             : #000000;
  }



  
  .iconlist.list.mobile {
    padding-bottom              : 30px;
    margin-left                 : 0px;
    padding-right               : 0px;
  }
    
  .iconlist.grid.mobile .iconitem .title {
    font-size         : 15px;
  } 

  
  .iconlist.list.mobile .iconitem {
    height            : 60px;
    position          : relative;
    font-size         : 14px;
    font-family       : Lucida Grande, Lucida Sans Unicode, helvetica, arial, verdana, sans-serif;
    border            : 1px solid transparent;
    min-width         : 100%;
  }
  
  .iconlist.list.mobile .iconitem .img {
    position          : absolute;
    top               : 5px;
    left              : 10px;
    display           : block;
    margin            : 0;
    width             : 48px;
    height            : 48px;
    background-size   : 48px;
  }
  
  .iconlist.list.mobile .iconitem .title {
    top               : 11px;
    left              : 0px;
    padding-left      : 70px;
    width             : 100%;
  }
  
  .iconlist.list.mobile .iconitem .listSize {
    top               : 33px;
    left              : 70px;
    font-size         : 11px;
    text-align        : left;
  }
  
  .iconlist.list.mobile .iconitem .listModified {
    top               : 33px;
    left              : 140px;
    font-size         : 11px;
    width             : 160px;
  }
  
  .iconlist.list.mobile .listHeader {
    display           : none;
  }

  .iconitem svg.overlayIcon1,
  .iconitem svg.overlayIcon2 {
    position           : absolute;
    top                : 40px !important;
    left               : 15px !important;
    width              : 13px !important;
    height             : 13px !important;
    z-index            : 0;
  }


  .iconitem.large .overlayIcon1 {
    top                : 28px !important;
    left               : 38px !important;
  }
  
  .iconitem.large .overlayIcon2 {
    top                : 28px !important;
    left               : 55px !important;
  }
  


/********************** FILE EXPLORER ICONLIST END **********************/


/********************** FILE EXPLORER WEBSHARES **********************/

#webshareList {
  position            : relative;
  top                 : 20px; 
  left                : 0;
  width               : 814px;
}

.wsTemplate {
  position            : relative;
  height              : 54px;
  margin-bottom       : 10px;
  overflow            : hidden;
}

.wsHolder {
  margin-bottom       : 10px;
  width               : 794px;
  height              : 54px;
  background-color    : #F8F8F8;
  border              : 1px solid #D2D2D2;
  overflow            : hidden;
  position            : absolute;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

.wsIcon {
  cursor              : pointer;
  padding             : 10px;
  float               : left;
}

.wsTitle {
  width               : 400px;
  height              : 20px;
  font-size           : 14px;
  font-family         : helvetica, arial, verdana, sans-serif;
  position            : relative;
  top                 : 8px;
  left                : 0px;
  float               : left;
  cursor              : pointer;
}

.wsURL {
  font-weight         : normal;
  font-size           : 12px;
  font-family         : helvetica, arial, verdana, sans-serif;
  position            : absolute;
  top                 : 30px;
  left                : 52px;
  color               : #888;
  float               : left;
  cursor              : pointer;
  white-space         : nowrap;
  overflow            : hidden;
}

.wsBtns {
  width               : 155px;
  height              : 30px;
  position            : absolute;
  top                 : 2px;
  right               : 23px;
  z-index             : 1;
}

.wsButton{
  cursor              : pointer;
  padding             : 3px 7px 0px 0px;
  float               : left;
  position            : relative;
  top                 : 0px;
  left                : 0px;
}

.wsDel {
  cursor              : pointer;
  float               : right;
  position            : relative;
  top                 : 2px;
  left                : -1px;
}

.wsHolderExpanded{
  border-radius       : 4px;
  margin-bottom       : 10px;
  width               : 794px;
  height              : 228px;
  border              : 1px solid #D2D2D2;
  background: rgb(235,244,254);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjRmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNGRlZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(235,244,254,1) 0%, rgba(196,222,252,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,244,254,1)), color-stop(100%,rgba(196,222,252,1)));
  background: -webkit-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(196,222,252,1) 100%);
  background: -o-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(196,222,252,1) 100%);
  background: -ms-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(196,222,252,1) 100%);
  background: linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(196,222,252,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf4fe', endColorstr='#c4defc',GradientType=0 );
}

.wsFormHolder {
  margin-left         : 65px;
  margin-top          : 5px;
  width               : 405px;
  height              : 200px;
 }
 
.wsForm {
  padding             : 2px;    
}
  
.wsNameLabel {
  font-weight         : bold;
  font-size           : 12px;
  font-family         : helvetica, arial, verdana, sans-serif;
  color               : #888;
  float               : none;
  margin-bottom       : 0px;
}
  
.wsNameInput {
  width               : 315px;
  margin-bottom       : 12px;
  border-radius       : 0;
  -moz-border-radius  : 0;
  -webkit-border-radius: 0;
  border              : 1px solid #BBBBBB;
  font-family         : "lucida grande",tahoma,verdana,arial,sans-serif;
  font-size           : 11px;
  padding             : 0px 0px 0px 3px;
  line-height         : 16px;
  height              : 21px;
  font-weight         : bold;
}
  
.wsLinkLabel {
  font-weight         : bold;
  font-size           : 12px;
  font-family         : helvetica, arial, verdana, sans-serif;
  color               : #888;
  float               : none;
  margin-bottom       : 0px;
}
  
.wsLink {
  width               : 540px;
  margin-bottom       : 10px; 
  color               : #369;
  font-weight         : normal;
  cursor              : pointer;
  margin-bottom       : 12px;
  white-space         : nowrap;
}

.wsPasswordInput {
  width               : 185px;
  border-radius       : 0;
  -moz-border-radius  : 0;
  -webkit-border-radius: 0;
  border              : 1px solid #BBBBBB;
  font-family         : "lucida grande",tahoma,verdana,arial,sans-serif;
  font-size           : 11px;
  padding             : 0px 0px 0px 3px;
  line-height         : 16px;
  height              : 21px;  
  margin-left         : 65px;
  position            : relative;
  top                 : -18px;
}

.wsCheckbox {
  position: absolute;
  top:12px;
  left:0;
}

.ie9 .wsCheckbox {
  top:11px;
}

.wsCheckboxLabel {
  position: absolute;
  top:10px;
  left:20px;
}

.chbHolder {
  height              : 32px;
  position            : relative;
}

.wsDescLabel {
  font-weight         : bold;
  font-size           : 12px;
  font-family         : helvetica, arial, verdana, sans-serif;
  color               : #888;
  float               : left;
  margin-top          : 9px; 
}

.wsDescTextArea {
  border              : 1px solid #BBBBBB;
  resize              : none;
  height              : 60px;
  width               : 396px;
  font-size           : 11px;
  font-family         : "lucida grande",tahoma,verdana,arial,sans-serif;
  padding             : 3px;
}

.wsSaveBtn {
  position            : relative;
  top                 : -11px;
  left                : 704px;
  height              : 24px;
  line-height         : 15px;
  padding             : 3px 15px 4px;
  width               : 80px;
  background-color    : #517cba;
  border              : 1px solid #2f4d7d;
  font-size           : 12px;
  -moz-border-radius  : 4px;
  -webkit-border-radius: 4px;
  border-radius       : 4px;
  color               : #fff;
  text-shadow: 0 0px 2px #0045AB;
  font-weight         : bold;
  font-family: "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
  -moz-box-shadow     : 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow  : 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow          : 0 1px 1px rgba(0, 0, 0, 0.2);
  cursor              : pointer;
  background-image: -o-linear-gradient(top, rgb(92,161,235),rgb(81,124,186));
  background          : -moz-linear-gradient(center top , #5CA1EB, #517cba) repeat scroll 0 0 #517cba;
  background          : -webkit-gradient(linear, left top, left bottom, from(#5CA1EB), to(#517cba)) repeat scroll 0 0 #517cba;
  filter              : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff5CA1EB, endColorstr=#ff517cba); 
}

.ie9 .wsSaveBtn {
  filter:none;
  background-image: url('/styles/blue-button.svg');
  background-size: 100% 100%;
  background-repeat: repeat-x;
  background-position: 0 0;
}

.dis {
  background          : -moz-linear-gradient(center top , #CACACA, #9A9A9A) repeat scroll 0 0 #9A9A9A;
  background          : -webkit-gradient(linear, left top, left bottom, from(#CACACA), to(#9A9A9A)) repeat scroll 0 0 #9A9A9A;
  filter              : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffCACACA, endColorstr=#ff9A9A9A); 
  cursor              : default;
  border-color        : #888888;
}

.ie9 .dis {
  background-image: url('/styles/grey-button.svg');
}

/****** Webshare hover effect ******/

.wsURL:hover {
  color               : #545454;
}
.wsHolder:hover {
  background: rgb(235,244,254);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjRmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWU5ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(235,244,254,1) 0%, rgba(222,233,244,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,244,254,1)), color-stop(100%,rgba(222,233,244,1)));
  background: -webkit-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(222,233,244,1) 100%);
  background: -o-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(222,233,244,1) 100%);
  background: -ms-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(222,233,244,1) 100%);
  background: linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(222,233,244,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf4fe', endColorstr='#dee9f4',GradientType=0 );
}

.wsHolder:visited {
  background-color    : transparent;
  background-image    : '';
  background-image    : '';
  background-image    : '';
  filter              : '';
  -ms-filter          : '';
}

.wsHolderExpanded:hover {
  background: rgb(235,244,254);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjRmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZGQ5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(235,244,254,1) 0%, rgba(189,217,249,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,244,254,1)), color-stop(100%,rgba(189,217,249,1)));
  background: -webkit-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(189,217,249,1) 100%);
  background: -o-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(189,217,249,1) 100%);
  background: -ms-linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(189,217,249,1) 100%);
  background: linear-gradient(top,  rgba(235,244,254,1) 0%,rgba(189,217,249,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf4fe', endColorstr='#bdd9f9',GradientType=0 );
}

.wsHolder:visited {
  background-color    : transparent;
  background-image    : '';
  background-image    : '';
  background-image    : '';
  filter              : '';
  -ms-filter          : '';
}

#tabMyWebShare #webshareUrl {
  margin: 0 0 0 0;
  height: 25px;
  position: relative;
  top: 15px;
  left: 10px;
}

#tabMyWebShare #webshareUrl a {
  font-size: 14px;
}
/********************** FILE EXPLORER WEBSHARES END **********************/


/********************** FILE EXPLORER FAVORITES **********************/

/*Hide sharing in photoswipe for now*/
.slideShareLinks {
  display             : none;  
}

.bodyheader {
  width               : 100%;
  position            : fixed;
  top                 : 120px;
  left                : 0;
  padding             : 0 0 45px 0px;
  border-bottom       : 5px solid #FFF;
  z-index             : 1;
  height              : 70px;
  background-color: #ffffff;
}

.breadcrumb {
  width               : 80%;
  text-align          : left;
  padding-left        : 20px;
  font-size           : 14px;
}

.sharing {
  position            : absolute;
  right               : 60px;
  bottom              : 3px;
  margin-right        : 0px;
}


.sharing div {
  margin              : 3px 5px 5px 0;
  float               : left;
  text-align          : right;
}

.sharing span {
  margin              : 0 5px;
  float               : left;
  width               : 24px;
  cursor              : pointer;
}

.sharing span.disabled {
  background-color: transparent !important;
  color: #666 !important;
  cursor: default !important;
  opacity: 0.4;
  filter: alpha(opacity=40);
}


.sharing span img {
  border              : 0;
  width               : 24px;
  height              : 24px;
}


.shortcuts {
  position            : absolute;
  right               : 0;
  bottom              : 13px;
  margin-right        : 0px;
  height              : 24px;
}

.shortcuts div {
  margin              : 3px 0 5px 0;
  float               : left;
  width               : 34px;
  cursor              : pointer;
}

.shortcuts #driveBlueFolder {
  position            : relative;
  /*top                 : 5px;*/
  color               : #000000;
  width               : 40px;
  height              : 24px;
  border-right        : 1px solid #ccc;
}

.shortcuts #driveBlueFolder img {
  position            : relative;
  top                 : 2px;
  left                : 5px;
}

.shortcuts img {
  position            : relative;
  top                 : -7px;
  left                : 7px;
}

.shortcuts #driveMenuMore img, .shortcuts #favoriteMenuMore img, .shortcuts #webshareMenuMore img, .shortcuts #syncMenuMore img {
  position            : relative;
  top                 : -2px;
  left                : 0px;
}

.shortcuts span {
  padding: 5px;
  /*position            : relative;
  top                 : -7px;
  left                : 4px;*/
}

.shortcuts .moreButton {
  /*position            : relative;
  top                 : 5px;*/
  color               : #447bc8;
  /*width               : 50px;*/
  height              : 24px;
  /*padding-top         : 11px;*/
  width: auto;
  text-align: center;
  padding: 5px;
  white-space:nowrap;
}

.shortcuts .button {
  position            : relative;
  /*top                 : 5px;*/
  color               : #000000;
  width               : 40px;
  height              : 24px;
  border-right        : 1px solid #ccc;
  padding-top         : 8px;
}

.shortcuts .moreActions {
  width: auto;
  padding: 5px 9px 0px 35px;
  color: #447bc8;
}
.shortcuts .moreActions img {
  position: absolute;
  top: 3px;
}

#favoriteGuide {
  padding-top         : 10px;
}

/*#tabMyFavorites .contentAreaRight {
  top                 : 50px;
}*/


/********************** FILE EXPLORER FAVORITES END **********************/


/********************** FILE EXPLORER ACCOUNT **********************/
#tabMyAccount {
  color               : #333333;
}

#tabMyAccount .bodyheader {
  height: 15px;
  padding-left: 20px;
  font-size: 14px;
}

.bold{
  font-weight         : bold;
}

.font9px{
  font-size           : 9px;
  line-height         : 12px;
}

.font10px{
  font-size           : 10px;
  line-height         : 13px;
}

.font11px{
  font-size           : 11px;
  line-height         : 15px;
}

#tabMyAccount #accPaymentComplete {
  width               : 100%;
  padding             : 10px;
  margin-top          : 20px;
}

#tabMyAccount #accPaymentText {
  padding             : 8px;
  font-size           : 14px;
  background-color    : #E7FADD;
  border              : 1px solid #DCE8D6;
}

#tabMyAccount #accHeader {
  font-size           : 14px;
}

#tabMyAccountContent {
  padding:0 20px 20px 20px;
  margin-top: -50px;
}

.accountTabHeader {
  margin-right:30px;
  cursor:pointer;
  font-size:20px;
}

.accountTabHeader.selected {
  color:#408BE7;
}

.accountTab {
  display:none;
}

#tabMyAccount #accInfo {
  position            : relative;
  width               : 100%;
  margin              : 0 10px 10px 0;
  
}

#tabMyAccount #accInfoLeft {
  background-color    : #F8F8F8;
  border              : 1px solid #D2D2D2;
  width               : 340px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

#accChangePicLbl {
  cursor              : pointer;
  color               : #447BC8;
}

#accChangePicLbl:hover {
  text-decoration     : underline;
}

#tabMyAccount #accInfoRight {
  width               : 355px;
}

#tabMyAccount .accHeader {
  padding             : 8px 10px 0 10px;
  font-weight         : bold;
  font-size           : 12px;
}

#tabMyAccount .accHeader div {
  float               : left;
}

#tabMyAccount #accUsername {
  padding-left        : 5px;
  overflow            : hidden;
  text-overflow       : ellipsis;
  white-space         : nowrap;
  width               : 140px;
  left                : 140px;
  top                 : 8px;
}

#tabMyAccount .accBody {
  margin              : 25px 10px 10px 10px;
}

#tabMyAccount #accInfoForm,
#tabMyAccount #couponForm,
#tabMyAccount .leftBoxContent{
  width               : 220px;
  padding             : 10px;
  clear               : both;
}

#tabMyAccount .leftBoxContent{
  width               : auto;
}

#tabMyAccount .accInput {
  margin-bottom       : 1px;
}

#tabMyAccount #account_email {
  margin-bottom       : 10px;
}

#tabMyAccount #account_hide {
  margin-bottom       : 15px;
}

#tabMyAccount .input {
  font-family         : "lucida grande",tahoma,verdana,arial,sans-serif;
  font-size           : 11px;
  padding             : 0px 0px 0px 3px;
  width               : 220px;
  height              : 21px;
}

#tabMyAccount #accInfoUpdate {
  position            : relative;
  top                 : 0;
  left                : 10px;
  width               : 73px;
}

#tabMyAccount #accInfoLoader {
  position            : relative;
  top                 : 1px;
  left                : 38px;
}


#tabMyAccount #accSaveResult {
  top                 : 15px;
  left                : 0px;
  width               : 315px;
  position            : relative;
}

#tabMyAccount .errorAsterix {
  position            : absolute;
  color               : #FF0000;
  font-weight         : bold;
  font-size           : 15px;
}

#tabMyAccount #errorAsterix1 {
  top                 : 50px;
  left                : 215px;
}

#tabMyAccount #errorAsterix2 {
  top                 : 89px;
  left                : 215px;
}

#tabMyAccount .accReferLink {
  margin-top          : 10px;
}

#tabMyAccount #accType {
  position            : relative;
  margin              : 10px 10px 10px 0;
}

#tabMyAccount #accTypeLeft, 
#tabMyAccount #accCouponLeft, 
#tabMyAccount #accCouponDiscount {
  background-color    : #F8F8F8;
  border              : 1px solid #D2D2D2;
  width               : 340px;
  height              : 120px;
  margin-top          : 20px;
  position            : relative;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

#tabMyAccount #accTypeRight {
  width               : 355px;
  height              : 190px;
}

#tabMyAccount #accCurType, #tabMyAccount #accCurInfo, #tabMyAccount #accCurTotal, #tabMyAccount #accTeam, #tabMyAccount #accContactAdmin {
  margin              : 5px 0 0 10px;
}

#accCurInfo {
  margin-top          : 10px;
}

#tabMyAccount #accCurTypeValue, #tabMyAccount #accCurTotalValue {
  font-weight         : bold;
  margin-left         : 2px;
}

#tabMyAccount #accTypeUpgrade {
  padding             : 3px 10px 4px 10px;
  position            : absolute;
  bottom              : 10px;
  right               : 14px;
}

#tabMyAccount #accTypeLeft .link:hover {
  text-decoration:none;
}

.accountColumn {
  float:left;
  margin:20px 35px 0 0;
}

.accountRow {
  background-color: #F8F8F8;
  border:1px solid #D2D2D2;
  border-radius:5px;
  padding:10px;
  margin-bottom:30px;
  position:relative;
}

.rowHeader {
  padding:5px;
  font-size:17px;
}

#saveBillingText {
  display:none;
  padding-right:10px;
  font-size:14px;
  padding-top:5px;
}

.listAccContainer {
  margin-top:10px;
  background-color:#FFF;
  border:1px solid #E3E3E3;
  cursor:default;
}

.listAccHeader {
  padding:11px 10px 4px 10px;
  border-bottom:1px solid #E3E3E3;
  font-size:0;
  word-spacing:0;
  letter-spacing:0;
}

.listAccHeader .headerText {
  font-size:15px;
  display:inline-block;
}

#invoiceList {
  width:800px;
  min-height:400px;
  color:#000;
}

#subaccountList {
  width:600px;
  min-height:38px;
}

#subaccountInvitedList {
  width:600px;
}

#availableList {
  width:280px;
}

.listNotification {
  padding:20px 0 20px 20px;
  text-align:center;
}

.accListItem {
  position:relative;
  padding:0 10px;
  border-bottom:1px solid #E3E3E3;
  height:38px;
  font-size:0;
  word-spacing:0;
  letter-spacing:0;
  color:#000;
}

.accListItem .listData {
  display:inline-block;
  font-size:12px;
  position:relative;
  height:38px;
  padding-top:11px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.accListItem:hover {
  background-color:#D9E8FB;
}

#invoiceList .accListItem:hover {
  /*cursor:pointer;  */
}

#invoiceList .accListItem:active {
  background-color:#A8CFFF;
}

#availableList .accListItem:hover {
  background-color:#FFF;
}

.inviteNewUser {
  position:absolute;
  top:10px;
  right:10px;
}

.invoiceDate {
  width:180px;
}

.invoiceMethod {
  width:160px;
}

.invoiceAmount {
  width:160px;
  text-align:right;
}

.invoiceRecieved {
  width:265px;
  text-align:right;
}

.subaccountUser {
  width:160px;
}

.subaccountEmail {
  width:260px;
}

.subaccountType {
  width:80px;
  text-align:right;
}

.subaccountCreated {
  width:80px;
  text-align:right;
}

.subaccountAccountControl {
  width:100px;
  margin-left:40px;
  text-align:center;
}

.subaccountPending {
  width:160px;
  padding-top:7px !important; 
}

.resendContainer {
  position: absolute;
  top: 7px;
  left: 75px;
}

.subaccountDelete {
  position:absolute;
  right:10px;
  top:8px;
  background-image:url("/webui/images/icons/24x24/forbidden.png");
  background-repeat:no-repeat;
  height:24px;
  width:24px;
  cursor:pointer;
  display:none;
  opacity:0.5;
}

.accListItem:hover .subaccountDelete {
  display:block;
}

.accListItem:hover .subaccountDelete:hover {
  opacity:1;
}

.deleteAccountChoice {
  border:1px solid #CCC;
  padding:15px;
  margin:10px;
  cursor:pointer;
}

.deleteAccountChoice.selected {
  border-color:#85B5EF;
}

.deleteAccountText {
  font-style:italic;
  font-size:11px;
  padding:5px 0 0 20px;
}

.availableAccounts {
  width:90px;
  text-align:center;
  margin-right:20px;
}

.availableType {
  width:110px;
  text-align:right;
}

#accountsUsed {
  position:absolute;
  left:5px;
  top:5px;
  font-size:16px;
}

/********************** FILE EXPLORER ACCOUNT END **********************/


/********************** FILE EXPLORER FILE ICONS **********************/

.icons {
  width               : 24px;
  height              : 22px;
  display             : inline-block;
  vertical-align      : middle;
  cursor              : pointer;
}

/****** Parent Folder ******/
.icons.parentfolder {
  background-image    : url('../webui/images/icons/arrow_parent_blue16in24.png');
  background-repeat   : no-repeat;
}

/****** Folder checkbox styles ******/

.checkboxs.foldercheckbox {
  margin-top          : 1px;
  margin-left         : 5px;
}

.icons.fileicon {
  background-repeat   : no-repeat;
  background-position : center;
}

.iconitem .img {
  background-repeat   : no-repeat;
  background-position : center;
}

.numberEventsItemContainer{
  position            : absolute;
  top                 : 5px;
  right               : 0;
}


/*
  .numberEventsTab{
    top: 0px;
    height: 40px;
    width: 40px;
    background-image: url('/webui/images/icons/svg/Notification.svg');
    background-repeat: no-repeat;
    background-position: center;
    padding: 2px 5px 0px 0px;
    background-size: cover;
    text-align: center;
    position: absolute;
    left: -30px;
  }
*/

.numberEventsItem{
  /*position            : relative;
  float               : right;
  width               : 15px;
  height              : 19px;
  text-align          : left;
  background-image    : url("/webui/images/icons/badgersStop.png");
  background-repeat   : no-repeat;
  background-position : right; 
  color               : white;
  padding-top         : 1px;
  margin-right        : 12px;
  cursor              : default;*/
    top: 0px;
    height: 40px;
    width: 40px;
    background-image: url('/webui/images/icons/svg/Notification.svg');
    background-repeat: no-repeat;
    background-position: center;
    padding: 2px 5px 0px 0px;
    background-size: cover;
    text-align: center;
    position: absolute;
    left: -30px;
    color:#FFFFFF;
}




.numberEventsItemStart{
  position            : relative;
  float               : right;
  width               : 7px;
  height              : 19px;
/*  text-align          : center;
  background-image    : url("/webui/images/icons/badgersStart.png");
  background-repeat   : no-repeat;
  background-position : center; */
  color               : white;
  cursor              : default;
}

.star{
  position            : absolute;
  top                 : 6px;
  left                : 21px;
  background-image    : url("/webui/images/icons/16x16/star_red.png");
  background-repeat   : no-repeat;
  background-position : center; 
  width               : 16px;
  height              : 16px;
  z-index             : 1;
}

.starImg{
  position            : absolute;
  top                 : 1px;
  left                : 2px;
  background-image    : url("/webui/images/icons/16x16/star_red.png");
  background-repeat   : no-repeat;
  background-position : center; 
  width               : 16px;
  height              : 16px;
  z-index             : 1;
}

.iconitem {
  /*visibility:hidden;*/
}

.iconitem.visible {
  visibility:visible;
}

.iconitem.large.iconFolderGreen .img { background-image : url('/webui/images/icons/48x48/folder_green.png'); }
.iconitem.large.iconPhone .img { background-image       : url('/webui/images/icons/48x48/mda.png'); }
.iconitem.large.iconPhoneUp .img { background-image       : url('/webui/images/icons/48x48/mda_up.png'); }
.iconitem.large.iconDevice .img { background-image       : url('/webui/images/icons/48x48/img_computer48.png'); }
.iconitem.large.iconDeviceUp .img { background-image       : url('/webui/images/icons/48x48/computer_up.png'); }
.iconitem.large.iconDeviceUpDown .img { background-image   : url('/webui/images/icons/48x48/computer_updown.png'); }
.iconitem.large.iconDeviceDown .img { background-image   : url('/webui/images/icons/48x48/computer_down.png'); }
.iconitem.large.iconDeviceUpClock .img { background-image       : url('/webui/images/icons/48x48/computer_up_clock.png'); }
.iconitem.large.iconDeviceUpDownClock .img { background-image   : url('/webui/images/icons/48x48/computer_updown_clock.png'); }
.iconitem.large.iconDeviceDownClock .img { background-image   : url('/webui/images/icons/48x48/computer_down_clock.png'); }

.iconitem.medium.iconFolderGreen .img { background-image : url('/webui/images/icons/48x48/folder_green.png'); }
.iconitem.medium.iconPhone .img { background-image       : url('/webui/images/icons/48x48/mda.png'); }
.iconitem.medium.iconPhoneUp .img { background-image       : url('/webui/images/icons/48x48/mda_up.png'); }
.iconitem.medium.iconDevice .img { background-image       : url('/webui/images/icons/48x48/img_computer48.png'); }
.iconitem.medium.iconDeviceUp .img { background-image       : url('/webui/images/icons/48x48/computer_up.png'); }
.iconitem.medium.iconDeviceUpDown .img { background-image   : url('/webui/images/icons/48x48/computer_updown.png'); }
.iconitem.medium.iconDeviceDown .img { background-image   : url('/webui/images/icons/48x48/computer_down.png'); }
.iconitem.medium.iconDeviceUpClock .img { background-image       : url('/webui/images/icons/48x48/computer_up_clock.png'); }
.iconitem.medium.iconDeviceUpDownClock .img { background-image   : url('/webui/images/icons/48x48/computer_updown_clock.png'); }
.iconitem.medium.iconDeviceDownClock .img { background-image   : url('/webui/images/icons/48x48/computer_down_clock.png'); }

.iconitem.small.iconPhone .img { background-image       : url('/webui/images/icons/24x24/mda.png'); }
.iconitem.small.iconPhoneUp .img { background-image       : url('/webui/images/icons/24x24/mda_up.png'); }
.iconitem.small.iconDevice .img { background-image       : url('/webui/images/icons/48x48/img_computer48.png'); }
.iconitem.small.iconDeviceUp .img { background-image       : url('/webui/images/icons/48x48/computer_up.png'); }
.iconitem.small.iconDeviceUpDown .img { background-image   : url('/webui/images/icons/48x48/computer_updown.png'); }
.iconitem.small.iconDeviceDown .img { background-image   : url('/webui/images/icons/48x48/computer_down.png'); }
.iconitem.small.iconDeviceUpClock .img { background-image       : url('/webui/images/icons/48x48/computer_up_clock.png'); }
.iconitem.small.iconDeviceUpDownClock .img { background-image   : url('/webui/images/icons/48x48/computer_updown_clock.png'); }
.iconitem.small.iconDeviceDownClock .img { background-image   : url('/webui/images/icons/48x48/computer_down_clock.png'); }


/** SVG icons **/
.iconitem.iconZIP .img { background-image      : url('/webui/images/icons/svg/file_compressed.svg'); }
.iconitem.iconXML .img, .iconitem.iconHTML .img { background-image     : url('/webui/images/icons/svg/file_xml.svg'); }
.iconitem.iconWAVE .img { background-image     : url('/webui/images/icons/svg/file_wav.svg'); }
.iconitem.iconWord .img { background-image     : url('/webui/images/icons/svg/file_richtext.svg'); }
.iconitem.iconEXCEL .img { background-image    : url('/webui/images/icons/svg/file_excel.svg'); }
.iconitem.iconCSV .img { background-image      : url('/webui/images/icons/svg/file_csv.svg'); }
.iconitem.iconEXE .img { background-image      : url('/webui/images/icons/svg/file_exe.svg'); }
.iconitem.iconPPT .img { background-image    : url('/webui/images/icons/svg/file_ppt.svg'); }
.iconitem.iconBookmark  .img { background-image : url('/webui/images/icons/svg/file_bookmark.svg'); }
.iconitem.iconText .img { background-image     : url('/webui/images/icons/svg/file_text.svg'); }
.iconitem.imageLoading .img { background-image : url('/images/Wait.gif'); }

.iconitem.iconJPG .img { background-image      : url('/webui/images/icons/svg/file_image.svg'); }
.iconitem.iconGIF .img { background-image      : url('/webui/images/icons/svg/file_image.svg'); }
.iconitem.iconPNG .img { background-image      : url('/webui/images/icons/svg/file_image.svg'); }
.iconitem.iconPSD .img { background-image      : url('/webui/images/icons/svg/file_image.svg'); }
.iconitem.iconBMP .img { background-image      : url('/webui/images/icons/svg/file_image.svg'); }

.iconitem.folder_calendar .img { background-image  : url('/webui/images/icons/svg/folder_appointments.svg'); }
.iconitem.folder_bookmarks .img { background-image : url('/webui/images/icons/svg/folder_bookmarks.svg'); }
.iconitem.folder_mailbox .img { background-image   : url('/webui/images/icons/svg/folder_mail.svg'); }
.iconitem.folder_contacts .img { background-image   : url('/webui/images/icons/svg/folder_contacts.svg'); }
.iconitem.folder_desktop .img { background-image   : url('/webui/images/icons/svg/folder_desktop.svg'); }
.iconitem.folder_sync .img { background-image   : url('/webui/images/icons/svg/folder_sync.svg'); }
.iconitem.folder_feeds .img { background-image     : url('/webui/images/icons/svg/folder_rss.svg'); }


/********************** FILE EXPLORER FILE ICONS END **********************/


/********************** FILE EXPLORER DIALOGS **********************/
.fe_dialog {
  border              : 1px solid #929292;
  position            : absolute;
  top                 : 150px;
  left                : 50%;
  display             : none;
  z-index             : 25;
  background-color    : #ffffff;
  -webkit-box-shadow  : 0px 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow     : 0px 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow          : 0px 1px 5px rgba(0, 0, 0, 0.5);
}

#welcomePlate {
  width               : 370px;
  /*height              : 165px;*/
  margin-left         : -165px;
}

#welcomeMain, #campDriveSize {
  position            : absolute;
  top                 : 30px;
  left                : 0;
  width               : 365px;
  height              : 112px;
  padding             : 15px 5px 5px 5px;
}
 
.plate_content_center {
  margin-top          : 15px;
	text-align: center;
}

.plate_content_center .dia_header {
  margin              : 0 18px 5px;
  font-size           : 14px;
  font-weight         : normal;
}
.plate_content_center .dia_body {
  margin              : 0 18px;
  color               : #898989;
  font-size           : 11px;
}

#welcomePlate .dia_body_center {
	position: absolute;
	width:186px;
	text-align: center;
	left: 50%;
	margin-left: -83px;
}

#uploadPlate {
  width               : 634px;
  height              : 316px;
  margin-left         : -317px;
}
.plate_header {
  margin-top          : 15px;
  border-bottom       : 1px solid #929292;
  height              : 45px;
}
.plate_header .dia_header {
  margin              : 0 18px 5px;
  font-size           : 14px;
  font-weight         : normal;
}
.plate_header .dia_header #uploadToFolder {
  color               : #25a6f8;
}
.plate_header .dia_body {
  margin              : 0 18px;
  color               : #898989;
  font-size           : 11px;
}

#upload_Abort {
  position            : absolute;
  top                 : 16px;
  right               : 20px;
}

#didYouKnow {
  position            : absolute;
  top                 : 75px;
  left                : 15px;
  width               : 250px;
  background-color    : #f2f6fc;
  border              : 1px solid #ededed;
}

#didYouKnow .dia_header {
  margin              : 12px 10px 0;
  font-size           : 14px;
  font-weight         : bold;
}
#didYouKnow .dia_body {
  margin              : 12px 8px 12px;
  font-size           : 11px;
}

#uploadProgress{
  position            : absolute;
  top                 : 61px;
  right               : 0;
  width               : 320px;
  height              : 255px;
  overflow            : auto;
}
.progress_cont {
  margin              : 15px 0 12px;
}
.progress_bar {
  position            : relative;
  width               : 211px;
  height              : 18px;
  border              : 1px solid #afafaf;
  margin              : 5px 0;
}
.progress_bar .progress {
  position            : absolute;
  height              : 14px;
  width               : 0;
  top                 : 1px;
  left                : 1px;
  background-color    : #98d5fc;
}
.progress_bar .label {
  position            : absolute;
  height              : 14px;
  width               : 207px;
  top                 : 0px;
  left                : 1px;
  text-indent         : 3px;
  font-size           : 90%;
}

a.link, span.link {
  color               : #447bc8;
  cursor              : pointer;
  text-decoration     : none;
}

div.appsLink {
  width:
}

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

/****** Dialog ******/

.dialog {
  /*width             : 320px;
  height            : 215px; */
  display           : none;
  background-color  : #FFF;
  border            : 1px solid #93A2AC;
  box-shadow        : 0 0 10px #93A2AC;
  position          : fixed;
  top               : 50%;
  left              : 50%;
  z-index           : 201;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius     : 5px;
}

.dialogHeader {
  width               : 100%;
  font-size           : 12px; 
  font-weight         : bold; 
  font-family         : Sans-serif; 
  float               : left; 
  line-height         : 21px; 
  margin              : 4px 0px 0px 0px;
  moz-user-select     : -moz-none;
  -webkit-user-select : none;
  -o-user-select      : none;
  -khtml-user-select  : none;
  -ms-user-select     : none;
  user-select         : none;
  text-align          : center;
}

/****** Crop Image Dialog ******/
#cropImageDialog {
  height:479px;
  width:640px;
  margin-top: -240px;
  margin-left: -320px;
}

#imageCropContainer {
  display:none;
  margin:0 auto;
  border:1px solid #000;
  position:relative;
  top:40px;
  left: -85px;
}

#loadImageCrop {
  margin:210px auto 0 auto;
  width:185px;
}

/****** Upload Limit Dialog ******/
#uploadLimitDialog {
  width:365px;
  height: 145px;
  margin-top: -72px;
  margin-left: -182px;
}


/****** FAF message *****/

#fafmessge{
  z-index: 200;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -110px;
  background-color:#FFF;
  padding:10px 15px;
  border:1px solid #888;
  border-radius:5px;
  color: #666666;
  font-size: 12px;
}

#loadingSpinner {
  float:left;
  width:20px;
  height:20px;
  -webkit-animation:loadingSpinner 400ms linear infinite;
  -moz-animation:loadingSpinner 400ms linear infinite;
  -ms-animation:loadingSpinner 400ms linear infinite;
  animation:loadingSpinner 400ms linear infinite;
  border:2px solid transparent;border-radius:10px;
  border-top-color:#408BE7;
  border-right-color:#408BE7;
}

/****** Add Favorite Dialog ******/

.favoriteDialog {
  width               : 360px;
  height              : 210px;
  margin-left         : -180px;
  margin-top          : -105px;
}

.addFavInput {
  border              : 1px solid #BBB;
  float               : right;
  width               : 180px;
  padding-left        : 1px;
}

.ie .addFavInput {
  padding-left        : 2px;
}

#addFavUrl {
  word-break          : break-all;
}

#addFavError {
  color               : red;
  font-size           : 11px;
  width               : 200px;
  white-space         : nowrap;
  position            : absolute;
  bottom              : 13px;
  left                : 24px;
}

.dialogLoader {
  position            : absolute;
  bottom              : 0px;
  right               : 15px;
}

/****** Mail Dialog ******/

.mailDialog {
  height              : 160px;
  margin-top          : -80px;
  width               : 320px;
  margin-left         : -160px;
}

.mailbtn {
  position            : absolute;
  bottom              : 8px;
  right               : 8px;
}

.mailLink {
  width               : 100%;
  text-align          : center;
  margin-top          : 30px;
}

#mailInfo {
  padding             : 20px 35px 0 35px;
  font-size           : 10px;
  text-align          : center;
}

#mailGotoLink {
  color               : #1374D8;
  cursor              : pointer;
}

#mailGotoLink:hover {
  text-decoration     : underline;
}

/****** Notification Dialog ******/

.notificationDialog {
  min-width            : 200px;
  padding              : 10px;
  background-color     : #FED4D4;
  bottom               : 50px;
  left                 : 50%;
  position             : fixed;
  text-align           : center;
  top                  : auto;
}

/****** Mail Dialog ******/

#webshareDialog {
  width               : 620px;
  height              : 390px;
  /*margin-left         : -310px;
  margin-top          : -195px;*/
  outline             : none;
  border-color        : #93A2AC;
  box-shadow          : 0 0 10px #93A2AC;
  background-color    : #FFF;
  z-index             : 220;
}

#webshareDialog #wsCreateOption {
  height:330px;
  background-color:#FFF;
  border-radius: 5px 5px 0 0;
  box-shadow: inset 0 -15px 10px -15px #82BCE3;
}

#webshareDialog .shareType {
  width               : 160px;
  height              : 160px;
  text-align          : center;
  position            : absolute;
  top                 : 45px;
  border              : 2px solid #DFEFF8;
  border-radius       : 10px;
  padding             : 3px;
  cursor              : pointer;
}

#webshareDialog .shareType.selected {
  border-color: #68AEDD;
  opacity: 1;
  -webkit-box-shadow: 0px 0px 10px #68aedd;
  -moz-box-shadow: 0px 0px 10px #68aedd;
  box-shadow: 0px 0px 10px #68aedd;
  background: rgb(255,255,255);
  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8cmFkaWFsR3JhZGllbnQgaWQ9Imc4NTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjeD0iNTAlIiBjeT0iNTAlIiByPSI3NSUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBvZmZzZXQ9IjAuNDUiLz48c3RvcCBzdG9wLWNvbG9yPSIjQkFFNEZGIiBvZmZzZXQ9IjEiLz4KPC9yYWRpYWxHcmFkaWVudD4KPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2c4NTcpIiAvPgo8L3N2Zz4=);    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(45%,rgba(255,255,255,1)), color-stop(100%,rgba(186,228,255,1)));
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(186,228,255,1) 100%);
  background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(186,228,255,1) 100%);
  background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(186,228,255,1) 100%);
  background: radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(186,228,255,1) 100%);
}

#webshareDialog #shareTypeInfo {
  position            : absolute;
  top                 : 220px;
  left                : 45px;
  width               : 100%;
}

#webshareDialog #wsDialogDivider {
  position            : absolute;
  top                 : 330px;
  left                : 0;
  border-top          : 1px solid #888;
  height              : 1px;
  width               : 100%;
}

#webshareDialog #wsOptionsTitle {
  position            : absolute;
  top                 : 312px;
  left                : 10px;
  color               : #1374D8;
  cursor              : pointer;
  z-index             : 1;
  height              : 25px;
  width               : 150px;
  overflow            : hidden;
}

#webshareDialog #wsOptionsTitle:hover {
  text-decoration     : underline;
}

#webshareDialog #wsOptions {
  width               : 100%;
  padding             : 11px;
  display             : none;
  position            : relative;
  background-color    : #EEE;
  border-top:1px solid #777;
  border-bottom:1px solid #777;
}

#webshareDialog #wsPassword, #webshareDialog #wsName, #webshareDialog #wsPlusPassword, #webshareDialog #wsCollaboratePassword {
  padding             : 1px 2px 2px 4px;
  border              : 1px solid #ccc;
  width               : 150px;
  height              : 20px;
}

#webshareDialog #wsPrivateBox, #webshareDialog #wsOverwriteBox, #webshareDialog #shareTypeLink, #webshareDialog #shareTypePlus, #webshareDialog #shareTypeCollaborate {
  position            : relative;
  top                 : 1px;
  margin-right        : 3px;
}

#webshareDialog #wsBottom {
  background-color:#FFF;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:30px;
  border-radius: 0 0 5px 5px;
}

#webshareDialog #copyrightText {
  position            : absolute;
  bottom              : 5px;
  left                : 10px;
  width               : 315px;
  font-size           : 9px;
  font-family         : arial, sans-serif;
  color               : #777;
}

#webshareDialog .sharebtn {
  margin-right        : 10px;
  display             : inline-block;
}

#webshareDialog .cancelbtn {
  display             : inline-block;
}

#webshareDialog #wsSettingsLink {
  font-size: 11px;
  color: #1374D8;
  height:24px;
  overflow: hidden;
  margin-top:5px;
  white-space: nowrap;
  width: 480px;
}

#webshareDialog.settings #wsOptions {
  box-shadow:none;
  border:none;
  background-color:transparent;
}

#webshareDialog.settings #wsSettings, #webshareDialog.settings #wsSettingsBg {
  display:block;
}

#webshareDialog #wsSettings {
  display:none;
}

#webshareDialog #wsQRCode {
  position: absolute;
  right:  10px;
  top: 38px;
}

#wsQRImg{
height: 150px;
width: 150px;
}

#webshareDialog #wsSettingsBg {
  position:absolute;
  top:30px;
  left:0;
  width:100%;
  height:270px;
  z-index:-1;
  display:none;
}

/****** Invite Dialog *****/
#inviteDialog {
  width               : 620px;
  height              : 360px;
  margin-left         : -310px;
  margin-top          : -180px;
  z-index             : 19px;
  outline:none;
  border-color:#93A2AC;
  box-shadow:0 0 10px #93A2AC;
  background-color:#FFF;
}

#inviteDialog #inviteType{
  width: 32px;
  height: 32px;
}

#inviteDialog .inviteBody{
  position            : absolute;
  left                : 10px;
  width               : 600px;
  top                 : 235px;
}

#inviteDialog .inviteBody .inviteBodyHidden{
  display             : none;
}

#inviteDialog textarea{
  resize              : none;
}

#inviteDialog #inviteInput {
    background: transparent;
    /*position: relative;*/
    border  : 0px;
    margin-top     : 5px;
    float   :right;
    width   :100%;
    margin-left:2px;
    padding-left:5px;
    font-family         : "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif;
}

#inviteDialog #inviteInputDiv{
    float: left;
    margin-top: 0px;
    left: 0px;
    width: 600px;
    height: 26px;
    border: 1px #A8A8A8 solid;
}

#inviteInputDiv .tagNameExist {
  float: left;
  top: 9px;
  background-color: #BCECC2;
  height: 15pt;
  margin: 2px;
  padding-left:5px;
  padding-right: 2px;
  border              : 1px solid green;
  border-radius       : 2px 2px 2px 2px;
  -moz-border-radius  : 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;    
}

#inviteInputDiv .tagNameExist .removeInvite{ 
  width:8px;
/*  position:absolute;
  right: 2px; */
  float: right;
  cursor: pointer;
  margin-left: 10px;
  color: grey;
  font-size: 9px;
  font-weight: bold;
}

#inviteInputDiv .tagNameFail {
  float: left;
  top: 9px;
  background-color: #FFC7C7;
  height: 15pt;
  margin: 2px;
  padding-left:5px;
  padding-right: 2px;
  border              : 1px solid red;
  border-radius       : 2px 2px 2px 2px;
  -moz-border-radius  : 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
}

#inviteInputDiv .tagNameFail .removeInvite{ 
  width:8px;
  float: right;
  cursor: pointer;
  margin-left: 10px;
  color: grey;
  font-size: 9px;
  font-weight: bold;
}



#inviteDialog #inviteUserMail{
  display   : block;
  position  : absolute;
  top       : 5px;
  left      : 5px;
  z-index   : -1;
  color     : grey;
}

#inviteDialog #inviteMessageDiv{
    top: 70px;
    left: 0px;
    width: 600px;
}

#inviteDialog #inviteMessage {
    background: transparent;
    border: 1px #A8A8A8 solid;
    position: relative;
    top: 4px;
    left: 0px;
    height: 45px;
    width: 600px;
    padding: 5px;
    font-family         : "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif;
    font-size: 13px;
}

#inviteDialog #inviteMessageText{
  display   : block;
  position  : relative;
  top       : -40px;
  left      : 5px;
  z-index   : -1;
  color     : grey;
}

#inviteDialog .inviteHeader{
  height: 110px;
  position: relative;
  width: 530px;
  margin-left: 45px;
  margin-top: 30px;
  /*border-bottom:1px solid grey;*/
}

#inviteDialog .inviteTypeBtn {
  width               : 160px;
  height              : 160px;
  text-align          : center;
  position            : absolute;
  /*top                 : 45px;*/
  border              : 2px solid #DFEFF8;
  border-radius       : 10px;
  padding             : 3px;
  cursor              : pointer;
}

#inviteDialog #inviteemail{
/*  width               : 60px;
  height              : 23px;
  border              : 1px solid grey;
  border-top          : 1px solid grey;
  border-left         : 1px solid grey;*/
  padding-top         : 3px;
  cursor              : pointer;
  float               : right;
  margin-top       : 11px;
  margin-right        : 0px;
/*  border-radius       : 4px 0px 0px 4px;
	-moz-border-radius  : 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px; */
  left                : 0px;
}

#inviteDialog #invitefacebook{
/*  width               : 82px;
  height              : 23px;
  border              : 1px solid grey;
  border-right          : 1px solid grey;
  border-bottom         : 1px solid grey;*/
  padding-top         : 3px;
  cursor              : pointer;
  float               : right;
  margin-top       : 11px;
  left:185px;
}
#inviteDialog #invitetwitter{
/*  width               : 67px;
  height              : 23px;
  border              : 1px solid grey;
  border-right          : 1px solid grey;
  border-bottom         : 1px solid grey;*/
  padding-top         : 3px;
  cursor              : pointer;
  float               : right;
  margin-top       : 11px;
  right              : 0px;
/*  border-radius       : 0px 4px 4px 0px;
	-moz-border-radius  : 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;*/
}

/*#inviteDialog .inviteTypeBtn{
  position              : relative;
  padding-left        : 21px;
  margin-right        : 2px;
}*/

#inviteDialog .inviteTypeText{
font-weight: bold;
position: absolute;
bottom: 5px;
width: 100%;
left: 0px;
}

#inviteDialog .inviteTypeBtn img{
  position              : absolute;
  top                   : 30px;
  left                  : 35px;
  width                 :90px;
  height                :90px;
}

#inviteDialog .inviteTypeBtn.selected{
  /*background-color    : #B1B1B1;*/
/*  border-radius         : 4px 4px 0px 0px;
	-moz-border-radius    : 4px 4px 0px 0px;
	-webkit-border-radius : 4px 4px 0px 0px;
  border                : 1px solid grey;
  border-bottom         : 1px solid white; */
  border-color: #68AEDD;
  opacity: 1;
  -webkit-box-shadow: 0px 0px 10px #68aedd;
  -moz-box-shadow: 0px 0px 10px #68aedd;
  box-shadow: 0px 0px 10px #68aedd;
  background: rgb(255,255,255);
  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8cmFkaWFsR3JhZGllbnQgaWQ9Imc4NTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjeD0iNTAlIiBjeT0iNTAlIiByPSI3NSUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBvZmZzZXQ9IjAuNDUiLz48c3RvcCBzdG9wLWNvbG9yPSIjQkFFNEZGIiBvZmZzZXQ9IjEiLz4KPC9yYWRpYWxHcmFkaWVudD4KPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2c4NTcpIiAvPgo8L3N2Zz4=);    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(45%,rgba(255,255,255,1)), color-stop(100%,rgba(186,228,255,1)));
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(186,228,255,1) 100%);
  background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(186,228,255,1) 100%);
  background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(186,228,255,1) 100%);
  background: radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(186,228,255,1) 100%);
}

#inviteDialog #inviteBottom{
  position            : absolute;
  bottom              : -6px;
  width               : 100%;
}
#inviteDialog .inviteCopyLink{
  position            : absolute;
  left                : 10px;
  bottom              : 15px;
}
#inviteDialog .invitebtn{
  margin-right        : 10px;
  display             : inline-block;
}
#inviteDialog .cancelbtn{
  display             : inline-block;
}

#inviteDialog #inviteWebshareName{
  color               : #1374D8;
}

#inviteDialog #inviteWebshareName.selectable{
  /*margin-right        : 5px;*/
  cursor              : pointer;
  color               : #1374D8;
}

#inviteDialog #inviteWebshareName.selectable:hover {
  text-decoration     : underline;
  color               : #0037CA
}

#inviteDialog #inviteWebshareSettings{
  top                 : 20px;
  left                : 420px;
  height              : 20px;
}

/** Invitations dialog **/
#invitationDialog {
  width               : 600px;
  height              : 200px !important;
  margin-left         : -300px;
  margin-top          : -100px;
  outline             :none;
  border-color        :#93A2AC;
  box-shadow          :0 0 10px #93A2AC;
  background-color    :#FFF;
}

#invitationDialog .dialogHeader{
  position            : absolute;
  top                 : 10px;
}

#invitationDialog #senderAvatar{
  position            : absolute;
  top                 : 10px;
  left                : 15px;
}

#invitationDialog #invitationMessage{
  width: 330px;
  position: absolute;
  top: 55px;
  left: 80px;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -o-user-select: text;
  -ms-user-select: text;
  user-select: text;  
}

#invitationDialog #invitationMessageText{
  font-style         : italic;
  max-height         : 50px;
  overflow-y         : auto;
  line-height: 18px;
}

#invitationDialog #invitationPassword{
  font-size          : 11px;
  margin             : 5px 0 10px 0;
}
#invitationDialog #invitationpwd{
  font-weight        : bold;
}

#invitationDialog #invitationFolder{
  position: absolute;
  right: 22px;
  top: 50px;
}

#invitationDialog #invitationFolder svg{
  margin: -5px 0 0;
  width: 100px;
  height: 100px;
}

#invitationDialog #invitationDescription{
  position: absolute;
  left: 80px;
  top: 110px;
  /*font-style: italic;*/
  width: 360px;
  height:20px;
  font-size:10px;
  line-height:12px;
}

#invitationDialog #invitationWebshareLink{
  position: absolute;
  left: 15px;
  top: 173px;
}

.webLink{
  color:#447bc8;
  cursor:pointer;
}

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

#invitationDialog #invitationBottom{
  position            : absolute;
  bottom              : 0px;
}

#invitationDialog .invitebtn{
  position            : relative;
  left                : 445px;
  bottom              : 15px;
}
#invitationDialog .cancelbtn{
  position            : relative;
  left                : 445px;
  bottom              : 15px;
}
#invitationDialog .closeDialog{
  position            : absolute;
  top                 : 3px;
  right               : 8px;
  font-weight         : bold;
  font-size           : 16px;
  width               : 10px;
  cursor              : pointer;
  color               : grey;
}


/****** Sync Dialog ******/

.syncDialog {
  height               : 150px;
  width                : 400px;
  margin-top           : -75px;
  margin-left          : -200px;
}


#syncInfo {
  padding             : 30px 35px 0 35px;
  font-size           : 12px;
}

#syncInfoBottom {
  font-size           : 9px;
  font-style          : italic;
  position            : absolute;
  left                : 10px;
  bottom              : 5px;
  width               : 260px;
}

/****** rename dialog ******/

#renameDialog{
  height: 130px;
  width: 240px;
  margin-left: -120px;
  margin-top : -65px;
   
}

#renameDialog #renameInputDiv{  
  top: 42px;
  left: 10px;
  position: relative;
  width: 220px;
  border: 1px solid grey;
  border-radius: 4px;
  height: 24px;
}

#renameDialog #renameInput{
  width: 216px;
  top: -22px;
  left: 2px;
  position: relative;
}

/****** confirm Dialog ******/
.confirm {
  display             : none;
  position            : fixed;
  top                 : 40%;
  left                : 40%;
  padding             : 4px;
  width               : 270px;
  border              : 1px solid black;
  background-color    : #e8e8e8;
  -webkit-border-radius: 5px;
  -moz-border-radius  : 5px;
  border-radius       : 5px;
  z-index             : 25;
}

.confirmHeader {
  height              : 70px;
  padding-left        : 10px;
}

.confirmLabel {
  font-weight         : bold;
}

.confirmContainer {
  margin-top          : 14px;
}

.confirmIcon {
  vertical-align      : middle;
  height              : 32px;
  width               : 32px;
}

.confirmButtons {
  height              : 28px;
  position            : absolute;
  bottom              : 3px;
  right               : 10px;
}


#documentLoader {
  position            : fixed;
  top                 : 45%;
  left                : 40%;
  width               : 300px;
  height              : 50px;
  background-color    : #ddd;
  border-radius       : 5px;
  border              : 1px solid #000;
  display             : none;
  z-index             : 99;
}


#favPwdFrm{
  height: 150px;
  width: 280px;
  margin-left: -140px;
  margin-top : -70px;
   
}
/********************** FILE EXPLORER DIALOGS END **********************/




/********************** BUTTONS **********************/

  .btn{

    height: 23px;
    display: inline-block;
    background-color: #408BE7;
    border-radius: 2px;
    padding: 4px 10px 0 10px;
    color: #FFF;
    border: 0;
    cursor: pointer;
    font-size: 13px;

    /*background-image: -o-linear-gradient(top, rgb(92,161,235),rgb(81,124,186));
    background:-moz-linear-gradient(center top , #5CA1EB, #517cba) repeat scroll 0 0 #517cba;
    background:-webkit-gradient(linear, left top, left bottom, from(#5CA1EB), to(#517cba)) repeat scroll 0 0 #517cba;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff5CA1EB, endColorstr=#ff517cba);
    background-color: #517cba;
    border-color: #2f4d7d;
    border-style: solid;
    border-width: 1px;
    display:inline;
    padding:3px 15px 4px 15px;
    text-align: center;
    width: auto;
    font-size:12px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    color:#fff;
    text-shadow: 0 0px 2px #0045AB;
    font-weight:bold;
    font-family: "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    line-height:15px;
    cursor: pointer;*/
    overflow:visible;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
  }
  button.btn, button.button2disabled{
    padding-top: 0px;
  }


  /*.ie9 .btn {
    padding-top:2px;
    line-height:15px;
    filter:none;
    background-image: url('blue-button.svg');
    background-size: 100% 100%;
    background-repeat: repeat-x;
    background-position: 0 0;
  }*/

  .btn_disabled {
    /*background: #f7f8f9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmQ4ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f7f8f9 0%, #d2d8db 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f8f9), color-stop(100%,#d2d8db));
    background: -webkit-linear-gradient(top,  #f7f8f9 0%,#d2d8db 100%);
    background: -o-linear-gradient(top,  #f7f8f9 0%,#d2d8db 100%);
    background: -ms-linear-gradient(top,  #f7f8f9 0%,#d2d8db 100%); 
    background: linear-gradient(to bottom,  #f7f8f9 0%,#d2d8db 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f9', endColorstr='#d2d8db',GradientType=0 );
    border-color: white;
    text-shadow: 0 0px 2px #444444;
    text-shadow: 0px 0px 1px white;
    color: #bbb;
    cursor: default;*/

    display: inline-block;
    background-color: #d2d8db;
    border-radius: 2px;
    padding: 4px 10px 0 10px;
    color: #FFF;
    border: 0;
    cursor: default;
    font-size: 13px;
  }

  /*.ie9 .btn_disabled {
    background-image: url('lightgrey-button.svg');
  }*/

  .btn:hover{
    text-decoration:none;
  }

  a.btn{
    color:#fff;
  }
  a.btn:hover, a .btn:hover{
    text-decoration:none;
  }

.btnGreen{
  background-image    : -o-linear-gradient(top, rgb(109,220,54),rgb(77,156,39));
  background          : -moz-linear-gradient(center top , #6DDC36, #4D9C27) repeat scroll 0 0 #eee;
  background          : -webkit-gradient(linear, left top, left bottom, from(#6DDC36), to(#4D9C27)) repeat scroll 0 0 #eee;
  filter              : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF6DDC36, endColorstr=#FF4D9C27);
  -ms-filter          : "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF6DDC36', endColorstr='#FF4D9C27')";
  background-color    : #4D9C27;
  border-color        : #2f4d7d;
  border-style        : solid;
  border-width        : 1px;
  display             : inline;
  padding             : 3px 15px 4px 15px;
  text-align          : center;
  text-shadow         : 0 1px #fff;
  /*width: 80px;*/
  width: auto;
  font-size           : 12px;
  -moz-border-radius  : 4px;
  -webkit-border-radius:4px;
  border-radius       : 4px;
  color               : #fff;
  text-shadow         : 0 -1px #333;
  font-weight         : bold;
  font-family         : "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
  -moz-box-shadow     : 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow  : 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow          : 0 1px 1px rgba(0, 0, 0, 0.2);
  line-height         : 15px;
  cursor              : pointer;
  overflow            : visible;
}

.ie9 .btnGreen {
  filter:none;
  background-image: url('/styles/green-button.svg');
  background-size: 100% 100%;
  background-repeat: repeat-x;
  background-position: 0 0;
}

.button2disabled {
  /*background-image    : -o-linear-gradient(top, rgb(202,202,202),rgb(154,154,154));
  background          : -moz-linear-gradient(center top , #CACACA, #9A9A9A) repeat scroll 0 0 #eee;
  background          : -webkit-gradient(linear, left top, left bottom, from(#CACACA), to(#9A9A9A)) repeat scroll 0 0 #eee;
  filter              : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFCACACA, endColorstr=#FF9A9A9A);
  background-color    : #CACACA;
  border-color        : #888888;
  color               : E9E9E9;
  border-style        : solid;
  border-width        : 1px;
  display             : inline;
  padding             : 3px 15px 4px 15px;
  text-align          : center;
  text-shadow         : 0 1px #fff;
  width               : auto;
  font-size           : 12px;
  -moz-border-radius  : 4px;
  -webkit-border-radius:4px;
  border-radius       : 4px;
  text-shadow         : 0 -1px #333;
  font-weight         : bold;
  font-family         : "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
  -moz-box-shadow     : 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow  : 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow          : 0 1px 1px rgba(0, 0, 0, 0.2);
  line-height         : 15px;
  cursor              : default;
  overflow            : visible;*/

  display: inline-block;
  background-color: #9A9A9A;
  border-radius: 2px;
  padding: 4px 10px 0 10px;
  color: #FFF;
  border: 0;
  cursor: pointer;
  font-size: 13px;
}

.butt48_blue {
  background-color: #408BE7;
  color: #FFF;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  font-size:16px;
  width:180px;
  margin-top:10px;
  display:inline-block;
  cursor:pointer;
  border: 0;
  font-family:'Segoe UI', 'Myriad Pro', Helvetica, Arial, sans-serif;
}

.butt48_blue.disabled {
  background-color: #CCC;
  cursor:default;
}

.butt24_blue {
  background-color: #408BE7;
  color: #FFF;
  text-align: center;
  height: 24px;
  padding: 5px 10px;
  border-radius:5px;
  font-size: 14px;
  display:inline-block;
  cursor:pointer;
}
  
  .butt25_left, .butt48_left, .butt_gr48_left {
    background-image    : url(/images/butt25_start.png);
    background-repeat   : no-repeat;
    background-position : left;
    cursor              : pointer;
  }

  .butt25_left div, .butt48_left div, .butt_gr48_right {
    background-image    : url(/images/butt25_end.png);
    background-repeat   : no-repeat;
    background-position : right;
  }

  .butt25_left div div{
    background-image    : url(/images/butt25_middle.png);
    background-repeat   : repeat-x;
    background-position : center;
    height              : 25px;
    margin              : 0 6px;
    font-size           : 14px;
    font-weight         : bold;
    font-family         : "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
    text-align          : center;
    text-shadow         : 0 0px 2px white;
    line-height         : 22px;
    color               : #000;
  }

  .butt48_left {
    background-image    : url(/images/butt48_start.png);
  }
  .butt_gr48_left {
    background-image    : url(/images/butt48green_start.png);
  }

  .butt48_left div {
    background-image    : url(/images/butt48_end.png);
  }

  .butt_gr48_right {
    background-image    : url(/images/butt48green_end.png);
  }

  .butt48_left div div, .butt_gr48 {
    background-image    : url(/images/butt48_middle.png);
    background-repeat   : repeat-x;
    background-position : center;
    height              : 48px;
    margin              : 0 6px;
    font-size           : 17px;
    font-weight         : bold;
    font-family         : "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
    text-align          : center;
    text-shadow         : 0 0px 2px white;
    line-height         : 47px;
  }
  
  .mac .butt48,.mac .butt_gr48{
    line-height         : 48px;
  } 

  .butt_gr48 {
    background-image    : url(/images/butt48green_middle.png);
    color               : #FFFFFF;
    text-shadow         : 0px 1px 1px #333;
  }

  #signup_button, #premium_signup_button {
    width               : 200px;
  }

  .button_search {
    background-image    : url(/webui/images/icons/24x24/view.png);
    background-repeat   : no-repeat;
    background-position : center;
    cursor              : pointer;
  }
  /*
  Generic button, uses above "butt" selectors:
  <div id="login_button" title="Press here to login" class="butt25_left"><div class="butt25_right"><div class="butt25">Sign In</div></div></div>
  #login_button {
    width:65px;
  }*/


/********************** BUTTONS END **********************/




/********************** WEBSHARE PAGE **********************/

.add_favorite {
  height              : 37px;
  width               : 100%;
  cursor              : pointer;
  border-radius       : 4px;
  -moz-border-radius  : 4px;
  -webkit-border-radius: 4px;
  border              : 1px #ccc solid;

  background: #9cf37d; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top,  #9cf37d 0%, #9cf37d 0%, #76bc3a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9cf37d), color-stop(0%,#9cf37d), color-stop(100%,#76bc3a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #9cf37d 0%,#9cf37d 0%,#76bc3a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #9cf37d 0%,#9cf37d 0%,#76bc3a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #9cf37d 0%,#9cf37d 0%,#76bc3a 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #9cf37d 0%,#9cf37d 0%,#76bc3a 100%); /* W3C */
  text-align:center;
}

.ie9 .add_favorite {
  filter:none;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzljZjM3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOWNmMzdkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc2YmMzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
}

.add_favorite:hover {
  border              : 1px #bbb solid;
}

.add_favorite img {
  height              : 24px;
  width               : 24px;
  position            : relative;
  top                 : 5px;
  right               : 3px;
}


.add_favorite span {
  height              : 32px;
  color               : #FFF;
  font-family         : "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
  text-shadow         : 1px 1px -1px #999999;
  font-weight         : bold;
  font-size           : 15px;
  padding-top         : 9px;
  position            : relative;
}


.mobileframe .add_favorite {
  background          : none;
  filter              : none;
  border              : 0;
  width               : 100%;
  height              : 100%;
}

.mobileframe .add_favorite img {
  display:none;
}

.mobileframe #addFavoriteLabel {
  display: block;
  padding:11px 0;
  color:#FFF;
  font-size:20px;
  font-family:arial;
  font-weight:bold;
  text-shadow: 2px 2px #141414;
  text-align:center;
  cursor:pointer;
  white-space: nowrap;
  width:100%;
  background-image    : none;
}

/********************** WEBSHARE PAGE END **********************/


/********************** WEBSHARE SIDEBAR **********************/

/********************** WEBSHARE SIDEBAR END **********************/


/********************** WEBSHARE ADD WEBSHARE WINDOW **********************/

/********************** WEBSHARE ADD WEBSHARE WINDOW END **********************/


/* Mobile UI 
 * Using CSS3 to use on device width
 */

@media screen and (max-width: 960px) {
  .ios.mobileUI {
    width:370px;
  }

  .ios.mobileUI #content {
    width:350px;
  }
}

/********************** REMOTE LOGIN **********************/

.keepsignedin {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  margin: 10px 0 0 0;
  text-align: right;
}

.keepsignedin label {
  position: relative;
  top: -3px;
  left: -3px;
}

.forgotpwd {
  margin: 20px 0 0;
  text-align: right;
}

.submit {
  width:74px;
  margin-left: 80px;
}

#login_button, #premium_login_button {
  width:70px;
  /*margin-left:80px;*/
}

/********************** REMOTE LOGIN END **********************/

/********************** AUDIO  **********************/

#playerHolder{
  position: fixed;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 60px;
  z-index: 6;
  /*background-color: #e6e6e6;*/
  background-color: rgba(0, 0, 0, 0.8);
  padding: 3px;
  border-top: 1px solid #999;
  display: none;
}

.playerPadding {
  padding-bottom:60px;
}

.audio_compatiblity {
  border-spacing:0;
  border-collapse:collapse;
}

.audio_compatiblity td {
  line-height: 1px;
  height: 20px;
  width: 20px;
}

.audio_compatiblity .yes {
  background-color: #66CC00;
}
.audio_compatiblity .no {
  background-color: #CC3300;
}

#pqTitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 136px;
  overflow: hidden;
}

#pqExpand {
  cursor              : pointer;
  position            : absolute;
  right               : 15px;
  top                 : 10px;
}

#pqExpandContent {
  position            : relative;
  display             : block;
}

#playqueueListHolder {
  overflow            : auto;
  /*border              : 1px solid transparent;
  border-left         : 1px solid #CCC;
  border-right        : 1px solid #CCC;*/
  position            : relative;
}

#playqueue.selected {
  border-color: #68AEDD;
  -webkit-box-shadow: 0px 0px 15px #68AEDD;
  -moz-box-shadow: 0px 0px 15px #68aedd;
  box-shadow: 0px 0px 15px #68AEDD;
}

.pqListItem {
  padding-left        : 5px;
  height              : 19px;
  font-weight         : normal !important;
  font-size           : 11px;
  overflow            : hidden;
  text-overflow       : ellipsis;
  white-space         : nowrap;
  cursor              : pointer;
  color               : #000 !important;
  position            : relative;
}

.pqListItem.playing {
  background          : #F5F5D6 !important;
  border              : 1px dashed #04CE04;
}

.pqWarningIcon {
  padding-right       : 5px;
  cursor              : pointer;
  margin-bottom       : -4px;
}

.pqDeleteIcon {
  position            : absolute;
  top                 : 1px;
  right               : 0;
  cursor              : pointer;
  display             : none;
}

.pqListItem:hover .pqDeleteIcon {
  display:block;
}

.pqListItem:hover {
  background    : #ddd;
}

.ui-sortable-helper {
  height              : 19px !important;
}

.ui-sortable-helper .pqDeleteIcon {
  display             : none !important;
}

#pqButtonArea {
  background-color    : #eee;
  height              : 28px;
  width               : 100%;
  /*border              : 1px solid #ccc;
  border-bottom-left-radius : 5px;
  border-bottom-right-radius: 5px;*/
  position            : absolute;
  bottom              : -8px;
  left                : 0;
}

.pqbutton {
  position            : absolute;
  bottom              : 1px;
  cursor              : pointer;
}

/********************** AUDIO  END **********************/



/********************** AUDIO COMPATIBILITY **********************/



.audio_compatiblity {
  border-spacing:0;
  border-collapse:collapse;
}

.audio_compatiblity td {
  line-height: 1px;
  height: 20px;
  width: 20px;
}

.audio_compatiblity .yes {
  background-color: #66CC00;
}
.audio_compatiblity .no {
  background-color: #CC3300;
}


/********************** AUDIO COMPATIBILITY END **********************/


/********************** SEARCH **********************/

.search {
  position            : absolute;
  right               : 10px;
  top                 : -4px;
  height			        : 30px;
  width               : 300px;
  margin-right        : 0px;
}

.search #searchButton{
  border:0;
  position: absolute;
  z-index: 1;
  right: 2px;
  top: 7px;
  width: 18px;
  height: 18px;
  cursor:pointer;
}

.search  #searchInput, .search  #searchInputSync{
  position            : absolute;
  margin              : 3px 5px 5px 0;
  left                : 0;
  width               : 150px;
  top				          : 0px; 
  padding-right: 25px;
  background-color: #eee;
  padding: 4px 25px 4px 8px;
  width: 300px;
  border-radius: 3px;
  font-size: 11px;
  line-height: 15px;
  color: #777;
}

/********************** SEARCH END **********************/

/********************** CHECKOUT ************************/

.stepHeader {
  background-color:#EEE;
  padding:10px;
  margin-bottom:5px;
  font-size:18px;
  line-height:22px;
  font-family:'Segoe UI', 'Myriad Pro', Helvetica, Arial, sans-serif;
}

.product {
  margin-bottom:5px;
  border:1px solid #DDD;
  padding:10px 10px 10px 45px;
  height:52px;
  background-image: url('/webui/images/icons/32x32/cloud_drive.png');
  background-repeat: no-repeat;
  background-position: 10px 12px;
}

.product.subaccount {
  background-image: url('/webui/images/icons/32x32/cloud_drive_upgrade.png');
}

.product.coupon {
  background-image: url('/webui/images/icons/32x32/voucher.png');
}

.product.coupon .productPrice {
  color:green;
}

.product .productInfo {
  float:left;
  padding:10px 0 0 10px;
}

.product .productPrice {
  float:right;
  padding-top:10px;
}

#pricingTotalBar {
  margin-top:10px;
  margin-bottom:20px;
  background-color:#D9E8FB;
  color:#444;
  text-align:right;
  padding:10px 10px 8px 0;
}

.ff #addCoupon {
  height:26px;
}

#billingInfo {
  padding:10px 0 0 10px;
  margin-bottom:40px;
  width:360px;
}

#billingInfo #passwordShort, #billingInfo #passwordDifferent {
  display:none;
  position:relative;
  left:150px;
  top:-6px;
  font-size:13px;
  color:#FF0000;
}

#billingInfo .validation {
  margin-bottom:5px;
  font-style:italic;
  font-size:12px;
}

#billingInfo.consumer .billingInfoRow:not(.consumer) {
  display:none;
}

.billingInfoRow {
  height:30px;
  position:relative;
}

#billingInfo #addressRow {
  height:52px;
}

.billingInputTitle {
  float:left;
  padding-top:6px;
  font-size:12px;
}

.billingInput {
  border:1px solid #CCC;
  border-radius:2px;
  padding-left:3px;
  width:200px;
  float:right;
  font-size:12px;
  height:24px;
  padding-top:1px;
}

.billingInput.invalid {
  border-color:#FF0000;
}

.billingInputZip {
  width:70px;
  margin-right:10px;
}

.billingInputCity {
  width:120px;
}

#countryInp {
  float:right;
  font-size:12px;
  width:200px;
  height:24px;
}

.ff #countryInp {
  height:25px;
}

#vatCountry {
  float:right;
  width:30px;
  padding:1px 5px 0 5px;
  border:1px solid #CCC;
  border-right:0;
  text-align:center;
  height:24px;
}

.selectBox {
  padding:7px 10px;
  display:inline-block;
  border:1px solid #CCC;
  background-color:#EEE;
  cursor:pointer;
  margin:10px 10px 10px 10px;
  font-family:'Segoe UI', 'Myriad Pro', Helvetica, Arial, sans-serif;
}

.selectBox.images {
  padding:0;
  height:41px;
}

.selectBox:active:not(.disabled) {
  border-color:#D9E8FB;
}

.selectBox.selected {
  background-color:#BCD6F5;
  border-color:#777;
}

.selectBox input {
  position:relative;
  top:3px;
  cursor:pointer;
}

.safari .selectBox input {
  top:-1px;
}

.selectBox span {
  padding:1px 0 0 3px;
  cursor:pointer;
}

.selectBox.disabled, .selectBox.disabled span{
  opacity:0.7;
  cursor:not-allowed;
}

.checkoutNavigation {
  margin-top:30px;
  position:relative;
  height: 57px;
}

#failedPurchase {
  margin-left:5px;
  color:#FF0000;
  display:none;
}

#continueCheckout {
  margin-left:140px;
}

#invalidBillingInfo {
  color:#FF0000;
  text-align:right;
  width:320px;
}

/********************** CHECKOUT END ************************/

/********************** UPLOAD ************************/
#uploadBar {
  height:75px;
  background-color:rgba(0, 0, 0, 0.8);
  position:fixed;
  z-index:20;
  width:100%;
  bottom:0;
  left:0;
  padding:10px 0 0 10px;
  border-top:2px solid #888;
  display:none;
}

#uploadProgressHolder {
  position:absolute;
  top:0;
  right:0;
  padding:8px 10px 0 0;
  width:100%;
}

#uploadCancelBtn {
  position:absolute;
  right:40px;
  top:24px;
}

#uploadStatusProgress {
  float:right;
  width:100%;
  padding: 0 220px 0 20px;
}

#uploadingStatus {
  color:#FFF;
}

#uploadProgressBars {
  position:relative;
  height:24px;
  border:1px solid #888;
  background-color:#DDD;
}

#totalUploadProgress {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:0;
  background-color:#6DCA5B;
}

#currentFileProgress {
  position:absolute;
  bottom:0;
  left:0;
  height:4px;
  width:0;
  background-color:#408BE7;
  border-right:1px solid #888;
}

#totalUploadPercent {
  position:relative;
  top:3px;
  text-align:center;
  white-space:nowrap;
}


/********************** UPLOAD END ************************/

@-webkit-keyframes loadingSpinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes loadingSpinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes loadingSpinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes loadingSpinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

.ui-dialog {
  padding:0 !important;
}

.ui-widget-header {
  border:0 !important;
  border-radius:2px 2px 0 0 !important;
}

#jp-current-song div div {
  overflow:hidden;
}