/* New eFolio specific styles */

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

#headMenuBars { height: 78px; }
#serviceNav { height: 2.1em; }
#serviceNavBar { width: 25em; }

#close.parentBlock, #help.parentBlock, #logout.parentBlock { margin-right: 1px; background-position: left top; background-repeat: repeat-x; background-image: url(../images/grad_bg.gif); background-color: #827C86; }
#service.parentBlock, #help.parentBlock, #logout.parentBlock { margin-right: 1px; background-position: left top; background-repeat: repeat-x; background-image: url(../images/grad_bg.gif); background-color: #827C86; }
#globalNavBar a.title { border-top-style: none; border-bottom-style: none; border-left-style: none; }
#globalNavBar { position: absolute; top: 0; right: 15px; margin-right: -15px; float: right; z-index: 10; width: 12.8em; font-weight: bold; } /* 15px and -15px combination stops IE Mac showing unnecessary horizontal scroll bar */


#helpDropdown { display: none; } /*for feeback dropdown via help button*/

#menu1 .parentBlock { background-position: left bottom; background-repeat: repeat-x; background-image: url(../images/col_head_bg1.gif); background-color: #600;}
#menu2 .parentBlock { background-position: left bottom; background-repeat: repeat-x; background-image: url(../images/col_head_bg2.gif); background-color: #960;}
#menu3 .parentBlock { background-position: left bottom; background-repeat: repeat-x; background-image: url(../images/col_head_bg3.gif); background-color: #1d774a;}
#menu4 .parentBlock { background-position: left bottom; background-repeat: repeat-x; background-image: url(../images/col_head_bg4.gif); background-color: #507cd3;}
.menuBorders, .menuBordersActive { border-top-style: none; border-left: 1px solid #fff; }
#serviceNavBar a.title, #serviceNavBar a.title:hover { padding-top: 4px; }

#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"); }

a.title { color: #fff !important; }
a.title:hover { background-color: transparent; text-decoration: underline; }
a.toggle { text-decoration: none; color: #fff !important; }
a.toggle:hover { text-decoration: underline !important; }
abbr[title], acronym[title] { border-bottom-width: 1px; } /* Win IE thinks "thin" from wamnet.css is pretty fat! */

body.noMinWidth { min-width: 0; } /* move this to wamnet.com */
#mainBody, #mainColumn { z-index: 1; } /*need to keep mainBody above footer for popups to show properly */

th.column { vertical-align: top; white-space: nowrap; }
th.column .fInput { margin-top: 1px; }
th abbr { font-weight: normal; }
.check img { padding: 0; }
.sortIcon { height: 7px; width: 11px; vertical-align: middle; }
.searchIcon { height: 13px; width: 13px; vertical-align: middle; margin-left: 2px; }
table.listWrapper, td.leftList, td.rightList { position: relative; } /* stop Win IE doing weird stuff with positioned elements */
td.leftList, td.rightList { padding: 0 !important; margin: 0 !important; }
td.leftList { width: 60%; vertical-align: top; }
td.rightList { width: 40%; vertical-align: top; padding-left: 10px !important;}
td.fText fieldset { padding-bottom: 0.5em; }

table.data { border-collapse: collapse; margin: 0 !important; text-align: left; }
table.data th { height: 1.5em; }
table.data th.filter, table.data th.row, table.data td { height: 3.4em; }
table.data td .fInput { margin-top: 0; }
table.data th.row, table.data td { background-color: #fff; }
table.data tr.even td, table.data tr.even th.row { background-color: #e8e8e8; }

/* Win IE seems to do odd things to buttons with long labels and scaled font...this might help */
td.tableFooter td { height: 3em; font-size: 111% !important; } /* making the text about 100% - (.9 x 1.11) */
td.tableFooter .fLabel, td.tableFooter .fText, td.tableFooter .fButt { font-size: 100% !important; } 

.fRequired, .fLabel { padding-right: 1em; }

h2#icWizardListTitle { margin: 0; padding: 0; line-height: 1.8em /*adjusted by JS!*/; border-bottom-style: none; color: #fff; font-size: 70%; background-position: left bottom; background-repeat: repeat-x; }
h2#icWizardListTitle { margin-top: 1em; !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; width: 100%;}

/*need these as seperate items for JS replaceRule to find them!*/
#icWizardList { display: block; }

#icWizardListWrapper { width: 100%; block: right; }
#icWizardList ul { padding-top: .5em; }
#icWizardList ul, #icWizardList ul li { margin: 0; }

#icWizardList { border-bottom: 1px solid #999 /*last one turned off by JS!*/; }
#icWizardListOff, #icWizardListOn { background-position: left center; background-repeat: no-repeat; padding-left: 1.2em; }

#icWizardListOn { background-image: url(../images/expand.gif); }
#icWizardListOff { background-image: url(../images/expanded.gif); display: none; }

#section1Actions,
#section2Actions,
#section3Actions,
#section4Actions { position: relative; margin-left: 1em !important; padding: 0 !important; line-height: 2.5em; font-size: 70%; font-weight: bold; color: #666; }
#section1Actions img,
#section2Actions img,
#section3Actions img,
#section4Actions img { vertical-align: middle; margin-top: -3px; }