/* ---------------- AGENT PORTAL LAYOUT / TEMPLATE CSS ---------------------------- */ /* ---------------- RESET -------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size: 100%; background: transparent; margin: 0; padding: 0; vertical-align: baseline; border: 0; outline: none 0 } /* above is missing ul, ol, li */ body { line-height: 1 } blockquote, q { quotes:none} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}:focus {outline:0} ins { text-decoration:none} del { text-decoration:line-through} table { border-collapse:collapse; border-spacing:0} img { border-width: 0 } /* ---------------- TEXT -------------- */ body { color: #333; font-size: 0.75em; font-family: Arial; font-weight: normal; line-height: 1.3em; background-image: none; background-position: 40% top } #body-container { font-family: Arial; text-align: center } h1 { color: #3c5eb6; font-size: 200%; font-weight: normal; line-height: 110%; text-align: left; display: block; margin: 20px 0 10px; padding: 0 } h2 { color: #000; font-size: 125%; font-weight: bold; line-height: 120%; text-align: left; display: block; margin: 12px 0; padding: 0 } h3 { color: #000; font-size: 100%; font-weight: bold; line-height: 120%; text-align: left; display: block; margin: 12px 0; padding: 0 } h4 { color: #696969; font-size: 11px; font-weight: bold; line-height: 14px; background-color: #f5f5f5; text-align: left; margin: 0 0 10px; padding: 2px 0 2px 6px; border-style: solid; border-width: 0 0 0 1px; border-color: #c0c0c0 } h5 { color: #000; font-size: 120%; font-weight: bold; line-height: 120%; text-align: left; display: block; margin: 12px 0; padding: 0; border-bottom: 1px dotted #a9a9a9 } h6 { color: #000000; font-size: 160%; font-weight: normal; line-height: 22px; text-align: left; display: block; margin: 0 0 10px; padding: 0; border-style: none none solid; border-width: 0 0 1px; border-color: #d4d5e9 } h6 img { vertical-align: middle;} h6.noline { color: #000000; font-size: 160%; font-weight: normal; line-height: 22px; text-align: left; display: block; margin: 0 0 10px; padding: 0; border-width: 0 } sup { font-size: 70%; margin-left: 1px; vertical-align: top } h1 sup { font-size: 60%; position: ; vertical-align: top } hr { display: block; margin: 10px 0; padding: 0; height: 1px; clear: both; border-style: dashed none none; border-width: 1px 0 0; border-color: #c0c0c0 } acronym { cursor: help; border-bottom: 1px dotted #c0c0c0 } a { color: #3c5eb6; text-decoration: underline } a:hover { color: #3c5eb6; text-decoration: none } p { margin-top: 0.5em; margin-bottom: 0.5em } ul.arrow { text-align: left; list-style-image: none; margin: 10px 20px 10px 0; padding: 0; vertical-align: top } ul.arrow li { background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 -2px; list-style-type: none; margin: 0; padding: 0 0 3px 1.2em } ul.arrow a { color: #3c5eb6; text-decoration: none; margin: 0 } ul.arrow a:hover { color: #3c5eb6; text-decoration: underline; margin: 0 } ul.dot { text-align: left; list-style-image: none; margin: 10px 0; padding: 0; vertical-align: top } ul.dot li { background-image: url(../images/dot2.gif); background-repeat: no-repeat; background-position: 2px -1px; list-style-type: none; margin: 0; padding: 0 0 0.7em 1.25em; border-bottom: 0 none } /* ---------------- STRUCTURE -------------- */ body { background-image: none; background-position: center } #body-container { background-color: #fff; margin: 0 auto; padding: 0; width: 800px; border: solid 0 } #header { background:none; text-align: left; margin: 0; padding: 0; width: 800px; height:70px; float: left; border-width: 0 } /* use header below instead if top-navigation is used */ /* #header { background: #fff url(../images/swoosh-top.png) no-repeat 0 70px; text-align: left; margin: 0; padding: 0; width: 800px; height: 80px; border-width: 0 } */ #navigation { repeat-y; margin: 0; padding: 0; width: 800px; float: left; border-width: 0 } #main { margin: 0; padding: 0; width: 800px; float: left; border-width: 0 } #footer { margin: 25px 0 0 0 ; padding: 0;padding-top:33px; width: 800px; float: left; border-width: 0 } body#application { } /* ---------------- STRUCTURE for Thickbox -------------- */ body#application-thickbox #body-container { width: auto; text-align: left; padding: 20px } /* ---------------- HEADER & USER AREA ---------------------------- */ #header-container {} #header .header_left { width: 200px; float: left } #header .header_right { text-align: right; margin-right: 10px; float: right } ul#header-navigation { color: #a9a9a9; list-style-type: none; list-style-image: none; margin: 6px 0 10px; padding: 0 } ul#header-navigation li { color: #a9a9a9; background-image: none; list-style-type: none; list-style-image: none; display: inline; margin: 0; padding: 0 } ul#header-navigation li a { text-decoration: none; padding-right: 4px; padding-left: 4px } ul#header-navigation li a:hover { text-decoration: underline } #userarea { display: inline; margin-right: 6px; padding-right: 8px; border-right: 1px solid #c0c0c0 } #userarea #username { margin-right: 8px } #userarea #userlinks { color: #a9a9a9; background-image: url(../images/nav_arrow.gif); background-repeat: no-repeat; background-position: left center; padding-right: 6px; padding-left: 13px } #userarea #userlinks a { text-decoration: none } #userarea #userlinks a:hover { text-decoration: underline } #search-form { padding-right: 4px; padding-left: 10px; position: relative; top: 4px; border-left: 1px none #ccc } #search-form form { display: inline } #search-form form img { } #search-form form input { color: #696969; background-image: url(../images/search_background.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 160px; height: 17px; vertical-align: bottom; border: solid 1px #c0c0c0 } #header-logout-button { position: relative; top: 5px } #header-search-button { position: relative; top: 2px; left: 3px } #header-search-icon { position: relative; left: -4px } /* ---------------- NAVIGATION ---------------------------- */ #navigation-container { background-image: url(../images/swoosh_navigation_bar.png); background-repeat: no-repeat; background-position: 0 0; width: 1020px; height: 74px } ul#top-navigation { white-space: nowrap; list-style: none; display: block; margin: 0 0 0 50px; padding: 0 0 0 } ul#top-navigation li { color: #fff; font-weight: bold; background-image: url(../images/agent_navigation_tab_left_off.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; list-style-image: none; margin: 0; padding: 0 0 0 4px; position: relative; width: auto; float: left } ul#top-navigation li a { color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; background-image: url(../images/agent_navigation_tab_right_off.png); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; cursor: pointer; display: block; margin: 0; padding: 10px 9px 8px 6px; border-width: 0 } ul#top-navigation li a:hover { text-decoration: underline; border-bottom: #fff } ul#top-navigation li.active { background-image: url(../images/agent_navigation_tab_left_on.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top } ul#top-navigation li.active a { color: #696969; background-image: url(../images/agent_navigation_tab_right_on.png); background-repeat: no-repeat; background-attachment: scroll; background-position: right top } ul#top-navigation li.active a:hover { text-decoration: none } ul#top-navigation li:hover ul, ul#top-navigation li.over ul { display: block } ul#top-navigation li ul { background-image: url(../images/agent_navigation_tab_dropbottom_blue.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 bottom; list-style-type: none; display: none; margin: 0; padding-right: 2px; padding-bottom: 20px; padding-left: 2px; position: absolute; top: 34px; left: 0; width: 194px; float: none; border-top: 0 solid #7893d8 } ul#top-navigation li.active ul { background-image: url(../images/agent_navigation_tab_dropbottom_grey.gif); border-top: 0 none #f4f4f4 } ul#top-navigation li ul li { background-color: #4e6dc0; background-position: 0 -200px; text-align: left; list-style-type: none; padding: 0; width: 190px; border-bottom: 1px solid #7893d8 } ul#top-navigation li ul li a { color: white; font-size: 12px; font-weight: normal; text-decoration: none; background-image: none; white-space: normal; display: block; padding: 4px 6px 4px 10px } ul#top-navigation li ul li a:hover { text-decoration: none; background-color: #8197d3; background-image: none } ul#top-navigation li.active a ul { background-image: none } ul#top-navigation li.active ul li { background-color: #f4f4f4; background-image: none; border-bottom: 1px solid #fff } ul#top-navigation li.active ul li a { color: #3c5eb6; background-image: none } ul#top-navigation li.active ul li a:hover { color: #fff; background-image: none } ul#top-navigation li ul li.view-all { border-top: 0 dashed #7893d8; border-bottom: 0 none } ul#top-navigation li.active ul li.view-all { border-top: 0 dashed #f4f4f4; border-bottom: 0 none } ul#top-navigation li ul li.view-all a { font-weight: bold } ul#top-navigation li ul li sup { } /* */ #top-navigation-persistant { text-align: left; margin: 0 0 10px; padding: 0 } #top-navigation-persistant ul { margin: 0 0 0 16px; padding: 0 } #top-navigation-persistant ul li { font-size: 0.85em; line-height: 1.2em; white-space: normal; list-style-type: none; list-style-image: none; display: inline; margin: 0; padding: 0; width: 10%; height: 35px; float: left; border-right: 1px solid #c0c0c0 } #top-navigation-persistant ul li a { text-decoration: none; white-space: normal; display: block; margin: 0 3px; padding: 0 } #top-navigation-persistant ul li a:hover { text-decoration: underline } /* not used*/ #top-navigation-Section10 { display: none } #top-navigation-Section20 { display: none } #top-navigation-Section30 { display: none } #top-navigation-Section40 { display: none } #top-navigation-Section50 { display: none } #top-navigation-Section60 { display: none } #top-navigation-Section70 { display: none } #top-navigation-Section80 { display: none } /* */ div#TabSection10 { display: none } div#TabSection20 { display: none } div#TabSection30 { display: none } div#TabSection40 { display: none } div#TabSection50 { display: none } div#TabSection60 { display: none } div#TabSection70 { display: none } div#TabSection80 { display: none } /* ---------------- MAIN ---------------------------- */ #main-container { text-align: left; margin-right: 50px; margin-left: 50px } /* ---------------- FOOTER ---------------------------- */ #footer-container { color: #808080; font-size: 0.9em; padding-top: 40px } #footer-container ul { margin-top: 5px; margin-bottom: 5px } #footer-container ul li { color: #a9a9a9; background-image: none; list-style-type: none; list-style-image: none; display: inline; margin: 0 0; padding: 0; border-right: 1px solid #c0c0c0 } #footer-container ul li a { text-decoration: none; padding-right: 6px; padding-left: 6px } #footer-container ul li a:hover { text-decoration: underline } #footer-container a {} #footer-container a:hover {} /* ---------------- PAGE ELEMENTS ---------------------------- */ /* css for breadcrumb navigation */ #home-breadcrumb { color: #a9a9a9; font-size: 0.9em; text-align: left; white-space: nowrap; display: block; margin: 0 0 9px; padding: 0 0 0 16px; vertical-align: middle; border-width: 0 } #home-breadcrumb a { color: #3c5eb6; font-weight: normal; text-decoration: none; text-align: left; display: inline; vertical-align: middle } #home-breadcrumb a:hover { color: #3c5eb6; font-weight: normal; text-decoration: underline; text-align: left; display: inline; vertical-align: middle } /* */ #navigation-breadcrumb { color: #a9a9a9; font-size: 0.9em; text-align: left; white-space: nowrap; display: block; margin: 0 0 9px 0; padding: 0; vertical-align: middle; border-width: 0 } #navigation-breadcrumb a { color: #3c5eb6; font-weight: normal; text-decoration: none; text-align: left; display: inline; vertical-align: middle } #navigation-breadcrumb a:hover { color: #3c5eb6; font-weight: normal; text-decoration: underline; text-align: left; display: inline; vertical-align: middle } /* */ .float-left { float: left } .float-right { float: right } .align-left { text-align: left; display: block } .align-right { text-align: right; display: block } /* */ .floatLeft { float: left } .floatRight { float: right } .alignLeft { text-align: left; display: block } .alignRight { text-align: right; display: block } /* */ .clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0} .hide { display: none } /* */ #errorMessage { color: #bd292c; background-color: white; background-image: url(../images/iconAlertSmall.gif); background-repeat: no-repeat; background-position: -8px 3px; display: block; margin: 5px 1px 10px 0; padding: 3px 6px 3px 24px; border-bottom: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5;} #generalMessage { color: #333; background-color: white; background-image: url(../images/iconBalloonSmall.gif); background-repeat: no-repeat; background-position: -8px 2px; display: block; margin: 5px 1px 20px 0px; padding: 3px 6px 3px 24px; border-bottom: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5; } #successMessage { color: #333; background-color: white; background-image: url(../images/iconCheckmarkSmall.gif); background-repeat: no-repeat; background-position: -8px 2px; display: block; margin: 5px 1px 20px 0px; padding: 3px 6px 3px 24px; border-bottom: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; } #disclaimerMessage { color: #696969; font-size: 11px; background-color: white; background-image: url(../images/iconBalloonSmall.gif); background-repeat: no-repeat; background-position: 0 2px; display: block; margin: 5px 1px 5px 0; padding: 3px 6px 3px 20px; border: solid 0px #dcdcdc } #generalMessage ul, #errorMessage ul { list-style-type: square; margin-top: 10px; margin-bottom: 10px; margin-left: 20px } #generalMessage ul li, #errorMessage ul li { margin-bottom: 6px; } #loadingMessage { color: #333; font-weight: bold; background-color: white; background-image: url(../images/login_wait_grey.gif); background-repeat: no-repeat; background-position: left center; display: block; margin: 5px 1px 20px 0; padding: 12px 6px 12px 40px; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5 } #validationMessage { color: #333; font-weight: bold; background-color: white; background-position: left center; text-align: left; display: block; margin: 5px 1px 20px 0; padding: 12px 6px 12px 0; vertical-align: middle; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5 } #validationMessage img { margin-right: 10px; vertical-align: middle; border-width: 0 } /* */ .note { color: #696969; font-size: .9em; display: block; padding: 6px } .directions {font-weight: bold; } .form-descriptions { color: #696969; font-size: 0.9em; margin-top: 3px; margin-bottom: 0 } a.button { color: #fff; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 15px; text-decoration: none; background: #3c5eb6 url(../images/btn_grad_blue_off.gif) repeat-x; margin: 1px 0; padding: 1px 4px 2px; width: auto; vertical-align: middle; border: solid 1px #2e4b9b } a.button:hover { color: #fff; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 15px; text-decoration: none; background-image: url(../images/btn_grad_blue_on.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 -3px; margin: 1px 0; padding: 1px 4px 2px; width: auto; vertical-align: middle; border: solid 1px #2e4b9b } a.button-grey { color: #808080; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 15px; text-decoration: none; background-color: #d1d1d1; background-image: url(../images/btn_grad_grey_off.gif); background-repeat: repeat-x; background-position: 0 0; margin: 1px 0; padding: 1px 4px 2px; width: auto; vertical-align: middle; border: solid 1px #a9a9a9 } a.button-grey:hover { color: #808080; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 15px; text-decoration: none; background-color: #fff; background-image: url(../images/btn_grad_grey_on.gif); background-position: 0 -3px; margin: 1px 0; padding: 2px 4px; width: auto; vertical-align: middle; border: solid 1px #a9a9a9 } a.button-red { color: #fff; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 15px; text-decoration: none; background-color: #f00; background-image: url(../images/btn_grad_red_off.gif); background-repeat: repeat-x; background-position: 0 0; margin: 1px 0; padding: 1px 4px 2px; width: auto; vertical-align: middle; border: solid 1px #a9a9a9 } a.button-red:hover { color: #fff; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 15px; text-decoration: none; background-color: #f00; background-image: url(../images/btn_grad_red_on.gif); background-repeat: repeat-x; background-position: 0 6px; margin: 1px 0; padding: 2px 4px; width: auto; vertical-align: middle; border: solid 1px #a9a9a9 } a.button-arrow { color: #fff; font-size: 11px; line-height: 16px; text-decoration: none; background-color: #3c5eb6; background-image: url(../images/btn_grad_blue_arrow_off.gif); background-repeat: no-repeat; background-position: right center; text-transform: uppercase; display: inline; margin: 0 0 1px; padding: 0 12px 0 6px; width: auto; vertical-align: middle; border: double 3px #2e4b9b } a.button-arrow:hover { color: #fff; font-size: 11px; line-height: 16px; text-decoration: none; background-color: #3c5eb6; background-image: url(../images/btn_grad_blue_arrow_on.gif); background-repeat: no-repeat; background-position: right center; text-transform: uppercase; display: inline; margin: 0 0 1px; padding: 0 12px 0 6px; width: auto; vertical-align: middle; border: double 3px #2e4b9b } input.button { color: #fff; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 12px; text-decoration: none; background-color: #3c5eb6; background-image: url(../images/btn_grad_blue_off.gif); background-repeat: repeat; background-position: 0 0; display: inline; margin: 10px 0 1px; padding: 0; width: auto; height: 20px; vertical-align: middle; border: double 3px #2e4b9b } /* css for sequential navigation/step graphics */ #progress-steps { text-align: right; display: block; margin: 0; padding: 0 } #progress-steps img { text-align: right; white-space: nowrap; display: inline; margin: 0; padding: 0; vertical-align: middle; border-width: 0 } /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXxx */ /* css for tabs */ /* */ #two-up-layout { width: 100%; padding: 0; margin: 0;} #two-up-layout td.col-left { width: 40%; margin: 0; padding: 0; text-align: left; vertical-align: top;} #two-up-layout td.col-right { width: 60%; text-align: left; vertical-align: top;} /* */ #innerTabs { font-family: Tahoma; white-space: nowrap; display: block; margin: 0 0 5px; padding: 0 20px 0 0; height: 24px; border-bottom: 6px solid #3858af } #innerTabs ul { white-space: nowrap; list-style: none; display: block; margin: 0; padding: 0 6px 0 0; } #innerTabs li { background-image: url(../images/innerTabsLeft.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; list-style-image: none; margin: 0 0 0 1px; padding: 0 0 0 9px; width: auto; float: left; border-width: 0 } #innerTabs li a { color: #fff; font-weight: normal; text-decoration: none; background-image: url(../images/innerTabsRight.gif); background-position: right top; display: block; margin: 0; padding: 5px 15px 4px 6px; border-width: 0 } #innerTabs li a:hover { text-decoration: underline; margin: 0 } #innerTabs li.current { background-image: url(../images/innerTabsLeftOn.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; margin: 0 0 0 1px; padding: 0 0 0 9px; width: auto; border-width: 0 } #innerTabs li.current a { color: #fff; font-weight: bold; background-image: url(../images/innerTabsRightOn.gif); background-position: right top; margin: 0; padding: 5px 15px 5px 6px; border-width: 0 } #innerTabs li.current a:hover { text-decoration: underline } /* */ #subTabs { font-family: Tahoma; display: block; margin: 0; padding: 0 } #subTabs table { margin: 0; padding: 0; border-width: 0 } #subTabs td { text-align: left; margin: 0; padding: 0; border-width: 0 } #subTabs a { text-decoration: none; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 0; display: block; margin: 0; padding: 2px 20px 0 10px; height: 18px; border-width: 0 } #subTabs a:hover { text-decoration: underline; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 0; display: block; margin: 0; padding: 2px 20px 0 10px; height: 18px; border-width: 0 } /* */ #innerSilverTabs { margin-bottom: 10px; } #innerSilverTabs ul { background: #e7edf8 url(../images/innersilvertabs_background.jpg) repeat-x; margin-left: 0; padding: 5px 6px 4px; border: solid 1px #dcdcdc } #innerSilverTabs ul li { font-size: 11px; line-height: 16px; background-image: none; text-transform: uppercase; list-style-image: none; display: inline; margin-right: 2px; margin-left: 0; padding: 0 2px 0 0; width: auto; border-right: 1px solid #d3d3d3 } #innerSilverTabs ul li a { color: #696969; font-size: 11px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 16px; text-decoration: none; margin: 1px; padding: 2px 3px } #innerSilverTabs ul li a:hover { font-weight: bold; background-color: #fff; margin: 0; border: solid 1px #dcdcdc } #innerSilverTabs ul li.on { border-right: 0 none } #innerSilverTabs ul li.current { border-right: 0 none } #innerSilverTabs ul li.on a { color: #3c5eb7; font-weight: bold; background-color: #fff; margin: 0; padding: 10px 8px 6px; width: auto; border-style: solid solid none; border-width: 1px 1px 0; border-color: #dcdcdc } #innerSilverTabs ul li.current a { color: #3c5eb7; font-weight: bold; background-color: #fff; margin: 0; padding: 10px 8px 6px; width: auto; border-style: solid solid none; border-width: 1px 1px 0; border-color: #dcdcdc } #innerSilverTabs ul li.on a:hover { border-bottom: 0 } #innerSilverTabs ul li.current a:hover { border-bottom: 0 } /* */ .table-form { width: 95%; border-width: 0; } .table-form td { text-align: left; white-space: nowrap; padding: 1px 6px 2px; vertical-align: top } .table-form td.label { color: #333333; font-weight: bold; background-color: #edf3fe; padding-top: 3px; width: 25%; border-bottom: 1px solid #fff } .table-form td.contents { color: #333333; background-color: #fff; text-align: left; vertical-align: top; border-bottom: 0px solid #d9d9d9 } .table-form tr { } table-form input { color: #333333; font-size: 13px; margin-right: 3px; vertical-align: middle } .table-form select { color: #333333; font-size: 13px; margin-right: 3px; padding-top: 0; padding-bottom: 0; vertical-align: middle } .table-form textarea { color: #333333; font-size: 13px; font-family: Arial; margin-right: 3px; padding-top: 0; padding-bottom: 0; vertical-align: middle; overflow-y: scroll } .table-form table td { margin: 0; padding: 0; } .table-form td input.button { color: #fff; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 12px; text-decoration: none; background-color: #3c5eb6; background-image: url(../images/btn_grad_blue_off.gif); background-repeat: repeat; background-position: 0 0; display: inline; margin: 6px 0 1px; padding: 0; width: auto; height: 20px; vertical-align: middle; border: double 3px #2e4b9b } .table-form img { vertical-align: middle } /* */ /* */ .table-form-reverse { border-width: 0; } .table-form-reverse td { text-align: left; white-space: nowrap; padding: 1px 6px 2px; vertical-align: top } .table-form-reverse td.label { color: #333333; font-weight: bold; background-color: #edf3fe; padding: 0; border-bottom: 1px solid #fff } .table-form-reverse td.contents { color: #333333; background-color: #fff; text-align: left; vertical-align: top; border-bottom: 0px solid #d9d9d9 } .table-form-reverse tr { } .table-form-reverse input { color: #333333; margin-right: 3px; vertical-align: middle } .table-form-reverse select { color: #333333; font-size: 12px; margin-right: 3px; padding-top: 0; padding-bottom: 0; vertical-align: middle } .table-form-reverse textarea { color: #333333; font-size: 13px; font-family: Arial; margin-right: 3px; padding-top: 0; padding-bottom: 0; vertical-align: middle; overflow-y: scroll } .table-form-reverse table td { margin: 0; padding: 0; } .table-form-reverse td input.button { color: #fff; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 12px; text-decoration: none; background-color: #3c5eb6; background-image: url(../images/btn_grad_blue_off.gif); background-repeat: repeat; background-position: 0 0; display: inline; margin: 6px 0 1px; padding: 0; width: auto; height: 20px; vertical-align: middle; border: double 3px #2e4b9b } .table-form-reverse img { vertical-align: middle } /* */ .table-data { width: 95%; border-width: 0; } .table-data td { text-align: left; padding: 4px 6px; vertical-align: middle } .table-data td.label { color: #333; font-weight: bold; background-color: #edf3fe; text-align: left; width: 25%; vertical-align: top; border-bottom: 1px solid #fff } .table-data td.contents { color: #333; background-color: #fff; text-align: left; vertical-align: top; border-bottom: 0px solid #d9d9d9 } .table-data tr { } .table-data input { color: #333333; font-size: 13px; margin-right: 3px; vertical-align: middle } .table-data textarea { color: #333333; font-size: 13px; margin-right: 3px; vertical-align: middle; overflow-y: scroll } .table-data select { color: #333333; font-size: 13px; margin-right: 3px; vertical-align: middle } .table-data table td { margin: 0; padding: 0; } .table-data img { vertical-align: middle } /* */ .table-form-list { margin: 5px 0 0; padding: 0; width: 95%; border-width: 0 } .table-form-list th { color: #fff; font-weight: bold; background-image: url(../images/blueline.gif); background-repeat: repeat-x; background-position: 0 0; text-align: left; text-transform: none; white-space: nowrap; margin: 0; padding: 3px 3px 3px 6px; border-right: 1px dotted #fff } .table-form-list th a { color: #fff; text-decoration: none } .table-form-list th a:hover { color: #fff; text-decoration: underline } .table-form-list tr.top th { color: #a9a9a9; font-weight: bold; background-color: #fff; background-image: none; background-position: 0 0; text-align: left; text-transform: none; white-space: nowrap; margin: 0; padding: 3px 3px 3px 6px; border-style: solid none none dotted; border-width: 1px 0 0 1px; border-color: #d3d3d3 } .table-form-list td { color: #333; text-align: left; white-space: nowrap; margin: 0; padding: 0 6px; vertical-align: middle; border-style: solid solid solid dotted; border-width: 1px 0 1px 1px; border-color: #fff #dcdcdc #dcdcdc } .table-form-list td.highlight { font-weight: bold } .table-form-list td a { color: #3c5eb6; text-decoration: none } .table-form-list td a:hover { color: #3c5eb6; text-decoration: underline } .table-form-list td.td-spacer { width: 20px } .table-form-list tr { } .table-form-list tr.even td { background-color: #edf3fe } .table-form-list tr.odd td { background-color: #fff } .table-form-list tr.on td { background-color: #fefbea } .table-form-list tr.sum td { color: #333; font-weight: bold; background-color: #fff; border-bottom: 4px solid #dae0ea } .table-form-list input { font-family: Arial color: #333333; margin-right: 3px; vertical-align: middle } .table-form-list select { font-family: Arial color: #333333; margin-right: 3px; vertical-align: middle } .table-form-list img { vertical-align: middle } .table-form-list tr.sub-header th { color: #fff; font-weight: bold; background-color: #6b88d4; background-image: none; background-repeat: repeat-x; background-position: 0 0; text-align: left; white-space: nowrap; margin: 0; padding: 3px 3px 3px 6px; border-right: 1px solid #fff } .table-form-list tr.sub-header td { color: #fff; font-weight: bold; background-color: #6b88d4; background-image: none; background-repeat: repeat-x; background-position: 0 0; text-align: left; white-space: nowrap; margin: 0; padding: 3px 3px 3px 6px; border-right: 1px solid #fff } .table-form-list tr.sub-header td a {color: #fff;} .table-form-list tr.sub-header td a:hover {color: #fff;} /* */ .table-data-list { margin: 5px 0 0; padding: 0; width: 95%; border-width: 0; border-collapse: collapse } .table-data-list th { color: #fff; font-weight: bold; background-image: url(../images/blueline.gif); background-repeat: repeat-x; background-position: 0 0; text-align: left; text-transform: none; white-space: nowrap; margin: 0; padding: 3px 3px 3px 6px; border-right: 1px dotted #fff } .table-data-list th a { color: #fff; text-decoration: none } .table-data-list th a:hover { color: #fff; font-family: Arial; text-decoration: underline } .table-data-list tr.top th { color: #a9a9a9; font-weight: bold; background-color: #fff; background-image: none; background-position: 0 0; text-align: left; text-transform: none; white-space: nowrap; margin: 0; padding: 3px 3px 3px 6px; border-style: solid none none dotted; border-width: 1px 0 0 1px; border-color: #d3d3d3 } .table-data-list td { color: #333; text-align: left; margin: 0; padding: 3px 6px; vertical-align: middle; border-style: solid solid solid dotted; border-width: 1px 0 1px 1px; border-color: #fff #dcdcdc #dcdcdc } .table-data-list td.highlight { font-weight: bold } .table-data-list td a { color: #3c5eb6; text-decoration: none } .table-data-list td a:hover { color: #3c5eb6; font-family: Arial; text-decoration: underline } .table-data-list td.td-spacer { width: 20px } .table-data-list tr { } .table-data-list tr.even td { background-color: #edf3fe } .table-data-list tr.odd td { background-color: #fff } .table-data-list tr.on td { background-color: #fefbea } .table-data-list tr.sum td { color: #333; font-weight: bold; background-color: #fff; border-bottom: 4px solid #dae0ea; border-left: 2px solid #fff } .table-data-list input { color: #333333; margin-right: 3px; vertical-align: middle } .table-data-list select { color: #333333; margin-right: 3px; padding-top: 0; padding-bottom: 0; vertical-align: middle } .table-data-list a.button { color: #fff; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 12px; text-decoration: none; background-color: #3c5eb6; background-image: url(../images/btn_grad_blue_off.gif); background-repeat: repeat; background-position: 0 0; display: inline; margin: 1px 0; padding: 0 4px; width: auto; height: 20px; vertical-align: middle; border: double 3px #2e4b9b } .table-data-list a.button:hover { color: #fff; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 12px; text-decoration: none; background-color: #3c5eb6; background-image: url(../images/btn_grad_blue_on.gif); background-repeat: repeat-x; background-position: 0 0; display: inline; margin: 1px 0; padding: 0 4px; width: auto; height: 20px; vertical-align: middle; border: double 3px #2e4b9b } .table-data-list img { vertical-align: middle } .table-data-list tr.sub-header th { color: #fff; font-weight: bold; background-color: #6b88d4; background-image: none; background-repeat: repeat-x; background-position: 0 0; text-align: left; white-space: nowrap; margin: 0; padding: 3px 3px 3px 6px; border-right: 1px solid #fff } .table-data-list tr.sub-header td { color: #fff; font-weight: bold; background-color: #6b88d4; background-image: none; background-repeat: repeat-x; background-position: 0 0; text-align: left; white-space: nowrap; margin: 0; padding: 3px 3px 3px 6px; border-right: 1px solid #fff } .table-data-list tr.sub-header td a {color: #fff;} .table-data-list tr.sub-header td a:hover {color: #fff;} /* */ .table-form-multirow { margin: 5px 0 0; padding: 0; width: 95%; border-width: 0 } .table-form-multirow th { color: #fff; font-weight: bold; background-image: url(../images/blueline.gif); background-repeat: repeat-x; background-position: 0 0; text-align: left; text-transform: none; white-space: nowrap; margin: 0; padding: 3px 3px 3px 6px; border-right: 1px dotted #fff } .table-form-multirow td { text-align: left; margin: 0; padding: 0; vertical-align: top } .table-form-multirow td.label { color: #333; font-weight: normal; background-color: #edf3fe; text-align: left; white-space: nowrap; margin: 0; padding: 3px 2px 0 6px; width: 25%; vertical-align: top; border-bottom: 1px solid #fff } .table-form-multirow td.contents { color: #333; background-color: #fff; text-align: left; white-space: nowrap; margin: 0; padding: 0 0 1px; vertical-align: top; border-right: 4px solid #dae0ea; border-bottom: 1px solid #d9d9d9; border-left: 0 none } .table-form-multirow input { color: #333333; margin-right: 3px; padding-top: 0; padding-bottom: 0; vertical-align: middle } .table-form-multirow input.highlight { font-weight: bold } .table-form-multirow textarea { color: #333333; font-family: Arial; margin-right: 3px; padding-top: 0; padding-bottom: 0; vertical-align: middle; overflow-y: scroll } .table-form-multirow select { color: #333333; margin-right: 3px; padding-top: 0; padding-bottom: 0; vertical-align: middle } .table-form-multirow tr.tablebreak td hr { display: block; margin: 0; padding: 0; height: 1px; clear: both; border-style: dashed none none; border-width: 1px 0 0; border-color: #c0c0c0 } .table-form-multirow tr.tablebreak td { line-height: 1; margin: 0; padding: 0; height: 1px } .table-form-multirow tr.sum td { color: #333; font-weight: bold; background-color: #fff; border-bottom: 4px solid #dae0ea; border-left: 2px solid #fff } .table-form-multirow .header { color: #696969; font-weight: bold; margin: 0; padding: 3px 0 3px 10px; width: 100%; border: solid 0 #edf3fe } .table-form-multirow table td { margin: 0; padding: 0 } .table-form-multirow img { vertical-align: middle } /* */ .table-data-multirow { margin: 5px 0 0; padding: 0; width: 95%; border-width: 0 } .table-data-multirow th { color: #fff; font-weight: bold; background-image: url(../images/blueline.gif); background-repeat: repeat-x; background-position: 0 0; text-align: left; text-transform: none; white-space: nowrap; margin: 0; padding: 3px 3px 3px 6px; border-right: 1px dotted #fff } .table-data-multirow tr.top th { color: #a9a9a9; font-weight: bold; background-color: #fff; background-image: none; background-position: 0 0; text-align: left; text-transform: none; white-space: nowrap; margin: 0; padding: 3px 3px 3px 6px; border-style: solid none none dotted; border-width: 1px 0 0 1px; border-color: #d3d3d3 } .table-data-multirow td { text-align: left; margin: 0; padding: 0; vertical-align: top } .table-data-multirow td.label { color: #333; font-weight: normal; background-color: #edf3fe; text-align: left; white-space: nowrap; margin: 0; padding: 2px 2px 2px 6px; width: 25%; vertical-align: top; border-bottom: 1px solid #fff } .table-data-multirow td.contents { color: #333; background-color: #fff; text-align: left; white-space: nowrap; margin: 0; padding: 2px 6px; vertical-align: top; border-right: 4px solid #dae0ea; border-bottom: 1px solid #d9d9d9; border-left: 0 none } .table-data-multirow input { color: #333333; margin-right: 3px; vertical-align: middle } .table-data-multirow input.highlight { font-weight: bold } .table-data-multirow textarea { color: #333333; font-family: Arial; margin-right: 3px; vertical-align: middle; overflow-y: scroll } .table-data-multirow select { color: #333333; margin-right: 3px; vertical-align: middle } .table-data-multirow tr.tablebreak td hr { display: block; margin: 0; padding: 0; height: 1px; clear: both; border-style: dashed none none; border-width: 1px 0 0; border-color: #c0c0c0 } .table-data-multirow tr.tablebreak td { margin: 0; padding: 0; height: 1px } .table-data-multirow tr.sum td { color: #333; font-weight: bold; background-color: #fff; border-bottom: 4px solid #dae0ea; border-left: 2px solid #fff } .table-data-multirow .header { color: #696969; font-weight: bold; margin: 0; padding: 3px 0 3px 10px; width: 100%; border: solid 0 #edf3fe } .table-data-multirow table td { margin: 0; padding: 0 } .table-data-multirow img { vertical-align: middle } /* */ table.page-navigation { margin: 10px 0 0; padding: 0; width: 95%; border-width: 0 } table.page-navigation a { color: #3c5eb6; line-height: 150%; text-decoration: none; margin: 0; padding: 0 3px; border: solid 1px #dcdcdc } table.page-navigation a:hover { color: #3c5eb6; text-decoration: none; margin: 0; padding: 0 3px; border: solid 1px } table.page-navigation a.on { color: #fff; text-decoration: none; background-color: #3c5eb6; margin: 0; padding: 0 3px; border: solid 1px #3c5eb6 } table.page-navigation a.on:hover { color: #fff; text-decoration: none; background-color: #3c5eb6; margin: 0; padding: 0 3px; border: solid 1px #3c5eb6 } table.page-navigation a.button { color: #808080; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 16px; text-decoration: none; background-color: #d1d1d1; background-image: url(../images/btn_grad_grey_off.gif); background-repeat: repeat-x; background-position: 0 0; margin: 1px 0; padding: 1px 4px 2px; width: auto; vertical-align: middle; border: solid 1px #a9a9a9 } table.page-navigation a.button:hover { color: #808080; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 16px; text-decoration: none; background-color: #fff; background-image: url(../images/btn_grad_grey_on.gif); margin: 1px 0; padding: 2px 4px; width: auto; vertical-align: middle; border: solid 1px #a9a9a9 } table.page-navigation input { color: #696969; font-size: 11px; background-color: #fff; margin: 0; vertical-align: middle; border: solid 1px #a9a9a9 } table.page-navigation select { color: #696969; font-size: 11px; background-color: #fff; margin: 0; vertical-align: middle; border: solid 1px #a9a9a9 } table.page-navigation td { color: #696969; white-space: nowrap; margin: 0; padding: 0 10px 0 5px; height: 20px; vertical-align: middle; border-width: 0 } table.page-navigation td.colleft { text-align: left } table.page-navigation td.colright { text-align: right } /* */ #actionfiler-tab-container { color: #696969; font-size: 10px; font-weight: bold; line-height: 12px; background-color: #e7edf8; text-align: left; text-transform: uppercase; white-space: nowrap; display: block; margin: 0; padding: 1px 0 0 20px; height: 23px; border: solid 0 #dcdcdc } #actionfiler-tab-container a { color: #3c5eb7; font-size: 10px; font-weight: normal; line-height: 24px; text-decoration: none; background-image: none; background-repeat: repeat-x; background-position: 0 0; text-align: center; margin: 0; padding: 3px 7px; position: relative; top: 3px; border-style: solid; border-width: 0; border-color: #fff #fff #d3d3d3 } #actionfiler-tab-container a:hover { color: #3c5eb6; font-size: 10px; font-weight: normal; line-height: 24px; text-decoration: none; background-color: #fff; background-image: none; text-align: center; margin: 0; padding: 3px 7px; position: relative; top: 3px; border-style: solid; border-width: 0; border-color: #d3d3d3 #d3d3d3 #fff } #actionfiler-tab-container a.on { color: #3c5eb6; font-size: 10px; font-weight: bold; line-height: 24px; text-decoration: none; background-color: #fff; background-image: none; text-align: center; margin: 0; padding: 3px 7px; position: relative; top: 3px; border-style: solid; border-width: 0; border-color: #d3d3d3 #d3d3d3 #fff } #actionfiler-tab-container a.on:hover { color: #3c5eb6; font-size: 10px; font-weight: bold; line-height: 24px; text-decoration: none; background-color: #fff; background-image: none; text-align: center; margin: 0; padding: 3px 7px; position: relative; top: 3px; border-style: solid; border-width: 0; border-color: #d3d3d3 #d3d3d3 #fff } #actionfiler-tab-container a.new { color: #3c5eb6; font-size: 10px; font-weight: normal; line-height: 12px; text-decoration: none; background-color: #fff; background-image: url(../images/btn_grad_lgtblue.gif); text-align: center; margin: 0 0 0 20px; padding: 1px 10px; position: relative; top: 0; border: solid 1px #fff } #actionfiler-tab-container a.new:hover { color: #3c5eb6; font-size: 10px; font-weight: normal; line-height: 12px; text-decoration: none; background-color: #fff; background-image: none; text-align: center; margin: 0 0 0 20px; padding: 1px 10px; position: relative; top: 0; border: solid 1px #fff } #actionfiler-tab-container .tab-spacer { font-size: 1px; line-height: 1px; display: block; margin: 0; padding: 0; width: 650px; height: 0; border-width: 0; border-collapse: collapse } #actionfiler-tab-container .tab-left { float: left } #actionfiler-tab-container .tab-right { font-size: 10px; line-height: 10px; background-image: url(../images/btn_grad_lgtblue.gif); margin: 0; padding: 0 5px; position: relative; top: 0; float: right; vertical-align: middle; border-left: 1px solid #fff } #actionfiler-tab-container .field-search { color: #696969; font-size: 11px; background-color: #fff; text-align: left; margin: 1px 0 0; padding: 1px 0 1px 2px; vertical-align: top; border: solid 1px silver } #actionfiler-tab-container a.button-search { color: #808080; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 16px; text-decoration: none; background-color: #d1d1d1; background-image: url(../images/btn_grad_grey_off.gif); background-repeat: repeat-x; background-position: 0 0; margin: 1px 0; padding: 1px 4px 2px; width: auto; vertical-align: middle; border: solid 1px #a9a9a9 } #actionfiler-tab-container a.button-search:hover { color: #808080; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 16px; text-decoration: none; background-color: #fff; background-image: url(../images/btn_grad_grey_on.gif); margin: 1px 0; padding: 2px 4px; width: auto; vertical-align: middle; border: solid 1px #a9a9a9 } /* */ #actionfiler-listing-container { background-color: white; background-position: 12px 0; display: block; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 100%; border-style: solid; border-width: 0 1px; border-color: #dcdcdc } #actionfiler-listing-container select { color: #696969; font-size: 11px; background-color: #fff; vertical-align: middle; border: solid 1px silver } /* */ #actionfiler-selection-container { background: white url(../images/line_elbow.gif) no-repeat fixed 12px 50px; display: block; margin: 0; padding: 12px 0 12px 30px; border-width: 0 } /* */ #actionfiler-header-container { background-color: #fff; display: block; margin: 0; padding: 0; border-style: solid; border-width: 0 0 1px; border-color: #d3d3d3 } #actionfiler-header-container table { margin: 0; padding: 0; width: 100%; border-collapse: collapse } #actionfiler-header-container tr { } #actionfiler-header-container td { color: #fff; font-weight: bold; background-color: #f5f5f5; background-image: url(../images/blueline.gif); background-repeat: repeat; background-position: 0 0; text-align: left; text-transform: uppercase; margin: 0; padding: 3px 0 3px 6px; border-bottom: medium none #fff } #actionfiler-header-container td.column-choice { background: #fff url(../images/line.gif) no-repeat fixed 12px 0; text-align: center; padding: 0; width: 25px } #actionfiler-header-container td.column-1 { width: 85px; border-top: 1px solid #dcdcdc; border-left: 1px solid #d3d3d3 } #actionfiler-header-container td.column-2 { width: 280px; border-top: 1px solid #dcdcdc; border-left: 1px solid #d3d3d3 } #actionfiler-header-container td.column-3 { width: 60px; border-top: 1px solid #dcdcdc; border-left: 1px solid #d3d3d3 } #actionfiler-header-container td.column-4 { border-top: 1px solid #dcdcdc; border-left: 1px solid #d3d3d3 } #actionfiler-header-container td a { color: white; text-decoration: none } #actionfiler-header-container td a:hover { color: white; font-size: 10px; text-decoration: underline } /* */ #actionfiler-contents-container { background-color: #fff; display: block; margin: 0; padding: 0; height: 200px; overflow: auto; border-style: solid; border-width: 0 0 1px; border-color: #dcdcdc; overflow-x: none; overflow-y: scroll } #actionfiler-contents-container table { margin: 0; padding: 0; width: 100%; border-collapse: collapse } #actionfiler-contents-container td { text-align: left; margin: 0; padding: 3px 0 3px 6px; border-style: solid solid solid dotted; border-width: 1px 0 1px 1px; border-color: #fff #dcdcdc #dcdcdc } #actionfiler-contents-container td.column-choice { text-align: center; padding: 0; width: 25px; border-left: medium none } #actionfiler-contents-container td.column-1 { width: 85px } #actionfiler-contents-container td.column-2 { width: 280px } #actionfiler-contents-container td.column-3 { width: 60px } #actionfiler-contents-container td.column-4 { width: auto } #actionfiler-contents-container tr { background-color: white; margin: 0; padding: 0 } #actionfiler-contents-container tr.even { background-color: #edf3fe } #actionfiler-contents-container tr.odd { background-color: #fff } #actionfiler-contents-container tr.on { background-color: #fefbea } /* */ #actionfiler-contents-container td a { color: #3c5eb6; font-family: Arial; text-decoration: none } #actionfiler-contents-container td a:hover { color: #3c5eb6; font-family: Arial; text-decoration: underline } /* css for creating a tool bar above a form table */ #action-tool-bar { background-image: url(../images/line_elbow.gif); background-repeat: no-repeat; background-position: 12px 10px; display: block; margin: 0 0 3px; padding: 0 0 0 30px; height: 28px; } #action-tool-bar select { color: #696969; font-size: 11px; text-align: left; vertical-align: middle } #action-tool-bar a.button { } #action-tool-bar a.button:hover {} td.action-column input { margin: 0; padding: 0; vertical-align: middle } td.action-column { text-align: center; margin: 0; padding: 0 } #action-tool-bar img { vertical-align: middle;} #action-tool-bar a { text-decoration: none;} #action-tool-bar a:hover { text-decoration: underline;} /* css for creating links in upper right of the page */ #tools-navigation-left { color: #808080; text-align: left; white-space: nowrap; display: block; margin: 0 0 6px 0; padding: 2px 20px 2px 0; border: solid 0 #dcdcdc } #tools-navigation-left img { vertical-align: middle } #tools-navigation-left a { text-decoration: none; background-color: #fff; background-image: none; background-position: left bottom; text-align: left; display: inline; float: none; vertical-align: middle } #tools-navigation-left a:hover { text-decoration: underline; background-color: #fff; background-image: none; background-position: left bottom; text-align: left; display: inline; float: none; vertical-align: middle } #tools-navigation-right { color: #808080; text-align: right; white-space: nowrap; margin-top: 0; margin-right: 0; margin-bottom: 6px; padding: 2px 0 2px 20px; float: right; border: solid 0 #dcdcdc } #tools-navigation-right img { vertical-align: middle } #tools-navigation-right a { text-decoration: none; background-color: #fff; background-image: none; background-position: left bottom; text-align: left; display: inline; float: none; vertical-align: middle } #tools-navigation-right a:hover { text-decoration: underline; background-color: #fff; background-image: none; background-position: left bottom; text-align: left; display: inline; float: none; vertical-align: middle } /* */ #skipNavigation { color: #c0c0c0; font-size: 10px; font-family: Arial; line-height: 13px; text-align: right; display: block; margin: 0; padding: 6px 10px; border-style: none } #skipNavigation a { color: #2b5692; font-size: 10px; font-family: Verdana; line-height: 13px; text-decoration: none; text-transform: uppercase; vertical-align: middle } #skipNavigation a:hover { color: #e9a531; font-size: 10px; font-family: Verdana; line-height: 13px; text-decoration: none; text-transform: uppercase; vertical-align: middle } #skipNavigation a:active { color: #e9a531; font-size: 10px; font-family: Verdana; line-height: 13px; text-decoration: none; text-transform: uppercase; vertical-align: middle } /* css for tab toggle to expand /collapse the Left Navigation*/ #tab-toggle img#toggle-tab-image { text-align: left; display: inline; margin: 0; padding: 0; clear: both; vertical-align: top; border: 0 } #tab-toggle a { margin: 0; padding: 0; border-width: 0 } #tab-toggle a:hover { margin: 0; padding: 0; border-width: 0 } .position-default {position: absolute; z-index: 100; top: 120px; left: 184px; } .position-hide {position: absolute; z-index: 100; top: 120px; left: 184px; } .position-show {position: absolute; z-index: 100; top: 120px; left: 0px; } /* */ .show { display: block; } .hide { display: none; } .visible { visibility: visible; } .hidden { visibility: hidden; } /* */ .icondisplay { background-color: #fff; margin: 0; padding: 10px 10px 10px 0 } .icondisplay img { margin: 10px 0 0; padding: 0 0 0 0; vertical-align: middle } /* */ .scroll-box-header { color: #696969; display: block; margin: 0; padding: 0; width: 100% } .scroll-box-body { color: #696969; display: block; margin: 0; padding: 3px 0 0; width: 100%; height: 125px; clip: auto; border-style: solid; border-width: 1px 1px 3px; border-color: #d3d3d3; overflow-y: scroll } .scroll-box-header table, .scroll-box-body table { width: 100% } .scroll-col-1 { text-align: left; width: 65px; vertical-align: top } .scroll-col-2 { text-align: left; vertical-align: top } .scroll-box-header td { color: #696969; font-weight: bold; text-align: left; margin: 0; padding: 2px 0 2px 6px } .scroll-box-body td { color: #696969; text-align: left; margin: 0; padding: 2px 0 2px 6px } .scroll-box-body td a { text-decoration: none } .scroll-box-body td a:hover { text-decoration: underline } /* -- test style for provider applications -- */ .table-application { background-image: url(../images/glass_grey.jpg); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; border-style: solid none none; border-width: 0 0 0; border-color: #dcdcdc } .table-application .app-header { font-weight: bold; background-position: 0 0; display: block; margin: 0; padding: 3px; border: solid 0 #fff } .table-application .app-description { font-weight: bold } .table-application th {} .table-application th a {} .table-application th a:hover {} .table-application tr.top th { color: #a9a9a9; font-size: 11px; font-weight: bold; background-color: #fff; background-image: none; background-position: 0 0; text-align: left; text-transform: none; white-space: nowrap; margin: 0; padding: 3px 3px 3px 6px; border-style: solid none none dotted; border-width: 1px 0 0 1px; border-color: #d3d3d3 } .table-application td { color: #333; background-position: 0 0; text-align: left; margin: 0; padding: 4px 3px 4px 6px; vertical-align: top; border-style: solid solid solid none; border-width: 5px 0 1px; border-color: #fff #fff #d3d3d3 } .table-application td.go { text-align: right; margin: 0; padding: 0 6px 10px; width: 50px; vertical-align: bottom } .table-application td.go a.button { color: #fff; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 12px; text-decoration: none; background-color: #3c5eb6; background-image: url(../images/btn_grad_blue_off.gif); background-repeat: repeat-x; background-position: 0 0; display: inline; margin: 0; padding: 1px 4px 3px; width: auto; vertical-align: middle; border: solid 1px #2e4b9b } .table-application td.go a.button:hover { color: #fff; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 12px; text-decoration: none; background-color: #fff; background-image: url(../images/btn_grad_blue_on.gif); background-repeat: repeat-x; background-position: 0 -3px; display: inline; margin: 0; padding: 1px 4px 3px; width: auto; vertical-align: middle; border: solid 1px #2e4b9b } .table-application td.top { font-size: 1px; margin: 0; padding: 0; height: 16px; border-top: 1px solid #f5f5f5; border-right: 0; border-bottom: 1px solid #dcdcdc; border-left: 0 } .table-application td.highlight { font-weight: bold } .table-application td a { color: #3c5eb6; text-decoration: none } .table-application td a:hover { color: #3c5eb6; font-family: Arial; text-decoration: underline } .table-application td.td-spacer { width: 20px } .table-application tr {} .table-application tr.even { } .table-application tr.odd {} .table-application tr.on { background-color: #fefbea} .table-application tr.sum td { color: #333; font-weight: bold; background-color: #fff; border-bottom: solid 4px #DAE0EA; border-left: solid 2px #fff} .table-application input { color: #333333; font-size: 13px; margin-right: 3px; padding-top: 0; padding-bottom: 0; height: 20px; vertical-align: middle } .table-application select { color: #333333; font-size: 11px; margin-right: 3px; padding-top: 0; padding-bottom: 0; height: 20px; vertical-align: middle } /* -- tool tips -- */ .tooltip { text-align: left; margin: 0; padding: 0; width: 300px } .tooltip span.position1 { color: #333; font-size: 11px; font-family: Arial; font-style: normal; font-weight: normal; line-height: 120%; background: url(../images/bt.gif) no-repeat 0 top; padding: 25px 6px 0 10px; z-index: 100 } .tooltip span.position2 { color: #333; font-size: 11px; font-family: Arial; font-style: normal; font-weight: bold; line-height: 120%; background: url(../images/bt.gif) no-repeat 0 center; padding: 3px 6px 0 10px; z-index: 200 } .tooltip span.position3 { color: #333; font-size: 11px; font-family: Arial; font-style: normal; font-weight: normal; line-height: 120%; background: url(../images/bt.gif) no-repeat 0 bottom; padding: 3px 6px 15px 10px; z-index: 300 } /* -- -- */ .legal_agreement { background-color: #fff; margin: 5px 0 15px; padding: 20px 30px 30px; border-style: solid; border-width: 1px 1px 1px 20px; border-color: #d4d5e9 } .legal_agreement p { color: #333 } .legal_agreement ol { font-family: Arial; text-align: left; list-style-type: decimal; list-style-image: none; margin: 10px 15px 10px 18px; padding: 0; position: relative; clear: both; vertical-align: top; } .legal_agreement ul { text-align: left; list-style-image: none; margin: 10px 15px 10px 18px; padding: 0; position: relative; clear: both; vertical-align: top; } .legal_agreement ul li { color: #333; font-size: 11px; font-family: Arial; line-height: 13px; list-style-image: url(../images/dot.gif); margin: 0; padding: 0 0 4px } .legal_agreement ol li { color: #333; font-size: 11px; font-family: Arial; line-height: 13px; list-style-image: none; margin: 0; padding: 0 0 4px } /* -- -- */ .scroll-box-legal { color: #696969; display: block; margin: 0; padding: 20px; height: 350px; clip: auto; border-style: solid; border-width: 1px 1px 1px 15px; border-color: #d4d5e9; overflow-y: scroll } .scroll-box-legal a { text-decoration: underline } .scroll-box-legal a:hover { text-decoration: none } /* */ #page-tools { margin-top: 10px; margin-bottom: 10px } #page-tools a { text-decoration: none } #page-tools a:hover { text-decoration: underline } /* */ dl#faqs { margin: 0 0 15px; padding: 0 } dl#faqs dt { font-weight: bold; margin: 15px 0 0; padding: 0 } dl#faqs dd { margin: 4px 0 0; padding: 2px 0 2px 6px; border-left: 4px solid #dcdcdc } / /* Thickbox Start */ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ /* *{padding: 0; margin: 0;} CV hid this because it affects li and ol objects*/ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { color: #000000; background: #ffffff; text-align: left; display: none; margin: 0; padding: 0; position: fixed; z-index: 102; top: 50%; left: 50%; border: solid 4px #525252 } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow { padding: 11px 25px 10px 0; height: 25px; float: right } #TB_closeAjaxWindow { text-align: right; margin-bottom: 1px; padding: 5px 10px 5px 0; float: right } #TB_ajaxWindowTitle { margin-bottom: 1px; padding: 7px 0 5px 10px; float: left } #TB_title { background-color: #e8e8e8; height: 30px } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } /* added close button background - cv */ a#TB_closeWindowButton { color: #e09a5f; font-size: 1px; text-decoration: none; background-image: url(../images/close.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; margin: 0; padding: 0; width: 67px; height: 21px } a#TB_closeWindowButton:hover { text-decoration: none } /* Thickbox End */ /* ----------------------------------------------------------------------------------------------------------------*/ .page-break { display: block; margin: 40px 0px 40px 0px; padding: 6px 6px 6px 6px; clear: both; background-color: #f5f5f5; text-align: center; color: #999999; text-transform: uppercase; } .help_subject { color: #fff; font-weight: bold; line-height: 16px; background-color: #607dc9; background-image: url(https://egateway5.bcbsm.com/http://egatewaycommonprd6.bcbsm.com:6184/registration5/images/blueline.gif); background-repeat: repeat-x; display: block; margin: 20px 0 10px; padding: 3px 6px } .help_question { font-weight: bold; display: block; margin: 0 20px 10px 10px; padding: 0 } .help_answer { display: block; margin: 0 20px 20px 40px; padding: 0 } .ErrorClass { background-color: #ff0 } /* */ table.product-list { margin: 5px 0 0; padding: 0; width: 450px; border-width: 0; border-collapse: collapse } table.product-list th { color: #fff; font-weight: bold; background-image: url(../images/blueline.gif); background-repeat: repeat-x; background-position: 0 0; text-align: left; text-transform: none; white-space: nowrap; margin: 0; padding: 3px 3px 3px 6px; border-right: 1px dotted #fff } table.product-list th a { color: #fff; text-decoration: none } table.product-list th a:hover { color: #fff; font-family: Arial; text-decoration: underline } table.product-list tr.top th { color: #a9a9a9; font-weight: bold; background-color: #fff; background-image: none; background-position: 0 0; text-align: left; text-transform: none; white-space: nowrap; margin: 0; padding: 3px 3px 3px 6px; border-style: solid none none dotted; border-width: 1px 0 0 1px; border-color: #d3d3d3 } table.product-list td { color: #333; text-align: left; margin: 0; padding: 12px 6px; vertical-align: top; border-style: solid solid solid dotted; border-width: 0 0 1px; border-color: #fff #dcdcdc #dcdcdc } table.product-list td img { float: right } table.product-list td.highlight { font-weight: bold } table.product-list td a { color: #3c5eb6; text-decoration: none } table.product-list td a:hover { color: #3c5eb6; font-family: Arial; text-decoration: underline } table.product-list td ul { margin: 0 0 0 14px; padding: 0 } table.product-list td ul li { font-size: 11px } table.product-list td .smalltxt { color: #696969; font-size: 11px; display: block; margin: 4px 0 0; padding: 0 } /* */ .callout-box { background-image: url(../images/callout_grey_bottom.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 bottom; display: block; margin: 0 0 20px 20px; padding: 0; z-index: 0; width: 206px; float: right; clear: both } .callout-box .callout-box-container { background-image: url(../images/callout_grey_top.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 top; margin: 0; padding: 0; z-index: 10; width: 206px } .callout-box .content { margin: 0; padding: 30px 20px } ul.callout-box-list { margin: 0; padding: 0 } ul.callout-box-list li { font-weight: bold; list-style-type: none; margin: 0 0 6px; padding: 0 } ul.callout-box-ul { margin: 12px 0 12px 20px; padding: 0 } /* */ .callout-box-wide { background-image: url(../images/callout_wide_grey_bottom.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 bottom; display: block; margin: 0 0 20px 20px; padding: 0; z-index: 0; width: 300px; float: right; clear: both } .callout-box-wide .callout-box-container { background-image: url(../images/callout_wide_grey_top.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 top; margin: 0; padding: 0; z-index: 10; width: 300px } .callout-box-wide .content { margin: 0; padding: 30px 20px } /* .thumbnail {} .thumbnail img.thumbnail_large { visibility: hidden; position: absolute; border: solid 1px #a9a9a9 } .thumbnail a:hover img.thumbnail_large {visibility:visible;} */ .thumbnail {} .thumbnail .thumbnail_small { background: #f5f5f5 url(../images/view_larger.gif) no-repeat center; text-align: left; cursor: pointer; margin: 0 16px 0 0; padding: 5px 5px 18px; float: left; vertical-align: top; border: dotted 1px #dcdcdc } .thumbnail .thumbnail_large { background-color: #f5f5f5; visibility: hidden; padding: 5px; position: absolute; border: solid 0 #d3d3d3 } .thumbnail. thumbnail_large {visibility:visible;} .thumbnail .th /* -- -- */ #externalpop { font-size: 12px; line-height: 17px; background-color: #fff; margin: 0; padding: 0; width: 300px; height: 180px; border: solid 0 #d3d3d3 } #externalpop #externalpop-container { margin: 6px 6px 0; padding: 0 } #externalpop hr { margin-top: 0; margin-bottom: 0; padding: 4px 0 } #externalpop p {font-size: 12px; line-height: 17px;}