/* CSS Document */ body { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: .7em; color: #404d5f; text-align: center; } body.popUpBg { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: .7em; color: #404d5f; background:url(../images/stripe_bg.gif) top left repeat; text-align: center; } #container { width: 1005px; padding: 0px; margin: 0px auto; text-align: left; } img.stripeBorder { margin: 0px 0px 10px 15px; } .floatLeft { float: left; } .floatRight { float: right; } /* IE 5 font size fix :: START */ table th { font-size: 11px; } table td { font-size: 11px; } /* IE 5 font size fix :: END */ .greenTxt { color: #02af2f; } .redTxt { color: #f10f0f; } .blueText { color: #00579a; } .errorText { color: #FF0000; } .whiteText { color: #FFFFFF; } /*============ HEADER :: START ===========*/ #header { width: 1005px; height: 70px; padding: 0px; margin: 0px; } #logo { float: left; padding: 10px 0px 0px 10px; margin: 0px;; margin-bottom: -4px } #utilityNav { float: right; clear: right;} #utilityNav ul { padding: 10px 10px 0px 0px; margin: 0px; } #utilityNav li { padding: 0px 0px 0px 15px; margin: 0px 0px 0px 15px; list-style-type: none; float: left; color: #404d5f; font-weight: bold; } #utilityNav li.profiles { background: url(../images/folderIcon.gif) 0px 2px no-repeat; } #utilityNav li.tutorials { background: url(../images/dashedIcon.gif) 0px 2px no-repeat; } #utilityNav li.help { background: url(../images/noteIcon.gif) 0px 2px no-repeat; } #utilityNav li.logout { background: url(../images/closeIcon.gif) 0px 2px no-repeat; } #utilityNav li a { color: #404d5f; text-decoration: none; } #utilityNav li a:hover { color: #999; } #changeCountry { float: right; clear: right; white-space: nowrap; } #changeCountry p { padding: 8px 10px 0px 0px; margin: 0px; } #changeCountry a { color: #00579a; text-decoration: underline; } #changeCountry a:hover { text-decoration: none; } #changeLang { padding: 8px 10px 0px 0px; float: right; clear: right; white-space: nowrap; } #changeLang select { font-size: 1em; width: 150px; } #changeLang input { font-size: 1em; padding: 0px; margin: 0px; } /*============ HEADER :: END ===========*/ /*============ MAIN NAVIGATION :: START ===========*/ #mainNav { width: 1005px; } #mainNav ul { padding: 3px 0px 0px 20px; margin: 0px; float: left; clear: both; } #mainNav li { padding:0px; margin:0px 2px 0px 0px; list-style-type:none; float:left; background:url(../images/mainTabLeft.gif) top left no-repeat; } #mainNav li a { text-decoration: none; color: #00579a; padding: 6px 12px 4px 12px; margin: 0px; background: url(../images/mainTabRight.gif) top right no-repeat; display: block; } #mainNav li a:hover { text-decoration: underline; } #mainNav li.active { background: url(../images/mainTabLeftHover.jpg) top left no-repeat; } #mainNav li.active a { background: url(../images/mainTabRightHover.jpg) top right no-repeat; color: #fff; } #mainNav li.active a:hover { text-decoration: underline; } #changeLang { float: right; } #changeLang td { padding: 0px 10px 0px 0px; margin: 0px; } #changeLang select { font-size: 1em; width: 150px; } #changeLang input { font-size: 1em; padding: 0px; margin: 0px; } div.mainNavBlueBar { width: 1005px; height: 11px; background-color: #005192; padding: 0px; clear: both;; margin-right: 0px; margin-bottom: 0px; margin-top: -4px; margin-left: 0px } /*============ MAIN NAVIGATION :: END ===========*/ /*============ ERROR BOX :: START ===========*/ div.errorBox { float: left; width: 745px; padding: 10px; margin: 2px 0px 5px 10px; background: #fff url(../images/topBorder.gif) top left repeat-x; border-bottom: 1px solid #5e6d82; border-left: 1px solid #5e6d82; border-right: 1px solid #5e6d82; } /*============ ERROR BOX CONTENT :: END ===========*/ /*============ MAIN CONTENT :: START ===========*/ #mainContent { width: 993px; border: 1px solid #d1caad; background: url(../images/stripe_bg.gif) top left repeat; padding: 10px 10px 10px 0px; margin: 3px 0px 0px 0px; } #mainContent h1 { color: #00579a; font-size: 1.4em; padding: 0px 15px 10px 15px; margin: 0px; } /*============ LEFT COLUMN :: START ===========*/ #leftColClosed { width:26px; height:513px; background:url(../images/closedLeftBar.gif) top right no-repeat; padding:0px 0px 0px 10px; float:left; } #leftColClosed a { width: 26px; height: 26px; display: block; } #leftColOpen { width: 199px; margin: 0px; padding: 0px 0px 0px 10px; float: left; } div.leftColOpenHead { width: 199px; height: 19px; background: url(../images/openBarHead.gif) top left no-repeat; padding: 5px 0px 0px 5px; margin: 0px; } div.leftColOpenHead a.closeBtn { color:#404d5f; text-decoration:none; background:url(../images/closeCircle.gif) 0px 2px no-repeat; padding:3px 0px 3px 18px; margin:0px; } div.leftColOpenBody { width: 199px; height: 465px; background-color: #fff; padding: 8px 0px 0px 0px; margin: 4px 0px 0px 0px; } div.leftColOpenBody h1 { width: 183px; color: #00579a; font-size: 1.4em; padding: 0px 8px 8px 8px !important; margin: 0px; } div.leftColOpenBody p { width: 183px; padding: 0px 8px 8px 8px; margin: 0px; } div.leftColOpenBody table { margin: 0px 0px 0px 8px; padding: 0px; } div.leftColOpenBody td { padding: 0px 0px 5px 0px; margin: 0px; } div.leftColOpenBody a { color: #00579a; text-decoration: underline; } div.leftColOpenBody a:hover { text-decoration: none; } div.leftColOpenBody input.leftColInput { width: 173px; padding: 1px; font-size: .8em; color: #404d5f; } div.leftColOpenBody input.newProfileBtn { margin: 0px 10px 0px 0px; } div.leftColOpenFoot { width: 199px; height: 12px; background: url(../images/openBarFoot.gif) top left no-repeat; padding: 0px; margin: 0px; } /* this div is only used on the login page */ div.leftColOpen2 { width: 199px; margin: 0px; padding: 0px 0px 0px 10px; float: left; } div.leftColOpenHead2 { width: 199px; height: 9px; background: url(../images/openBarHead.gif) top left no-repeat; padding: 0px 0px 0px 5px; margin: 0px; } div.leftColOpenHead2 a.closeBtn { color:#404d5f; text-decoration:none; background:url(../images/closeCircle.gif) 0px 2px no-repeat; padding:3px 0px 3px 18px; margin:0px; } div.leftColOpenBody2 { width: 199px; height: 495px; background-color: #fff; padding: 0px; margin: 0px; } div.leftColOpenBody2 h1 { width: 183px; color: #00579a; font-size: 1.4em; padding: 0px 8px 8px 8px !important; margin: 0px; } div.leftColOpenBody2 p { width: 183px; padding: 0px 8px 8px 8px; margin: 0px; } div.leftColOpenBody2 table { margin: 0px 0px 0px 8px; padding: 0px; } div.leftColOpenBody2 td { padding: 0px 0px 5px 0px; margin: 0px; } div.leftColOpenBody2 a { color: #00579a; text-decoration: underline; } div.leftColOpenBody2 a:hover { text-decoration: none; } div.leftColOpenBody2 input.leftColInput { width: 173px; padding: 1px; font-size: .8em; color: #404d5f; } div.leftColOpenBody2 input.newProfileBtn { margin: 0px 10px 0px 0px; } div.leftColOpenFoot2 { width: 199px; height: 12px; background: url(../images/openBarFoot.gif) top left no-repeat; padding: 0px; margin: 0px; } /*============ LEFT COLUMN :: END ===========*/ /*============ SUB TABS :: START ===========*/ #subTabs { width: 765px; height: 25px; float: left; margin: 0px 0px 0px 10px; position: relative; z-index: 5; } #subTabs ul { padding: 0px; margin: 0px; } #subTabs li { background: url(../images/subTabRight.gif) top right no-repeat; padding: 0px; margin: 0px 5px 0px 0px; list-style-type: none; float: left; } #subTabs li a { background: url(../images/subTabLeft.gif) top left no-repeat; padding: 4px 14px 8px 14px; margin: 0px; text-decoration: none; display: block; color: #fff; font-weight: bold; } #subTabs li a:hover { text-decoration: underline; } #subTabs li.inactive { background: url(../images/mainTabLeft.gif) top left no-repeat; padding: 0px; margin: 1px 5px 0px 0px; } #subTabs li.inactive a { background: url(../images/mainTabRight.gif) top right no-repeat; text-decoration: none; color: #00579a; font-weight: bold; padding: 6px 14px 6px 14px; margin: 0px; } #subTabs li.inactive a:hover { text-decoration: underline; } #subTabs li.active { background: url(../images/subTabLeftActive.gif) top left no-repeat; padding: 0px; margin: 0px 5px 0px 0px; } #subTabs li.active a { background: url(../images/subTabRightActive.gif) top right no-repeat; text-decoration: none; color: #00579a; font-weight: bold; padding: 6px 14px 6px 14px; margin: 0px; } #subTabs li.active a:hover { text-decoration: underline; } #subTabs input { border: none; margin-right: 7px; } /*============ SUB TABS :: END ===========*/ /*============ CONTENT AREA :: START ===========*/ #contentArea { float: left; width: 765px; padding: 15px 0px 15px 0px; margin: 0px 0px 0px 10px; background: #fff url(../images/topBorder.gif) top left repeat-x; border-bottom: 1px solid #5e6d82; border-left: 1px solid #5e6d82; border-right: 1px solid #5e6d82; } #adminContentArea { float: left; width: 975px; padding: 15px 0px 15px 0px; margin: 0px 0px 0px 10px; background: #fff url(../images/topBorder.gif) top left repeat-x; border-bottom: 1px solid #5e6d82; border-left: 1px solid #5e6d82; border-right: 1px solid #5e6d82; } #contentArea h1, #adminContentArea h1 { color: #00579a; font-size: 1.4em; padding: 0px 15px 5px 15px; margin: 0px; } #contentArea h2, #adminContentArea h2 { color: #00579a; font-size: 1.2em; padding: 0px 15px 5px 0px; margin: 0px; } #contentArea h3, #adminContentArea h3 { color: #00579a; font-size: 1.2em; padding: 0px 15px 5px 15px; margin: 0px; } #contentArea h4 { color: #00579a; font-size: 1.2em; padding: 0px 0px 8px 0px; margin: 0px 0px 0px 15px; background: url(../images/stripeBorder.gif) bottom left repeat-x; width: 733px; display: block; } #adminContentArea h4 { color: #00579a; font-size: 1.2em; padding: 0px 0px 8px 0px; margin: 0px 0px 10px 15px; background: url(../images/stripeBorder.gif) bottom left repeat-x; width: 943px; display: block; } #contentArea h5, #adminContentArea h5 { color: #404d5f; font-size: 1.1em; padding: 0px 15px 10px 0px; margin: 0px; } #contentArea h6, #adminContentArea h6 { color: #00579a; font-size: 1.2em; padding: 0px 0px 8px 0px; margin: 0px 0px 10px 0px; background: url(../images/stripeBorder.gif) bottom left repeat-x; width: 710px; display: block; } #contentArea table.searchTable, #adminContentArea table.searchTable { margin: 0px 0px 0px 15px; padding: 0px; } #contentArea table.searchTable td, #adminContentArea table.searchTable td { padding: 0px 10px 0px 0px; } #contentArea p, #adminContentArea p { padding: 0px 15px 10px 15px; margin: 0px; } #contentArea a, #adminContentArea a { color: #00579a; text-decoration: underline; } #contentArea a:hover, #adminContentArea a:hover { text-decoration: none; } #contentArea form, #adminContentArea form { padding: 0px; margin: 0px; } #loginContentArea { width: 555px; height: 518px; float: right; padding: 0px; margin: 0px; background-color: #fff; border: 1px solid #5e6d82; } #loginContentArea h1 { color: #00579a; font-size: 1.4em; padding: 8px; margin: 0px; } div.grayBox535w { padding: 10px; margin: 0px 0px 30px 8px; border: 1px solid #ccc; width: 515px; } div.grayBox731w { padding: 10px; margin: 0px 0px 20px 15px; border: 1px solid #ccc; width: 713px; } div.grayBox933w { padding: 10px; margin: 0px 0px 20px 15px; border: 1px solid #ccc; width: 928px; } p.dashedList { padding: 5px 0px 0px 25px; margin: 0px; line-height: 150%; } p.rightArrow { color: #333 !important; background: url(../images/closeArrowRight.gif) 0px 5px no-repeat !important; padding: 5px 0px 10px 25px !important; margin: 0px 0px 0px 15px !important; width: 300px; } p.rightArrow select { color: #404d5f; font-size: 1em; padding: 0px; width: 220px; } a.rightArrow { color: #333 !important; background: url(../images/closeArrowRight.gif) center left no-repeat !important; text-decoration: underline; padding: 5px 0px 5px 25px; margin: 0px; } a.rightArrow:hover { text-decoration: none; } div.grayBar733w { width: 733px; height: 4px; background: url(../images/stripe_bg.gif) top left repeat-x; padding: 0px; margin: 0px 0px 15px 15px; } div.grayBar943w { width: 943px; height: 4px; background: url(../images/stripe_bg.gif) top left repeat-x; padding: 0px; margin: 0px 0px 15px 15px; } /*============ RELEVANCE BARS :: START ============*/ div.relevanceBar{ height:10px; width:35px; margin-top: 4px; border: solid #cccccc 1px; background: #f10f0f; overflow:hidden; float: left; } div.relevancePercent{ height: 100%; background: #02af2f; } /*============ RELEVANCE BARS :: END ============*/ /*============ PAGING NAVIGATION :: START ===========*/ div.paging { width: 733px; height: 30px; padding: 0px; margin: 10px 0px 0px 15px; } div.displayNav { float: left; padding: 15px 0px 0px 0px; } div.pagingNav { float: right; } div.pagingNav a { color: #8dafdd !important; font-weight: bold; text-decoration: none !important; } div.pagingNav a:hover { text-decoration: underline !important; } div.pagingNav a.active { color: #7a7d90 !important; font-weight: bold; text-decoration: none !important; } div.pagingNav a.active:hover { text-decoration: underline !important; } table.pagingTable { } table.pagingTable td { padding: 0px 0px 0px 5px; margin: 0px; } /*============ PAGING NAVIGATION :: END ===========*/ /*============ TABLE STYLES :: START ===========*/ table.searchProductTable { width: 708px; padding: 0px; margin: 0px 0px 0px 0px; } table.searchProductTable td { padding: 10px 0px 0px 0px; margin: 0px; } select.searchSelect { width: 215px; color: #404d5f; font-size: 1em; } input.searchTxtBox { width: 215px; padding: 1px; color: #404d5f; font-size: 1em; } input.searchBtn { padding: 0px; margin: 0px 18px 0px 0px; } table.queryTable { width: 708px; padding: 0px; margin: 0px 0px 10px 15px; } table.queryTable td { padding: 10px 0px 10px 0px; margin: 0px; } table.queryTable td select.searchSelect { width: 415px; color: #404d5f; font-size: 1em; } table.searchResultsTable { width: 733px; border: 1px solid #ccc; padding: 0px; margin: 0px 0px 0px 15px; } table.searchResultsTable th { border: 1px solid #fff; background-color: #5e6d82; color: #fff; padding: 5px 8px 5px 8px; } table.searchResultsTable td { border-top: 1px solid #ccc; padding-top: 5px; padding-bottom: 5px; } table.searchResultsTable td p { padding: 5px !important; } table.searchResultsTable2 { width: 733px; border: 1px solid #ccc; padding: 0px; margin: 0px 0px 0px 15px; } table.searchResultsTable2 th { border: 1px solid #fff; background-color: #015498; color: #fff; padding: 5px; } table.searchResultsTable2 td { border-top: 1px solid #ccc; padding: 5px; } table.searchResultsTable2 td p { padding: 3px !important; } table.searchResultsTable2 tr.alternateRow td { background-color: #ebe9ea; } table.blueHeaderTable { width: 723px; border: 1px solid #ccc; padding: 0px; margin: 10px 0px 10px 10px; } table.blueHeaderTable2 { width: 945px; border: 1px solid #ccc; padding: 0px; margin: 10px 0px 10px 15px; } table.blueHeaderTable th, table.blueHeaderTable2 th { border: 1px solid #fff; background-color: #015498; color: #fff; padding: 5px 8px 5px 8px; } table.blueHeaderTable td, table.blueHeaderTable2 td { border-top: 1px solid #ccc; padding: 5px 5px 5px 5px; } table.blueHeaderTable td p, table.blueHeaderTable2 td p { padding: 3px !important; } table.blueHeaderTable td a, table.blueHeaderTable2 td a { background: none !important; font-size: 1em !important; color: #00579a !important; padding: 0px 0px 0px 0px !important; margin: 0px !important; text-decoration: underline !important; } table.blueHeaderTable td a:hover, table.blueHeaderTable2 td a:hover { text-decoration: none !important; } table.blueHeaderTable td input, table.blueHeaderTable2 td input { color: #404d5f; font-size: 1em; } table.blueHeaderTable tr.alternateRow td, table.blueHeaderTable2 tr.alternateRow td { background-color: #ebe9ea; } table.numberedTable { margin: 0px 0px 0px 3px; } table.numberedTable td.number { padding: 0px 0px 0px 0px; margin: 0px; } table.numberedTable td.grayBorder { border: 1px solid #ccc; width: 603px; margin: 0px; } table.numberedTable td a { text-decoration: none !important; background: none !important; font-size: 12px !important; color: #00579a !important; padding: 5px 0px 0px 0px !important; margin: 0px; } table.numberedTable td a:hover { text-decoration: underline !important; } table.innerTable { width: 583px; padding: 0px; margin: 0px 0px 0px 10px; } table.innerTable td { padding: 0px; margin: 0px; } table.innerTable td.buttonTd { width: 30px; } table.formTable { padding: 0px; margin: 10px 10px 10px 13px; } table.formTable th.stripeTh { color: #00579a; text-align: left; padding: 0px 30px 5px 0px; } table.formTable th.stripeTh b { color: #00579a; width: 180px; padding: 0px 0px 5px 0px; display: block; background: url(../images/stripe_bg.gif) bottom left repeat-x; } table.formTable td { padding: 0px 10px 10px 0px; margin: 0px; } table.formTable td h2 { background: url(../images/stripeBorder.gif) bottom left no-repeat; width: 202px; } table.formTable td input.threeColField { color: #404d5f; font-size: 1em; padding: 1px; width: 212px; } table.formTable td input.fourColField { color: #404d5f; font-size: 1em; padding: 1px; width: 300px; } table.formTable td select.threeColField { color: #404d5f; font-size: 1em; padding: 0px; width: 220px; } table.formTable td select.twoColField { color: #404d5f; font-size: 1em; padding: 0px; width: 150px; } table.formTable td textarea.threeColField { color: #404d5f; font-size: 1em; padding: 1px; width: 212px; } table.formTable td input.fiveColField { color: #404d5f; font-size: 1em; padding: 1px; width: 130px; } table.formTable td input.submitBtn { font-size: 1em; padding: 1px 5px 1px 5px; } table.formTable td input.submitBtnBlue { font-size: 1em; padding: 1px 5px 1px 5px; color: #00579a; } table.formTable td a { background: none !important; font-size: 12px !important; color: #00579a !important; padding: 0px 0px 0px 0px !important; margin: 0px !important; text-decoration: underline !important; } table.formTable td a:hover { text-decoration: none !important; } table.uploadTable { padding: 0px; margin: 10px 0px 0px 10px; } table.uploadTable td { padding: 0px 8px 5px 0px; margin: 0px; } table.uploadTable td input.textBox { font-size: 1em; padding: 1px; color: #333; width: 212px; } table.uploadTable td input.submitBtn { font-size: 1em; padding: 1px 5px 1px 5px; } table.uploadTable td select { font-size: 1em; padding: 0px; color: #333; width: 220px; } /*============ TABLE STYLES :: END ===========*/ /*============ UNORDERED LIST STYLES :: START ===========*/ ul.grayBulletsUl { padding: 0px 5px 5px 5px; margin: 0px; } ul.grayBulletsUl li { padding: 0px 0px 0px 11px; margin: 0px; background: url(../images/grayBullet.gif) 0px 4px no-repeat; list-style-type: none; } ul.grayBulletsUl li a { color: #00579a; text-decoration: underline; } ul.grayBulletsUl li a:hover { text-decoration: none; } ul.plainList { padding: 0px 0px 10px 5px; margin: 0px; } ul.plainList li { padding: 0px 0px 5px 0px; margin: 0px; list-style-type: none; } ul.plainList li a { color: #00579a; text-decoration: underline; } ul.plainList li a:hover { text-decoration: none; } ol.productListing { padding: 0px; margin: 0px 0px 0px 18px; } ol.productListing li { padding: 0px 0px 5px 0px; margin: 0px; } ol.productListing li a { color: #00579a; text-decoration: underline; } ol.productListing li a:hover { text-decoration: none; } ul.selectedOptions { padding: 0px; margin: 0px 0px 0px 30px; clear: both; display: block; width: 730px; height: 25px; } ul.selectedOptions li { color: #404d5f; list-style-type: none; float: left; padding: 0px 15px 0px 0px; margin: 0px; } ul.selectedOptions li a { color: #404d5f text-decoration: underline; } ul.selectedOptions li a:hover { text-decoration: none; } /*============ UNORDERED LIST STYLES :: END ===========*/ /*============ BUTTONS :: START ===========*/ #actionButton { height: 25px; float: left; position: relative; z-index: 5; } #actionButton li { background: url(../images/subTabRight.gif) top right no-repeat; padding: 0px; margin: 0px 5px 0px 0px; list-style-type: none; float: left; } #actionButton li a { background: url(../images/subTabLeft.gif) top left no-repeat; padding: 4px 14px 8px 14px; margin: 0px; text-decoration: none; display: block; color: #fff; font-weight: bold; } #actionButton li a:hover { text-decoration: underline; } /*============ BUTTONS :: END ===========*/ /*============ BUTTON ALIGNMENT :: START ===========*/ div.buttonRow { width: 733px; margin: 10px 0px 10px 15px; } div.buttonRow2 { width: 713px; padding: 10px 0px 10px 15px; } div.buttonRow3 { width: 733px; height: 25px; padding: 0px 0px 0px 15px; } div.buttonRow3 input { float: right; } table.buttonRow { width: 733px; margin: 10px 0px 10px 15px; } table.buttonRow input { float: right; } table.buttonRow2 { width: 713px; padding: 10px 0px 10px 15px; } table.buttonRow2 input { float: right; } table.buttonRow3 { width: 733px; height: 25px; margin: 0px 0px 0px 15px; } table.buttonRow3 input { float: right; } div.buttonRowBorder { width: 733px; display: block; margin: 0px 0px 0px 15px; padding: 10px 0px 10px 0px; border-top: 1px solid #ccc; } div.buttonRowBorder p { padding: 0px !important; margin: 0px !important; } div.buttonRowBorder form { padding: 0px; margin: 0px; } div.buttonRowBorder input { padding: 0px; margin: 0px; } table.buttonRowBorder { width: 733px; margin: 10px 0px 0px 15px; border-top: 1px solid #ccc; } table.buttonRowBorder td { padding: 10px 0px 0px 0px; } table.buttonRowBorder p { padding: 0px !important; margin: 0px !important; } table.buttonRowBorder form { padding: 0px; margin: 0px; } table.buttonRowBorder input { padding: 0px; margin: 0px; } div.grayBoxButtonRow { width:705px; height:20px; display:block; margin:0px 0px 0px 5px; padding:0px 0px 10px 0px; } div.grayBoxButtonRow p { padding: 0px !important; margin: 0px !important; } div.grayBoxButtonRow input { padding: 1px 5px 1px 5px; margin: 0px; font-size: 1em; } div.outerButtonRow { float:left; width:975px; height:20px; display:block; margin:10px 10px 0px 10px; padding:0px 0px 0px 0px; } div.outerButtonRow p { padding: 0px !important; margin: 0px !important; } div.outerButtonRow input { padding: 1px 5px 1px 5px; margin: 0px; font-size: 1em; } /*============ BUTTON ALIGNMENT :: END ===========*/ /*============= Project page fix ==========*/ #actionButtonPP{ height:25px !important;margin:0px 0px 0px 10px !important;position:relative !important; z-index:5 !important; background: none !important;} #actionButtonPPul {padding: 0px !important;margin: 0px !important;background: none !important;border-bottom: 0 !important;} #actionButtonPPli { width:auto !important;background: url(../images/subTabRight.gif) top right no-repeat !important; padding: 0px !important; margin: 0px 5px 0px 0px !important; list-style-type: none !important; float: left !important; } #actionButtonPPlia { background: url(../images/subTabLeft.gif) top left no-repeat !important; padding: 4px 14px 8px 14px !important; margin: 0px !important; text-decoration: none !important; display: block !important; color: #fff !important; font-weight: bold !important; } #actionButtonPPlia:hover { text-decoration: underline !important; } /*============ EXPANDABLE / COLLAPSABLE TABS :: START ===========*/ #expandableTabs { padding: 0px; margin: 0px; } #expandableTabs ul.tabs { padding: 0px 10px 0px 10px; margin: 0px; } #expandableTabs ul.tabs li { width: 100%; background: url(../images/tabBg.gif) top left repeat-x; padding: 0px; margin: 0px 0px 18px 0px; list-style-type: none; } #expandableTabs ul.tabs li a.displayBlock { height: 22px; display: block; padding: 7px 0px 0px 28px; margin: 0px; color: #fff; font-size: 14px; text-decoration: none; background: url(../images/tabOpen.gif) top left no-repeat; } #expandableTabs ul.tabs li.over a.displayBlock { height: 22px; display: block; padding: 7px 0px 0px 28px; margin: 0px; color: #fff; font-size: 14px; text-decoration: none; background: url(../images/tabClose.gif) top left no-repeat; } #expandableTabs ul.tabs ul { padding: 0px !important; margin: 0px !important; background: url(../images/topBorder.gif) top right repeat-y; border-bottom: 2px solid #5e6d82; } #expandableTabs ul.tabs ul li { padding: 0px !important; margin: 0px; background: url(../images/topBorder.gif) bottom left repeat-y; } #expandableTabs ul.tabs ul li a.hide_link { position: absolute; left: -999px; } #expandableTabs ul.tabs ul li p { padding: 10px 0px 0px 10px; } /* SHOW AND HIDE TAB CONTENT :: START */ ul#navigation_left { } ul#navigation_left li.over { padding: 0px; margin: 0px 0px 18px 0px; } ul#navigation_left li.over ul { display: block; } ul#navigation_left li.over li.over { border-bottom: 1px solid #fff; } ul#navigation_left li ul { display: none; } ul#navigation_left li li { float: none; } /* SHOW AND HIDE TAB CONTENT :: END */ /*============ EXPANDABLE / COLLAPSABLE TABS :: END ===========*/ /*============ WIZARD BREADCRUMBS :: START ===========*/ #wizardBreadcrumbs table { width: 734px; border: 1px solid #ccc; margin: 0px 0px 15px 15px; padding: 0px; } #wizardBreadcrumbs td { background-color: #5e6d82; padding: 0px 0px 0px 10px; margin: 0px; } #wizardBreadcrumbs ul { padding: 0px; margin: 0px; } #wizardBreadcrumbs li { list-style-type: none; padding: 6px 15px 6px 20px !important; margin: 0px; float: left; } #wizardBreadcrumbs p { color: #fff; font-weight: bold; padding: 3px; } #wizardBreadcrumbs li.one { color: #aeb7c0; background: url(../images/circle-1.gif) center left no-repeat; padding: 2px 0px 2px 20px; margin: 0px; } #wizardBreadcrumbs li.one.active1 { color: #fff; background: url(../images/circle-1-hover.gif) center left no-repeat !important; padding: 2px 0px 2px 20px; margin: 0px; } #wizardBreadcrumbs li.two { color: #aeb7c0; background: url(../images/circle-2.gif) center left no-repeat; padding: 2px 0px 2px 20px; margin: 0px; } #wizardBreadcrumbs li.two.active2 { color: #fff; background: url(../images/circle-2-hover.gif) center left no-repeat !important; padding: 2px 0px 2px 20px; margin: 0px; } #wizardBreadcrumbs li.three { color: #aeb7c0; background: url(../images/circle-3.gif) center left no-repeat; padding: 2px 0px 2px 20px; margin: 0px; } #wizardBreadcrumbs li.three.active3 { color: #fff; background: url(../images/circle-3-hover.gif) center left no-repeat !important; padding: 2px 0px 2px 20px; margin: 0px; } /*============ WIZARD BREADCRUMBS :: END ===========*/ /*============ PURPLE TABS :: START ===========*/ #purpleTabs { width: 900px; float: left; margin: 0px 0px 15px 15px; padding: 0px; } #purpleTabs ul { padding: 0px; margin: 0px; } #purpleTabs li { list-style-type: none; padding: 6px 15px 6px 13px !important; margin: 0px 10px 0px 0px; float: left; background-color: #5e6d82; border: 1px solid #ccc; color: #fff; } #purpleTabs li a { color: #fff; text-decoration: none; background: url(../images/ArrowRightSm.gif) 0px 1px no-repeat; padding: 2px 0px 2px 23px; } #purpleTabs li a:hover { text-decoration: underline; } #purpleTabs li.active { color: #fff; background-color: #7e8ea5; padding: 6px 15px 6px 13px !important; margin: 0px 10px 0px 0px; } #purpleTabs li.active a { color: #fff; text-decoration: none; background: url(../images/activeArrowRightSm.gif) 0px 1px no-repeat; padding: 2px 0px 2px 23px; } #purpleTabs li.active a:hover { text-decoration: underline; } /*============ PURPLE TABS :: END ===========*/ /*============ CONTENT AREA :: END ===========*/ /*============ MAIN CONTENT :: END ===========*/ #footer { text-align: center; padding-top: 5px; } #footer p {color:#666666; font-size:10px;} /*============ DETAILS POP UP WINDOW :: START ===========*/ #popup { text-align: left; margin: 15px auto; padding: 0px; width: 765px; height: 445px; background-color: #fff; border: 1px solid #5e6d82; } a.closeWin { color: #404d5f; text-decoration: none; background: url(../images/closeIcon.gif) center right no-repeat; padding: 0px 12px 0px 0px; margin: 0px; } table.popupTable { width: 733px; border: 1px solid #ccc; padding: 0px; margin: 15px 0px 0px 15px; } table.popupTable th { border: 1px solid #fff; background-color: #5e6d82; color: #fff; padding: 5px 8px 5px 8px; } table.popupTable td { border-top: 1px solid #ccc; padding: 5px 0px 5px 0px; } table.popupTable td p { padding: 0px 5px 5px 5px !important; margin: 0px; } table.popupTable td a { color: #00579a; text-decoration: underline; } table.popupTable td a:hover { text-decoration: none; } /*============ DETAILS POP UP WINDOW :: END ===========*/ /*============ RESULTS POP UP WINDOW :: START ===========*/ #resultsPopup { text-align: left; margin: 15px auto; width: 610px; height: auto; background-color: #fff; border: 1px solid #5e6d82;; padding-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px } #resultsPopup h1 { color: #00579a; font-size: 1.3em; padding: 15px 15px 10px 10px; margin: 0px; } a.closeWin { color: #404d5f; text-decoration: none; background: url(../images/closeIcon.gif) center right no-repeat; padding: 0px 12px 0px 0px; margin: 0px; } #resultsPopup table.formTable td { border-bottom: 1px solid #ccc; padding: 5px 10px 5px 0px; margin: 0px; } table.resultsPopupTable { width: 580px; border: 1px solid #ccc; padding: 0px; margin: 15px 0px 0px 15px; } table.resultsPopupTable th { border: 1px solid #fff; background-color: #5e6d82; color: #fff; padding: 5px 8px 5px 8px; } table.resultsPopupTable td { border-top: 1px solid #ccc; padding: 8px 0px 8px 8px; } table.resultsPopupTable td p { padding: 0px 5px 5px 5px !important; margin: 0px; } table.resultsPopupTable td a { color: #00579a; text-decoration: underline; } table.resultsPopupTable td a:hover { text-decoration: none; } /*============ RESULTS POP UP WINDOW :: END ===========*/ /* AUTO CLEARING : http://www.positioniseverything.net/easyclearing.html */ .clearfix:after, #mainContent:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } .clearfix, #mainContent { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix, * html #mainContent { height: 1%; } .clearfix, #mainContent { display: block; } /* End hide from IE-mac */ /* AUTO CLEARING : END */