/********************** 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           : 14px;
    line-height         : 16px;
    color               : #323232;
    font-family         : "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif;
    overflow-y          : scroll;
    width               : 100%;
    height              : 100%;
  }

  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: 100%;
    height: 100%;
    padding-bottom: 100px;
    position:relative;
    z-index: 11;
  }
    
  .overlay{
    background-color: transparent;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
  }
  
  #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: fixed;
    top:0;
    left:0px;
    width:100%;
    z-index: 20;
  }

  #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 * {
   -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;
  }
  
  .wdtvcontent{
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: fixed;
    top: 75px;
  }
  
  p a, .pagecontent a, .wdtvcontent a{
    color:#447bc8;
    text-decoration: none;
  }

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

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

  h1{
    font-size: 36px;
    line-height: 40px;
    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;
  }
  h2 {
    color: #888;
  }

  h4, .h4{
    font-size: 14px;
    font-weight: bold;
    color: #888;
    line-height: 20px;
    margin-bottom: 12px;
    margin-bottom: 10px;
    font-family: "Segoe UI", "Myriad Pro", Arial;
  }
  
  /* 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: 14px;
  line-height: 13px;
  margin: 1px 4px 7px 6px;
  padding: 8px;
  border: 1px solid #FA1919;
}

#userNotification, .userNotification {
  position:absolute;
  text-align: center;
  width: 600px;
  background-color: lightYellow;
  left: 50%;
  margin-left: -107px;
  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 a, .userNotification a {
  color: blue;
  text-decoration: underline;
}

#lblDriveLocked_info {
  top: 5px;
  left: 666px;
  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: 14px;
  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;
}


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



/********************** HEADER **********************/
 
  #loginHeader{
    position:absolute;
    top: 50%;
    right: 50%;
    margin-right: -180px;
    margin-top: -75px;
    height:130px;
    width: 378px;
  }
  
  #inputs{
    position:absolute;
    /*right: 50%;
    margin-right: -150px;*/
    bottom: 10px;
    height: 40px;
  }
  
  #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;
  }

  #logout{
    position            : absolute;
    right               : 76px;
    top                 : 0;
    cursor              : pointer;
  }

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

  #myAccount{
    position            : absolute;
    right               : 120px;
    top                 : 0;
    cursor              : pointer;
  }

  #myAccount:hover {
    text-decoration     : underline;
  }
  
  #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;
    opacity: 0.7;
  }


  .login_input {
    border:0;
    width:150px;
    height: 25px;
    background-repeat: no-repeat;
    background-color:transparent;
    margin: 0 0 10px 0;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 16px;
    padding: 0px 10px 0 10px;
    /*color: #999999;*/
    line-height:15px;
  }
  

  #lblFullName {
    font-size           : 17px; 
    font-family         : Sans-serif; 
    color               : #FFF;
    font-weight         : bold;
    width               : 150px;
    height              : 19px;
    overflow            : hidden;
    text-overflow       : ellipsis;
    white-space         : nowrap;
    margin-top          : 4px;
    margin-bottom       : 8px;
  }

  #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')";
  }

  .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')";
  }

  #lblQuota {
    font-size           : 12px; 
    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: 18px;
    left: 0px;
    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;
  }
  

  .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", Arial;
    text-shadow: 0 1px 2px #fff;
    display:none;
  }

  .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 **********************/






/* 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:15px;
  line-height:16px;
}
#checkBoxDiv{
  width: 15px;
  height: 15px;
  background: transparent;
  position: absolute;
}

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


.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);
  padding: 4px 3px;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 15px;
  background-color: #fafafa;
  box-shadow: inset 0 1px 0 rgba(0,0,0,0.07);
  /*font-size:12px;
  padding:3px;*/
  width:140px;
  line-height:15px;
}

.incorrect{
  background-color:#FED4D4;
  color           : black;
}

.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;
}

#registercontent{
  width: 100%;
  height: 300px;
  top:  50%;
  margin-top: -150px;
  position: absolute;
  color: white;
  
}

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


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

.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;
}


#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;
}

.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: 100%;
  height: 100%;
  /*top: 65px; */
  position: absolute;
  float: left;
  font-size:14px;
  /*padding: 10px;
  padding-bottom: 0px;*/
}

.menuGreenCheck{
  position: absolute;
  top: 0;
  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
{
  display:inline;
}

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



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

  #mainHolder {
    width               : 100%; 
    margin              : 0 auto; 
    position            : relative;
    display             : none;
  }
  
  #contentArea{
    display             : -moz-inline-stack;
    display             : inline-block;
    /**display            : inline;*/
    width               : 100%;
    min-height          : 700px;
  }

  #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                 : 94px;/*45px;*/
    right               : 0px;/*-212px;*/
    display             : none;
 }
  
  .contentAreaRight {
    /*height            : 610px;*/
    /*vertical-align    : top;
    width               : 189px;
    position            : absolute;
    top                 : 0;
    right               : 0; */
    vertical-align      : top;
    width               : 168px; /*204px;*/
    position            : relative;
    border              : 1px solid #ccc;
 }

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

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

#driveCreateFolder, #syncCreateFolder{
  left                : 48px;
}

#favCreateFolder {
  left                : 13px;
}

.viewMode {
  position            : absolute;
  bottom              : 33px;
}

.viewModeItem {
  position            :absolute;
  width               :24px;
  height              :23px;
  border              :1px solid #999;
  border-radius       :5px;
  cursor              :pointer;
  background-repeat   :no-repeat;
  background-position :3px 3px;
  top                 :0;
  background-size     :16px;
}

.viewModeItem.selected {
  box-shadow          : 0px 0px 10px #68aedd;
  border-color        : #68AEDD;
}

.viewModeItem:hover {
  border-color        : #68AEDD;
}

.viewMode .viewModeThumb {
  background-image    :url(https://www.cloudme.com/webui/images/icons/16x16/thumbnails.png);
}
 
.viewMode .viewModeList {
  position            :absolute;
  left                :32px;
  background-image    :url(https://www.cloudme.com/webui/images/icons/16x16/list.png);
}

#driveShowDeleted, #syncShowDeleted {
  bottom              : 0px;
  left                : 0;
  border-left        : 1px solid #ccc;
  border-right        : 1px solid #ccc;
  width               : 39px;
  padding             : 0 0 0 7px;
}

#driveShowDeleted  div, #syncShowDeleted div{
  width               : 24px;
  height              : 24px;
}

.bodyheader {
  width               : 100%; /*810px;*/
  position            : relative;
  padding             : 10px;
  padding-bottom      : 12px;
  border-bottom       : 1px solid #ccc;
}


#syncBreadcrumb {
  color               : black; 
  font-size           : 15px; 
  text-align          : left;
  padding-top         : 3px;
}

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


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

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

#loader {
  position            : fixed;
  top                 : 50%;
  margin-top          : -16px;
  left                : 50%;
  margin-left         : -16px;
  width               : 32px;
  height              : 32px;
  z-index             : 200;
}

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

#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              : 20px;
    top                 : -13px;
    position            : absolute;
    left                : -1px;
    width               : 100%;
    z-index             : 3;
  }

  #output, #webshareOutput, #favoriteOutput, #syncOutput{
    /*width               : 1310px;*/
    width               : 100%;
    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;
    top                 : 0px;
    overflow-y          : scroll;
    padding-bottom      : 15px;
    margin-top          : 1px;
  }
  
   #syncOutput::-webkit-scrollbar { 
    width: 12px; 
    } 
   /* Track */ 
   #syncOutput::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px; 
      border-radius: 10px; 
      }
   /* Handle */
   #syncOutput::-webkit-scrollbar-thumb { 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    background: rgba(199, 199, 199, 0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    }
   #syncOutput::-webkit-scrollbar-thumb:window-inactive { 
    background: rgba(199, 199, 199, 0.4); 
    }

  
  .tabItem{
    position            : relative;
    padding             : 2px 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;
    -webkitborder-radius: 4px 4px 0 0;
    border-radius       : 4px 4px 0 0;
    float               : left;
  }

  .tabItemSelected{
    border-style        : solid;
    border-width        : 1px;
    border-top-color    : #ccc;
    border-right-color  : #ccc;
    border-bottom-color : #ccc;
    border-left-color   : #ccc;
    background-color    : #fff !important;  
    border-bottom       : 1px solid #fff !important;
  }

  .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;
  }
  

  #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;
  }
/********************** FILE EXPLORERTABS END **********************/



/****** Menu ******/

  .itemHidden {
    display             : none;
  }
  
  #driveModified, #favoriteModified, #webshareModified, #syncModified, #driveSize, #favoriteSize, #webshareSize, #syncText, #syncSize{
    font-size: 10px;
    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("https://www.cloudme.com/webui/images/icons/move.png"); }
  #driveAddQueue, #favoriteAddQueue, #webshareAddQueue, #syncAddQueue    { background-image : url("https://www.cloudme.com/webui/images/icons/16x16/loudspeaker_add.png"); }
  #driveCreateFolder, #syncCreateFolder, #favCreateFolder     { background-image : url("https://www.cloudme.com/webui/images/icons/24x24/folder_new.png"); }
  #driveShowDeleted div { background-image : url("https://www.cloudme.com/webui/images/icons/24x24/garbage_bw.png"); }
  #syncShowDeleted div  { background-image : url("https://www.cloudme.com/webui/images/icons/24x24/garbage_bw.png"); }
  #driveShowDeleted.on div { background-image : url("https://www.cloudme.com/webui/images/icons/24x24/garbage_ok.png"); }
  #syncShowDeleted.on div    { background-image : url("https://www.cloudme.com/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("https://www.cloudme.com/webui/images/icons/16x16/gplus-16.png"); }
  #driveShareMail, #webshareShareMail     { background-image : url("/images/mail16.png"); }
  #driveShare, #webshareShare, #driveShareCloudMe, #webshareShareCloudMe, #syncShare    { background-image : url("https://www.cloudme.com/webui/images/icons/16x16/share.png"); }
  #driveRestore, #syncRestore { background-image : url("https://www.cloudme.com/webui/images/icons/16x16/recycle.png"); }
  #driveSync, #favoriteSync, #syncSync { background-image : url("https://www.cloudme.com/webui/images/icons/16x16/sync16.png"); }
  #webshareFollowers{ background-image : url("https://www.cloudme.com/webui/images/icons/16x16/followers.png"); }
  
  #favoriteOpen, #driveOpen, #webshareOpen, #driveOpenFolder, #webshareGoto, #syncOpen       { background-image : url("https://www.cloudme.com/webui/images/icons/folder_into.png"); }
  #syncDevices       { background-image : url("https://cloudtop.com/gui/icons/16x16/computer.png"); }
  #favoriteRename , #driveRename, #webshareRename, #syncRename     { background-image : url("https://www.cloudme.com/webui/images/icons/16x16/edit_rename_16.png"); }
  #favoriteDelete, #favoriteUnfollow, #driveDelete, #webshareDelete, #webshareUnshare, #syncDelete, #syncUnsync    { background-image : url("https://www.cloudme.com/webui/images/icons/delete.png"); }
  #favoriteCopyTo , #driveCopyTo, #webshareCopyTo, #syncCopyTo    { background-image : url("https://www.cloudme.com/webui/images/icons/copy.png"); }
  #favoriteDownload, #favoriteDownloads, #driveDownload, #driveDownloads, #webshareDownloads, #syncDownloads { background-image : url("https://www.cloudme.com/webui/images/icons/download.png"); }
  #driveDownloadZip, #webshareDownloadZip, #favoriteDownloadZip, #syncDownloadZip  { background-image : url("https://www.cloudme.com/webui/images/icons/16x16/box.png"); } 
  #webshareCopyLinkCont, #webshareCopyLinkContContext   { background-image : url("https://www.cloudme.com/webui/images/icons/16x16/link.png");}
  #webshareSettings     { background-image : url("https://www.cloudme.com/webui/images/icons/gears.png"); }
  
/******* END Menu ******/


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

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

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

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



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

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

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

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


  

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

/******* Grid and Thumbnail layout **********/

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

  .iconlist.list {
    padding-bottom              : 30px;
  }
  
  .iconlist {
    -webkit-tap-highlight-color : transparent;
  }
  
  .iconlist.grid .iconitem {
    position          : inherit;
    float             : left;
    height            : 100px;
    text-align        : center;
    word-wrap         : break-word;
    width             : 100px;
    border            : 1px solid transparent;
    border-radius     : 10px;
    margin            : 5px;
    background-image  :no-repeat;
  }

  .iconlist.grid .iconitem.large {
    position          : inherit;
    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 {
    border-color: #68AEDD;
    opacity: 1;
    -webkit-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: radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(186,228,255,1) 100%);*/
    background-repeat: no-repeat;

  }
  
  .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:14px;
    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:14px;
    width:100%;
  }
  
 
  
  .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           : 99;
  }

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

  .iconlist.grid .iconitem.large .img {
    display           : block;
    margin            : 20px auto 0 auto; /*15px auto 0 auto;*/
    width             : 56px; /*48px;*/
    height            : 56px; /*48px;*/
    background-size   : 56px; /*48px;*/
  }
  
  
  .iconlist.grid .iconitem.thumbnail .img {
    margin            : 9px auto 0 auto;
    width             : 80px;
    height            : 80px;
    border            : 1px solid #000;
    /*border-radius     : 5px;*/
  }
    
  
  .iconlist.grid .iconitem.thumbnail.small .img {
    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(https://www.cloudme.com/webui/images/icons/pdf_logo.png); 
    width:40px; 
    height:20px;
  }

  .iconlist.grid .iconitem.thumbnail .thumbVideo {
    position:absolute; 
    left:9px; 
    top:9px; 
    background-image:url(https://www.cloudme.com/webui/images/icons/movie_overlay.png); 
    width:80px; 
    height:80px;
  }

  .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.thumbnail.large .thumbVideo {
    position:absolute; 
    left:38px; 
    top:38px; 
    background-image:url(https://www.cloudme.com/webui/images/icons/movie_overlay.png); 
    width:80px; 
    height:80px;
  }
  
  .iconlist.grid .iconitem .title {
    font-size         : 14px;
    font-family       : tahoma, arial, helvetica, verdana, sans-serif;
    width             : 90px;
    padding-top       : 4px;
    margin            : 0 auto;
    line-height       : 15px;
    max-height        : 35px;
    overflow          : hidden;
    cursor            : default;
  } 

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

  .iconlist.grid .iconitem.favorite .title {
    word-wrap         : normal;
    white-space       : nowrap;
    text-overflow     : ellipsis;
  } 
 
  .iconlist.grid .iconitem .description {
    color             : #AAA;
    font-size         : 14px;
    width             : 90px;
    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: 150px;
    height: 150px;
    margin: 4px;
    padding-top: 12px;
    border: 1px solid rgba(221, 221, 221, 0.82);
  }
  
  .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('https://www.cloudme.com/webui/images/icons/16x16/lock.png'); 
    z-index            : 10;
  }
  
  .iconitem .lock {
    position           : absolute;
    top                : 50px;
    left               : 60px;
    width              : 16px;
    height             : 16px;
    background-image   : url('https://www.cloudme.com/webui/images/icons/16x16/lock.png'); 
    z-index            : 10;
  }  

  .lockList {
    position           : absolute;
    top                : 10px;
    left               : 12px;
    width              : 16px;
    height             : 16px;
    background-image   : url('https://www.cloudme.com/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://cloudtop.com/gui/icons/16x16/folder_webshare.png'); 
    z-index            : 10;
  }
  .iconitem .sharedIcon {
    position           : absolute;
    top                : 40px;
    left               : 60px;
    width              : 24px;
    height             : 24px;
    background-image   : url('https://www.cloudme.com/webui/images/icons/24x24/overlayShare.png'); 
    z-index            : 10;
  }

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


   .iconitem  .sharedIconList {
    position           : absolute;
    top                : 10px;
    left               : 12px;
    width              : 16px;
    height             : 16px;
    background-image   : url('https://www.cloudme.com/webui/images/icons/16x16/overlayShare.png'); 
    z-index            : 10;
  }

 .iconitem .collabIconImage {
    position           : absolute;
    top                : 77px;
    left               : 77px;
    width              : 16px;
    height             : 16px;
    background-image   : url('https://www.cloudme.com/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('https://www.cloudme.com/webui/images/icons/16x16/folder_col16.png'); */
    top                : 40px;
    left               : 60px;
    width              : 24px;
    height             : 24px;
    background-image   : url('https://www.cloudme.com/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('https://www.cloudme.com/webui/images/icons/16x16/overlayShareColl.png'); 
    z-index            : 10;
  }
  
 .iconitem .sharedPlusIconImage {
    position           : absolute;
    top                : 77px;
    left               : 77px;
    width              : 16px;
    height             : 16px;
    background-image   : url('https://www.cloudme.com/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('https://www.cloudme.com/webui/images/icons/24x24/overlaySharePlus.png');
/*    top                : 10px;
    left               : 65px;
    width              : 16px;
    height             : 16px;
    background-image   : url('https://www.cloudme.com/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('https://www.cloudme.com/webui/images/icons/16x16/overlaySharePlus.png'); 
    z-index            : 10;
  }

  .iconitem .hotsync {
    position           : absolute;
    top                : 42px;
    left               : 70px;
    width              : 16px;
    height             : 16px;
    /*background-image   : url('https://www.cloudme.com/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('https://www.cloudme.com/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('https://www.cloudme.com/webui/images/icons/16x16/arrow_down_blue_16.png'); 
    z-index            : 10;
  }  
  
  /******* List layout **********/

  .iconlist.list .iconitem {
    height            : 28px;
    /*width             : 807px;*/
    position          : relative;
    font-size         : 14px;
    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 .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         : 14px;
    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         : 14px;
  }

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

  .iconlist.list .listHeaderName {
    position          : absolute;
    top               : 3px;
    left              : 40px;
    cursor            : pointer;
  }

  .iconlist.list .listHeaderUser {
    position          : absolute;
    top               : 3px;
    right             : 94px;
    width             : 40px;
    cursor            : pointer;
  }

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

  .iconlist.list .listHeaderSize {
    position          : absolute;
    top               : 3px;
    right             : 179px;
    cursor            : pointer;
    width             : 40px;
  }

  .iconlist.list .listHeaderDate {
    position          : absolute;
    top               : 3px;
    right             : 38px;
    cursor            : pointer;
    width             : 100px;
  }

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

  a.photoObj {
    color             : #000000;
  }
/********************** FILE EXPLORER ICONLIST 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('https://www.cloudme.com/webui/images/icons/arrow_parent_blue16in24.png');
  background-repeat   : no-repeat;
}

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

.icons.foldericon {
  background-image    : url('https://cloudtop.com/icons/applications/24x24/folder.png');
  background-repeat   : no-repeat;
}

.icons.folder_documents {
  background-image    : url('https://cloudtop.com/icons/applications/24x24/folder_document.png');
  background-repeat   : no-repeat;
}
.icons.folder_cloudme {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/folder_cloudme.png');
  background-repeat   : no-repeat;
}
.icons.folder_movie {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/folder_movie.png');
  background-repeat   : no-repeat;
}
.icons.folder_music {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/folder_music.png');
  background-repeat   : no-repeat;
}
.icons.folder_photos {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/folder_photos.png');
  background-repeat   : no-repeat;
}
.icons.folder_webshare {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/folder_webshare.png');
  background-repeat   : no-repeat;
}
.icons.folder_camera {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/icon_camera24.png');
  background-repeat   : no-repeat;
}
/****** Folder checkbox styles ******/

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

.icons.fileicon {
  background-image    : url('https://cloudtop.com/icons/applications/24x24/document.png');
  background-repeat   : no-repeat;
  background-position : center;
}

.icons.iconText {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/document_txt.png');
}

.icons.iconWord {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/document_doc.png');
}

.icons.iconHTML {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/document_html.png');
}

.icons.iconEXCEL {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/document_xls.png');
}

.icons.iconPPT {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/document_ppt.png');
}

.icons.iconXML {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/document_xml.png');
}

.icons.iconPDF {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/document_pdf.png');
}

.icons.iconJPG {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/image_jpg.png');
}

.icons.iconGIF {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/image_gif.png');
}

.icons.iconPNG {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/image_png.png');
}

.icons.iconPSD {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/image_psd.png');
}

.icons.iconBMP {
  background-image    : url('https://cloudtop.com/icons/applications/32x32/photo_scenery.png');
}

.icons.iconMPEG {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/sound_mp3.png');
}

.icons.iconVMPEG {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/movie.png');
}

.icons.iconUnsuppMovie {
  background-image    : url('https://www.cloudme.com/webui/images/icons/24x24/document_unsupported_movie.png');
}

.icons.iconWAVE {
  background-image    : url('https://cloudtop.com/gui/icons/24x24/sound_wav.png');
}

.icons.iconEXE {
  background-image    : url('https://cloudtop.com/icons/objects/24x24/box_white.png');
}

.icons.iconZIP {
  background-image    : url('https://cloudtop.com/icons/objects/24x24/box.png');
}

.icons.iconCSV {
  background-image    : url('https://cloudtop.com/icons/business/24x24/data_table.png');
}

.icons.iconMUSIC {
  background-image    : url('https://cloudtop.com/icons/applications/32x32/music.png');
}

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


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

.numberEventsItem{
  position            : relative;
  float               : right;
  width               : 15px;
  height              : 19px;
  text-align          : left;
  background-image    : url("https://www.cloudme.com/webui/images/icons/badgersStop.png");
  background-repeat   : no-repeat;
  background-position : right; 
  color               : white;
  padding-top         : 1px;
  margin-right        : 12px;
  cursor              : default;
}
.numberEventsItemStart{
  position            : relative;
  float               : right;
  width               : 7px;
  height              : 19px;
  text-align          : center;
  background-image    : url("https://www.cloudme.com/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("https://www.cloudme.com/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("https://www.cloudme.com/webui/images/icons/16x16/star_red.png");
  background-repeat   : no-repeat;
  background-position : center; 
  width               : 16px;
  height              : 16px;
  z-index             : 1;
}

.iconitem.large.foldericon .img { background-image   : url('https://cloudtop.com/icons/applications/128x128/folder.png'); }
.iconitem.large.folder_documents .img { background-image : url('https://cloudtop.com/icons/applications/128x128/folder_document.png'); }
.iconitem.large.folder_cloudme .img { background-image   : url('https://cloudtop.com/gui/icons/128x128/folder_cloudme.png'); }
.iconitem.large.folder_movie .img { background-image     : url('https://cloudtop.com/gui/icons/128x128/folder_movie.png'); }
.iconitem.large.folder_music .img { background-image     : url('https://cloudtop.com/gui/icons/128x128/folder_music.png'); }
.iconitem.large.folder_photos .img { background-image    : url('https://cloudtop.com/gui/icons/128x128/folder_photos.png'); }
.iconitem.large.folder_webshare .img { background-image  : url('https://cloudtop.com/gui/icons/128x128/folder_webshare.png'); }
.iconitem.large.folder_camera .img { background-image  : url('https://www.cloudme.com/webui/images/icons/48x48/icon_camera48.png'); }

.iconitem.large.folder_calendar .img { background-image  : url('https://cloudtop.com/icons/business/48x48/calendar.png'); }
.iconitem.large.folder_bookmarks .img { background-image : url('https://cloudtop.com/gui/icons/48x48/folder_bookmarks.png'); }
.iconitem.large.folder_contacts .img { background-image  : url('https://cloudtop.com/icons/business/48x48/address_book.png'); }
.iconitem.large.folder_feeds .img { background-image     : url('https://cloudtop.com/gui/icons/48x48/folder_rss.png'); }
.iconitem.large.folder_mailbox .img { background-image   : url('https://cloudtop.com/icons/network/48x48/mailbox_empty.png'); }
.iconitem.large.folder_notes .img { background-image     : url('https://cloudtop.com/gui/icons/48x48/folder_note.png'); }
.iconitem.large.folder_tasks .img { background-image     : url('https://cloudtop.com/gui/icons/48x48/folder_todo.png'); }
.iconitem.large.folder_trashcan .img { background-image  : url('https://cloudtop.com/icons/applications/48x48/garbage.png'); }
.iconitem.large.folder_brevo .img { background-image     : url('https://www.cloudme.com/webui/images/icons/48x48/brevo48.png'); }

.iconitem.large.iconFolderGreen .img { background-image : url('https://www.cloudme.com/webui/images/icons/48x48/folder_green.png'); }
.iconitem.large.iconWebshare .img { background-image       : url('https://cloudtop.com/gui/icons/48x48/folder_webshare.png'); }
.iconitem.large.iconWebsharePlus .img { background-image   : url('https://www.cloudme.com/webui/images/icons/48x48/folder_webshareplus48.png'); }
.iconitem.large.iconWebshareCollaborate .img { background-image   : url('https://www.cloudme.com/webui/images/icons/48x48/folder_col48.png'); }
.iconitem.large.iconWebshareLock .img { background-image   : url('https://cloudtop.com/gui/icons/48x48/folder_webshare_lock.png'); }
.iconitem.large.iconPhone .img { background-image       : url('https://www.cloudme.com/webui/images/icons/48x48/mda.png'); }
.iconitem.large.iconPhoneUp .img { background-image       : url('https://www.cloudme.com/webui/images/icons/48x48/mda_up.png'); }
.iconitem.large.iconDevice .img { background-image       : url('https://www.cloudme.com/webui/images/icons/48x48/img_computer48.png'); }
.iconitem.large.iconDeviceUp .img { background-image       : url('https://www.cloudme.com/webui/images/icons/48x48/computer_up.png'); }
.iconitem.large.iconDeviceUpDown .img { background-image   : url('https://www.cloudme.com/webui/images/icons/48x48/computer_updown.png'); }
.iconitem.large.iconDeviceDown .img { background-image   : url('https://www.cloudme.com/webui/images/icons/48x48/computer_down.png'); }
.iconitem.large.iconDeviceUpClock .img { background-image       : url('https://www.cloudme.com/webui/images/icons/48x48/computer_up_clock.png'); }
.iconitem.large.iconDeviceUpDownClock .img { background-image   : url('https://www.cloudme.com/webui/images/icons/48x48/computer_updown_clock.png'); }
.iconitem.large.iconDeviceDownClock .img { background-image   : url('https://www.cloudme.com/webui/images/icons/48x48/computer_down_clock.png'); }
.iconitem.large.fileicon .img { background-image     : url('https://cloudtop.com/icons/applications/48x48/document.png'); }
.iconitem.large.iconText .img { background-image     : url('https://cloudtop.com/gui/icons/48x48/document_txt.png'); }
.iconitem.large.iconWord .img { background-image     : url('https://cloudtop.com/gui/icons/48x48/document_doc.png'); }
.iconitem.large.iconHTML .img { background-image     : url('https://cloudtop.com/gui/icons/48x48/document_html.png'); }
.iconitem.large.iconEXCEL .img { background-image    : url('https://cloudtop.com/gui/icons/48x48/document_xls.png'); }
.iconitem.large.iconPPT .img { background-image    : url('https://cloudtop.com/gui/icons/48x48/document_ppt.png'); }
.iconitem.large.iconXML .img { background-image      : url('https://cloudtop.com/gui/icons/48x48/document_xml.png'); }
.iconitem.large.iconPDF .img { background-image      : url('https://cloudtop.com/gui/icons/48x48/document_pdf.png'); }
.iconitem.large.iconJPG .img { background-image      : url('https://cloudtop.com/gui/icons/48x48/image_jpg.png'); }
.iconitem.large.iconGIF .img { background-image      : url('https://cloudtop.com/gui/icons/48x48/image_gif.png'); }
.iconitem.large.iconPNG .img { background-image      : url('https://cloudtop.com/gui/icons/48x48/image_png.png'); }
.iconitem.large.iconPSD .img { background-image      : url('https://cloudtop.com/gui/icons/48x48/image_psd.png'); }
.iconitem.large.iconBMP .img { background-image      : url('https://cloudtop.com/icons/applications/48x48/photo_scenery.png'); }
.iconitem.large.iconMPEG .img { background-image     : url('https://cloudtop.com/gui/icons/48x48/sound_mp3.png'); }
.iconitem.large.iconVMPEG .img { background-image    : url('https://cloudtop.com/gui/icons/48x48/movie.png'); }
.iconitem.large.iconUnsuppMovie .img { background-image    : url('https://www.cloudme.com/webui/images/icons/48x48/document_unsupported_movie.png'); }
.iconitem.large.iconWAVE .img { background-image     : url('https://cloudtop.com/gui/icons/48x48/sound_wav.png'); }
.iconitem.large.iconEXE .img { background-image      : url('https://cloudtop.com/icons/objects/48x48/box_white.png'); }
.iconitem.large.iconZIP .img { background-image      : url('https://cloudtop.com/icons/objects/48x48/box.png'); }
.iconitem.large.iconCSV .img { background-image      : url('https://cloudtop.com/icons/business/48x48/data_table.png'); }
.iconitem.large.iconMUSIC .img { background-image    : url('https://cloudtop.com/icons/applications/48x48/music.png'); }
.iconitem.large.iconFavorite .img { background-image     : url('https://www.cloudme.com/webui/images/icons/48x48/folder_fav48.png'); }
.iconitem.large.iconFavoriteLock .img { background-image : url('https://www.cloudme.com/webui/images/icons/48x48/folder_fav_lock48.png'); }
.iconitem.large.iconFavoritePlus .img { background-image       : url('https://www.cloudme.com/webui/images/icons/48x48/folder_favplus48.png'); }
.iconitem.large.iconFavoriteCollaborate .img { background-image       : url('https://www.cloudme.com/webui/images/icons/48x48/folder_fav_col48.png'); }
.iconitem.large.imageLoading .img { background-image : url('/images/Wait.gif'); }
.iconitem.large.iconPlaylist  .img { background-image : url('https://www.cloudme.com/webui/images/icons/48x48/playlist.png'); }
.iconitem.large.iconBookmark  .img { background-image : url('https://cloudtop.com/icons/applications/48x48/bookmark.png'); }


.iconitem.medium.foldericon .img { background-image   : url('https://cloudtop.com/icons/applications/48x48/folder.png'); }
.iconitem.medium.folder_documents .img { background-image : url('https://cloudtop.com/icons/applications/48x48/folder_document.png'); }
.iconitem.medium.folder_cloudme .img { background-image   : url('https://cloudtop.com/gui/icons/48x48/folder_cloudme.png'); }
.iconitem.medium.folder_movie .img { background-image     : url('https://cloudtop.com/gui/icons/48x48/folder_movie.png'); }
.iconitem.medium.folder_music .img { background-image     : url('https://cloudtop.com/gui/icons/48x48/folder_music.png'); }
.iconitem.medium.folder_photos .img { background-image    : url('https://cloudtop.com/gui/icons/48x48/folder_photos.png'); }
.iconitem.medium.folder_webshare .img { background-image  : url('https://cloudtop.com/gui/icons/48x48/folder_webshare.png'); }
.iconitem.medium.folder_camera .img { background-image  : url('https://www.cloudme.com/webui/images/icons/48x48/icon_camera48.png'); }

.iconitem.medium.folder_calendar .img { background-image  : url('https://cloudtop.com/icons/business/48x48/calendar.png'); }
.iconitem.medium.folder_bookmarks .img { background-image : url('https://cloudtop.com/gui/icons/48x48/folder_bookmarks.png'); }
.iconitem.medium.folder_contacts .img { background-image  : url('https://cloudtop.com/icons/business/48x48/address_book.png'); }
.iconitem.medium.folder_feeds .img { background-image     : url('https://cloudtop.com/gui/icons/48x48/folder_rss.png'); }
.iconitem.medium.folder_mailbox .img { background-image   : url('https://cloudtop.com/icons/network/48x48/mailbox_empty.png'); }
.iconitem.medium.folder_notes .img { background-image     : url('https://cloudtop.com/gui/icons/48x48/folder_note.png'); }
.iconitem.medium.folder_tasks .img { background-image     : url('https://cloudtop.com/gui/icons/48x48/folder_todo.png'); }
.iconitem.medium.folder_trashcan .img { background-image  : url('https://cloudtop.com/icons/applications/48x48/garbage.png'); }
.iconitem.medium.folder_brevo .img { background-image     : url('https://www.cloudme.com/webui/images/icons/48x48/brevo48.png'); }

.iconitem.medium.iconFolderGreen .img { background-image : url('https://www.cloudme.com/webui/images/icons/48x48/folder_green.png'); }
.iconitem.medium.iconWebshare .img { background-image       : url('https://cloudtop.com/gui/icons/48x48/folder_webshare.png'); }
.iconitem.medium.iconWebsharePlus .img { background-image   : url('https://www.cloudme.com/webui/images/icons/48x48/folder_webshareplus48.png'); }
.iconitem.medium.iconWebshareCollaborate .img { background-image   : url('https://www.cloudme.com/webui/images/icons/48x48/folder_col48.png'); }
.iconitem.medium.iconWebshareLock .img { background-image   : url('https://cloudtop.com/gui/icons/48x48/folder_webshare_lock.png'); }
.iconitem.medium.iconPhone .img { background-image       : url('https://www.cloudme.com/webui/images/icons/48x48/mda.png'); }
.iconitem.medium.iconPhoneUp .img { background-image       : url('https://www.cloudme.com/webui/images/icons/48x48/mda_up.png'); }
.iconitem.medium.iconDevice .img { background-image       : url('https://www.cloudme.com/webui/images/icons/48x48/img_computer48.png'); }
.iconitem.medium.iconDeviceUp .img { background-image       : url('https://www.cloudme.com/webui/images/icons/48x48/computer_up.png'); }
.iconitem.medium.iconDeviceUpDown .img { background-image   : url('https://www.cloudme.com/webui/images/icons/48x48/computer_updown.png'); }
.iconitem.medium.iconDeviceDown .img { background-image   : url('https://www.cloudme.com/webui/images/icons/48x48/computer_down.png'); }
.iconitem.medium.iconDeviceUpClock .img { background-image       : url('https://www.cloudme.com/webui/images/icons/48x48/computer_up_clock.png'); }
.iconitem.medium.iconDeviceUpDownClock .img { background-image   : url('https://www.cloudme.com/webui/images/icons/48x48/computer_updown_clock.png'); }
.iconitem.medium.iconDeviceDownClock .img { background-image   : url('https://www.cloudme.com/webui/images/icons/48x48/computer_down_clock.png'); }
.iconitem.medium.fileicon .img { background-image     : url('https://cloudtop.com/icons/applications/48x48/document.png'); }
.iconitem.medium.iconText .img { background-image     : url('https://cloudtop.com/gui/icons/48x48/document_txt.png'); }
.iconitem.medium.iconWord .img { background-image     : url('https://cloudtop.com/gui/icons/48x48/document_doc.png'); }
.iconitem.medium.iconHTML .img { background-image     : url('https://cloudtop.com/gui/icons/48x48/document_html.png'); }
.iconitem.medium.iconEXCEL .img { background-image    : url('https://cloudtop.com/gui/icons/48x48/document_xls.png'); }
.iconitem.medium.iconPPT .img { background-image    : url('https://cloudtop.com/gui/icons/48x48/document_ppt.png'); }
.iconitem.medium.iconXML .img { background-image      : url('https://cloudtop.com/gui/icons/48x48/document_xml.png'); }
.iconitem.medium.iconPDF .img { background-image      : url('https://cloudtop.com/gui/icons/48x48/document_pdf.png'); }
.iconitem.medium.iconJPG .img { background-image      : url('https://cloudtop.com/gui/icons/48x48/image_jpg.png'); }
.iconitem.medium.iconGIF .img { background-image      : url('https://cloudtop.com/gui/icons/48x48/image_gif.png'); }
.iconitem.medium.iconPNG .img { background-image      : url('https://cloudtop.com/gui/icons/48x48/image_png.png'); }
.iconitem.medium.iconPSD .img { background-image      : url('https://cloudtop.com/gui/icons/48x48/image_psd.png'); }
.iconitem.medium.iconBMP .img { background-image      : url('https://cloudtop.com/icons/applications/48x48/photo_scenery.png'); }
.iconitem.medium.iconMPEG .img { background-image     : url('https://cloudtop.com/gui/icons/48x48/sound_mp3.png'); }
.iconitem.medium.iconVMPEG .img { background-image    : url('https://cloudtop.com/gui/icons/48x48/movie.png'); }
.iconitem.medium.iconUnsuppMovie .img { background-image    : url('https://www.cloudme.com/webui/images/icons/48x48/document_unsupported_movie.png'); }
.iconitem.medium.iconWAVE .img { background-image     : url('https://cloudtop.com/gui/icons/48x48/sound_wav.png'); }
.iconitem.medium.iconEXE .img { background-image      : url('https://cloudtop.com/icons/objects/48x48/box_white.png'); }
.iconitem.medium.iconZIP .img { background-image      : url('https://cloudtop.com/icons/objects/48x48/box.png'); }
.iconitem.medium.iconCSV .img { background-image      : url('https://cloudtop.com/icons/business/48x48/data_table.png'); }
.iconitem.medium.iconMUSIC .img { background-image    : url('https://cloudtop.com/icons/applications/48x48/music.png'); }
.iconitem.medium.iconFavorite .img { background-image     : url('https://www.cloudme.com/webui/images/icons/48x48/folder_fav48.png'); }
.iconitem.medium.iconFavoriteLock .img { background-image : url('https://www.cloudme.com/webui/images/icons/48x48/folder_fav_lock48.png'); }
.iconitem.medium.iconFavoritePlus .img { background-image       : url('https://www.cloudme.com/webui/images/icons/48x48/folder_favplus48.png'); }
.iconitem.medium.iconFavoriteCollaborate .img { background-image       : url('https://www.cloudme.com/webui/images/icons/48x48/folder_fav_col48.png'); }
.iconitem.medium.imageLoading .img { background-image : url('/images/Wait.gif'); }
.iconitem.medium.iconPlaylist  .img { background-image : url('https://www.cloudme.com/webui/images/icons/48x48/playlist.png'); }
.iconitem.medium.iconBookmark  .img { background-image : url('https://cloudtop.com/icons/applications/48x48/bookmark.png'); }


.iconitem.small.foldericon .img { background-image      : url('https://cloudtop.com/icons/applications/24x24/folder.png'); }
.iconitem.small.folder_documents .img { background-image : url('https://cloudtop.com/icons/applications/24x24/folder_document.png'); }
.iconitem.small.folder_cloudme .img { background-image  : url('https://cloudtop.com/gui/icons/24x24/folder_cloudme.png'); }
.iconitem.small.folder_movie .img { background-image    : url('https://cloudtop.com/gui/icons/24x24/folder_movie.png'); }
.iconitem.small.folder_music .img { background-image    : url('https://cloudtop.com/gui/icons/24x24/folder_music.png'); }
.iconitem.small.folder_photos .img { background-image   : url('https://cloudtop.com/gui/icons/24x24/folder_photos.png'); }
.iconitem.small.folder_webshare .img { background-image : url('https://cloudtop.com/gui/icons/24x24/folder_webshare.png'); }
.iconitem.small.folder_camera .img { background-image  : url('https://www.cloudme.com/webui/images/icons/24x24/icon_camera24.png'); }

.iconitem.small.folder_calendar .img { background-image  : url('https://cloudtop.com/icons/business/24x24/calendar.png'); }
.iconitem.small.folder_bookmarks .img { background-image : url('https://cloudtop.com/gui/icons/24x24/folder_bookmarks.png'); }
.iconitem.small.folder_contacts .img { background-image  : url('https://cloudtop.com/icons/business/24x24/address_book.png'); }
.iconitem.small.folder_feeds .img { background-image     : url('https://cloudtop.com/gui/icons/24x24/folder_rss.png'); }
.iconitem.small.folder_mailbox .img { background-image   : url('https://cloudtop.com/icons/network/24x24/mailbox_empty.png'); }
.iconitem.small.folder_notes .img { background-image     : url('https://cloudtop.com/gui/icons/24x24/folder_note.png'); }
.iconitem.small.folder_tasks .img { background-image     : url('https://cloudtop.com/gui/icons/24x24/folder_todo.png'); }
.iconitem.small.folder_trashcan .img { background-image  : url('https://cloudtop.com/icons/applications/24x24/garbage.png'); }
.iconitem.small.folder_brevo .img { background-image     : url('https://www.cloudme.com/webui/images/icons/24x24/brevo24.png'); }

.iconitem.small.iconWebshare .img { background-image       : url('https://cloudtop.com/gui/icons/24x24/folder_webshare.png'); }
.iconitem.small.iconWebshareLock .img { background-image   : url('https://cloudtop.com/gui/icons/24x24/folder_webshare_lock.png'); }
.iconitem.small.iconWebsharePlus .img { background-image   : url('https://www.cloudme.com/webui/images/icons/24x24/folder_webshareplus24.png'); }
.iconitem.small.iconWebshareCollaborate .img { background-image   : url('https://www.cloudme.com/webui/images/icons/24x24/folder_col24.png'); }
.iconitem.small.iconPhone .img { background-image       : url('https://www.cloudme.com/webui/images/icons/24x24/mda.png'); }
.iconitem.small.iconPhoneUp .img { background-image       : url('https://www.cloudme.com/webui/images/icons/24x24/mda_up.png'); }
.iconitem.small.iconDevice .img { background-image       : url('https://www.cloudme.com/webui/images/icons/48x48/img_computer48.png'); }
.iconitem.small.iconDeviceUp .img { background-image       : url('https://www.cloudme.com/webui/images/icons/48x48/computer_up.png'); }
.iconitem.small.iconDeviceUpDown .img { background-image   : url('https://www.cloudme.com/webui/images/icons/48x48/computer_updown.png'); }
.iconitem.small.iconDeviceDown .img { background-image   : url('https://www.cloudme.com/webui/images/icons/48x48/computer_down.png'); }
.iconitem.small.iconDeviceUpClock .img { background-image       : url('https://www.cloudme.com/webui/images/icons/48x48/computer_up_clock.png'); }
.iconitem.small.iconDeviceUpDownClock .img { background-image   : url('https://www.cloudme.com/webui/images/icons/48x48/computer_updown_clock.png'); }
.iconitem.small.iconDeviceDownClock .img { background-image   : url('https://www.cloudme.com/webui/images/icons/48x48/computer_down_clock.png'); }
.iconitem.small.fileicon .img { background-image     : url('https://cloudtop.com/icons/applications/24x24/document.png'); }
.iconitem.small.iconText .img { background-image     : url('https://cloudtop.com/gui/icons/24x24/document_txt.png'); }
.iconitem.small.iconWord .img { background-image     : url('https://cloudtop.com/gui/icons/24x24/document_doc.png'); }
.iconitem.small.iconHTML .img { background-image     : url('https://cloudtop.com/gui/icons/24x24/document_html.png'); }
.iconitem.small.iconEXCEL .img { background-image    : url('https://cloudtop.com/gui/icons/24x24/document_xls.png'); }
.iconitem.small.iconPPT .img { background-image    : url('https://cloudtop.com/gui/icons/24x24/document_ppt.png'); }
.iconitem.small.iconXML .img { background-image      : url('https://cloudtop.com/gui/icons/24x24/document_xml.png'); }
.iconitem.small.iconPDF .img { background-image      : url('https://cloudtop.com/gui/icons/24x24/document_pdf.png'); }
.iconitem.small.iconJPG .img { background-image      : url('https://cloudtop.com/gui/icons/24x24/image_jpg.png'); }
.iconitem.small.iconGIF .img { background-image      : url('https://cloudtop.com/gui/icons/24x24/image_gif.png'); }
.iconitem.small.iconPNG .img { background-image      : url('https://cloudtop.com/gui/icons/24x24/image_png.png'); }
.iconitem.small.iconPSD .img { background-image      : url('https://cloudtop.com/gui/icons/24x24/image_psd.png'); }
.iconitem.small.iconBMP .img { background-image      : url('https://cloudtop.com/icons/applications/24x24/photo_scenery.png'); }
.iconitem.small.iconMPEG .img { background-image     : url('https://cloudtop.com/gui/icons/24x24/sound_mp3.png'); }
.iconitem.small.iconVMPEG .img { background-image    : url('https://cloudtop.com/gui/icons/24x24/movie.png'); }
.iconitem.small.iconUnsuppMovie .img { background-image    : url('https://www.cloudme.com/webui/images/icons/24x24/document_unsupported_movie.png'); }
.iconitem.small.iconWAVE .img { background-image     : url('https://cloudtop.com/gui/icons/24x24/sound_wav.png'); }
.iconitem.small.iconEXE .img { background-image      : url('https://cloudtop.com/icons/objects/24x24/box_white.png'); }
.iconitem.small.iconZIP .img { background-image      : url('https://cloudtop.com/icons/objects/24x24/box.png'); }
.iconitem.small.iconCSV .img { background-image      : url('https://cloudtop.com/icons/business/24x24/data_table.png'); }
.iconitem.small.iconMUSIC .img { background-image    : url('https://cloudtop.com/icons/applications/24x24/music.png'); }
.iconitem.small.iconFavorite .img { background-image     : url('https://www.cloudme.com/webui/images/icons/24x24/folder_fav24.png'); }
.iconitem.small.iconFavoriteLock .img { background-image : url('https://www.cloudme.com/webui/images/icons/24x24/folder_fav_lock24.png'); }
.iconitem.small.iconFavoritePlus .img { background-image : url('https://www.cloudme.com/webui/images/icons/24x24/folder_favplus24.png'); }
.iconitem.small.iconFavoriteCollaborate .img { background-image : url('https://www.cloudme.com/webui/images/icons/24x24/folder_fav_col24.png'); }
.iconitem.small.imageLoading .img { background-image : url('/images/Wait.gif'); }
.iconitem.small.iconPlaylist  .img { background-image : url('https://www.cloudme.com/webui/images/icons/24x24/playlist.png'); }
.iconitem.small.iconBookmark  .img { background-image : url('https://cloudtop.com/icons/applications/24x24/bookmark.png'); }


/********************** 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               : 300px;
  height              : 150px;
  margin-left         : -150px;
}


.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           : 10px;
}

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

#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;
}


a.link, span.link {
  color               : white;
  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          : absolute;
  /*top               : 250px;*/
  left              : 270px;
  z-index           : 100;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius     : 5px;
}

.dialogHeader {
  width               : 100%;
  font-size           : 16px; 
  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;
}


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

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


/****** Logout Dialog ******/

#logoutDialog {
  width                : 250px;
  padding              : 10px;
  height               : 135px;
  left                 : 50%;
  top                  : 50%;
  margin-left          : -125px;
  margin-top           : -40px;
  position             : fixed;
}


/****** Learn more Dialog ******/

#logoutDialog {
  padding             : 10px;
  
}


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

  .btn{
    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: transparent; /*#2f4d7d;*/
    border-style: solid;
    border-width: 1px;
    display:inline;
    padding:3px 15px 4px 15px;
    text-align: center;
    width: auto;
    font-size:14px;
    -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", arial, verdana, 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;
    opacity: 0.7;
  }

  .btn_disabled {
    background: #f7f8f9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmQ4ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f7f8f9 0%, #d2d8db 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f8f9), color-stop(100%,#d2d8db)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f7f8f9 0%,#d2d8db 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f7f8f9 0%,#d2d8db 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f7f8f9 0%,#d2d8db 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f7f8f9 0%,#d2d8db 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f9', endColorstr='#d2d8db',GradientType=0 ); /* IE6-8 */
    border-color: white;
    text-shadow: 0 0px 2px #444444;
    text-shadow: 0px 0px 1px white;
    color: #bbb;
    cursor: default;
  }

  .btn.selected{
  border : 1px solid #2f4d7d;
  border-radius : 5px;
  opacity : 1;
  }
  
  .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           : 14px;
  -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", arial, verdana, 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;
}


.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    : #385b91;
  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: 80px;*/
  width               : auto;
  font-size           : 14px;
  -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", arial, verdana, 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;
}

  .butt25_left, .butt48_left, .butt_gr48_left {
    background-image    : url(/images/butt25_start.png);
    background-repeat   : no-repeat;
    background-position : left;
    cursor              : pointer;
  }

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

  .butt25 {
    background-image    : url(/images/butt25_middle.png);
    background-repeat   : repeat-x;
    background-position : center;
    height              : 25px;
    margin              : 0 6px;
    font-size           : 15px;
    font-weight         : bold;
    font-family         : "Segoe UI", "Myriad Pro", Arial;
    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_right {
    background-image    : url(/images/butt48_end.png);
  }

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

  .butt48, .butt_gr48 {
    background-image    : url(/images/butt48_middle.png);
    background-repeat   : repeat-x;
    background-position : center;
    height              : 48px;
    margin              : 0 6px;
    font-size           : 18px;
    font-weight         : bold;
    font-family         : "Segoe UI", "Myriad Pro", Arial;
    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(https://www.cloudme.com/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 **********************/



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

.keepsignedin {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  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;*/
}

/*** Keyboard **/
#keyboardDiv{
position: fixed;
bottom: 250px;
right: 20px;
width: 376px;
height: 200px;
padding: 10px;
background-color:rgba(0, 8, 45, 0.75);
border: 0px solid #f9f9f9;  
-webkit-border-radius: 5px;  
font-size: 16px;
top: 50%;
margin-top: -100px;
color: black;
}

#keyboardDiv .keyboard {  
margin: 0;  
padding: 0;  
list-style: none;  
width: 376px;
}  
#keyboardDiv .keyboard li {  
float: left;  
margin: 0 5px 5px 0;  
width: 40px;  
height: 40px;  
line-height: 37px;  
text-align: center;  
background: #fff;  
border: 1px solid #f9f9f9;  
-webkit-border-radius: 5px;  
}  
 
#keyboardDiv .keyboard .enter {  
width: 84px;  
} 
#keyboardDiv .keyboard .lastitem {  
margin-right: 0;  
}  
#keyboardDiv .keyboard .uppercase {  
text-transform: uppercase;  
}  
#keyboardDiv .keyboard .space {  
clear: left;  
width: 681px;  
}  
#keyboardDiv .keyboard .caps {  
/*background-image: url(/wdtv/images/caps.png);
background-size: 30px 30px;
background-repeat: no-repeat;
background-position: center;*/
}  
#keyboardDiv .keyboard .backspace {  
/*background-image: url(/wdtv/images/del.png);
background-size: 30px 30px;
background-repeat: no-repeat;
background-position: center;*/
}  

.on {  
display: none;  
}  
#keyboardDiv .keyboard li.selected {  
position: relative;  
top: 1px;  
left: 1px;
border: 2px solid red;
background: #AFAFAF;
}

/*** Countries **/
#countriesDiv{
position: fixed;
bottom: 250px;
right: 20px;
width: 376px;
height: 200px;
padding: 10px;
background-color:rgba(0, 8, 45, 0.75);
border: 0px solid #f9f9f9;  
-webkit-border-radius: 5px;  
font-size: 16px;
top: 50%;
margin-top: -100px;
color: white;
overflow: hidden;
}

#countriesContainer{
  position: relative;
  top: 0px;
}

#countriesContainer .country{
 height: 20px;
 width: 100%;

}

#countriesContainer .country.selected{
  border: 1px solid white;
}


/** Picture viewer **/
#pictureViewer{
  position        : fixed;
  left            : 0px;
  top             : 0px;
  width           : 100%;
  height          : 100%;
  z-index         : 100;
  display         : none;
}
#pictureViewerBg{
  position        : fixed;
  left            : 0px;
  top             : 0px;
  width           : 100%;
  height          : 100%;
  z-index         : 101;
  background-color: black;
}
#pictureViewerContainer{
  position        : fixed;
  left            : 0px;
  top             : 0px;
  width           : 100%;
  height          : 100%;
  z-index         : 102;
}

.pictureViewerImg{
  position        : absolute;
  margin-left     : auto;
  margin-right    : auto;
  left            : 50%;
  top             : 50%;
  display         : none;
}



#shadow{
  opacity         :0.5; 
 background-color  :black; 
 display           :none;
 position          :fixed;
 left              : 0px;
 top               : 0px;
 width             : 100%;
 height            : 100%;
 z-index           : 100;
}

#signup{
  font-size:16px;
  left: 70px;
position: absolute;
}

/** AUDIO PLAYER **/
#audioPlayerDiv{
  position      : fixed;
  bottom        :0px;
  height        : 60px;
  width         : 100%;
  z-index       : 6;
  background-color: rgba(0,0,0,0.7);
  padding       : 3px;
  display       : none;
 
}