@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:				#000000;
	margin:				0;
	padding:			0;
	background-color:	#ffffff;
/*	padding:			5px;	*/
}

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

img, a {
	border:none;
}

#mainbody {
}
#mainbodycontents_about {
	height:313px;
	background-image:url("/images/about_us_background.jpg");
	background-repeat:no-repeat;
	margin:0;
	padding:68px 0 0 30px;
	background-position:0 -12px;
}
#mainbodycontents_services {
	height:313px;
	background-image:url("/images/services_background.jpg");
	background-repeat:no-repeat;
	margin:0;
	padding:68px 0 0 30px;
	line-height:1.1em;
}
#mainbodycontents_contact {
	height:313px;
	background-image:url("/images/contact_us_background.jpg");
	background-repeat:no-repeat;
	margin:0;
	padding:68px 0 0 30px;
}
#mainbodycontents_samples {
	height:313px;
	background-image:url("/images/samples_background.jpg");
	background-repeat:no-repeat;
	background-position:0 16px;
	margin:0;
	padding:68px 0 0 30px;
}
#mainbodycontents_blank {
	height:359px;
	background-image:none;
	margin:0;
	padding:14px 0 8px 0;
	line-height:1.1em;
}
#mainbodycontents_generic {
	background-image:none;
	margin:0;
	padding:14px 10px 8px 10px;
}
#mainbody a {
	text-decoration:underline;
	color:#000000;
}
#textblock {
	width: 390px;
}
#textblock_scroll {
	height:313px;	/* 365px;	*/
	overflow:auto;
	padding-right:10px;
}

h1 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:2.4em;
	font-weight:normal;
	color:#650505;
	border-bottom:2px solid #650505;
	padding-bottom:8px;
	margin-bottom:8px;
}
h2 {
	font-size:1.6em;
	font-weight:normal;
}
h3 {
	font-size:1.3em;
	font-weight:bold;
	padding:4px 0 8px 0;
	margin:0;
}
h4 {
	font-size:1.1em;
	font-weight:bold;
	margin:0;
	padding:0;
}

#vertspacer {
	height:16px;
}


form.login {
	margin:0;
	padding:0;
}
form.login input {
	background-color:#ffffff;
	border:none;
	padding:2px 4px;
	width:200px;
	color:#000000;
}

/*
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;
}
div.whitebox {
	background-color:	#eeeeee;
	width:				400px;
	height:				200px;
	padding:			10px;
	position:			absolute;
	top:				200px;
	left:				200px;
	border:				1px solid #000000;
}
div.whitebox_upload {
	background-color:	#eeeeee;
	width:				600px;
/*	height:				600px;	*/
	padding:			10px 10px 40px 10px;
	position:			absolute;
	top:				40px;
	left:				40px;
	border:				1px solid #000000;
}
div.close {
	text-align:			right;
}
div.close a {
	background-color:	#777777;
	color:				#ffffff;
	font-weight:		bold;
	text-decoration:	none;
	border:				1px solid #000000;
	padding:			2px 4px;
}


#leftcol {
	float:				left;
	width:				200px;
	margin-right:		10px;
	padding:			0;
}
#nav {
	float:				left;
	background-color:	#ffffff;
	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:				#000000;
	border:				none;
	text-decoration:	none;
}
#nav a:hover {
	font-size:			1.1em;
	font-weight:		bold;
	color:				#000000;
	border:				none;
	text-decoration:	underline;
}
a.navmenu {
	font-size:			0.9em;
	font-weight:		normal;
}
#login, #tools, #file_info, #user_info {
	float:				left;
	background-color:	#ffffff;
	border:				4px solid #000000;
	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:				#000000;
	border:				none;
	text-decoration:	none;
}
#tools a:hover, #tools a.action:hover {
	font-size:			1.0em;
	font-weight:		bold;
	color:				#000000;
	border:				none;
	text-decoration:	underline;
}
div.tools {
	float:				left;
	background-color:	#ffffff;
	border:				4px solid #000000;
	padding:			10px;
	margin-bottom:		10px;
	width:				172px;
}
div.tools a:link, div.tools a:visited, div.tools a.action:link, div.tools a.action:visited {
	font-size:			1.0em;
	font-weight:		bold;
	color:				#000000;
	border:				none;
	text-decoration:	none;
}
div.tools a:hover, div.tools a.action:hover {
	font-size:			1.0em;
	font-weight:		bold;
	color:				#000000;
	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;
}

button.white, #confirm_form input.submit {
	border:				1px solid #000000;
	background-color:	#ffffff;
	color:				#000000;
	height:				22px;
}
button.white:hover, #confirm_form input.submit:hover {
	background-color:	#ccffcc;
}

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;
}
div.rightfloat {
	float:				right;
	vertical-align:		baseline;
}
div.leftfloat {
	float:				left;
	vertical-align:		baseline;
}
div.clearboth {
	clear:				both;
}

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.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.file {
	margin:				0;
	padding:			2px 8px;
	border:				1px solid #ffffff;
}
div.file:hover {
	border:				1px solid #777777;
}
div.selected {
	margin:				0;
	padding:			2px 8px;
	background-color:	#aaaaaa;
	border:				1px solid #777777;
}

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:			0;
	padding-top:		0;
	margin-bottom:		0;
	padding-bottom:		0;
}

#fileq {
	background-color:	#fff;
	border:				1px solid #777777;
	font-size:			0.8em;
	padding:			4px;
}

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

.fileq_row {
	margin-top:			6px;
}

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