table.treetable {
  			border: 1px solid #EDEDED;
  			border-collapse:inherit;
 			line-height: 1;
 			width: 100%;
}
table.main_grid span.folder {
  			float:left;
			 background:url(../images/icons.png);
			background-position:0px 8713px;
			height:27px;
			width:10px;
}


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:#F0F9FF;
  			font-size: .9em;
}

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:#21759B;
}
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:13px;
			

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

}
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;
   			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, #email_share_options_box {
    background-color: #FFFFF;
    height: 100%;
    padding: 32px;
}
#copy-box h2, #email_share_options_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, #email_share_options_box img.share_email_options {
	background-image:url(../images/share_email_options.png);
	background-position:0px 0px;
	width:16px;	
	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/icons.png);
	background-position:1px 536px;
	width:17px;	
	border-radius: none;
    box-shadow: none;
	}
/* cjs, 03.31.14 -----> */
.create_option img.share_email_options{
	background-image:url(../images/share_email_options.png);
	background-position:0px 0px;
	width:16px;	
	border-radius: none;
    box-shadow: none;
	}
/* <------------------- */
.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_folder {
	background-image:url(../images/icons.png) ;
	background-position:0px 8683px ;
	width:16px ;	
	border-radius: none ;
    box-shadow: none;
	}

	.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{
	/* cjs, change home image */
	/* background-image:url(../images/icons.png); */
	/* background-position:0px 9384px; */
	/* width: 20px; */
	width: 24px;
	height: 24px;
	background-image:url(../images/home-icon.png);
	border-radius: none;
    box-shadow: none;
	}
	.create_option img.share_me{
	background-image:url(../images/icons.png);
	background-position:0px 2251px;
	width:17px;	
	border-radius: none;
    box-shadow: none;
	}		
.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;} */
#main_grid > .create_option {width: 134px;}
		
#breadcumbs{
				float:left;
		}
#breadcumbs img.home_icon{
	/* cjs, change home image */
	/* background-image:url(../images/icons.png); */
	/* background-position:0px 9384px; */
	/* width: 20px; */
	width: 24px;
	height: 24px;
	background-image:url(../images/home-icon.png);
	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;
	
	}

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

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

img.docx{

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

}

img.doc{

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

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

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.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 { display:block; float:left;}

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

#table-name { width: 35%; }
#table-type { width: 15%; }
#table-modified { width: 35%; }
#table-sharing { width: 15%; }