body {margin: 0; background-color: #ffffff; font-family: Verdana, Arial; color: #333333; font-size: 12px;}
	a {color: #000000; text-decoration: none; outline: none;}
	a:hover {color: #FF0000;}
	a img {border: 0;}
	form, form table {font-size: 11px;}
	input.textbox, input.filebox {font-size: 12px;}
	input.formbtn {font-size: 10px;}
	select {font-size: 12px;}
	h3 {font-size: 12px; margin: 0 0 1em 0; padding: 0;}
	.notice {display: block; font-size: 14px; color: #CCCCCC; margin: 10px;}
	.txtleft {text-align: left;}
	.txtcenter {text-align: center;}
	.txtright {text-align: right;}
	.clear {clear: both; margin:0; padding: 0;}
	.error {color: red;}

	#thumbs_table {border: none; border-collapse: separate; border-spacing: 8px;}
	#thumbs_table td {font-size: 9px; line-height: 12px; border: 1px solid #CCCCCC; padding: 6px; text-align: center; height: 76px;}
	#thumbs_table td .thumb_pic {display: block;}
	#thumbs_table td .thumb_pic img {max-width: 100px;}
	#thumbs_table td .thumb_info {display: block; margin-top: 2px; display: block; padding: 0; white-space: nowrap; overflow: hidden;}
	#thumbs_table td .fsize {font-size: 8px;}
	#thumbs_table td a {display: block; color: #666666;}
	#thumbs_table td:hover, #thumbs_table td.selected {background-color: #CCD7EE;}


	#list_table {border: none; border-collapse: separate; border-spacing: 4px; line-height: 12px; font-size: 11px; line-height: 12px; padding: 2px;}
	#list_table td {padding: 2px; text-align: left;}
	#list_table th {padding: 5px; font-weight: bold; background-color: #EEEEEE; text-align: left;}
	#list_table th img {margin-left: 5px;}
	#list_table .fname_col {width: 470px;}
	#list_table .fname_col a {width: 470px; word-wrap: break-word;}
	#list_table .fname_col a img {float: left;}
	#list_table .fdate_col {width: 130px;}
	#list_table td.fdate_col {font-size: 10px;}
	#list_table td.fname_col a {display: block; padding-left: 22px;}
	#list_table td.fname_col a img {margin-left: -20px;}
	#list_table tbody tr:hover td, #list_table tbody tr td.selected {background-color: #CCD7EE;}
	#list_table tbody tr:hover td a {color: #FF0000;}

	#folders {float: left; width: 200px; max-height: 500px; border: 1px solid #CCCCCC; margin: 3px; padding:5px; margin-bottom:10px; overflow: auto;}
	#content {float: left; position: relative; width: 650px;}
	#thumbnails {border: 1px solid #CCCCCC; margin: 3px; padding:2px; height: 340px; margin-bottom:10px; overflow: auto;}
	#file_info {border: 1px solid #CCCCCC; margin: 3px; padding:3px; margin-bottom:15px;}
	#file_info input {width: 500px;}
	#file_upload {border: 1px solid #CCCCCC; margin: 3px; padding:5px; margin-bottom:10px;}

	ul.folder_list {margin: 0; padding: 0px; font-size: 11px; list-style: none;}
	ul.folder_list li {margin: 3px 0; padding: 0;}
	ul.folder_list li ul li {margin-left: 20px;}
	ul.folder_list li a {color: #333333;}
	ul.folder_list li.active>a {font-weight: bold;}
	ul.folder_list li a:hover {color: #FF0000;}
	ul.folder_list li img {margin-right: 6px; vertical-align: middle;}

	#folder_actions {margin: 15px 0 5px 0;}
	#file_actions {padding: 8px 3px 0 0; text-align: right; font-size: 11px;}

	#loading {position: absolute; display: none; left: 50%; top: 150px; margin-left: -32px;}
	
	div#view_type {float: left; margin: 2px 0 8px 4px;}

	.button1 {display: inline-block; padding: 2px 2px; border: 1px solid #CCCCCC; background-color: #EEEEEE; font-size: 10px; color: #444444;}

	.button {
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
		background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
		background-color:#ededed;
		-webkit-border-top-left-radius:4px;
		-moz-border-radius-topleft:4px;
		border-top-left-radius:4px;
		-webkit-border-top-right-radius:4px;
		-moz-border-radius-topright:4px;
		border-top-right-radius:4px;
		-webkit-border-bottom-right-radius:4px;
		-moz-border-radius-bottomright:4px;
		border-bottom-right-radius:4px;
		-webkit-border-bottom-left-radius:4px;
		-moz-border-radius-bottomleft:4px;
		border-bottom-left-radius:4px;
		text-indent:0;
		border:1px solid #dcdcdc;
		display:inline-block;
		color:#555555;
		font-family:arial;
		font-size:12px;
		font-weight:normal;
		font-style:normal;
		height:22px;
		line-height:20px;
		padding: 0 5px;
		text-decoration:none;
		text-align:center;
		text-shadow:1px 1px 0px #ffffff;
	}
		
	.button:hover, .button.active {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
		background-color:#dfdfdf;
	}
	

	#view_type .button {color:#777777;}
	#view_type .button:hover {color:#FF0000;}
	#view_type .button.active {color:#555555; pointer-events: none; cursor: default;}
	#view_type .button img {vertical-align: middle; margin-right: 5px; opacity: 0.7}
	#view_type .button:hover img, #view_type .button.active img {opacity: 1;}