/* gateway.wamnet.com specific styles */

#serviceNavBar { width: 61.6em }

.menu1 #functionBar { width: 18em; }

/*have to over-ride menu5 color like this to make alignMenus JS work*/
#menu5 .parentBlock { background-position: left bottom; background-repeat: repeat-x; background-image: url(../images/col_head_bgH.gif); background-color: #639; }
.menu5 { border-color: #639; }
.bg5 { background-color: #639; }


/* special styles for preferences to control column display table */
table.colPrefs th, table.colPrefs td { padding-top: .25em ; padding-bottom: .25em ; vertical-align: top !important; }
table.colPrefs .spacer { padding-top: .5em; }

#mastHead .bi1, #mastHead .bi2, #mastHead .bi3, #mastHead .bi4, #mastHead .bi5, #mastHead .bi6,
#mastImage .im1, #mastImage .im2, #mastImage .im3, #mastImage .im4, #mastImage .im5, #mastImage .im6 { background-image: url("../images/blank.gif"); }

#helpDropdown { display: none; }

#headLogo img { width: 290px; height: 42px; }

table.encrypted { margin-left: auto; margin-right: auto; }
table.encrypted td { border-bottom-width: 0 !important; border-right-width: 0 !important; padding: 0; }
.encrypted img { width: 20px; height: 20px; vertical-align: bottom; margin-right: .5em; }

/* width to be set in the calling component */
.progressbar { 
	background-color: #600; /* this should customize to the value of sendNavigationColor */
	background-image: url(/images/col_head_bg1.gif); /* this should customize to "background-image: none ;" */
	border: 1px solid #999; /* this should customize to the value of tableLineColor */
	margin: 0;
	padding: 0;
	font-size: 70%;
}
.progressbar.bg2 { 
	background-color: #960; /* this should customize to the value of receiveNavigationColor */
	background-image: url(/images/col_head_bg2.gif); /* this should customize to "background-image: none ;" */
}
.progressbarWrapper { border: 1px solid #000; text-align: left; margin-left: auto; margin-right: auto; }
.progressbarWrapper.upload { width: 98%; }
.progressbarWrapper.dock { width: 8em; }

/* nested data table clipboard paths */
th.tableNest, td.tableNest {  width: auto; padding: 0 !important; }
th.tableNest table, td.tableNest table { width: 100%; }
th.tableNest td, td.tableNest td { text-align: left;  border-right-style: none !important; border-bottom-style: none !important; }
th.tableNest .fLabel, th.tableNest .fText { font-weight: bold !important; }
.tableNest .fLabel { width: 2em; font-weight: bold; }
.tableNest .fLabel, .tableNest .fText { font-size: 100%; } /* making the text about 90% - (.9 x 1) */
.tableNest .fLabel, .tableNest .fText, .tableNest .fInput { color: #000; text-align: left !important; margin-top: 0; vertical-align: middle !important; white-space: nowrap; }

/* hide/show stuff */
.filterTips { display: block; }

#filterTipsOff, #filterTipsOn { background-repeat: no-repeat; background-position: left center; padding-left: 1.2em; }
#filterTipsOn { background-image: url(../images/expand.gif); }
#filterTipsOff { background-image: url(../images/expanded.gif); }