/*
    Document   : bb-attachments
    Created on : 29-dic-2011, 9:29:13
    Author     : Alvaro
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#upload_component {background:aliceblue; border:2px dashed #CCC; padding:2em;}
#upload_component .tip_img_link {margin:0 0 1em 1em; cursor: pointer;}


#gallery_container {
    width: auto;
    margin:0; padding:0;
  }

.gallery_thumb {
    width: 100%;
    height: auto;
}

#gallery_container .tool_tip {
    width: 130px;
    margin: 0px;
    padding: 0px;
    font-size:11px;
    line-height:1.3em;
}

#gallery_container .tool_tip img {
    margin:0 10px 0 0;
    float:left;
}

#gallery_container .tool_tip p {
    float:left;
    margin:50px 0 0 0;
    width:80px;
}

#gallery_container ul{
    margin:0; padding:0;
  }


#gallery_container li {
  display:inline-block;
  background:none;
  padding:0px !important;
  margin:0px 10px 0 0 !important;
  width:125px !important;
  overflow:hidden;
  border:0px solid red;
}

#gallery_container li img {
  border:3px solid #CCC;
  margin:0px;
}

#gallery_container li a.gallery_delete_btn {
  display:inline-block;
  text-transform:uppercase;
  font-size:0.8em;
  border:0;
}

#gallery_container li a:before {
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display:inline-block !important;
  width:32px;
  padding:3px; margin:0; line-height:1;
  vertical-align:middle;
  text-align:center;
  font-size:14px;
}

#gallery_container li a.gallery_delete_btn:before {
  content:"\e020";
}

#gallery_container li a.gallery_download_btn {
  /* border: 1px solid red; */
  /* background: red; */
  /* padding: 0em !important; */
  /* height: auto; */
  /* width: auto; */
  /* display: block; */
}

.loading {
    width:16px;
    height:16px;
    background:url('/imagenes/iconos/16x16/loading.gif');
}

.thumb_pdf {
    width: 120px;
    height: 120px;
    background:url('/imagenes/iconos/128x128/pdf_file.png');
}

.thumb_zip {
    width: 120px;
    height: 120px;
    background:url('/imagenes/iconos/128x128/zip_file.png');
}

.thumb_txt {
    width: 120px;
    height: 120px;
    background:url('/imagenes/iconos/128x128/txt_file.png');
}

.thumb_unknown {
    width: 120px;
    height: 120px;
    background:url('/imagenes/iconos/128x128/page_process.png');
    /* border: 1px solid lime; */
}

.bar {
    height: 18px;
    background: green;
}