/*Nitin css starts*/
#example-advanced thead a {color:#fff;}
.share1 {background:url('../images/share.png'); width:23px; height:22px;}
.l_left.even.expanded {background:#dedede;}
/*Nitin Css ends*/
table.treetable {
  			border: 1px solid #EDEDED;
  			border-collapse:inherit;
 			line-height: 1;
 			width: 100%;
}
table.main_grid span.folder {
  			float:left;
			 background:url(../images/folder.png);
			/*background-position:0px 8713px;*/
			height:22px;
			/*width:19px;*/
			background-repeat:no-repeat;
}

table.treetable caption {
  font-size: .9em;
  font-weight: bold;
  margin-bottom: .2em;
}
.top-me-cl-men ul li { float:left; margin:0px;}

table.treetable thead {
  background-color: #0071BD;
  font-size: 1em;
  height: 30px;
}


table.treetable thead tr th {
			border-bottom: 1px solid #96C4EA;
   			border-top: 1px solid #96C4EA;
  			font-weight:bold;
  			text-align: left;padding-left: 0px;
padding-right: 9px;
  			color:#fff;
}
table.treetable tr td{ vertical-align:top;}

table.treetable thead tr th a{
			text-decoration:none;
  
}


table.treetable tbody tr td {
  cursor: default;
  padding-left:10px;
  padding-top:10px;
  
}


table.treetable tbody tr td a {
			text-decoration:none;
			color:#757575;
			padding-left:22px;
			padding-top:4px;
			

}
table.treetable tbody tr td a.share {
			
	/* background:url(../images/icons.png);
	 background-position:0px 6657px;
	 height:25px;
	 width:5px;
	 float:left;
	 margin-left:13px;
*/
background:url('../images/share.png'); width:23px; height:22px;

}
table.treetable tbody tr td a:hover {
			text-decoration:underline;
}
table.treetable span {
  background-position: center left;
  background-repeat: no-repeat;
  padding: 0 0 0 1.7em;
}

table.treetable span a {
  background-position: center left;
  background-repeat: no-repeat;
  padding: 0 0 0 0.7em;
}

table.treetable img.file {
	height: 17px;
width: 16px;
	float:left;
	border-radius:0px;

 }

table.treetable span.folder1 {
    background:url(../images/icons.png);
	background-position:0px 8734px;
	height:27px;
	width:10px;
}
table.treetable span.folder1 a:hover{
	text-decoration:none;
   
}

table.treetable span.indenter {
	padding-left:21px;
    }
table.treetable tr.collapsed span.indenter a {
  background-image: url(../images/expand.png);
}
table.treetable tr.collapsed span.indenter a:hover {
  background-image: url(../images/expand.png);
  text-decoration:none;
}

table.treetable tr.expanded span.indenter a:hover {
  background-image: url(../images/collapse.png);
  text-decoration:none;
}
table.treetable tr.expanded span.indenter a {
  background-image: url(../images/collapse.png);
}

table.treetable tr.selected {
  			background-color: #388EC8 !important;
   			border-color: #83B8DC;
  			color: #fff;
}




table.treetable tr.selected a {
  			
  			color:#fff;
}

table.treetable tr.collapsed.selected span.indenter a {
  background-image: url(../images/expand-light.png);
}


table.treetable tr.expanded.selected span.indenter a {
  background-image: url(../images/collapse-light.png);
}

table.treetable tr.accept {
 background-color: #C4ECA9;
  color: #fff
}
table.treetable tr.accept:hover {
	cursor:move;
	}
	table.treetable tr.accept a:hover{ cursor:hover;}

table.treetable tr.accept a {
  			background-color: #C4ECA9;
  			color: #fff
}

table.treetable tr.collapsed.accept td span.indenter a {
  background-image: url(../images/expand-light.png);
}

table.treetable tr.expanded.accept td span.indenter a {
  background-image: url(../images/collapse-light.png);
}
.copy_file {
  background: #fff;
  border: 1px solid #0078CC;
  width:600px;
  padding: 20px;
}

#copy-box {
    background-color: #FFFFF;
    height: 100%;
    padding: 32px;
}
#copy-box h2 {
    background: none repeat scroll 0 0 transparent;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 20px;
    padding: 0;
}
#copy-box img.copy_bg {
   background-image:url(../images/icons.png);
	background-position:1px 1100px;
	width:17px;	
	border-radius: none;
    box-shadow: none;
}

#breadcumbs span.accept {
			cursor:move;
  			background-color: #C4ECA9;
  			
}


.create_option < img.shared_file {
	border:solid;
}

.create_option{
				float:right;
		}
.create_option img.upload_file{
	background-image:url(../images/img-2.png);
	/*background-position:1px 536px;*/
	width:25px;	
	border-radius: none;
    box-shadow: none;
	background-repeat:no-repeat;
	}
	
.create_option img.create_pre{
	background-image:url(../images/icons.png);
	background-position:0px 8019px;
	width:16px;	
	border-radius: none;
    box-shadow: none;
	}
	.create_option img.new_fodler {
	background-image:url(../images/icon-add-folder.png);
	/*background-position:0px 8019px;*/
	width:25px;		
	border-radius: none;
    box-shadow: none;
	background-repeat:no-repeat;
	}

	.create_option img.create_prem{
	background-image:url(../images/icons.png);
	background-position:0px 8683px;
	width:16px;
	border:solid !important;	
	border-radius: none;
    box-shadow: none;
	}

	
	.create_option img.shared_file{
	background-image:url(../images/icons.png);
	background-position:0px 9384px;
	width:20px;	
	border-radius: none;
    box-shadow: none;
	}
	.create_option img.share_me{
	background-image:url(../images/img-6.png);
/*	background-position:0px 9384px;*/
	width:25px;	
	border-radius: none;
    box-shadow: none;
	background-repeat:no-repeat;
	}		
.create_option a{
			width: 16px;
float: left;
margin-right: 10px;
}
#test{
				width:30%;
				float:left;
			
}
#tree_contanier{
				width:850px;
				float:left;
			
}
#share{
				width:70%;
				float:left;
					
}
				
#default_tree{
				width:30%;
				float:left;
		}
#default_table{
				width:70%;
				float:left;
}
#tree_response{
				width:30%;
				float:left;
	}
#create_Folder{
				width:30%;
				float:right;
}
		
#main_grid{
			width:100%;	
		}
#main_grid > .create_option {width: 104px;}
		
#breadcumbs{
				float:left;
		}
#breadcumbs img.home_icon{
	background-image:url(../images/icons.png);
	background-position:0px 9384px;
	width:20px;	
	border-radius: none;
    box-shadow: none;
		}
#breadcumbs a{
				text-decoration:none;
				color:#1F8CE6;
			
		}
		span#chck { font-weight:bold; font-size:12px;}
#breadcumbs a:hover{
				text-decoration:underline;
	}
#bread_home{
				width:50px;
				height:20px;
				float:left;
					
}
#bread_selected{
				float:left;
				font-family:Tahoma, Geneva, sans-serif;
				font-weight:bold;
				font-size:16px;
		
		}
#bread{
				float:left;
				color:#1F8CE6;
		
	}
.context_menu1{
				color:#000;
			
		}
#no_result{
				font-weight:bold;
				text-align:center;
				
		}
#notify-wrapper {
				margin-top: 5px;
				margin-left: 25px;
				text-align: center;
				top: 0;
				width: 50%;
				z-index: 1001;
}
#notify {
				border-radius: 5px 5px 5px 5px;
				box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 #000000 inset;
				color: #222222;
				display: inline-block;
				font-size: 12px;
				padding: 6px 10px;
}
.server-success {
				background-color: #C4ECA9;
				border: 1px solid #8FDB5C;
				width:500px;
}
.bread_cumbs{
	width:30px;
	min-height:30px;
	
	}
	
img.docx {
     background-color:red;
	 border:solid;
}
	
img.docx {
	border:solid;	
	padding-left: 20px;
	line-height: 16px;
}


/*-----Text document images-----*/

img.pdf
{
background: url('../images/pdf-img.png') no-repeat;
width: 23px;
height: 24px;
border:0;
}
img.txt{
width: 16px;
height: 16px;
background:transparent url('../images/txt.gif') no-repeat;
}

img.docx{

width: 23px;
height: 24px;
background: url('../images/doc-img.png') no-repeat;
border:0;

}

img.doc{

width: 23px;
height: 24px;
background: url('../images/doc-img.png') no-repeat;
border:0;
}
img.wpd{

width: 16px;
height: 16px;
background: url('../images/icon_doc.gif') no-repeat;

}
img.odf{

width: 16px;
height: 16px;
background:transparent url('../images/pdf.gif') no-repeat;
}



img.xls,img.xlsx{

width: 16px;
height: 16px;
background:transparent url('../images/excel.gif') no-repeat;
}


img.xla{

width: 16px;
height: 16px;
background:transparent url('../images/excel.gif') no-repeat;
}

img.xlt{

width:25px;
height:25px;
background:transparent url('../images/excel.gif') no-repeat;
}

img.xlw{

width: 16px;
height: 16px;
background:transparent url('../images/excel.gif') no-repeat;
}





/*-------------------Audio/vidoe/wav------------------------*/

img.dvx{
width: 16px;
height: 16px;
background:transparent url('../images/film.gif') no-repeat;
}

img.mp3{
width: 16px;
height: 16px;
background:transparent url('../images/music.png') no-repeat;
}

img.avi{
width: 16px;
height: 16px;
background:transparent url('../images/film.gif') no-repeat;
}


/*-------------------Images------------------------*/



img.jpg{
width: 16px;
height: 16px;
background:transparent url('../images/pic.gif') no-repeat;
}

img.gif{
width: 16px;
height: 16px;
background:transparent url('../images/pic.gif') no-repeat;
}
img.png{
width: 16px;
height: 16px;
background:transparent url('../images/pic.gif') no-repeat;
}
img.jpg{
width: 16px;
height: 16px;
background:transparent url('../images/pic.gif') no-repeat;
}


/*-------------------Zip------------------------*/


img.zip{
width: 16px;
height: 16px;
background:transparent url('../images/zip.gif') no-repeat;
}
img.tar{
width: 16px;
height: 16px;
background:transparent url('../images/zip.gif') no-repeat;
}
img.rar{
width: 16px;
height: 16px;
background:transparent url('../images/zip.gif') no-repeat;
}
img.set_pre {
background-image: url('../images/icons.png');
background-position: 0px 8019px;
width: 16px;
height: 16px;
border:solid;
border-radius: none;
box-shadow: none;
}
table.main_grid img.png{
width: 16px;
height: 16px;
background:transparent url('../images/pic.gif') no-repeat;
}
table.main_grid img.ppt{
width: 30px;
height: 26px;
background:transparent url('../images/draft-table.png') no-repeat;
}
table.main_grid img.pptx{
width: 30px;
height: 26px;
background:transparent url('../images/draft-table.png') no-repeat;
}
table.main_grid img { display:block; float:left;}

.remove_file{
	background-image:url(../images/del.png);
	/*background-position:1px 536px;*/
	width:25px;	
	border-radius: none;
    box-shadow: none;
	background-repeat:no-repeat;
	}

@media screen and (max-width:390px) {
a.context_menu1 { /*display:none;*/}
#notify {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 #000000 inset;
    color: #222222;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 8px 10px;
    width: 90%;
}
}
@media screen and (max-width:600px) {
#notify {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 #000000 inset;
    color: #222222;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 20px;
	margin-left: 69px;
	padding: 8px 10px;
 	width: 100%;
}
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Hide table headers (but not display: none;, for accessibility) */
 tr { 
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
}