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: 8px; */
	background: url(../images/folder.gif);
	width: 4px;
	height: 24px;
}

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;
	border-bottom: none;
}

table.treetable tbody tr td a.share {
	background: url(../images/share.gif);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	float: left;
	margin-left: 13px;
}

table.treetable tbody tr td a.na {
	background: url(../images/na.gif);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	float: left;
	margin-left: 13px;
	cursor: default;
}

table.treetable tbody tr td a.perm_na {
	background: url(../images/na.gif);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	float: left;
	margin-left: 0px;
	cursor: default;
}

table.treetable tbody tr td a.revlist {
	background: url(../images/list.png);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	float: left;
	margin-left: 0px;
}

table.treetable tbody tr td a.checkout {
	background: url(../images/checkout.gif);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	float: left;
	padding: 0px;
	left: 20px;
	padding-bottom: 3px;
}

table.treetable tbody tr td a.checkin {
	background: url(../images/checkin.gif);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	float: left;
	padding: 0px;
	left: 20px;
	padding-bottom: 3px;
}

table.treetable tbody tr td a.blank {
	background: url(../images/img_trans.gif);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	float: left;
	padding: 0px;
	left: 20px;
	padding-bottom: 3px;
	cursor: default;
}

table.treetable tbody tr td a.waiting {
	background: url(../images/hourglass.gif);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	float: left;
	padding: 0px;
	left: 20px;
	padding-bottom: 3px;
	cursor: default;
}

table.treetable tbody tr td div.versiondiv {
	float: left;
	padding: 0px;
	padding-left: 8px;
}

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

.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.upload_archive {
	background-image: url(../images/folder-upload.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 {
	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: 160px;
}
		
#breadcumbs {
	
}

#breadcumbs img.home_icon, #breadcumbsX img.home_icon {
	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: #000000;
}

#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;
}
.server-failure {
	background-color: #FF6666;
	border: 1px solid #CC5252;
	width: 500px;
}

.bread_cumbs {
	width: 30px;
	min-height: 30px;
}

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

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

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

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.bmp {
	width: 16px;
	height: 16px;
	background: transparent url('../images/pic.gif') no-repeat;
}

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

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)  {
	tr { 
		top: -9999px;
		left: -9999px;
		border: 1px solid #ccc;
	}
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
}

#table-name { width: 40%; }
#table-type { width: 20%; }
#table-modified { width: 25%; }
#table-sharing { width: 10%; }
#table-revisions { width: 15%; }
#table-downloads { width: 10%; text-align: center; }

.past_day, .past_week, .past_30_days, .past_total {	
	display: none;
	text-align: center;
}

#toggle_downloads {
	font-size: 0.75em;
}