/* Color key

dark red/maroon: #680000
bright purple: #9999fd
peach: #fd9966

dark purple (files background): #320033

*/

@import url('/css/banner.css');
@import url('/css/menubar.css');
@import url('/css/footer.css');

body {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			10pt;
	color:				#ffffff;
	margin:				0;
	padding:			0;
	background-color:	#ffffff;
/*	padding:			5px;	*/
}

div.centered {
	width:900px;
	margin:0 auto;
	padding:0;
	clear:both;
	border:1px solid #000000;
	background-color:#000000;
}

img, a {
	border:none;
}

#mainbody {
	background-color:#ffffff;
}
#mainbodycontents_home {
	background-color:#000000;
	height:327px;	/* 325px; */
	background-image:url("/images/home_leftgraphic.jpg");
	background-repeat:no-repeat;
	margin:0;
	padding:54px 0 0 520px;		/* 70px 0 0 520px; */
}
#mainbodycontents_ftp {
	background-color:#000000;
	margin:0;
	padding:30px 0 16px 0;
	float:left;
	width:690px;
}
#mainbody a {
	text-decoration:underline;
	color:#ffffff;
}
#welcome {
	margin-left:-10px;
}

h1 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.8em;
	font-weight:normal;
	color:#9999fd;
	border-bottom:2px solid #680000;
	margin-bottom:10px;
	padding-bottom:6px;
}
h2 {
	font-size:1.6em;
	font-weight:normal;
	letter-spacing:0.08em;
}

#vertspacer {
	height:16px;
}


form.login {
	margin:0;
	padding:0;
}
form.login input {
	background-color:#ffffff;
	border:none;
	padding:2px 4px;
	width:200px;
	color:#000000;
}
form.login input.button {
	width:auto;
	padding:1px 6px;
	border:2px solid #680000;
	background-color:#ffffff;
}
form.login input.button:hover {
	background-color:#9999fd;
}

div.file, div.dir {
	margin:				0 0 0 25px;
	padding:			2px 8px;
	border:				1px solid #000000;
}
div.file:hover, div.dir:hover {
	border:				1px solid #777777;
}
div.selected {
	margin:				0 0 0 25px;
	padding:			2px 8px;
	border:				1px solid #680000; /* #970997 */
}
span.dir_actions {
	margin-left:20px;
}

/*
div.dir {
	margin:				0;
	padding:			2px 8px;
}
div.dir a:link, div.dir a:visited, div.iconmenu a:link, div.iconmenu a:visited {
	text-decoration:	none;
	border:				none;
	color:				#000000;
}
*/

#leftcol {
	float:left;
	width:190px;
	margin-right:10px;
	padding:10px 0 0 10px;
}
div.tools {
	background-color:#000000;
	border:1px solid #ffffff;
	padding:0;
	margin-top:20px;
	width:180px;
}
div.nav_menu_head {
	background-color:#320033;
	padding:4px 10px;
	color:#ffffff;
	font-size:1.4em;
	font-family:Helvetica, Arial, sans-serif;
}
div.nav_menu_block {
	padding:10px 10px;
	font-family:Helvetica, Arial, sans-serif;
	line-height:1.8em;
	font-size:1.2em;
}
div.nav_menu_block a:link, div.nav_menu_block a:visited, div.nav_menu_block a.action:link, div.nav_menu_block a.action:visited {
	font-weight:normal;
	color:#ffffff;
	border:none;
	text-decoration:none ! important;
}
div.nav_menu_block a:hover, div.nav_menu_block a.action:hover {
	font-weight:normal;
	color:#ffffff;
	border:none;
	text-decoration:underline ! important;
}

#file_info, #user_info {
	background-color:#000000;
	border:none;
	padding:0;
	margin-top:20px;
	width:180px;
	overflow:auto;
}
div.info_head {
	border-bottom:2px solid #680000;
	padding:4px 10px;
	margin-bottom:2px;
	color:#ffffff;
	font-size:1.4em;
	font-family:Helvetica, Arial, sans-serif;
}
div.info_block {
	padding:4px 10px;
}

h2.files {
	color:#fd9966;
	font-size:1.8em;
	font-weight:normal;
	float:left;
	padding:0;
	margin:0;
}

div.red_line {
	border-bottom:2px solid #680000;
	line-height:0.1em;
	font-size:0.1em;
	height:2px;
	padding:4px 0;
}
div.purple_line {
	border-bottom:1px solid #660066;
	line-height:0.1em;
	font-size:0.1em;
	height:1px;
	padding:1px 0;
}

.red_text {
 color:#680000;
 background-color:inherit;
}


#usertools {
	text-align:right;
	vertical-align:baseline;
	padding-right:20px;
}
#usertools a {
	text-decoration:none;
}
#usertools a:hover {
	text-decoration:underline;
}



div.whitebox {
	background-color:	#000000;
	width:				400px;
	height:				200px;
	padding:			10px;
	position:			absolute;
	top:				100px;
	left:				60px;
	border:				2px solid #ffffff;
}
div.whitebox_upload {
	background-color:	#000000;
	width:				600px;
/*	height:				600px;	*/
	padding:			10px 10px 40px 10px;
	position:			absolute;
	top:				100px;
	left:				60px;
	border:				2px solid #ffffff;
}
div.close {
	text-align:			right;
}
div.close a {
	background-color:	#9999fd;
	color:				#000000;
	font-weight:		bold;
	text-decoration:	none ! important;
	border:				2px solid #680000;
	padding:			2px 4px;
}

div.whitebox h3, div.whitebox_upload h3 {
	font-size:1.6em;
	font-weight:normal;
	color:#9999fd;
	border-bottom:2px solid #680000;
	margin-bottom:6px;
	padding-bottom:4px;
}

form.panel input {
	background-color:#ffffff;
	border:none;
	padding:2px 4px;
	width:200px;
	color:#000000;
}
form.panel input.button {
	width:auto;
	padding:1px 6px;
	border:2px solid #680000;
	background-color:#ffffff;
}
form.panel input.button:hover {
	background-color:#9999fd;
}


#fileq {
	background-color:	#000000;
/*	border:				2px solid #fd9966;	*/
	font-size:			0.8em;
	padding:			4px 0;
}

.fileq_delete {
	background-color:	#000000;
	color:				#fd9966;
	border:				1px solid #fd9966;
	font-weight:		bold;
	font-size:			0.8em;
	margin-right:		8px;
	height:				20px;
	padding:			0;
	width:20px ! important;
/*	position:			relative;
	top:				0;
	left:				0;	*/
}

.fileq_row {
	margin-top:			6px;
}

#uploading {
	background-color:	#ooo;
	border:				1px solid black;
	padding:			4px 10px;
}


form.data input.text {
	background-color:#ffffff;
	border:none;
	padding:2px 4px;
	width:200px;
	color:#000000;
}
form.data input.shorttext {
	background-color:#ffffff;
	border:none;
	padding:2px 4px;
	width:100px;
	color:#000000;
}
form.data input.button {
	width:auto;
	padding:1px 6px;
	border:2px solid #680000;
	background-color:#ffffff;
}
form.data input.button:hover {
	background-color:#9999fd;
}

input.multi-file-button {
	width:auto;
	padding:1px 6px;
	border:2px solid #680000;
	background-color:#ffffff;
}
input.multi-file-button:hover {
	background-color:#9999fd;
}


/* ======================================================================== */







/*
h2:first-letter {
	font-family:		Garamond, "Times New Roman", Times, serif;
	font-size:			2.0em;
}
*/

.smaller {
	font-size:			0.8em;
}

a img {
	border:				none;
}

p {
	margin:				0;
	padding:			0;
}

div.overlay {
	z-index:			10;
	background-image:	url('/images/transparent_grey.png');
	width:				100%;
	height:				100%;
	position:			absolute;
	top:				0;
	left:				0;
}

#nav {
	float:				left;
	background-color:	#000000;
	border:				4px solid #000000;
	margin-bottom:		10px;
	padding:			10px;
	width:				172px;
}
#nav a:link, #nav a:visited {
	font-size:			1.1em;
	font-weight:		bold;
	color:				#ffffff;
	border:				none;
	text-decoration:	none;
}
#nav a:hover {
	font-size:			1.1em;
	font-weight:		bold;
	color:				#ffffff;
	border:				none;
	text-decoration:	underline;
}
a.navmenu {
	font-size:			0.9em;
	font-weight:		normal;
}
#login, #tools {
	float:				left;
	background-color:	#000000;
	border:				1px solid #ffffff;
	padding:			10px;
	margin-bottom:		10px;
	width:				172px;
}
#tools a:link, #tools a:visited, #tools a.action:link, #tools a.action:visited {
	font-size:			1.0em;
	font-weight:		bold;
	color:				#ffffff;
	border:				none;
	text-decoration:	none;
}
#tools a:hover, #tools a.action:hover {
	font-size:			1.0em;
	font-weight:		bold;
	color:				#ffffff;
	border:				none;
	text-decoration:	underline;
}
#main {
	float:				right;
/*	margin-left:		10px;	*/
/*	margin-left:		190px;	*/
	padding:			10px;
	width:				542px;
	background-color:	#ffffff;
	border:				4px solid #000000;
}


div.hr {
/*	margin-right:		40px;	*/
	border-top:			1px solid #777777;
}

form {
	margin:				0;
	padding:			0;
}

button {
	border:				1px solid #000000;
	background-color:	#777777;
	color:				#ffffff;
	height:				22px;
}
button:hover {
	background-color:	#999999;
}

input.login {
	border:				1px solid #000000;
	background-color:	#dddddd;
	height:				16px;
	padding-left:		4px;
	margin-bottom:		10px;
}
input.loginbutton {
	border:				1px solid #000000;
	background-color:	#777777;
	color:				#ffffff;
	height:				22px;
/*	margin-right:		20px;	*/
}

img.right {
	float:				right;
	padding-left:		10px;
	padding-bottom:		6px;
}
img.rightborder {
	float:				right;
	padding:			0;
	margin-left:		10px;
	margin-bottom:		6px;
	border:				4px solid #000000;
}


div.righttext {
	text-align:			right;
	vertical-align:		baseline;
}
.rightfloat {
	float:				right;
	vertical-align:		baseline;
}
.leftfloat {
	float:				left;
	vertical-align:		baseline;
}
div.clearboth {
	clear:both;
	height:1px;
	line-height:0.1em;
	font-size:0.1em;
	padding:0;
	margin:0;
}

table.files {
	width:				550px;
	padding:			0;
	margin:				0;
	border:				none;
	border-collapse:	collapse;
}
table.files th {
	border-bottom:		1px solid #777777;
	text-align:			left;
	vertical-align:		baseline;
	padding:			0 4px;
}
table.files th.right {
	text-align:			right;
	vertical-align:		baseline;
}
table.files td {
	text-align:			left;
	vertical-align:		baseline;
	padding:			0 4px;
}
table.files td.right {
	text-align:			right;
	vertical-align:		baseline;
}

table.data {
	width:				650px;
	padding:			0;
	margin:				0;
	border:				none;
	border-collapse:	collapse;
}
table.data th {
	border-bottom:		1px solid #777;
	text-align:			left;
	vertical-align:		baseline;
	padding:			0 4px;
	font-weight:		bold;
	background-color:	#333;
}

table.data td {
	text-align:			left;
	vertical-align:		baseline;
	padding:			2px 4px;
	border-bottom:		1px solid #777;
}
table.data td.label {
	text-align:			right;
	font-weight:		bold;
}
table.data tr.hilite td {
  background-color:		#cc0;
  color:				#000;
}

table.data_noborder {
	width:				650px;
	padding:			0;
	margin:				0;
	border:				none;
	border-collapse:	collapse;
}
table.data_noborder th {
	border-bottom:		1px solid #777;
	text-align:			left;
	vertical-align:		baseline;
	padding:			0 4px;
	font-weight:		bold;
	background-color:	#333;
}

table.data_noborder td {
	text-align:			left;
	vertical-align:		baseline;
	padding:			2px 4px 10px 15px;
}
table.data_noborder td.label {
	text-align:			right;
	padding: 2px 15px 10px 4px;
	font-weight:		bold;
}
table.data_noborder tr.hilite td {
  background-color:		#cc0;
  color:				#000;
}


table.useredit {
	width:				550px;
	padding:			0;
	margin:				0;
	border:				none;
	border-collapse:	collapse;
}
table.useredit td {
	vertical-align:		baseline;
	padding:			4px 4px;
}
table.useredit td.head {
	font-weight:bold;
	text-align:left;
}
table.useredit td.label {
	text-align:			right;
	font-weight:		bold;
}
table.useredit td.label_opt {
	text-align:			right;
	font-weight:		normal;
}
table.useredit td.value {
	text-align:			left;
	font-weight:		normal;
}

div.message {
	border:				1px solid #777777;
	padding:			4px;
}

.spacer {
	margin-bottom:		6px;
}
.cyan {
	background-image:	url('/images/cyan_square.jpg');
	background-repeat:	no-repeat;
	background-position:	0 6px;
	padding:			8px 0 4px 28px;
	height:				24px;
}
.magenta {
	background-image:	url('/images/magenta_square.jpg');
	background-repeat:	no-repeat;
	background-position:	0 6px;
	padding:			8px 0 4px 28px;
	height:				24px;
}
.yellow {
	background-image:	url('/images/yellow_square.jpg');
	background-repeat:	no-repeat;
	background-position:	0 6px;
	padding:			8px 0 4px 28px;
	height:				24px;
}
.grey {
	background-image:	url('/images/grey_square.jpg');
	background-repeat:	no-repeat;
	background-position:	0 6px;
	padding:			8px 0 4px 28px;
	height:				24px;
}
.black {
	background-image:	url('/images/black_square.jpg');
	background-repeat:	no-repeat;
	background-position:	0 6px;
	padding:			8px 0 4px 28px;
	height:				24px;
}

div.leftline {
	border-left:		1px solid #000000;
	padding-left:		6px;
	margin-bottom:		12px;
}
div.bullet-cyan {
	background-image:	url('/images/cyan_square.jpg');
	background-repeat:	no-repeat;
	background-position:	0 4px;
	padding-left:			28px;
}
div.bullet-magenta {
	background-image:	url('/images/magenta_square.jpg');
	background-repeat:	no-repeat;
	background-position:	0 4px;
	padding-left:			28px;
}
div.bullet-yellow {
	background-image:	url('/images/yellow_square.jpg');
	background-repeat:	no-repeat;
	background-position:	0 4px;
	padding-left:			28px;
}
div.bullet-grey {
	background-image:	url('/images/grey_square.jpg');
	background-repeat:	no-repeat;
	background-position:	0 4px;
	padding-left:			28px;
}
div.bullet-black {
	background-image:	url('/images/black_square.jpg');
	background-repeat:	no-repeat;
	background-position:	0 4px;
	padding-left:			28px;
}


div.dir {
	margin:				0;
	padding:			2px 8px;
}
div.dir a:link, div.dir a:visited, div.iconmenu a:link, div.iconmenu a:visited {
	text-decoration:	none;
	border:				none;
	color:				#000000;
}

ul {
	margin-top:			4px;
	padding-top:		0;
	margin-bottom:		0;
	padding-bottom:		0;
}


table.order_history_customer td {
  border:none;
}
table.order_history_customer td.order_history_customer_type_ship, table.order_history_customer td.order_history_customer_detail_ship {
  border-top:1px solid #777;
}

span.subhead {
  padding-left:12px;
  font-size:0.8em;
  font-weight:normal;
  font-style:italic;
}
.invis {
  color:#000;
}

.bold {
  font-weight:bold;
}


.high-layer { z-index:100 !important; }
.low-layer { z-index:0 !important; }