/* welcome to the world of slightly messy css :) */

body 		{ font-family: Verdana, sans-serif; font-size:12px; margin-top: 30px;}

a, img		{ border:none; }


.tc_fileList_table 				{ width: 100%; border: none; }
	.tc_fileList_table tr 		{ font-size: 11px; }
	.tc_fileList_table a 		{ color: #333333; text-decoration: none; }

#tc_fileList_headerTable		{  border-bottom: 1px #999999 solid; border-top-style: none; margin-top:20px;  }
	#tc_fileList_headerTable a 	{ color: #777777; }

#tc_fileList_mainTable			{  border-top-style: none; }

#tc_fileListRow_odd 			{ background: #f0eeeb; }

#tc_fileListRow_even:hover, 
#tc_fileListRow_odd:hover 		{ background: #e2e6ef; }

.tc_fileListRow_status 			{ background: #ffffff; color: #859dcd; font-weight: normal; }

.tc_fileListRow_file a:hover	{ color: #569150; text-decoration: none; }
.tc_fileListRow_dir a				{ font-weight: bold; color: #5e5e5e; font-style: inherit; }
	.tc_fileListRow_dir a:hover		{ color: #91342a; text-decoration: none; }

.tc_fileListRow_tools,
	.tc_fileListRow_tools a  	{ background: #ffffff; color: #b3c4f0; font-weight: bold; }

#tc_fileListColum_path 			{ text-align: left; padding-left:0px; padding-right: 5px; font-weight: bold;} 
	
#tc_fileListColum_sort		 	{ width: 150px; text-align: center; color:#bbbbbb; }
	#tc_fileListColum_sort a	{ color: #999999; padding-right: 2px; padding-left:2px; }

#tc_fileListColum_mode			{ width: 110px; text-align: center; color:#bbbbbb; }

#tc_fileListColum_toolButtons	{ width: 14px; text-align: right; padding-right: 5px; }

#tc_fileListColum_size 			{ font-weight: normal; color: #737373; font-style: normal; letter-spacing: 0.1em; font-size: 9px; width: 60px; }
#tc_fileListColum_mtime 		{ font-weight: normal; font-style: normal; font-size: 9px; color: #aaaaaa;  width: 90px; }

#tc_fileListColum_icon, 
#tc_fileListColum_delete		{ text-align: center; width: 18px; padding-right: 4px; padding-left: 4px; }

#tc_fileListColum_downloadText	{ width: 70px; }

#tc_fileListColum_urlicon		{ width: 17px; text-align:right; }

.tc_fileList_thumbtable			{ padding: 20px; }
.tc_fileListThumb				{ display:inline; vertical-align: middle; text-align: center; font-size: 11px; margin:0px; }
.tc_fileListThumb td			{ vertical-align: middle; text-align: center; }
.thumbnailName					{ display: block; margin: 4px 0px; }
.thumbnailName img				{ margin-bottom: -4px; margin-left: 2px; }

.message		{ color: #303030; font-size: 12px;width: 90%; padding: 10px; margin: 10px; border: 1px dotted #889eca; background: #f1f1f1; }

.headerBox 		{ width: 650px; color: #999999; background: #ffffff; border: none; margin: 0px auto }

.linkBox 				{ width: 650px; background: #ffffff; padding: 0px; margin: auto; }
	.linkBox a			{ color:#666666; text-decoration:none; font-size:11px; font-weight:bold; }

.linkBox h2				{ font-size:12px; font-weight:bold; color:#859dcd; padding:0px; margin:2px 0px 4px 0px;}

#uploadBox 				{ width: 100%; background: #ffffff; border: none; padding: 10px; }
	#uploadBox h2 			{ font-size:12px; font-weight:bold; margin-top: 0; }
	#uploadBox p 			{ font-size: 11px; margin-bottom: -5px; }
	#uploadBox a			{ color:#666666; text-decoration:none; }
	#uploadBox input 		{ margin: 5px; }
	
/* these are for the header box on the upload page... should have done more of an interitance thing - but it was late.. sorry. */	
.uploadPage				{ margin: 0px; background: #ffffff; text-align:left; }
#headerBox 				{ padding: 5px 0px 5px 0px; width: 100%; color: #999999; background: #eeeeee; border-bottom: 1px solid #cfcfcf; }
#headerBox h1			{ margin-left:20px; }
	
#bodyBox				{ margin:15px; }	
	
#fileFields			{ padding: 15px; border-bottom:1px dotted #666666; background-color:#ffffff; border-left-style:none; border-right-style:none; margin:20px auto; margin-top:0px; padding-top:7px; }
#fileFields input	{ display:block; margin:10px; }
#uploadPathMessage	{ margin: 10px 0px 10px 0px; }
#uploadButtons		{ margin: 5px 0px 10px 0px; }

#email label		{ display:block; }
#email textarea 	{ width:95%; height:120px; }
#to, #from			{ width:95%; }
#sendEmailLabel		{ display:inline; }
#emailFields		{ display:none; }


.fileList 				{ margin: auto; margin-bottom:50px; }
.widthDiv_list			{ width: 650px; margin: auto; margin-bottom:50px; }

#progressMessage	{ font-size: 12px; height:100%; width:100%; position: absolute; top:0px; margin: 0px;
				      background: #d4f2d4; padding:0px; display: none; }
#progressBarContainer { width:100%; height: 20px; background: #ffffff; border: 1px solid #666666; margin: 5px 0px 5px 0px; padding: 0; } 
#progressBarBar		  { width:0%; height: 16px; margin: 2px; padding: 0; background: #C9DDEC; }
#uploadStats		  { color:#999999; font-size:10px; }

.updateProgress 	{ width: 300px; height: 40px;
					  text-align: center; color: #2e2e2e; background: #d4f2d3; border: 1px solid #88d982; font-size: 11px;
					  position: absolute; margin: auto auto auto -150px; top: 50px; left: 50%; display: none;
}



/* admin stuff */
.adminPage 		{ width: 650px; color: #999999; border: none; margin: 0px auto }

.userList #allreadyExists	{ color: #aaaaaa; font-size: 11px; }
.userList #username		{ font-weight: bold; width: 220px; }
.userList #lastLogin	{ color: #999999; font-size: 11px; width: 160px; }
.userList a				{ text-decoration: none; color: #666666; }
.userList #import		{ font-size: 11px; text-transform: uppercase; width: 40px; font-weight:bold; color: #999999; }
.userList #edit			{ font-size: 11px; text-transform: uppercase; width: 40px; font-weight:bold; color: #999999; }
.userList #delete		{ font-size: 11px; text-transform: uppercase; width: 40px; font-weight:bold; color: #990000; }
.userList a:hover		{ color: #222222; }
.userList tr:hover		{ background-color: #efefef; }


.batchCreateForm textarea	{ display: block; width: 100%; height: 200px; }

.fieldGroupHeader		{ margin: 5px 0px; }
.fieldGroupHeader img	{ display: inline; }
.fieldGroupHeader h3	{ display:inline; font-size: 13px; }
.fieldGroupHeader a		{ text-decoration: none; color: #999999; }

.fieldGroupBody			{ padding-left:15px; margin-top: 10px; margin-bottom:30px ;}


.fieldDiv			{ font-size: 11px; }
.fieldDiv span		{ color: #888888; margin-left: 10px; margin-right: 10px; }

.numberDiv label 	{ display:block; margin-top: 6px; }
.numberDiv input	{ margin: 5px 0px; width: 80px; }

.stringDiv label 	{ display:block; margin-top: 6px; }
.stringDiv input	{ margin: 5px 0px; width: 300px; }
.stringDiv span		{ display:block; margin-left:0px; }

.boolDiv img		{ margin-bottom: -4px; margin-top: 4px;}

.buttonHolder		{ margin-top:30px;}


h5					{ color: #999999; font-size:10px; font-weight: normal; }

.loginName			{ color: #999999; float: right; font-size:10px; }
.loginName a		{ color: #999999; }
.loginBox label		{ display: block; }

/* for the media viewer */

.viewerToolbar td		{  vertical-align:middle; z-index:99; }
.viewerToolbar			{ padding:5px; position: absolute; left:0px; font-size:10px; 
					 	  background-color:#efefef; background-color:rgba(255,255,255,0.7); border-width:0px 1px 1px 0px; border-style: solid; border-color: #aaaaaa; }
#viewer					{ text-align:center;}  
.viewerFileChoose 		{ font-size: 10px; }
.viewerThumbs			{ text-align: center; background-color: #eeeeee; background-image: url("../buttons/tray.jpg"); height: 100%; }
.viewerThumbs img		{ margin: 10px; }


.viewerLayout iframe	{ border: 0px ; }

.viewerImage			{ border: 1px #666666 solid; }


.copy					{ margin-top: 30px; text-align:center; font-size: 9px; color: #bbbbbb; }
.copy a					{ color: #aaaaaa; }