@import url("../fonts/OpenSans.css");
body, html{
  height:100%;
  width:100%;
  margin:0;
  padding:0;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  color: #898989;
}

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

#dictCaption{
  padding: 5px;
  background: #f3f3f3;
  overflow: hidden;
  height: 26px;
  line-height: 26px;
  color:#000;
  font-family:Open Sans;
  font-weight: 600;
  font-size:14px;
}

#search{
  width:200px;
  position:fixed;
  z-index:100;
  right:10px;
  top:9px;
  background:#e3e3e3;
  overflow:hidden;
  padding:10px;
  padding-right:0;
}
#search p{
  margin:0;
  padding:0;
  font-size:11px;
  color:#818181;
  margin-bottom:8px;
  padding-top:7px;
  font-family:Open Sans;
  font-weight: 300;
}
#search input{
  width:180px;
  font-size:13px;
  padding:4px;
  color:#000;
  font-family:Open Sans;
  font-weight: 600;
}
#search #clear{
  width:13px;
  height:13px;
  position:absoluter;
  cursor:pointer;
  background:#DEDEDE url("../portalstudio/images/closeTab.png") no-repeat scroll 0px 0px;
  position:absolute;
  top:71px;
  right:12px;
  border-radius: 6px;
}
#search #clear:hover{
  background-position:-13px 0px;
}
.tabright{
  font-family:Open Sans;
  font-weight: 700;
  display:inline-block;
  font-size: 11px;
  color: #000;
  background:#d5d5d5;
  cursor: pointer;
  padding: 4px 8px;
}
.tabrightactive{
  color: #FFFFFF;
  background:#43afc3;
  cursor:default;
}

#list{
  width:100%;
  overflow-x:hidden;
  overflow-y:auto;
  z-index:1;
  background:url(../visualweb/images/dialog_loader.gif) no-repeat center center;
}
#list .file-item{
  margin:0;
  padding:0;
  padding:3px 5px;
  cursor:default;
  border-bottom:1px dotted #DEDEDE;
  background:#FFFFFF;
}
#list .file-item p{
    padding:0;
    margin:0;
}
#list .file-item .name{
  font-family:Open Sans;
  font-weight: 600;
  font-size:13px;
  color:#000;
}
#list .file-item .description{
  font-family:Open Sans;
  font-weight: 300;
  font-size:13px;
  color:#9e9e9e;
  padding:2px 0px 0px 5px;
}
#list .selected-file{
  border: 2px solid #43afc3 !important;
  background: #f3f3f3 !important;
}
#offline{
  height:26px;
  z-index:2;
  padding-left:7px;
  background:#f3f3f3;
  border-top:1px solid #e1e1e1;
}

.offline-tab{
  display:block;
  float: left;
  font-size: 11px;
  color: #000;
  font-weight: bold;
  font-family:Open Sans;
  font-weight: 300;
  cursor: pointer;
  padding: 5px 8px;
  background:#d5d5d5;
}
.active{
  color: #FFFFFF;
  background:#43afc3;
  cursor:default;
}
#dictContainer{
  
  background:#f3f3f3;
}

#confirm_cancel{
  border-top:2px solid #e1e1e1;
  background:#f3f3f3;
  font-family:Open Sans;
  font-weight: 300;
  height:50px;
}

#confirm_cancel INPUT{
  display:inline-block;
  color:#fff;
  border:none;
  width:75px;
  height:30px;
  position:relative;
  top:10px;
}

#open{
  background:#43afc3;
  left:38%;
}

#cancel{
  left:42%; 
  background:#000;
}