/* 
    Document   : style
    Created on : Apr 18, 2014, 2:06:07 PM
    Author     : codemen
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
ul.documents {
    list-style: none !important;
    padding: 0px;
}
ul.documents li{
    list-style: none !important;
        margin: 0;
    
    
}

ul.documents li ul{
    margin: 0;
    padding: 0;
}
.documents .category_directory:hover{
    cursor: pointer;
}
.documents .category_directory:before{
    /*list-style: url("../images/icons.png") inside;*/
    content: url("../images/icons.png");
    padding-right: 5px;
    vertical-align: middle;
}

.documents .category_directory_none_ajax:before {
    content: url("../images/icons.png");
    padding-right: 5px;
    vertical-align: middle;
}


.documents .document-file:before{
    /*list-style: url("../images/icons.png") inside;*/
    content: url("../images/extension-img/text.png");
    padding-right: 5px;
    vertical-align: top;
    float: left;
    margin-bottom: -26px;
    padding-top: 10px;
    width: 20px;
}


.documents .document-doc:before,.documents .document-docx:before{
    /*list-style: url("../images/icons.png") inside;*/
    content: url("../images/extension-img/doc.jpg");
    padding-top: 10px;
}

.documents .document-css:before{
    /*list-style: url("../images/icons.png") inside;*/
    content: url("../images/extension-img/css.jpg");
    padding-top: 10px;
}

.documents .document-xls:before,.documents .document-xlsx:before{
    /*list-style: url("../images/icons.png") inside;*/
    content: url("../images/extension-img/xls.jpg");
    padding-top: 10px;
}

.documents .document-zip:before,.documents .document-zipx:before,.documents .document-gz:before{
    /*list-style: url("../images/icons.png") inside;*/
    content: url("../images/extension-img/zip.jpg");
    padding-top: 10px;
}

.documents .document-xml:before{
    /*list-style: url("../images/icons.png") inside;*/
    content: url("../images/extension-img/xml.jpg");
    padding-top: 10px;
}

.documents .document-exe:before{
    /*list-style: url("../images/icons.png") inside;*/
    content: url("../images/extension-img/css.jpg");
    padding-top: 10px;
}

.documents .document-flv:before{
    /*list-style: url("../images/icons.png") inside;*/
    content: url("../images/extension-img/flv.jpg");
    padding-top: 10px;
}

.documents .document-swf:before{
    /*list-style: url("../images/icons.png") inside;*/
    content: url("../images/extension-img/swf.jpg");
    padding-top: 10px;
}
.documents .document-3gp:before{
    /*list-style: url("../images/icons.png") inside;*/
    content: url("../images/extension-img/3gp.jpg");
    padding-top: 10px;
}

.documents .document-jpg:before,.documents .document-jpeg:before,.documents .document-png:before,.documents .document-gif:before,.documents .document-psd:before{
    /*list-style: url("../images/icons.png") inside;*/
    content: url("../images/extension-img/img.jpg");
    padding-top: 10px;
}

.documents .document-txt:before{
    /*list-style: url("../images/icons.png") inside;*/
    content: url("../images/extension-img/txt.jpg");
    padding-top: 10px;
}

.documents .document-pdf:before{
    /*list-style: url("../images/icons.png") inside;*/
    content: url("../images/extension-img/pdf.jpg");
    padding-top: 10px;
}
.documents .document-unknown:before{
    /*list-style: url("../images/icons.png") inside;*/
    content: url("../images/extension-img/unknown.jpg");
    padding-top: 10px;
}
.document-file:hover{
   /* background: none repeat scroll 0 0 #f8f8f8;
    padding-right: -10px;*/
}

.document-breadcrumb {
	padding: 0 0 10px;
}

.current-folder {

}

.folder-go-up {
	font-weight:bold;
	cursor:pointer;
}

  .detail_display{display: block;
    float: right;
    text-align: left;
  }
  
  .detail_display a{display: block;
    float: right;
  }
  
  .document_file_name_col{
      float: left;
  }
  .file-row{
    margin-left: 10px;
    clear: both;
  }

