/*
 * Copyright (c) 2004-2006 Biscom, Inc.
 * Chelmsford, MA, U.S.A.
 * All rights reserved.
 *
 * This source code is considered Confidential Information and
 * property of Biscom, Inc. This source code may not be copied,
 * shared, distributed, or used in any other software application
 * or derivative work without the express written permission
 * from Biscom, Inc. 
 *
 * This header must be included in all source code that contains
 * any or all of the code or documentation included in this file.
 * You agree not to remove this proprietary rights legend from
 * this or any derivative source code file. Any derivative source
 * code file that contains any or all of the source code contained
 * in this file, whether or not this legend appears in such
 * derivative source code file, shall remain the exclusive property
 * of Biscom, Inc. and shall be treated as Confidential Information.
 */

/* $Id: fds.css,v 1.143 2007/10/11 03:52:34 srahman Exp $ */


/* Biscom Delivery Server CSS */


h1							{ font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;font-size:16px;color:#333; }
h2							{ font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;font-size:12px;color:#333; }
h3							{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:8pt;color:#7f7f7f;margin:0 0 20px 0; }

/* Form input styles*/
input.check 				{ height:13px; width:13px; margin:1px; }
input.required				{ }
textarea.required			{ }

/* Core Page */

.apptitle					{ font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;font-size:22px;color:#333;margin:0 0 4px 0;font-weight:bold }

html						{height: 100%;}
body						{background-color:#eee;margin:0 0 0 0;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:11px;height:100% }

A							{ text-decoration:none; }
A:link, A:visited			{ background-color: transparent; text-decoration:none; }
A:link						{ color: #00c; }
A:visited					{ color: #00c; }
A:hover						{ color: #00e; text-decoration:underline; }
A:active					{ color: #009; }

.graphicLink a				{ text-decoration:none; }
.graphicLink a:link			{ text-decoration:none; }
.graphicLink a:visited 		{ text-decoration:none; }
.graphicLink a:hover		{ text-decoration:none; }
.graphicLink a:active		{ text-decoration:none; }

.innerTable					{ background-color: #fafafa; }

.error						{ color: #f00; font-weight: bold; font-size: 12px; }
.warning					{ color: #f60; font-weight: bold; font-size: 12px; }
.warningSmall				{ color: #f60; font-weight: bold; font-size: 11px; }
.warningMinor				{ color: #f60; font-weight: normal; font-size: 11px; }
.italic						{ font-style:italic; }
.smallfont					{ font-size: 11px; }
.processActive				{ color: #333; font-weight: bold; }
.processStopped				{ color: #999; font-weight: bold; }
.processUpdating			{ color: #f60; font-weight: bold; }
.processUnknown				{ color: #f00; font-weight: bold; }

.disabled					{ color:#666; }

/* Colors: FF8500 */
.functionlink				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; }
.functionlink A:link		{ color: #ff8500; font-weight:normal; }
.functionlink A:visited		{ color: #ff8500; font-weight:normal; }
.functionlink A:active		{ color: #f93; font-weight:normal; }

.smallfunctionlink				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; margin:0 0 0 0;}
.smallfunctionlink A:link		{ color: #ff8500; font-weight:normal; }
.smallfunctionlink A:visited	{ color: #ff8500; font-weight:normal; }
.smallfunctionlink A:active		{ color: #f93; font-weight:normal; }

.filelink A:link			{ color: #090; font-weight:normal; }
.filelink A:visited			{ color: #090; font-weight:normal; }
.filelink A:active			{ color: #3c3; font-weight:normal; }

/* Various text formatting */
.formprompt					{ font-size: 12px; font-weight: bold; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif} 
.formdata					{ font-size: 12px; font-weight: normal; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif} 

.bold						{ font-weight: bold; }
.middle						{ vertical-align: middle; }
.note						{ font-size: 11px; font-weight: normal; color: #e00}
.notered					{ font-size: 11px; font-weight: normal; color: #e00}
.noteblack					{ font-size: 11px; font-weight: normal; color: #000}
.statusDeleted				{ text-decoration: line-through; }

.highlightError			{ font-size: 11px; font-weight: normal; color: #e00; }

/* Left Nav Bar and Main page Layout */
.title						{ font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;font-size:21px;color:#333;margin:0 0 4px 0; }
.description				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#333;margin:0 0 20px 0; }
.pagelink					{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; }
.pagetext					{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#000;font-weight: normal; }
.generalContent				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#333;font-weight: normal; }
.message					{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#666;font-weight: normal; margin-bottom: 5px;}
.messageError				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#f00;font-weight: bold; margin-bottom: 5px;}
.messageSuccess				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#393;font-weight: bold; margin-bottom: 5px;}
.messageWarning				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#f60;font-weight: bold; margin-bottom: 5px;}
.heading					{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:13px;color:#000;font-weight: bold; }

.breadcrumb					{ font-family:Verdana,Tahoma,Arial;font-size:11px;color:#222;font-weight:400;margin:0 0 20px 0; }
.breadcrumb A				{ color:#009; }


/* In reports, deleted packages and deliveries are displayed -- make them look different from undeleted items */
.deletedPackage				{ color:#666; }
.deletedPackage	a			{ color:#66c; }
.deletedPackage	a:link		{ color:#66c; }
.deletedPackage	a:visited	{ color:#66c; }
.deletedPackage	a:hover		{ color:#66c; text-decoration:underline; }
.deletedPackage	a:active	{ color:#66c; }

.deletedDelivery			{ color:#666; }
.deletedDelivery a			{ color:#66c; }
.deletedDelivery a:link		{ color:#66c; }
.deletedDelivery a:visited	{ color:#66c; }
.deletedDelivery a:hover	{ color:#66c; text-decoration:underline; }
.deletedDelivery a:active	{ color:#66c; }

.disabledUser				{ color:#666; }
.disabledUser a				{ color:#66c; }
.disabledUser a:link		{ color:#66c; }
.disabledUser a:visited		{ color:#66c; }
.disabledUser a:hover		{ color:#66c; text-decoration:underline; }
.disabledUser a:active		{ color:#66c; }

.deletedUser				{ color:#666; }
.deletedUser a				{ color:#66c; }
.deletedUser a:link			{ color:#66c; }
.deletedUser a:visited		{ color:#66c; }
.deletedUser a:hover		{ color:#66c; text-decoration:underline; }
.deletedUser a:active		{ color:#66c; }

.pendingUser				{ color:#063; }
.pendingUser a				{ color:#063; }
.pendingUser a:link			{ color:#063; }
.pendingUser a:visited		{ color:#063; }
.pendingUser a:hover		{ color:#063; text-decoration:underline; }
.pendingUser a:active		{ color:#063; }

.textsmaller				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#333;font-weight: normal; }
.textmedium					{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:14px;color:#333;font-weight: normal; }


/* For message bean */
.messageTitle				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:18px;color:#666;}
.messageBody				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#333;}
.messageList				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#333;}
.messageErrors				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#333;}
.messageLink				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#333;}

.topmenulinks				{ font-family:Verdana,Tahoma,Arial;font-size:12px; }

.welcomelink				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#6E6E6E;}
.mainlink					{ font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;font-size:16px;color:#444;font-weight: bold;}
.mainlinkdescription		{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#222;font-weight: normal;}

/* Links inside page contents */
.smallLink					{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight: normal;}


/* Delivery View */
.messageBackground			{ background-color:#fff; }
.secureMessageBackground	{ background-color:#ffe; }
.packageHeader				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#666;font-weight: bold;margin:0 0 6px 0; }
.packageHeaderData			{ font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;font-size:12px;color:#333;font-weight: normal;margin:0 0 6px 0; }
.deliveryHeader				{ font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;font-size:12px;color:#666;font-weight: bold;margin:0 0 6px 0; }
.deliveryHeaderData			{ font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;font-size:12px;color:#333;font-weight: normal;margin:0 0 6px 0; }
.deliveryLabel				{ font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;font-size:12px;color:#333;font-weight: bold; }
.deliveryUnreadNumber		{ color: #f33; font-weight: bold;}
.deliveryUnreadListing		{ font-weight: bold; }
.deliveryWithUnreadReplies	{ font-weight: bold; }

/* Contact List */
.contactBackground			{ background: #fff; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; }
.activeTab					{ background: #fff; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; }
.inactiveTab				{ background: #fff; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; }
.allTab						{ background: #fff; cursor: pointer; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; }
.activePane					{ display: block; }
.inactivePane				{ display: none; }
.contactPane				{ font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 12px; }
.lineSeparator				{ background: #808080; }

.tableHeader				{ background-color:#ccc; }
.tableColumn				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#333;font-size:13px;font-weight: bold; }
.subTableHeader				{ background-color:#ccc; }
.subTableColumn				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#333;font-size:12px;font-weight: bold; }

.tableColumnHeading			{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#000;font-size:13px;font-weight: bold; }
.tableRowHeading			{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#000;font-size:12px;font-weight: 600; }
.tableData					{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#000;font-size:12px;font-weight: normal; }

.subTabledata				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#000;font-size:9pt;font-weight: normal; }
.subTableColumnHeading		{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#000;font-size:10pt;font-weight: bold; }
.subTableRowHeading			{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#666;font-size:9pt;font-weight: bold; }

.table2Header				{ background-color: #ccc; }
.table2Column				{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#000;font-size:12px;font-weight: bold; }
.table2Data					{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#000;font-size:12px;font-weight: normal; }
.table2Row					{ font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#666;font-size:11px;font-weight: bold; }


/* Delivery/Package messages */

table.deliveryMessage {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}


table.deliveryMessage tr {
    text-align: left;
	vertical-align: top;
}

table.deliveryMessage th {
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	padding-right: 4px;
}

table.deliveryMessage td {
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #333;
	font-weight: normal;
}

.deliveryMessageList {
	width: 100%;
}

.deliveryMessageBorder {
	width: 100%;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-collapse: collapse;
	padding: 4px 4px 4px 4px;
}

.deliveryMessageHeaderBackground {
	background-color: #eee;
}

.deliveryMessageBody {
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 2px;
}

.deliveryMessageFiles {
	padding-left: 4px;
	width: 100%;
}


.deliveryMessageFiles th {
}
	
.deliveryMessageButton {
	font-size: 11px;
}


/* Shadow for main form table */

.topright					{ background-image: url('../images/misc/v1.gif');background-repeat: repeat-y; width:8px; }
.bottomleft					{ background-image: url('../images/misc/h1.gif');background-repeat: repeat-x; height:8px; }
.corner						{ background-image: url('../images/misc/c1.gif');background-repeat: no-repeat; height:8px; width:8px; }


/* Metadata display */
.metadataTitle 		{ font-weight:bold; }
.metadataHeader		{ font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;font-size:12px;color:#333;font-weight: bold;margin:0 0 6px 0; }
.metadataData		{ font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;font-size:12px;color:#333;font-weight: normal;margin:0 0 6px 0; }

table.metadata {
    border-collapse: collapse;
    font-size: 13px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
table.metadata tr {
    text-align: left;
	vertical-align: top;
}
table.metadata td {
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	margin: 0 0 6px 0;
    background-color: #fff;
    vertical-align: top;
}

table.metadata th {
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	padding:0 10px 5px 0;
	vertical-align: top;
    background-color: #fff;
	white-space: nowrap;
}

/* Metadata2 is a sub-table of Metadata */
.metadata2Header	{ font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;font-size:11px;color:#333;font-weight: bold;margin:0 0 4px 0; }
.metadata2Data		{ font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;font-size:11px;color:#333;font-weight: normal;margin:0 0 4px 0; }
table.metadata2 {
    border-collapse: collapse;
    font-size: 11px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    background-color: #fff;
}
table.metadata2 tr {
    text-align: left;
	vertical-align: top;
}

table.metadata2 th {
	font-weight: bold;
	padding-top: 2px;
    padding-right: 6px;
    padding-bottom: 2px;
}

table.metadata2 td {
	padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
}

/* Statistics tables -- a heading line with sub headings next to data */
table.stats {
    border-collapse: collapse;
    font-size: 13px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
table.stats tr {
    text-align: left;
	vertical-align: top;
}
table.stats th {
    font-size: 13px;
	font-weight: normal;
	padding: 0px 4px 2px 0px;
	color: #666;
}
table.stats td {
    font-size: 12px;
    font-weight: normal;
	padding: 0px 4px 2px 0px;
    color: #000;
}
.indent { padding-left: 40px; }


.buttons {
	padding: 10px 5px 0 0;
	float: left;
	font-size: 11px;
}

.buttonSmall {
	font-size: 11px;
}

/* General use container for the entire application */
.container {
	border: 0;
	width: 100%;
	padding: 0 0 0 0;
	background: #fff;
	border-collapse: collapse;
}

/* Holds any top level content */

.icons {
	border: 0;
	padding: 20px;
}

.menu {
	text-align: center;
	padding: 10px;
	font-size: 11px;
	font-weight: bold;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

.box {
	border: 1px dotted #333;
	padding: 5px;
}

.boxFile {
	border: 1px solid #333;
}
	
#content {
	width: 100%;
	height: 100%;
	background: #fff;
	border-collapse: collapse;
}

/*	background: #002c77;  */

#layoutTop {
	width: 100%;
	background: #fff; 
}

#layoutLogo {
	height: 50px;
	background: #fff; 
	width: 100%; 
}

#layoutMenu {
	height: 50px;
	background: #fff; 
	float: right;
}

.icon {
	height: 70px;
	width: 70px;
	border-left: 1px solid #ccc;
	float:left;
	background: #002c77;
	text-align: center;
}

.iconText {
	text-align: center;
	vertical-align: bottom;
	color: #fff;
}


#layoutHeaderline {
	background: #fff;
	height: 5px;
	width: 100%;
	clear: both;
}

#layoutBody {
	background: #fff;
	width: 100%;
	float: left;
	text-align: left;
	padding-bottom: 20px;
}

#layoutMenuTop {
	width: 100%;
	text-align: right;
	font-size: 12px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	padding-top: 10px;
	padding-bottom: 5px;
	background-color: #fff;
	clear: both;
}

#layoutFooter {
	background: #eee;
	padding: 10px 0;
	text-align: right;
}

.noborder {
	border: 0;
	border-collapse: collapse;
}

#detailsFrame {
	border-top: 2px dotted #333;	
}

#deliveryDetails {
	height: 100%;
	width: 100%;
}

/* Single pane layout */
#pane {
	background: #fff;
	border-collapse: collapse;
	width: 80%;
	height: 100%;
	overflow: visible;
}

#paneLeft {
	background: #fff;
	border-collapse: collapse;
	width: 10%;
	height: 100%;
}

#paneRight {
	background: #fff;
	border-collapse: collapse;
	width: 10%;
	height: 100%;
}


/* 3 Pane Layout */
#paneTopLeft {
	background: #fff;
	border-collapse: collapse;
	border: 0;
	width: 10%;
	height: 100%;
	float: left;
}


#paneTopRight {
	background: #fff;
	border-collapse: collapse;
	width: 90%;
	height: 90%;
	float: right;
	overflow: hidden;
}

#paneBottomRight {
	background: #fff;
	border-collapse: collapse;
	width: 90%;
	height: 10%;
	float: right;
	overflow: hidden;
}

/* For 2 pane layout */
#paneTop {
	background: #fff;
	border-collapse: collapse;
	width: 100%;
	height: 90%;
	float: right;
	overflow: hidden;
}

#paneBottom {
	background: #fff;
	border-collapse: collapse;
	width: 100%;
	height: 10%;
	float: right;
	overflow: hidden;
}


/* Table for listing, such as packages, deliveries, files, etc. */
table.listing {
    border-collapse: collapse;
    width: 100%;
    font-size: 11px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	padding: 5px;
}
table.listing tr {
    text-align: left;
}
table.listing td {
    border-bottom: 1px solid #eee;
    vertical-align: top;
	padding-left: 2px;
	padding-top: 3px;
    padding-right: 4px;
    padding-bottom: 2px;
}
table.listing th {
    background-color: #002c77;
    color: #fff;
    font: 12px arial;
    font-weight: bold;
    vertical-align: bottom;
}
table.listing th a 			{ color: #ffc; }
table.listing th a:visited 	{ color: #ffc; }
table.listing th a:hover 	{ color: #ffc; }
table.listing th a:active 	{ color: #ffc; }

.listingNav {
    border-top: 2px solid #666;
	background-color: #fff;
	color: #333;
	font-weight: bold;
}

/* Table for reply */
.replyMessage {
	padding-left: 6px;
	padding-top: 5px;
    padding-right: 6px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.replyFilesSeparator {
    margin-top: 10px;
}
table.reply {
    width: 100%;
    font-size: 11px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
table.reply tr {
    text-align: left;
}
table.reply td {
    vertical-align: top;
	padding-left: 2px;
	padding-top: 3px;
    padding-right: 4px;
    padding-bottom: 2px;
}
table.reply th {
    background-color: #eee;
    color: #000;
    font: 12px arial;
    font-weight: bold;
    vertical-align: bottom;
}
table.reply th a 			{ color: #000; }
table.reply th a:visited 	{ color: #000; }
table.reply th a:hover 		{ color: #000; }
table.reply th a:active 	{ color: #000; }

/* Table for reports */
table.report {
    border-collapse: collapse;
    width: 100%;
    font-size: 11px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	padding: 5px;
	margin-bottom: 20px;
}
table.report tr {
    text-align: left;
}
table.report td {
    border-bottom: 1px solid #eee;
    background-color: #fff;
    vertical-align: top;
	padding-left: 2px;
	padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 2px;
}
table.report th {
    background-color: #002c77;
    color: #fff;
    font: 12px arial;
    font-weight: bold;
    vertical-align: bottom;
}
table.report th a 			{ color: #ffc; }
table.report th a:visited 	{ color: #ffc; }
table.report th a:hover 	{ color: #ffc; }
table.report th a:active	{ color: #ffc; }

.reportNav {
    border-top: 2px solid #666;
	background-color: #fff;
	color: #333;
	font-weight: bold;
}


table.contactsListing {
    border-collapse: collapse;
    width: 100%;
    font-size: 11px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	padding: 5px;
}
table.contactsListing tr {
    text-align: left;
}
table.contactsListing td {
    border-bottom: 1px solid #eee;
}
table.contactsListing th {
    background-color: #002c77;
    color: #fff;
    font: 12px arial;
    font-weight: bold;
    vertical-align: bottom;
}
table.contactsListing th a 			{ color: #ffc; }
table.contactsListing th a:visited 	{ color: #ffc; }
table.contactsListing th a:hover 	{ color: #ffc; }
table.contactsListing th a:active 	{ color: #ffc; }

/* Logon screen */

/* Style of logon form prompts */
.logonLabel {
	font-size: 11px;
	color: #333;
	font-weight: bold;
	vertical-align: middle;
}

/* Style of header text above logon box */
.logonHeader {
	font-size: 18px;
	color: #002c77;
	font-weight: normal;
}

/* Style of header text inside right logon box */
.logonSubHeader {
	font-size: 15px;
	color: #002c77;
	font-weight: bolder;
}

table.logon {
    border-collapse: collapse;
    font-size: 11px;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	height: 200px;
}
table.logon tr {
	background-color: #002c77;
	margin-bottom: 2px;
}
table.logon th {
    background-color: #002c77;
	height: 5px;
}
table.logon td {
    background-color: #f2f4f8;
	color: #333;
	text-align: left;
	padding: 0px;
}

/* Delivery Preview */
table.preview {
    border-collapse: collapse;
    font-size: 11px;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	width: 100%;
}
table.preview tr {
    text-align: left;
	vertical-align: top;
}
table.preview th {
    background-color: #fff;
	color: #000;
    vertical-align: top;
	padding: 2px 2px 2px 0px;
}

table.preview td {
    background-color: #fff;
	color: #000;
    vertical-align: top;
	padding: 4px;
}

/* Input Form */
table.form  {
    border-collapse: collapse;
    border: 0;
    font-size: 11px;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
}
table.form tr {
    text-align: left;
    vertical-align: top;
}
table.form td {
    background-color: #fff;
	color: #000;
	padding: 2px 4px 2px 0px;
    font-size: 12px;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-weight: normal;
}

table.form th {
    color: #333;
    font-size: 12px;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-weight: bold;
	padding-right: 10px;
	padding-bottom: 5px;
	width: 150px;
}

table.form table.listing th {
    background-color: #002c77;
    color: #fff;
    font: 12px arial;
    font-weight: bold;
    vertical-align: bottom;
}

.formLabel {
	width: 100px;
    vertical-align: top;
    color: #666;
    font-size: 12px;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-weight: bold;
}

.formText {
    vertical-align: top;
    color: #333;
    font-size: 11px;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-weight: normal;
}

.formInput {
	vertical-align: top;
    color: #333;
    font-size: 11px;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-weight: normal;
}

.input.button {
    font-size: 11px;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-weight: normal;
}
	
/* Table inside forms */
table.innerForm {
    border-collapse: collapse;
    font-size: 11px;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
}
table.innerForm tr {
    text-align: left;
	vertical-align: top;
}
table.innerForm td {
	color: #000;
    vertical-align: top;
	padding: 1px 1px 1px 0px;
}

/* Background is the same color as innerTable style */
table.innerTable {
	width: 100%;
	background-color: #fafafa;
	border-collapse: collapse;
	border: 0;
    font-size: 12px;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
}
table.innerTable tr {
    text-align: left;
	vertical-align: top;
}
table.innerTable td {
	color: #000;
	vertical-align: middle;
	padding: 2px;
}
table.innerTable th {
	color: #333;
	vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
	padding: 5px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

/* Secondary home/menu page with icons */
table.home2 {
	border-collapse: collapse;
	border: 0;
    font-size: 12px;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
}
table.home2 tr {
    text-align: left;
	vertical-align: top;
}
table.home2 td {
	color: #000;
	vertical-align: middle;
	padding: 4px;
}
table.home2 th {
	color: #333;
	vertical-align: middle;
    font-weight: bold;
    font-size: 13px;
	padding: 5px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

table.searchBox {
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 8pt;
	}


table.contact  {
    border-collapse: collapse;
    border: 0;
    font-size: 12px;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
}
table.contact tr {
    text-align: left;
    vertical-align: top;
}
table.contact td {
    background-color: #fff;
	color: #000;
	padding: 0px 0px 4px 0px;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-size: .9em;
}

table.contact th {
    color: #333;
	font-weight: bold;
	padding-right: 10px;
	padding-bottom: 5px;
	width: 150px;
}

table.compact {
	border-style: none;
	border-width: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


/* For expanding and contracting form fields (e.g. create express delivery) */

.expand {
	width:16px;
	height:16px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url('../images/misc/icon-misc-expand.gif');
}

.shrink {
	width:16px;
    height:16px;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url('../images/misc/icon-misc-shrink.gif');
}


#CalendarControlIFrame			{ display: none;left: 0px;position: absolute;top: 0px;height: 250px;width: 250px;z-index: 99; }
#CalendarControl				{ position:absolute;background-color:#fff;margin:0;padding:0;display:none;z-index: 100; }
#CalendarControl table			{ font-family: arial, verdana, helvetica, sans-serif;font-size: 8pt;border-left: 1px solid #336;border-right: 1px solid #336; }
#CalendarControl th				{ font-weight: normal;color: #888; }
#CalendarControl th a			{ font-weight: normal;text-decoration: none;color: #fff;padding: 1px; }
#CalendarControl td				{ text-align: center; }
#CalendarControl .calheader		{ background-color: #336;font-size: 8pt; }
#CalendarControl .calweekday	{ background-color: #ddd;color: #000; }
#CalendarControl .calweekend	{ background-color: #ffc;color: #000; }
#CalendarControl .calcurrent	{ border: 1px solid #339;background-color: #336;color: #fff; }
#CalendarControl .calweekday,
#CalendarControl .calweekend,
#CalendarControl .calcurrent	{ display: block;text-decoration: none;border: 1px solid #fff;padding: 1px;width: 2em; }
#CalendarControl .calweekday:hover,
#CalendarControl .calweekend:hover,
#CalendarControl .calcurrent:hover {color: #fff;background-color: #336;border: 1px solid #999; }
#CalendarControl .calprevious	{ text-align: left; }
#CalendarControl .calnext		{ text-align: right; }
#CalendarControl .calprevious,
#CalendarControl .calnext		{ padding: 1px 3px 1px 3px;font-size: 1.4em; }
#CalendarControl .calprevious a,
#CalendarControl .calnext a		{ color: #fff;text-decoration: none;font-weight: bold; }
#CalendarControl .caltitle		{ text-align: left;font-size: 9pt;font-weight: bold;background-color: #336;color: #fff; }
#CalendarControl .calempty		{ background-color: #ccc;border: 1px solid #fff; }


/* selected and unselected row */
.selected_row {
    background-color: #eeeeee;
}
.unselected_row {
    background-color: transparent;
}

/* Show/Hide */
a.z {color:#000000; text-decoration:none; height:12px; padding-left:15px; background-image: url(../images/icons/icon-collapse.gif); background-repeat:no-repeat; background-position: 2px 2px;}
a.x {color:#000000; text-decoration:none; height:12px; padding-left:15px; background-image: url(../images/icons/icon-expand.gif); background-repeat:no-repeat; background-position:2px 2px;}

/* Class for inactive secure reply threads */
.inactiveThread					{ color:#666; }
.inactiveThread a				{ color:#66c; }
.inactiveThread a:link			{ color:#66c; }
.inactiveThread a:visited		{ color:#66c; }
.inactiveThread a:hover			{ color:#66c; text-decoration:underline; }
.inactiveThread a:active		{ color:#66c; }