@charset "utf-8"; /* Target both tab widgets using .webwidget_tab. Target the search input tabs using div#inputTabs and the search results tabs using div#webwidget_tab. */ /* Styles for search input tab widget only */ div#inputTabs .tabBody .tabCot { background: #DBE3EC url(../image/pto-bg-srchForm.jpg) repeat-x } /* Styles for search results tab widget only */ /* Styles for all webwidget_tab widgets. Hierarchy of div.webwidget_tab-> div.tabContainer->ul.tabHead->li, div.webwidget_tab->tabBody->li.tabCot */ .webwidget_tab{font-size: 12px; font-family:Verdana, Geneva, sans-serif;} .tabContainer{width:100%;} .tabContainer ul.tabHead{ float:left; padding:9px 0 0 8px;} .tabContainer li{float:left; margin-right:2px; background:url(../image/tabOff_right.png) no-repeat right top;} .tabContainer li a{display:block!important; display:inline-block; padding:0 15px; height:34px; line-height:34px; background:url(../image/tabOff_left.png) no-repeat left top;} .webwidget_tab li.tabCot { border-left: solid 1px #aaa; border-right: solid 1px #aaa; border-bottom: solid 1px #aaa; padding: 8px 3px; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 12px; } .webwidget_tab .tabHead{ list-style-type: none; margin:0px; padding:0px; } .webwidget_tab .tabBody{ background-color: white; } .webwidget_tab .tabBody ul, .webwidget_tab .tabBody ul li{ margin: 0px; padding: 0px; list-style: none; } .webwidget_tab .tabBody ul{ } .webwidget_tab .tabBody ul li{ } .webwidget_tab .tabHead li a{ font-weight: bold; text-decoration: none; font-size:11px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; } .webwidget_tab .tabContainer li.currentBtn{background:url(../image/tabOn_right.png) no-repeat right top;} .webwidget_tab .tabContainer li.currentBtn a{height:34px;background:url(../image/tabOn_left.png) no-repeat left top;color:#434142;} .webwidget_tab .modA{margin:10px;} .webwidget_tab .modBody{border-left:#dbdbdb solid 1px;border-right:#dbdbdb solid 1px; background-color: white;} /* need to sort between input and results tabs */ #webwidget_tab { position: relative; right: 161px; padding: 16px 0 10px 8px; width: 904px; float: left; overflow: hidden; } .webwidget_tab .tabContainer { background: url(../image/bg-tabnav.jpg) no-repeat; height: 43px; } #inputTabs .tabContainer { background: url(../image/bg-tabnav-input.jpg) no-repeat; } #webwidget_tab ul.tabNav { margin: 0px; padding: 0px; list-style: none; } /* Styles for contents of specific tabs */ #webwidget_tab #statusTab { overflow: hidden; } #webwidget_tab #statusTab table tr td, #webwidget_tab #docsTab #docsSummary tr td { background: url(../image/line.png) bottom left repeat-x; } #webwidget_tab #statusTab table tr th.label, #webwidget_tab #docsTab #docsSummary tr th.label { font-weight: bold; background-color: #eceff9; text-align: right; margin-bottom: 1px; width: 160px; } #webwidget_tab #statusTab table tr td.note { background-color: #efefef; color: #666; } #webwidget_tab #statusTab table tr td.subTitle { background-color: #f2f2f2; color: #000; text-align: left; padding-left: 3px } #webwidget_tab #statusTab table tr td.cols div { float: left; } #webwidget_tab #statusTab table tr td.cols { padding: 0; margin: 0px; padding-bottom: 1px } #webwidget_tab #statusTab table tr td.cols .label { font-weight: bold; background-color: #eceff9; text-align: right; width: 160px; padding: 5px; } #webwidget_tab #statusTab table tr td.cols .value { width: 115px; padding: 5px; } #webwidget_tab #statusTab table tr td.subTitle.date { border-right: solid 1px #e6e7ea; } #webwidget_tab #statusTab table tr td.subTitle.description { border-left: solid 1px #dddfe4; } #webwidget_tab #statusTab table tr.even td { background-color: #eceff9; } #webwidget_tab .tabHelpIcon { float: left; padding: 9px 0 0 0; } #webwidget_tab .tabMoreLink { float: right; padding: 9px 0 0 0; } #webwidget_tab .link { width: 130px; float: left; text-align: center; height: 30px; border-left: solid 1px #bcbcbc; } #webwidget_tab .link a { color: #1d617e; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 30px; display: block; } #webwidget_tab .link.download a { background: url(../image/icon_download.png) 5px 0px no-repeat; text-align: left; padding-left: 43px; } #webwidget_tab .link.print a { background: url(../image/icon_print.png) 18px 5px no-repeat; padding-left: 17px; } #webwidget_tab .link.download { position: relative; z-index: 11; } #webwidget_tab .link.download a span { background: url(../image/up_arrow.png) 55px center no-repeat; display: block; width: 87px; cursor: pointer; } #webwidget_tab .link.download a.active { background-color: #d7e9f1; line-height: 36px; height: 36px; width: 87px; top: -3px; left: 0px; background-position: 5px 3px; position: absolute; } html* #webwidget_tab .link.download a.active { padding-top: 3px; } *html #webwidget_tab .link.download a.active span { padding-top: 3px; } #webwidget_tab .link.download a.active span { background: url(../image/down_arrow.png) 55px center no-repeat; display: block; } #webwidget_tab .link.download .dd { position: absolute; top: 34px; left: 0px; background: #fff; border: solid 1px #eaeaea; border-top: none; padding: 4px; text-align: left; font-family: Arial, Helvetica, sans-serif; width: 207px; } #webwidget_tab .link.download .dd .title { font-size: 11px; color: #505050; font-weight: bold; } #webwidget_tab .link.download .dd label { font-size: 11px; color: #505050; font-weight: normal; float: left; padding: 2px 0 0 2px; } html* #webwidget_tab .link.download .dd label { padding: 5px 0 0 2px; } #webwidget_tab .link.download .dd .inputCheck, #webwidget_tab .link.download .dd .inputRadio, #webwidget_tab .link.download .dd .option { float: left; } #webwidget_tab .link.download .dd .optionRight { float: right; width: 93px; } #webwidget_tab .link.download .dd .floatBox { float: left; width: 207px; } #webwidget_tab .link.download .dd .content { border-bottom: dotted 1px #8c8c8c; padding-bottom: 7px; margin-bottom: 5px; } #webwidget_tab .link.download .dd .button { clear: both; overflow: hidden; display: block; margin-top: 5px; } #webwidget_tab .link.download .dd .downloadButton { background: url(../image/button_download.png) no-repeat; width: 69px; height: 19px; border: none; text-indent: -999px; font-size: 0px; line-height: 0px; float: left; cursor: pointer; float: right; } .smallHeaderTitle { width: 50px; text-align: center; padding-left: 0px }