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

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

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

  :focus {
    outline             : 0;
  }

  body {
    line-height         : 1;
    background          : #FFFFFF;
    font-size           : 12px;
    line-height         : 16px;
    color               : #323232;
    font-family         : "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif;
    overflow-y          : scroll;
    overflow-x          : hidden;
    height              : 100%;
    /*min-width           : 1000px;
    min-height          : 600px;*/
  }

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

  
  a, .a, .pagecontent a.download_btn{
    cursor: pointer;
    text-decoration: none;
    color: #323232;
  }

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



.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
} 


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

  #mainHolder {
    width               : 100%; 
    margin              : 0 auto; 
    position            : relative;
    display             : none;
  }
  
  #contentArea{
    border-top          : 1px solid #ccc;
    display             : -moz-inline-stack;
    display             : inline-block;
    zoom                : 1;
    *display            : inline;
    width               : 100%;
    margin-top          : 20px;
  }

  #contentAreaLeft{
    width               : 780px;
    float               : left;
    margin-top          : 12px;
}
  
  

  .info {
    position            : absolute;
    line-height         : 21px;
    background-color    : #FFF8C7;
    border              : 1px solid #BBBBBB;
    padding-top         : 0px;
    text-align          : center;
  }
  
  
/********************** TOPBAR START**********************/
  #topbar{
    background-image: url('/images/BlueTop_46.png');
    background-repeat: no-repeat;
    background-color: #0045AB;
    height:46px;
    width: 100%;
  }
  #cloudmeLogo{
    background-image: url('/images/CloudMe_wt_240.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    height: 45px;
    width: 300px;
    top: -2px;
    position: absolute;
    right: 50%;
    margin-right: -150px;
  }
  
  #cloudmeLogoMobile{
    background-image: url('/images/CloudMe_wt_240.png');
    background-repeat: no-repeat;
    height: 50px;
    width: 240px;
    /*top: 8px;*/
    position: absolute;
    left: 4px;
  }
  
  #topbarButtons{
    position: absolute;
    right: 10px;
    top:10px;
  }

  #topbarButtons.mobile{
    right:2px;
    top: 0px;
  }
  
  
  #topbarButtons .uploadButton{
    background-image: url('/images/upload_50.png');
    background-repeat: no-repeat;
    background-position: -4px center;
    width: 100px;
    height: 41px;
    position: absolute;
    right: 220px;
    top: -5px;
    /*padding-top: 15px;*/
    cursor: pointer;
    color: white;
  }
  
  #topbarButtons .downloadButton{
    /*background-image: url('/images/download_50.png');
    width:50px;
    height: 50px;
    position: absolute;
    right: 60px;
    top: -5px;*/
    background-image: url('/images/download_50.png');
    background-repeat: no-repeat;
    background-position: -4px center;
    width: 120px;
    height: 41px;
    position: absolute;
    right: 92px;
    top: -5px;
    cursor: pointer;
    color: white;
  }
  
  #topbarButtons .shareButton{
    /*background-image: url('/images/Share2_30.png');
    width:30px;
    height: 30px;
    position: absolute;
    top: 5px;
    right: 25px;*/
    background-image: url('/images/Share2_30.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    width: 100px;
    height: 41px;
    position: absolute;
    top: -5px;
    right: 0px;
    cursor: pointer;
    color: white;
  }
  
  .uploadButton span, .downloadButton span, .shareButton span {
    position: absolute;
    top     : 12px;
    left    : 44px;
  }
  
    #mobileAction{
    background-image: url('/images/Action2_30.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 3px;
    cursor: pointer;
    color: white;
  }
  
  #shareMenuBg {
    width: 200px;
    height: 205px;
    position: absolute;
    right: -10px;
    top: 41px;
    z-index: 19;
    overflow: hidden;
    display: none;
  }
  
  #shareMenu {
    width: 200px;
    height: 205px;
    border: 1px solid black;
    border-radius: 0 0 4px 4px;
    position: absolute;
    right: 0px;
    top: -200px;
    background: white;
    z-index: 20;
    border-top: 0px;
  }
  
  #shareMenu.mobile {
    width: 200px;
    height: 270px;
    /*border: 1px solid black;
    border-radius: 0 0 4px 4px;*/
    position: relative;
    top: 15px;
    background: transparent;
    z-index: 20;
    border: 0px;
    margin-left: 50%;
    left: -100px;
  }
  
   
  #shareMenu .shareType{
    position: absolute;
    width: 32px;
    top: 20px;
    cursor: pointer;
  }
  
/********************** TOPBAR END **********************/

/********************** MOBILE TOPBAR START**********************/
  #mobileTopbar{
    background-image: url('/images/BlueTop_55.png');
    width: 100%;
    height:40px;
  }
  

  #topbarButtons .mobile{
    position: absolute;
    right: 0px;
    top:10px;
  }
  
  #topbarButtons .mobileUploadButton{
    /*background-image: url('/images/upload_50.png');
    width:50px;
    height: 50px;
    position: absolute;
    right: 110px;
    top: -5px;*/
    background-image: url('/images/upload_50.png');
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 90px;
    top: -5px;
    padding-top: 15px;
    cursor: pointer;
    color: white;
  }
  #topbarButtons .mobileDownloadButton{
    /*background-image: url('/images/download_50.png');
    width:50px;
    height: 50px;
    position: absolute;
    right: 60px;
    top: -5px;*/
    background-image: url('/images/download_50.png');
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 40px;
    top: -5px;
    padding-top: 14px;
    color: white;
  }
  
  #topbarButtons .mobileShareButton{
    /*background-image: url('/images/Share2_30.png');
    width:30px;
    height: 30px;
    position: absolute;
    top: 5px;
    right: 25px;*/
    background-image: url('/images/Share2_30.png');
    background-repeat: no-repeat;
    width: 34px;
    height: 40px;
    position: absolute;
    top: 6px;
    right: 0px;
    padding-top: 3px;
    cursor: pointer;
    color: white;
  }
  
  
/********************** TOPBAR END **********************/


/********************** WEBSHARE HEAD START **********************/
 #head{
  background-color: #FAFAFA;
  height:160px;
  width: 100%;
 }
 
 #head.mobile{
  background-color: #FAFAFA;
  height:124px;
  width: 100%;
  overflow: hidden;
 }
 
 #head #left{
  position:absolute; 
  background-color:white; 
  left: 50px; 
  top: 15px; 
  height:182px; 
  width:140px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #E5E5E5;
  padding: 6px;

 }
 
 
 
 #head #left.mobile{
  left: 4px;
  top: 50px;
  height: 108px;
  width: 108px;
 }
 
  #head #left.mobile img{
    width: 96px;
    height: 96px;
  }
  
  #head #left #follow{
    /*position:absolute; 
    left: 5px; 
    bottom:5px; */
 }

  #head #left.mobile #follow{
    position:absolute; 
    left: 5px; 
    bottom:4px; 
    display: none;
  } 
 
 #head #center{
  position:relative; 
  /*left: 220px; 
  top:30px;*/
  overflow-y: hidden;
  height: 120px;
  margin-left: 220px;
  padding-top: 30px;
  margin-right: 260px;
}
 
 #head #centerMobile{
  position:relative; 
  left: 0px; 
  padding-left: 120px;
  width:100%;
  overflow: hidden;
  height: 120px;
  padding-top:20px;
  /*max-width: 320px;*/
 }
 
 
 #head #wsTitle{
  font-size:32px;
  height:40px;
  padding-top: 5px;
  /*line-height: 30px;*/
 }
 
 #head #centerSearch{
  width: 100%;
  left: 50%;
  margin-left: -300px;
  padding: 10px;
  padding-top: 40px;
  position: absolute;
  max-width: 600px;
 }
 
 #centerSearchMobile{
  width: 100%;
  /*left: 50%;
  margin-left: -160px;*/
  padding: 10px;
  padding-top: 20px;
  position: absolute;
  /*max-width: 320px;*/
}

#centerSearchMobile #searchText{
  text-align      : center;
}

 #head #searchField{
  width: 100%;
  border: 1px solid #68AEDD;
  border-radius: 2px;
  margin-top: 10px;
  padding:5px;  
  -webkit-box-shadow: 0px 0px 5px #68AEDD; 
  -moz-box-shadow: 0px 0px 5px #68aedd; 
  box-shadow: 0px 0px 5px #68AEDD;
  background: white;
  position: relative;
 }
 
 #searchInput{
  width:100%;
 }
 
 #searchButton{
  position: absolute;
  right: 1px;
  top: 0px;
  cursor: pointer;
 }
 
 #head #right{
  position: absolute;
  right: 50px;
  top: 75px;
  background-color: #F7F7F7;
  display: none;
 }
 
 #head #rightMobile {
  position: absolute;
  right: 4px;
  top: 146px;
  display: none;
  }
 
 #head  #followingInfo{
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #D6D6D6;
  height: 60px;
  padding: 2px;

 }
 
  #head  #followingInfo .updated{
    border-right: 1px solid #D6D6D6;
    height: 100%;
    width: 110px;
    float: left;
    padding-top: 10px;
    text-align:center;
 }
  #head  #followingInfo .files{
    border-right: 1px solid #D6D6D6;
    height: 100%;
    width: 80px;
    float: left;
    padding-top: 10px;
    text-align:center;
 }
  #head  #followingInfo .followers{
    height: 100%;
    width: 90px;
    float: right;
    padding-top: 10px;
    text-align:center;
 }

 #head #right #followingInfo .number{
    font-size: 13px;
    font-weight: bold;
 }
 
  #head #right #followingInfo .text{
    color: grey;
 }
 
  #head #right #uploadHere{
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  border: 1px dashed #029AE3;
  border-top: 0px;
  height: 60px;
  padding: 2px;
  text-align: center;
 }

/********************** WEBSHARE HEAD END **********************/


/********************** BREADCRUMB  END **********************/

#breadcrumb{
  /*width: 100%;*/
  height: 30px;
  padding: 12px;
  padding-left: 50px;
  color               : black; 
  font-size           : 14px; 
  text-align          : left;
  float               : left;
}

#breadcrumb.mobile{
  /*width: 100%;*/
  height: 30px;
  padding: 12px;
  color               : black; 
  font-size           : 14px; 
  text-align          : left;
  float               : left;
}

.viewMode{
  position: relative;
  width: 40px;
  right: 34px;
  top: 10px;
  float: right;
}

.mobile.viewMode{
  right: 4px;
  top: 8px;
}

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

.mobile.viewModeItem{
  width               :37px;
  height              :37px;
  background-position: 6px 6px;
  background-size: 24px;
}

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

.viewModeItem:hover {
  border-color        : #68AEDD;
}
.viewMode .viewModeThumb {
  position: absolute;
  right: 45px;
  background-image    :url(/images/thumbnails.png);
}
 
.viewMode .viewModeList {
  background-image    :url(/images/list.png);
}

.viewMode .mobile.viewModeItem.viewModeThumb {
  position: absolute;
  right: 50px;
  background-image    :url(/images/thumbnails24.png);
}
 
.viewMode .mobile.viewModeItem.viewModeList {
  background-image    :url(/images/list24.png);
}

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

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

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

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

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

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

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

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

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


/********************** FILE EXPLORER TABS **********************/
 
  #tabbedPane{
    height              : 20px;
    top                 : -13px;
    position            : absolute;
    left                : -1px;
    width               : 100%;
    z-index             : 3;
  }

  #output, #webshareOutput, #favoriteOutput, #syncOutput{
    /*width               : 1310px;*/
    width               : 1750px;
    margin-left         : -500px;
    padding-left        : 500px;
    padding-right       : 250px;
    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;
  }

/********************** FILE EXPLORERTABS END **********************/



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

#webshareContent{
  min-height: 100%;
  position: relative;
}

#websharesDiv, #usersDiv{
  width: 100%;
  margin-top: 10px;
  padding-bottom: 30px;
}
 #usersDiv{
  width: 100%;
  margin-top: 50px;
 
 }

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

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

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



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

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

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

  .iconlist.list {
    padding-bottom              : 30px;
    margin-left                 : 50px;
    padding-right               : 100px;
  }
  
  .iconlist.list.mobile {
    padding-bottom              : 30px;
    margin-left                 : 0px;
    padding-right               : 0px;
  }
  
  .iconlist {
    -webkit-tap-highlight-color : transparent;
    width:100%;
    overflow: hidden;
  }
  
  .iconlist.grid .iconitem {
    position          : relative;
    float             : left;
    height            : 100px;
    text-align        : center;
    word-wrap         : break-word;
    width             : 100px;
    border            : 1px solid transparent;
    border-radius     : 10px;
    margin            : 5px;
  }


  @media only screen and (max-width: 767px) {
    .iconlist.grid .iconitem {
      width: 95px;
      height: 95px;
    }
  }

  .iconlist.grid .iconitem.large {
    position          : relative;
    float             : left;
    text-align        : center;
    word-wrap         : break-word;
    width             : 160px;/*100px;*/
    height            : 160px;/*100px;*/
    border            : 1px solid transparent;
    border-radius     : 5px; /*10px*/
    margin            : 2px;/*5px;*/
  }

  .iconlist.grid .iconitem.wide {
    position          : relative;
    float             : left;
    height            : 60px;
    text-align        : left;
    word-wrap         : break-word;
    width             : 250px;
    border            : 1px solid transparent;
    border-radius     : 7px;
    margin            : 5px;
  }

  #usersDiv .iconitem.wide {
    background-color: #f2f2f2;
    cursor: pointer;
    /*display: inline;
    float: left;
    width: 235px;
    background-color: #f2f2f2;
    padding: 5px;
    margin: 8px;
    position: relative;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;*/
  }

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

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

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

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

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

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

  .iconlist.grid .iconitem .deletedInfo {
    background-color:#efefef;
    border:1px solid #CCC;
    border-radius:10px 10px 0 0;
    line-height:12px;
    padding: 1px 0 2px 0;
    position:absolute;
    top:0;
    font-size:10px;
    width:100%;
  }
  
  .iconlist.grid .iconitem.large .deletedInfo{
    margin-left: -4px;
  }
  
  .ie8 .iconlist.grid .iconitem.selected {
    background-image:url('https://www.cloudme.com/webui/images/icons/thumbselection100.png');
    background-position: center center;
    background-repeat: no-repeat;
    border            : 1px solid transparent;
    /*margin            : 0;
    width             : 100px;
    height            : 100px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bae4ff',GradientType=1 );*/
  }
  .ie8 .iconlist.grid .iconitem.large.selected {
    background-image:url('https://www.cloudme.com/webui/images/icons/thumbselection160.png');
    background-position: center center;
    background-repeat: no-repeat;
    border            : 1px solid transparent;
  }
 
  #dropzone{
    position:fixed;
    width:100%;
    height:100%;
    z-index:101;
    background-color:transparent;
    display:none;
    top:0;
  }
   
  #dropForm{
    width:100%;
    height:100%;
    z-index:101;
  }
 
  #dropzone input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
  }
  
  .ui-effects-transfer { border: 0.1em dashed black; }
 
  .iconlist.grid .iconitem.ui-draggable-dragging, .iconlist.list .iconitem.ui-draggable-dragging {
    opacity           : 0.4;
    filter            : alpha(opacity=40) !important;
    z-index           : 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.wide .img {
    display           : block;
    margin            : 5px auto 0 5px;
    width             : 48px;
    height            : 48px;
    background-size   : 48px;
  }
  
  .ie8 .iconlist.grid .iconitem .img {
    display           : block;
    /*margin            : 15px auto 0 auto;*/
    top               : 15px;
    margin-left       : 25px;
    width             : 48px;
    height            : 48px;
    background-size   : 48px;
  }
  
  .ie8 .iconlist.grid .iconitem.large .img {
    display           : block;
    top               : 15px;
    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;*/
  }
    
  .ie8 .iconlist.grid .iconitem.thumbnail .img {
    width             : 79px;
    height            : 79px;
    margin            : 10px auto 0 auto;
  }
  
  .iconlist.grid .iconitem.thumbnail.small .img {
    margin            : 5px auto 0 auto;
    width             : 60px;
    height            : 60px;
    border            : 0px solid #000;
    /*border-radius     : 5px;*/
  }
    
  .ie8 .iconlist.grid .iconitem.thumbnail.small .img {
    width             : 59px;
    height            : 59px;
    margin            : 6px auto 0 auto;
  }
  
  .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 .thumbBookmark {
    position:absolute; 
    right:0px; 
    top:0px; 
    background-image:url(https://www.cloudme.com/webui/images/icons/bookmark_bg.png);
    background-repeat: no-repeat;
    width:40px; 
    height:20px;
  }
  
  .iconlist.grid .iconitem.thumbnail .thumbBookmarkYoutube {
    position:absolute; 
    right:0px; 
    top:0px; 
    background-image:url(https://www.cloudme.com/webui/images/icons/youtube_bg.png);
    background-repeat: no-repeat;
    width:40px; 
    height:20px;
  }
    
  .ie8 .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;
  }
    
  .ie8 .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 .thumbVideo {
    position:absolute; 
    left:50px; 
    top:50px; 
    background-image:url(https://www.cloudme.com/webui/images/icons/movie_overlay2.png); 
    width:50px; 
    height:50px;
  }

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

  .iconlist.grid .iconitem.thumbnail.large .img {
    margin            : 4px auto 0 auto;
    width             : 150px; /*80px;*/
    height            : 150px; /*80px;*/
    border            : 0px solid #000;
    /*border-radius     : 5px;*/
  }
    
  .ie8 .iconlist.grid .iconitem.thumbnail.large .img {
    margin            : 4px auto 0 auto;
    width             : 149px; /*80px;*/
    height            : 149px; /*80px;*/
  }

  
  .ie8 .iconlist.grid .iconitem.selected .img {
    /*margin-top: 20px;
    margin-left: 30px;*/
  }

  .ie8 .iconlist.grid .iconitem.selected a.photoObj .img {
    /*margin-top: 14px;
    margin-left: 14px;*/
  }

  .iconlist.grid .iconitem .title {
    font-size         : 12px;
    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.wide .title{
    margin-top: -40px;
    margin-left: 75px;
    width: 170px;
    cursor: inherit;
  }
  
  
  .iconlist.grid.mobile .iconitem .title {
    font-size         : 15px;
  } 

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

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

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

  .iconlist.grid .iconitem.large .description {
    width             : 120px
  }
  
  .iconlist.grid .iconitem.wide .description {
    margin-left       : 75px;
    cursor: inherit;
  }
  

  .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.grid .iconitem.restore .gridIconCont{
    border: 0px;
  }
  
  .iconlist .iconitem .right-top, .ps-carousel-content .right-top {
    -moz-transform:rotate(90deg) !important;
    -webkit-transform:rotate(90deg) !important;
    -o-transform:rotate(90deg) !important;
    transform:rotate(90deg) !important;
    -ms-transform:rotate(90deg) !important;
  }

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

  .iconlist .iconitem .left-bottom, .ps-carousel-content .left-bottom {
    -moz-transform:rotate(270deg) !important;
    -webkit-transform:rotate(270deg) !important;
    -o-transform:rotate(270deg) !important;
    transform:rotate(270deg) !important;
    -ms-transform:rotate(270deg) !important;
  }
  
  .ie7 .iconlist.grid .iconitem[data-orientation=right-top] .img, .ie7 .ps-carousel-content .right-top, .ie8 .iconlist.grid .iconitem[data-orientation=right-top] .img, .ie8 .ps-carousel-content .right-top {
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=-1.00000000, M21=1.00000000, M22=0.00000000,sizingMethod='auto expand');
  }

  .ie7 .iconlist.grid .iconitem[data-orientation=bottom-right] .img, .ie7 .ps-carousel-content .bottom-right, .ie8 .iconlist.grid .iconitem[data-orientation=bottom-right] .img, .ie8 .ps-carousel-content .bottom-right {
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1.00000000, M12=-0.00000000, M21=0.00000000, M22=-1.00000000,sizingMethod='auto expand');
  }

  .ie7 .iconlist.grid .iconitem[data-orientation=left-bottom] .img, .ie7 .ps-carousel-content .left-bottom, .ie8 .iconlist.grid .iconitem[data-orientation=left-bottom] .img, .ie8 .ps-carousel-content .left-bottom {
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=-0.00000000, M12=1.00000000, M21=-1.00000000, M22=-0.00000000,sizingMethod='auto expand');
  }
  
  .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://os.cloudme.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;
    min-width         : 800px;*/
    position          : relative;
    font-size         : 12px;
    font-family       : Lucida Grande, Lucida Sans Unicode, helvetica, arial, verdana, sans-serif;
    border            : 1px solid transparent;
  }
  
  .iconlist.list.mobile .iconitem {
    height            : 80px;
    position          : relative;
    font-size         : 16px;
    font-family       : Lucida Grande, Lucida Sans Unicode, helvetica, arial, verdana, sans-serif;
    border            : 1px solid transparent;
    min-width         : 100%;
  }
  
  .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%);
  }
  
  .ie8 .iconlist.list .iconitem.even {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#eeeeee',GradientType=1 );
  }

  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%);
  }

  .ie8 .iconlist.list .iconitem:hover {
    background: rgb(235,244,254);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf4fe', endColorstr='#dee9f4',GradientType=0 );
  }

  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;
  }
  
  .ie8 .iconlist.list .iconitem.selected:hover {
    background: rgb(235,244,254);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf4fe', endColorstr='#bdd9f9',GradientType=0 );
  }

  .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;
  }
  
  .ie8 .iconlist.list .iconitem.selected {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf4fe', endColorstr='#c4defc',GradientType=0 );
  }
  
  .iconlist.list .iconitem .img {
    position          : absolute;
    top               : 2px;
    left              : 10px;
    display           : block;
    margin            : 0;
    width             : 24px;
    height            : 24px;
    background-size   : 24px;
  }
  
  .iconlist.list.mobile .iconitem .img {
    position          : absolute;
    top               : 15px;
    left              : 10px;
    display           : block;
    margin            : 0;
    width             : 48px;
    height            : 48px;
    background-size   : 48px;
  }

  .iconlist.list .iconitem .title {
    position          : absolute;
    top               : 5px;
    left              : 40px;
    height            : 26px;
    overflow          : hidden;
    text-overflow     : ellipsis;
    white-space       : nowrap;
    cursor            : default;
  }
  
  .iconlist.list.mobile .iconitem .title {
    top               : 15px;
    left              : 0px;
    padding-left      : 70px;
    width             : 100%;
  }

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

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

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

  .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('../webui/images/icons/arrow_parent_blue16in24.png');
  background-repeat   : no-repeat;
}

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

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

.icons.folder_documents {
  background-image    : url('https://os.cloudme.com/icons/applications/24x24/folder_document.png');
  background-repeat   : no-repeat;
}
.icons.folder_cloudme {
  background-image    : url('https://os.cloudme.com/gui/icons/24x24/Folder_CloudMe.png');
  background-repeat   : no-repeat;
}
.icons.folder_movie {
  background-image    : url('https://os.cloudme.com/gui/icons/24x24/folder_movie.png');
  background-repeat   : no-repeat;
}
.icons.folder_music {
  background-image    : url('https://os.cloudme.com/gui/icons/24x24/folder_music.png');
  background-repeat   : no-repeat;
}
.icons.folder_photos {
  background-image    : url('https://os.cloudme.com/gui/icons/24x24/folder_photos.png');
  background-repeat   : no-repeat;
}
.icons.folder_webshare {
  background-image    : url('https://os.cloudme.com/gui/icons/24x24/folder_webshare.png');
  background-repeat   : no-repeat;
}
.icons.folder_camera {
  background-image    : url('https://os.cloudme.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://os.cloudme.com/icons/applications/24x24/document.png');
  background-repeat   : no-repeat;
  background-position : center;
}

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

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

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

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

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

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

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

.icons.iconJPG {
  background-image    : url('https://www.cloudme.com/images/flat/image_jpg.png');
}

.icons.iconGIF {
  background-image    : url('https://www.cloudme.com/images/flat/image_gif.png');
}

.icons.iconPNG {
  background-image    : url('https://www.cloudme.com/images/flat/image_png.png');
}

.icons.iconPSD {
  background-image    : url('https://www.cloudme.com/images/flat/image_psd.png');
}

.icons.iconBMP {
  background-image    : url('https://www.cloudme.com/images/flat/photo_scenery.png');
}

.icons.iconMPEG {
  background-image    : url('https://www.cloudme.com/images/flat/Music.png');
}

.icons.iconVMPEG {
  background-image    : url('https://www.cloudme.com/images/flat/Document_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://os.cloudme.com/gui/icons/24x24/sound_wav.png');
}

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

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

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

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

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


.iconitem.large.foldericon .img { background-image   : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.large.folder_documents .img { background-image : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.large.folder_cloudme .img { background-image   : url('https://www.cloudme.com/images/flat/Folder_CloudMe.png'); }
.iconitem.large.folder_movie .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.large.folder_music .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.large.folder_photos .img { background-image    : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.large.folder_webshare .img { background-image  : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.large.folder_camera .img { background-image  : url('https://www.cloudme.com/images/flat/folder.png'); }

.iconitem.large.folder_calendar .img { background-image  : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.large.folder_bookmarks .img { background-image : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.large.folder_contacts .img { background-image  : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.large.folder_feeds .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.large.folder_mailbox .img { background-image   : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.large.folder_notes .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.large.folder_tasks .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.large.folder_trashcan .img { background-image  : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.large.folder_brevo .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }

.iconitem.large.iconFolderGreen .img { background-image : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.large.iconWebshare .img { background-image       : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.large.iconWebsharePlus .img { background-image   : url('https://www.cloudme.com/images/flat/Folder_WebShare_plus.png'); }
.iconitem.large.iconWebshareCollaborate .img { background-image   : url('https://www.cloudme.com/images/flat/Folder_Collaborate.png'); }
.iconitem.large.iconWebshareLock .img { background-image   : url('https://www.cloudme.com/images/flat/folder.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://www.cloudme.com/images/flat/document.png'); }
.iconitem.large.iconText .img { background-image     : url('https://www.cloudme.com/images/flat/document_txt.png'); }
.iconitem.large.iconWord .img { background-image     : url('https://www.cloudme.com/images/flat/document_doc.png'); }
.iconitem.large.iconHTML .img { background-image     : url('https://www.cloudme.com/images/flat/document_html.png'); }
.iconitem.large.iconEXCEL .img { background-image    : url('https://www.cloudme.com/images/flat/document_xls.png'); }
.iconitem.large.iconPPT .img { background-image    : url('https://www.cloudme.com/images/flat/document_ppt.png'); }
.iconitem.large.iconXML .img { background-image      : url('https://www.cloudme.com/images/flat/document_xml.png'); }
.iconitem.large.iconPDF .img { background-image      : url('https://www.cloudme.com/images/flat/Document_PDF.png'); }
.iconitem.large.iconJPG .img { background-image      : url('https://www.cloudme.com/images/flat/image_jpg.png'); }
.iconitem.large.iconGIF .img { background-image      : url('https://www.cloudme.com/images/flat/image_gif.png'); }
.iconitem.large.iconPNG .img { background-image      : url('https://www.cloudme.com/images/flat/image_png.png'); }
.iconitem.large.iconPSD .img { background-image      : url('https://www.cloudme.com/images/flat/image_psd.png'); }
.iconitem.large.iconBMP .img { background-image      : url('https://www.cloudme.com/images/flat/photo_scenery.png'); }
.iconitem.large.iconMPEG .img { background-image     : url('https://www.cloudme.com/images/flat/Music.png'); }
.iconitem.large.iconVMPEG .img { background-image    : url('https://www.cloudme.com/images/flat/Document_Movie.png'); }
.iconitem.large.iconUnsuppMovie .img { background-image    : url('https://www.cloudme.com/images/flat/Document_Movie.png'); }
.iconitem.large.iconWAVE .img { background-image     : url('https://www.cloudme.com/images/flat/Music.png'); }
.iconitem.large.iconEXE .img { background-image      : url('https://www.cloudme.com/images/flat/box_white.png'); }
.iconitem.large.iconZIP .img { background-image      : url('https://www.cloudme.com/images/flat/box.png'); }
.iconitem.large.iconCSV .img { background-image      : url('https://www.cloudme.com/images/flat/data_table.png'); }
.iconitem.large.iconMUSIC .img { background-image    : url('https://www.cloudme.com/images/flat/Music.png'); }
.iconitem.large.iconFavorite .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.large.iconFavoriteLock .img { background-image : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.large.iconFavoritePlus .img { background-image       : url('https://www.cloudme.com/images/flat/Folder_WebShare_plus.png'); }
.iconitem.large.iconFavoriteCollaborate .img { background-image       : url('https://www.cloudme.com/images/flat/Folder_Collaborate.png'); }
.iconitem.large.imageLoading .img { background-image : url('/images/Wait.gif'); }
.iconitem.large.iconPlaylist  .img { background-image : url('https://www.cloudme.com/images/flat/text_loudspeaker.png'); }
.iconitem.large.iconBookmark  .img { background-image : url('https://www.cloudme.com/images/flat/bookmark.png'); }


.ie8 .iconitem .img { background-image:none !important; }
.ie8 .iconitem.large.foldericon .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/icons/applications/48x48/folder.png', sizingMethod='scale'); }
.ie8 .iconitem.large.folder_documents .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/icons/applications/48x48/folder_document.png', sizingMethod='scale'); }
.ie8 .iconitem.large.folder_cloudme .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/48x48/folder_cloudme.png', sizingMethod='scale'); }
.ie8 .iconitem.large.folder_movie .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/48x48/folder_movie.png', sizingMethod='scale'); }
.ie8 .iconitem.large.folder_music .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/48x48/folder_music.png', sizingMethod='scale'); }
.ie8 .iconitem.large.folder_photos .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/48x48/folder_photos.png', sizingMethod='scale'); }
.ie8 .iconitem.large.folder_webshare .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/48x48/folder_webshare.png', sizingMethod='scale'); }
.ie8 .iconitem.large.folder_camera .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.cloudme.com/webui/images/icons/48x48/icon_camera48.png', sizingMethod='scale'); }

.ie8 .iconitem.large.folder_calendar .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/icons/business/48x48/calendar.png', sizingMethod='scale'); }
.ie8 .iconitem.large.folder_bookmarks .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/48x48/folder_bookmarks.png', sizingMethod='scale'); }
.ie8 .iconitem.large.folder_contacts .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/icons/business/48x48/address_book.png', sizingMethod='scale'); }
.ie8 .iconitem.large.folder_feeds .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/48x48/folder_rss.png', sizingMethod='scale'); }
.ie8 .iconitem.large.folder_mailbox .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/icons/network/48x48/mailbox_empty.png', sizingMethod='scale'); }
.ie8 .iconitem.large.folder_notes .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/48x48/folder_note.png', sizingMethod='scale'); }
.ie8 .iconitem.large.folder_tasks .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/48x48/folder_todo.png', sizingMethod='scale'); }
.ie8 .iconitem.large.folder_trashcan .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/icons/applications/48x48/garbage.png', sizingMethod='scale'); }
.ie8 .iconitem.large.folder_brevo .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.cloudme.com/webui/images/icons/48x48/brevo48.png', sizingMethod='scale'); }

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



.iconitem.medium.foldericon .img { background-image   : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.medium.folder_documents .img { background-image : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.medium.folder_cloudme .img { background-image   : url('https://www.cloudme.com/images/flat/Folder_CloudMe.png'); }
.iconitem.medium.folder_movie .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.medium.folder_music .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.medium.folder_photos .img { background-image    : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.medium.folder_webshare .img { background-image  : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.medium.folder_camera .img { background-image  : url('https://www.cloudme.com/images/flat/folder.png'); }

.iconitem.medium.folder_calendar .img { background-image  : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.medium.folder_bookmarks .img { background-image : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.medium.folder_contacts .img { background-image  : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.medium.folder_feeds .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.medium.folder_mailbox .img { background-image   : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.medium.folder_notes .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.medium.folder_tasks .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.medium.folder_trashcan .img { background-image  : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.medium.folder_brevo .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }

.iconitem.medium.iconFolderGreen .img { background-image : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.medium.iconWebshare .img { background-image       : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.medium.iconWebsharePlus .img { background-image   : url('https://www.cloudme.com/images/flat/Folder_WebShare_plus.png'); }
.iconitem.medium.iconWebshareCollaborate .img { background-image   : url('https://www.cloudme.com/images/flat/Folder_Collaborate.png'); }
.iconitem.medium.iconWebshareLock .img { background-image   : url('https://www.cloudme.com/images/flat/folder.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://www.cloudme.com/images/flat/document.png'); }
.iconitem.medium.iconText .img { background-image     : url('https://www.cloudme.com/images/flat/document_txt.png'); }
.iconitem.medium.iconWord .img { background-image     : url('https://www.cloudme.com/images/flat/document_doc.png'); }
.iconitem.medium.iconHTML .img { background-image     : url('https://www.cloudme.com/images/flat/document_html.png'); }
.iconitem.medium.iconEXCEL .img { background-image    : url('https://www.cloudme.com/images/flat/document_xls.png'); }
.iconitem.medium.iconPPT .img { background-image      : url('https://www.cloudme.com/images/flat/document_ppt.png'); }
.iconitem.medium.iconXML .img { background-image      : url('https://www.cloudme.com/images/flat/document_xml.png'); }
.iconitem.medium.iconPDF .img { background-image      : url('https://www.cloudme.com/images/flat/Document_PDF.png'); }
.iconitem.medium.iconJPG .img { background-image      : url('https://www.cloudme.com/images/flat/image_jpg.png'); }
.iconitem.medium.iconGIF .img { background-image      : url('https://www.cloudme.com/images/flat/image_gif.png'); }
.iconitem.medium.iconPNG .img { background-image      : url('https://www.cloudme.com/images/flat/image_png.png'); }
.iconitem.medium.iconPSD .img { background-image      : url('https://www.cloudme.com/images/flat/image_psd.png'); }
.iconitem.medium.iconBMP .img { background-image      : url('https://www.cloudme.com/images/flat/photo_scenery.png'); }
.iconitem.medium.iconMPEG .img { background-image     : url('https://www.cloudme.com/images/flat/Music.png'); }
.iconitem.medium.iconVMPEG .img { background-image    : url('https://www.cloudme.com/images/flat/Document_Movie.png'); }
.iconitem.medium.iconUnsuppMovie .img { background-image    : url('https://www.cloudme.com/images/flat/Document_Movie.png'); }
.iconitem.medium.iconWAVE .img { background-image     : url('https://os.cloudme.com/gui/icons/48x48/sound_wav.png'); }
.iconitem.medium.iconEXE .img { background-image      : url('https://www.cloudme.com/images/flat/box_white.png'); }
.iconitem.medium.iconZIP .img { background-image      : url('https://www.cloudme.com/images/flat/box.png'); }
.iconitem.medium.iconCSV .img { background-image      : url('https://www.cloudme.com/images/flat/data_table.png'); }
.iconitem.medium.iconMUSIC .img { background-image    : url('https://www.cloudme.com/images/flat/Music.png'); }
.iconitem.medium.iconFavorite .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.medium.iconFavoriteLock .img { background-image : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.medium.iconFavoritePlus .img { background-image       : url('https://www.cloudme.com/images/flat/Folder_WebShare_plus.png'); }
.iconitem.medium.iconFavoriteCollaborate .img { background-image       : url('https://www.cloudme.com/images/flat/Folder_Collaborate.png'); }
.iconitem.medium.imageLoading .img { background-image : url('/images/Wait.gif'); }
.iconitem.medium.iconPlaylist  .img { background-image : url('https://www.cloudme.com/images/flat/text_loudspeaker.png'); }
.iconitem.medium.iconBookmark  .img { background-image : url('https://www.cloudme.com/images/flat/bookmark.png'); }


.ie8 .iconitem .img { background-image:none !important; }
.ie8 .iconitem.medium.foldericon .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/icons/applications/48x48/folder.png', sizingMethod='scale'); }
.ie8 .iconitem.medium.folder_documents .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/icons/applications/48x48/folder_document.png', sizingMethod='scale'); }
.ie8 .iconitem.medium.folder_cloudme .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/48x48/folder_cloudme.png', sizingMethod='scale'); }
.ie8 .iconitem.medium.folder_movie .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/48x48/folder_movie.png', sizingMethod='scale'); }
.ie8 .iconitem.medium.folder_music .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/48x48/folder_music.png', sizingMethod='scale'); }
.ie8 .iconitem.medium.folder_photos .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/48x48/folder_photos.png', sizingMethod='scale'); }
.ie8 .iconitem.medium.folder_webshare .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/48x48/folder_webshare.png', sizingMethod='scale'); }
.ie8 .iconitem.medium.folder_camera .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.cloudme.com/webui/images/icons/48x48/icon_camera48.png', sizingMethod='scale'); }

.ie8 .iconitem.medium.folder_calendar .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/icons/business/48x48/calendar.png', sizingMethod='scale'); }
.ie8 .iconitem.medium.folder_bookmarks .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/48x48/folder_bookmarks.png', sizingMethod='scale'); }
.ie8 .iconitem.medium.folder_contacts .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/icons/business/48x48/address_book.png', sizingMethod='scale'); }
.ie8 .iconitem.medium.folder_feeds .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/48x48/folder_rss.png', sizingMethod='scale'); }
.ie8 .iconitem.medium.folder_mailbox .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/icons/network/48x48/mailbox_empty.png', sizingMethod='scale'); }
.ie8 .iconitem.medium.folder_notes .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/48x48/folder_note.png', sizingMethod='scale'); }
.ie8 .iconitem.medium.folder_tasks .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/48x48/folder_todo.png', sizingMethod='scale'); }
.ie8 .iconitem.medium.folder_trashcan .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/icons/applications/48x48/garbage.png', sizingMethod='scale'); }
.ie8 .iconitem.medium.folder_brevo .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.cloudme.com/webui/images/icons/48x48/brevo48.png', sizingMethod='scale'); }

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


.iconitem.small.foldericon .img { background-image       : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.small.folder_documents .img { background-image : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.small.folder_cloudme .img { background-image   : url('https://www.cloudme.com/images/flat/Folder_CloudMe.png'); }
.iconitem.small.folder_movie .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.small.folder_music .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.small.folder_photos .img { background-image    : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.small.folder_webshare .img { background-image  : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.small.folder_camera .img { background-image    : url('https://www.cloudme.com/images/flat/folder.png'); }

.iconitem.small.folder_calendar .img { background-image  : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.small.folder_bookmarks .img { background-image : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.small.folder_contacts .img { background-image  : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.small.folder_feeds .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.small.folder_mailbox .img { background-image   : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.small.folder_notes .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.small.folder_tasks .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.small.folder_trashcan .img { background-image  : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.small.folder_brevo .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }

.iconitem.small.iconWebshare .img { background-image              : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.small.iconWebshareLock .img { background-image          : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.small.iconWebsharePlus .img { background-image          : url('https://www.cloudme.com/images/flat/Folder_WebShare_plus.png'); }
.iconitem.small.iconWebshareCollaborate .img { background-image   : url('https://www.cloudme.com/images/flat/Folder_Collaborate.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://www.cloudme.com/images/flat/document.png'); }
.iconitem.small.iconText .img { background-image     : url('https://www.cloudme.com/images/flat/document_txt.png'); }
.iconitem.small.iconWord .img { background-image     : url('https://www.cloudme.com/images/flat/document_doc.png'); }
.iconitem.small.iconHTML .img { background-image     : url('https://www.cloudme.com/images/flat/document_html.png'); }
.iconitem.small.iconEXCEL .img { background-image    : url('https://www.cloudme.com/images/flat/document_xls.png'); }
.iconitem.small.iconPPT .img { background-image    : url('https://www.cloudme.com/images/flat/document_ppt.png'); }
.iconitem.small.iconXML .img { background-image      : url('https://www.cloudme.com/images/flat/document_xml.png'); }
.iconitem.small.iconPDF .img { background-image      : url('https://www.cloudme.com/images/flat/Document_PDF.png'); }
.iconitem.small.iconJPG .img { background-image      : url('https://www.cloudme.com/images/flat/image_jpg.png'); }
.iconitem.small.iconGIF .img { background-image      : url('https://www.cloudme.com/images/flat/image_gif.png'); }
.iconitem.small.iconPNG .img { background-image      : url('https://www.cloudme.com/images/flat/image_png.png'); }
.iconitem.small.iconPSD .img { background-image      : url('https://www.cloudme.com/images/flat/image_psd.png'); }
.iconitem.small.iconBMP .img { background-image      : url('https://www.cloudme.com/images/flat/photo_scenery.png'); }
.iconitem.small.iconMPEG .img { background-image     : url('https://www.cloudme.com/images/flat/Music.png'); }
.iconitem.small.iconVMPEG .img { background-image    : url('https://www.cloudme.com/images/flat/Document_Movie.png'); }
.iconitem.small.iconUnsuppMovie .img { background-image    : url('https://www.cloudme.com/images/flat/Document_Movie.png'); }
.iconitem.small.iconWAVE .img { background-image     : url('https://www.cloudme.com/images/flat/sound_wav.png'); }
.iconitem.small.iconEXE .img { background-image      : url('https://www.cloudme.com/images/flat/box_white.png'); }
.iconitem.small.iconZIP .img { background-image      : url('https://www.cloudme.com/images/flat/box.png'); }
.iconitem.small.iconCSV .img { background-image      : url('https://www.cloudme.com/images/flat/data_table.png'); }
.iconitem.small.iconMUSIC .img { background-image    : url('https://www.cloudme.com/images/flat/Music.png'); }
.iconitem.small.iconFavorite .img { background-image     : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.small.iconFavoriteLock .img { background-image : url('https://www.cloudme.com/images/flat/folder.png'); }
.iconitem.small.iconFavoritePlus .img { background-image : url('https://www.cloudme.com/images/flat/Folder_WebShare_plus.png'); }
.iconitem.small.iconFavoriteCollaborate .img { background-image : url('https://www.cloudme.com/images/flat/Folder_Collaborate.png'); }
.iconitem.small.imageLoading .img { background-image : url('/images/Wait.gif'); }
.iconitem.small.iconPlaylist  .img { background-image : url('https://www.cloudme.com/images/flat/text_loudspeaker.png'); }
.iconitem.small.iconBookmark  .img { background-image : url('https://www.cloudme.com/images/flat/bookmark.png'); }


.ie8 .iconitem.small.foldericon .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/icons/applications/24x24/folder.png', sizingMethod='scale'); }
.ie8 .iconitem.small.folder_documents .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/icons/applications/24x24/folder_document.png', sizingMethod='scale'); }
.ie8 .iconitem.small.folder_cloudme .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/24x24/folder_cloudme.png', sizingMethod='scale'); }
.ie8 .iconitem.small.folder_movie .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/24x24/folder_movie.png', sizingMethod='scale'); }
.ie8 .iconitem.small.folder_music .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/24x24/folder_music.png', sizingMethod='scale'); }
.ie8 .iconitem.small.folder_photos .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/24x24/folder_photos.png', sizingMethod='scale'); }
.ie8 .iconitem.small.folder_webshare .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/24x24/folder_webshare.png', sizingMethod='scale'); }
.ie8 .iconitem.small.folder_camera .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.cloudme.com/webui/images/icons/24x24/icon_camera24.png', sizingMethod='scale'); }

.ie8 .iconitem.small.folder_calendar .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/icons/business/24x24/calendar.png', sizingMethod='scale'); }
.ie8 .iconitem.small.folder_bookmarks .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/24x24/folder_bookmarks.png', sizingMethod='scale'); }
.ie8 .iconitem.small.folder_contacts .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/icons/business/24x24/address_book.png', sizingMethod='scale'); }
.ie8 .iconitem.small.folder_feeds .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/24x24/folder_rss.png', sizingMethod='scale'); }
.ie8 .iconitem.small.folder_mailbox .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/icons/network/24x24/mailbox_empty.png', sizingMethod='scale'); }
.ie8 .iconitem.small.folder_notes .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/24x24/folder_note.png', sizingMethod='scale'); }
.ie8 .iconitem.small.folder_tasks .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/gui/icons/24x24/folder_todo.png', sizingMethod='scale'); }
.ie8 .iconitem.small.folder_trashcan .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://os.cloudme.com/icons/applications/24x24/garbage.png', sizingMethod='scale'); }
.ie8 .iconitem.small.folder_brevo .img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.cloudme.com/webui/images/icons/24x24/brevo24.png', sizingMethod='scale'); }

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

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


.dialog {
  display           : none;
  z-index           : 100;
  height: 120px;
  width: 270px;
  position: relative;
}

.dialogMobile {
  display           : none;
  z-index           : 100;
  height            : 101%;
  width             : 100%;
  padding-right     : 54px;
}


.dialogHeader {
  width               : 100%;
  height              : 28px;
  font-size           : 14px; 
  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;*/
}

#dialog.dialogMobile .inputDiv{  
  top: 0px;
  position: relative;
  width: 100%;
  border: 1px solid grey;
  border-radius: 4px;
  height: 24px;
  background: #F4F4F4;
}

#dialog.dialog .inputDiv{  
  /*top: 42px;
  left: 26px;
  position: absolute;*/
  width: 220px;
  border: 1px solid grey;
  border-radius: 4px;
  height: 24px;
  background: #F4F4F4;
}

#dialog.dialog #input{
  width: 100%;
  top: 0;
  left: 3px;
  position: relative;
  background: transparent;
  line-height: 22px;
}

#dialog.dialogMobile #input{
  width: 100%;
  /*top: -42px;
  left: 1px;
  position: inherit;*/
  background: transparent;
}

#dialog #passwordError {
  color:red;
  display:none;
}

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




/********************** 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: #408BE7;
    border-style: solid;
    border-width: 1px;
    background-color: #408BE7;
    display:inline;
    padding:3px 15px 4px 15px;
    text-align: center;
    width: auto;
    font-size:12px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    color:#fff;
    /*text-shadow: 0 0px 2px #0045AB;*/
    font-weight:bold;
    font-family:"Segoe UI", "Myriad Pro", 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;
  }

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

  .btn_disabled {
    background: #f7f8f9; /* 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;
  }

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

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

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

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

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

.button2disabled {
  background-image    : -o-linear-gradient(top, rgb(202,202,202),rgb(154,154,154));
  background          : -moz-linear-gradient(center top , #CACACA, #9A9A9A) repeat scroll 0 0 #eee;
  background          : -webkit-gradient(linear, left top, left bottom, from(#CACACA), to(#9A9A9A)) repeat scroll 0 0 #eee;
  filter              : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFCACACA, endColorstr=#FF9A9A9A);
  background-color    : #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           : 12px;
  -moz-border-radius  : 4px;
  -webkit-border-radius:4px;
  border-radius       : 4px;
  text-shadow         : 0 -1px #333;
  font-weight         : bold;
  font-family         : "Segoe UI", "Myriad Pro", 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;
}

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

.ie7 .btn {
  padding             : 3px 14px 2px 14px;
}

  .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           : 14px;
    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           : 17px;
    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 **********************/




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

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

  background: #87D558;

  text-align:center;
  margin: auto;
  margin-top: 4px;
}

.add_favorite.grey {
  background: #EFEFEF;

  text-align:center;
  cursor: default;
  border              : 1px #eee solid;
}

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

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

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


.add_favorite span {
  height              : 32px;
  color               : #FFF;
  font-family         : "Segoe UI", "Myriad Pro", arial, verdana, sans-serif;
  /*filter              : progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666');*/
  text-shadow         : 1px 1px -1px #999999;
  font-size           : 18px;
  padding-top         : 9px;
  position            : relative;
  top: 4px;
}


.add_favorite.grey span {
  color               : #999999;
}
.add_favorite.grey:hover {
  border              : 1px #eee solid;
}



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

.mobileframe .add_favorite img {
  display:none;
}

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

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


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

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


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

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


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

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

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

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

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

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

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

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

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

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


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

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

.ie8 #playerHolder{
  background-color:#000;
  filter: alpha(opacity=70);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.pqListItem:hover {
  background    : #ddd;
}

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

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

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

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

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


/********************** UPLOAD **************************/

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

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



.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);
}
.nosidebar .fe_dialog {
  border              : none;
  position            : fixed;
  top                 : 0;
  left                : 0;
  z-index             : 99999999;
  background-color    : #ffffff;
  -webkit-box-shadow  : none;
  -moz-box-shadow     : none;
  box-shadow          : none;
}

.fe_dialog * {
  -moz-box-sizing     : border-box;
  -webkit-box-sizing  : border-box;
  box-sizing          : border-box;
}

.fe_dialog.mobile{
  top: 0px;
}

#uploadPlate {
  width               : 634px;
  height              : 207px;/*316px;*/
  margin-left         : -317px;
  top                 : 54px
}

#uploadPlate.mobile {
  width               : 100%;
  height              : auto;
  margin-left         : 0px;
  left                : 0px;
}

.nosidebar #uploadPlate {
  width               : 100%;
  height              : 120%;
  margin-left         : 0;
}

.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;
}
.nosidebar .plate_header .dia_body {
  width               : 200px;
  font-size           : 10px;
}

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

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

.nosidebar #didYouKnow {
  display             : none;
}

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

#uploadProgress{
  position            : absolute;
  top                 : 61px;
  right               : 0;
  width               : 320px;
  height              : 144px;/*255px;*/
  overflow            : auto;
  padding-left        : 5px;
}
.nosidebar #uploadProgress{
  text-align          : center;
  height              : 100%;
  width               : 100%;
}
.progress_cont {
  margin              : 15px 0 12px;
}

.nosidebar.progress_cont {
  margin              : 15px auto 12px auto;
}
.progress_bar {
  position            : relative;
  width               : 298px;
  height              : 18px;
  border              : 1px solid #afafaf;
  margin              : 5px 0;
}
.nosidebar .progress_bar {
  margin              : 5px auto;
}
.progress_bar .progress {
  position            : absolute;
  height              : 14px;
  width               : 0;
  top                 : 1px;
  left                : 1px;
  background-color    : #98d5fc;
}
.progress_bar .label {
  position            : absolute;
  height              : 14px;
  width               : 294px;
  top                 : 0px;
  left                : 1px;
  text-indent         : 3px;
  font-size           : 90%;
}
.nosidebar .progress_bar .label {
  top                 : 2px;
}


/** Mobile menu **/
.mobileMenuTitle {
  width:100%;
  text-align:center;
  color:#FFF;
  font-size:30px;
  font-family:arial;
  font-weight:bold;
  margin:10px 0 5px 0;
  text-shadow: 3px 3px #141414;
}

#mobileMenuBg {
  position:fixed;
  bottom:0;
  left:0;
  z-index:9999999;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.7)), color-stop(70%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,1) 100%);
  background: linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#000000',GradientType=0 );
}


.mobileShareButton, .mobileUploadButton {
  width:86%;
  float:left;
  margin:5% 0 0 7%;
  padding:10px 0;
  color:#FFF !important;
  font-size:20px;
  font-family:arial;
  font-weight:bold;
  text-shadow: 2px 2px #141414;
  text-align:center;
  cursor:pointer;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border:3px solid #000;
  background: rgb(168,168,168);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4YThhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MTUxNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(168,168,168,1) 0%, rgba(81,81,81,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,168,168,1)), color-stop(100%,rgba(81,81,81,1)));
  background: -webkit-linear-gradient(top,  rgba(168,168,168,1) 0%,rgba(81,81,81,1) 100%);
  background: -o-linear-gradient(top,  rgba(168,168,168,1) 0%,rgba(81,81,81,1) 100%);
  background: -ms-linear-gradient(top,  rgba(168,168,168,1) 0%,rgba(81,81,81,1) 100%);
  background: linear-gradient(top,  rgba(168,168,168,1) 0%,rgba(81,81,81,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#515151',GradientType=0 );
}

#mobileFrameButton {
  height:40px;
  padding:0;
}

.mobileCancel {
  margin-top:4%;
  background: rgb(87,87,87);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3NTc1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTA5MDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(87,87,87,1) 0%, rgba(9,9,9,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,87,87,1)), color-stop(100%,rgba(9,9,9,1)));
  background: -webkit-linear-gradient(top,  rgba(87,87,87,1) 0%,rgba(9,9,9,1) 100%);
  background: -o-linear-gradient(top,  rgba(87,87,87,1) 0%,rgba(9,9,9,1) 100%);
  background: -ms-linear-gradient(top,  rgba(87,87,87,1) 0%,rgba(9,9,9,1) 100%);
  background: linear-gradient(top,  rgba(87,87,87,1) 0%,rgba(9,9,9,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#090909',GradientType=0 );
}


/************ Users **************/
#contentHeader{
  padding: 10px;
  background: #EAEAEA;
  color: rgb(170, 170, 170);
  padding-top: 5px;
  padding-bottom: 5px;
}

#searchHeader{
  display: none;
}

#lastUsersHeader{
 display: none;
}


#webshareIntroduction {
  position: absolute;
  top: 200px;
  left: 50%;
  border: 1px solid rgb(85, 85, 85);
  margin-left:-295px;
  width: 590px;
  height: 330px;
  z-index: 99;
  background-color: rgb(255, 255, 255);
  background-image: url(/images/folder_webshare.svg);
  background-repeat: no-repeat;
  background-position: 52px 55px;
  background-size: 64px;
  text-align              : center;
  font-size               : 20px;
  color                   : #888;
}
#webshareIntroductionText {
  height: 40px;
  padding-top: 15px;
  color: #000000;
}
#webshareIntroduction .btnh {
  /*margin-left: 175px;
  text-align: left;*/
}
#webshareIntroduction .btnh div, #webshareIntroduction .btnh button {
  width: 80%;
}
#webshareIntroduction .text {
  margin:0 auto;
  margin-top:20px;
  /*text-align              : center;
  width: 80%;*/
  width: 395px;
  margin-left: 135px;
}
#webshareIntroduction .text p {
  text-align              : left;
  font-size               : 12px;
}
#webshareIntroduction .text p.chkOption input[type=checkbox] {
  width: 20px;
}
#webshareIntroduction .text p.chkOption {
  text-align              : right;
  font-size               : 11px;
  color: #000000;
}




/************** PASSWORD REQUIRED *********/
#passwordRequired, #inviteRequired {
  background-image        : url('/images/lock_white.png');
  background-repeat       : no-repeat;

 background-position     : center 10px;

 width                   : 100%;

 padding-top             : 150px;
}

#passwordRequiredText, #inviteRequiredText {
  text-align              : center;
  font-size               : 20px;
  color                   : rgb(184, 184, 184);
}

#inviteRequired .text {
  margin:0 auto;
  margin-top:20px;
  text-align              : center;
  width: 50%;
}
#inviteRequired .text p {
  text-align              : left;
  font-size               : 14px;
}

/************** PASSWORD REQUIRED *********/
#noContentPublic{
  background-image        : url('/images/webshareGrey25_128.png');
	background-repeat       : no-repeat;
  background-position     : center 10px;
  width                   : 100%;
  height                  : 200px;
  top                     : 0px;
  position                : relative;
}

#noContentPublic span{
  font-size               : 20px;
  color                   : rgb(184, 184, 184);
  position                : absolute;
  bottom                  : 20px;
  text-align              : center;
  width                   : 100%;
}


/***************** FOOTER *****************/
#footer{
  padding:5px;
  position:absolute; 
  height:30px; 
  bottom:0px; 
  width:100%;
  background:white;
  z-index: 5;
}

#footerRight{
  position:absolute;
  right: 0px;
  z-index: 7;
}

#footerLeft{
  position:absolute;
  left: 0px;
  height: 25px;
  width: 100%;
  background: white;
  z-index: 6;
}

.footerItem{
  position:relative;
  margin-left: 20px;
  margin-right: 20px;
  font-weight: bold;
  font-size: 11px;
  /*font-weight: bold;*/
  cursor: pointer;
  width: 80px;
  color:#443;
}

.mobile .footerItem{
  position:relative;
  margin-left: 5px;
  margin-right: 5px;
  /*font-weight: bold;*/
}

#copyrightFooter {
  font-weight: normal;
  color: #999999;
}


#downloadFooter {
  font-weight: normal;
  color: #999999;
}

#footerMenu{
  position: absolute;
  z-index: 5;
  background: white;
  padding:2px;
}

#footerMenu li{
  cursor: pointer;
}

#overlay, .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);
}

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



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

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

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

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

#titleHolder p{
  width:260px;
}

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

#follow_loginForm {
  position:relative;
  width:150px;
  margin: 50px 0 0 70px;
}
#lblLoginUsername {
  position: absolute;
  top: 5px;
  left: 10px;
  cursor:text;
}

#lblLoginPassword {
  position: absolute;
  top: 40px;
  left: 10px;
  cursor:text;
}

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

#altCreateAccount {
  display:none;
}

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

  color: #517cba;
  font-family: "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
}


#loginFormHolder .login_input {
  margin-bottom: 10px;

  font-family: "Segoe UI","Myriad Pro", Helvetica, Arial, sans-serif;
  width: 160px;
  margin-right: 2px;

  left: 0;
  top: 0px;
  background-color: #fff;
  padding: 4px 8px 4px 8px;
  border-radius: 3px;
  font-size: 11px;
  line-height: 15px;
  color: #000;
  
  border:1px solid #dfe0e6;
}

#loginFormHolder .butt48_blue, .butt48_blue {
  background-color: #408BE7;
  color: #FFF;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  font-size: 16px;
  width: 180px;
  margin-top: 10px;
  display: inline-block;
  cursor: pointer;
  border: 0;
}

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

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

#messageDiv {
  position: absolute;
  top: 200px;
  left: 30%;
  border: 1px solid rgb(85, 85, 85);
  width: 590px;
  height: 400px;
  z-index: 99;
  background-color: rgb(255, 255, 255);
}


@media only screen and (max-width: 1019px) {
  
  #loginFormHolder {
    top:0;
    left:0;
    width:100%;
    height:100% !important;
    text-align:center;
    padding:20px 0;
    font-size:0.9rem;
    min-height:400px;
    height:auto;
  }
    
  #loginFormHolder h1 {
    font-size:24px;
  }
  
  #titleHolder p{
    width:auto;
  }
  
  #signupHolder {
    display:none;
  }
  
  #loginFrame {
    position:relative;
    top:0;
    left:0;
    margin:0 auto;
    width:210px;
    padding:0 30px;
  }
  
  #follow_loginForm {
    margin-left:0;
  }
  
  #loginPopCloser {
    top:0;
    bottom:auto;
  }
  
  #altCreateAccount {
    display:block;
  }
  
  .forgotpwd {
    margin-top:5px; 
  }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  #follow_loginForm .login_input {
    font-size:1.1rem;
    line-height:25px;
    height:35px;
  }
  
  #loginFormHolder #lblLoginPassword {
    top:50px;
    font-size:1.1rem;
    line-height:25px;
    height:35px;
  }
  
  #loginFormHolder #lblLoginUsername {
    top:5px;
    font-size:1.1rem;
    line-height:25px;
    height:35px;
  }
}

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