/* WAM!NET Corporate styles */ /* Ident: $Id: wamnet.css 158226 2014-05-19 11:53:34Z gparker $ */ /* DO NOT CHANGE THIS STYLE SHEET...it is used across multiple service user interfaces! */ /* Please add service specific styles to a separate style sheet */ /* main body styles */ html { margin: 0; padding: 0; } body { height: 100%; min-width: 980px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 100%; background-color: #fff; color: #333; /*color updated by preferred/alternate sheet*/ } body.noMinWidth { min-width: 0; } h1,h2,h3,h4 { margin-top: .5em; margin-bottom: .5em; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; } h1 { font-size: 110%; } h2 { font-size: 90%; } h3 { font-size: 80%; } h4 { font-size: 70%; } img { border: 0; } p { margin-top: 1em; margin-bottom: 1em; } ul { margin: .5em; margin-bottom: 1em; padding-left: 0; list-style-position: inside; list-style-type: square; } ul.border { margin-top: 0; margin-bottom: 0; } ol { margin: .5em; padding-left: 0em; list-style-position: inside; } ol.border { margin-top: 0; margin-bottom: 0; } li { font-family: Arial, Helvetica, sans-serif; margin: .5em; padding: 0; font-size: 100%; } li li { font-size: 100%; /* don't let nested lists shrink text */} acronym:hover, abbr:hover, span.tooltip:hover { cursor: help } abbr[title], acronym[title], span.tooltip[title] { border-bottom: thin dotted; cursor: help; font-style: normal; } /* alignment classes */ .top { vertical-align: top !important; } .middle { vertical-align: middle !important; } .bottom { vertical-align: bottom !important; } .right { text-align: right !important; } .left { text-align: left !important; } .center { text-align: center !important; } /* text classes */ .text { font-size: 80%; } .error { color: #c33 !important; } .jtkError, .validationError { border-left: 2px solid #c33; padding-left: 2px; } /* use this for missing required form fields */ .confirm { color: #3c3 !important; } .small { font-size: 70%; } .bold, .error, .confirm { font-weight: bold; } .noBold { font-weight: normal; } .tips { display: table-cell ; padding-left: 2em; font-size: 87%; vertical-align: top !important; border-bottom: 1px dotted #A5D867; } .text .sup, .small .sup, h3 .sup { font-size: 75%; vertical-align: text-top; line-height: 90%; } h2 .sup { font-size: 70%; vertical-align: text-top; line-height: 110%; } /* border classes */ .border { border-bottom: 1px dotted #A5D867; padding-bottom: .5em; padding-top: .5em; } .noBorder { border-width: 0px !important; border-style: none !important; } /* positioniing classes */ .content { padding: 0 .5em; } .indent { margin-left: 1em !important; } .topSpace { margin-top: 1em !important; margin-bottom: 0 !important; } h2.topSpace { margin-top: .5em !important; margin-bottom: 0 !important; } .bottomSpace { margin-top: 0 !important; margin-bottom: 1em !important;} .noSpace { margin-top: 0 !important; margin-bottom: 0 !important; } .spacer { padding-top: 1.5em !important; } .nowrap { white-space: nowrap; } .noPad { padding-top: 0 !important; padding-bottom: 0 !important; } div.fullWidth { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* width classes */ .fullWidth { width: 100%; } .stdWidth { width: 90% !important; } .halfWidth { width: 50% !important; } .autoWidth { width: auto !important; } /* special classes */ .complianceLogo { width: 88px; height: 31px; } .sortIcon { height: 13px; width: 13px; margin-top: -2px; } .tipsCol { width: 30%; } #tipsOff, #tipsOn { background-repeat: no-repeat; background-position: left center; padding-left: 1.2em; } #tipsOn { background-image: url(../images/expand.gif); } #tipsOff { background-image: url(../images/expanded.gif); } .icons { white-space: nowrap; text-align: center; } .icons img, #select img, .check img { padding: 3px; } .icons img { height: 25px; width: 25px; } .check { text-align: center; } .noBullet { list-style-type: none; list-style-position: outside; } .currentLocation { background: url("../images/location_arrow2.gif") right center no-repeat; margin-right: 0; padding-right: 25px; font-weight: bold; color: #00853F !important; } .icons span.block { text-align: center; font-size: 80%; line-height: normal; vertical-align: middle; margin: 0 2px 2px 2px !important; } .icons span.label { font-size: 100%; line-height: 2.5em; } .icons span.block a { font-weight: normal; text-decoration: none; } .icons span.block a:hover span { text-decoration: underline; } .icons span.block img { margin-top: 0 !important; border-style: none !important; } .icons span.block span { display: none !important; } /*hide labels by default*/ img.loading { width: 32px; height: 32px; margin: 5px; } /* special styles */ th#select { white-space: nowrap; } span.currentLocation { display: block; } span.block { display: table-cell; display: inline-block; } span.block a.menuLink img { background-image: url("../images/expanded.gif"); background-position: right bottom; background-repeat: no-repeat; padding-right: 10px; } /*add inline padding-right to move arrow away from icon*/ /* table styles */ table { margin: 0; padding: 0; } caption { font-size: 87%; margin-left: auto; margin-right: auto; caption-side: top; padding-bottom: .4em; text-align: center; } th, td { padding-left: .25em; padding-right: .25em; } th.column { vertical-align: middle; text-align: left; } th.row { vertical-align: middle; text-align: left; } table.text .small { font-size: 87%; } /* making the text about 70% - the same as the small class - (.8 x .87) */ table.text h3 { white-space: nowrap; border-bottom: 2px solid #A5D867; padding-bottom: .3em; padding-left: 0; } /* take care with centering tables with CSS: use a div with class center that contains a table with class center */ .center table { margin-left: auto; margin-right: auto; text-align: left; } /* table head gradients - background colors inherited from bgX class in navigation.css */ th.column.bg1, th.column.bg2, th.column.bg3, th.column.bg4, th.column.bg5, th.column.bg6, th.column.bgH { background-position: left top; background-repeat: repeat-x; background-image: url(../images/col_head_bg.png); background-color: #ccc; color: #666; } th.column.bg1 a, th.column.bg2 a, th.column.bg3 a, th.column.bg4 a, th.column.bg5 a, th.column.bg6 a, th.column.bgH a { color: #666; } th.column.bg1 a:hover, th.column.bg2 a:hover, th.column.bg3 a:hover, th.column.bg4 a:hover, th.column.bg5 a:hover, th.column.bg6 a:hover, th.column.bgH a:hover { color: #333; } /* data table styles */ table.data { color: #000; border-collapse: collapse; border: 1px solid #A5D867; margin: 1px !important; /* some browsers need this to show the borders */ text-align: left; width: 100%; } table.data caption { margin-left: 0; text-align: left; color: #666; } table.data th, table.data td { border-right: 1px none #A5D867; border-bottom: 1px none #A5D867; /* allows custom css to add bottom border easily*/ text-align: left; font-size: 90%; } table.data th td, table.data th th, table.data td th,table.data td td { font-size: 100%; /* don't let nested tables shrink text */} table.data td, table.data th.row { background-color: transparent; /*background updated by preferred/alternate sheet*/ border-bottom: 1px none #A5D867 /* allows custom css to add bottom border easily*/; padding: .25em; } table.data tr.even td, table.data tr.even th.row { background-color: #f0f0f0; /* background updated by preferred/alternate sheet*/ } /* table paging */ .pagedTable { position: relative; width: 100%; /* need to explicitly set the width to get IE Win to position correctly */} .pagedLinks { font-size: 70%; position: absolute; top: 0; right: 15px; margin-right: -15px; padding-right: .5em; text-align: right; white-space: nowrap; } /* 15px and -15px combination stops IE Mac showing unnecessary horizontal scroll bar */ .pagedTable caption { padding-right: 15em; } #pagingTop { position: absolute; } #pagingBottom { position: relative; right: 0; margin-right: 0; } /* works with fixWideTable() in roundedFunctions.js */ .tableScroll { overflow: auto; -webkit-overflow-scrolling: touch; } /* nested data tables styles */ td.fText table.data { width: auto; } td.fText table.data th { padding-left: 1em; padding-right: 1em; } td.fText table.fInput { margin-left: -.2em !important; } td.fText table.fInput td { padding-left: 0; } /* data table footer styles (e.g. buttons) */ td.tableFooter { width: auto; padding: 0 !important; border-top: 1px solid #A5D867; } td.tableFooter table { width: 100%; } td.tableFooter td { text-align: left; border-right-style: none !important; border-bottom-style: none !important; } td.tableFooter td.right { white-space: nowrap; } td.tableFooter table table { width: auto; } td.tableFooter table table .fLabel { padding-left: 0; } td.tableFooter table table .fText { padding-right: 2em; } td.tableFooter .fLabel, td.tableFooter .fText /*, td.tableFooter .fButt*/ { font-size: 111%; } /* making the text about 100% - (.9 x 1.11) */ td.tableFooter .fLabel, td.tableFooter .fText, td.tableFooter .fInput { text-align: left !important; margin-top: 0; vertical-align: middle !important; white-space: nowrap; } /* form styles */ .fRequired, .fLabel, .fInput, .fFile, .fText, .fButt { font-family: Arial, Helvetica, sans-serif; color: #000; font-weight: normal; } .fRequired, .fLabel, .fText { border-bottom: 1px dotted #A5D867; padding-top: .45em; padding-bottom: .25em; vertical-align: top !important; } .fRequired, .fLabel { color: #333; padding-right: 2em; white-space: nowrap; } .fRequired { font-weight: bold; } .fInput { margin: -.25em 0 0 0; } table.fInput { background-color: #fff; } /* file input fields are enclosed in their own table so that customizations work */ .fFile { padding: .3em; } /* file input fields need special formatting */ .fInput, .fButt, optgroup { font-size: 100%; } /* makes sure all browsers apply the correct font size */ optgroup { font-weight: bold; font-style: normal; } optgroup option { font-weight: normal; } fieldset { border: 1px solid #A5D867; padding-left: .5em; margin: 0; padding-top: 0; padding-bottom: 0; } input { height: auto !important; } /* lets dropdown line height adjust to font size */ /* mainColumn (for use with leftColumn) and mainBody (for use WITHOUT leftColumn) styles */ #mainColumn { width: 85%; float: left; position: relative; overflow: hidden; /* stops the IE Win 20%+80% bug*/ margin-left: 0; margin-right: -1px; margin-bottom: -4px; border-left: 1px solid #A5D867; z-index: 0; /* keep body behind dropdowns */ } /* negative margins allows border between leftColumn and mainColumn to always show correctly */ /* this next rule is a hack to correct IE Mac specific declarations in the line above! \*/ #mainColumn { left: 1px; margin-left: -1px; margin-right: 0; } /* negative margins allows border between leftColumn and mainColumn to always show correctly */ /* end hack */ #mainColumn .content { padding-bottom: 2em; padding-right: .75em; padding-left: .75em; } #mainColumn > .content div.text { width: 100%; overflow: auto; /*allows wide content to show with a scrollbar*/ margin-right: -20px; padding-right: 20px; /* stop text disappearing behind scrollbar */ } /* this next rule is a hack to correct IE Mac specific declarations in the line above! The subsequent rule allows some other browsers to show wide content with scrollbars \*/ #mainColumn > .content div.text { width: auto; overflow: visible; margin-right: 0; padding-right: .5em; } #mainColumn > .content p { overflow: auto; padding-right: 20px; } /* end hack */ #mainColumn h2, #mainBody h2 { color: #000; font-weight:bold; border-bottom: 1px dotted #A5D867; margin: .5em 0; padding: .5em 0; position: relative; width: auto; /* forces underline on IE */ } #mainBody { width: 100%; position: relative; z-index: 0; /* keep body behind dropdowns */ } #mainBody .content { padding-bottom: 2em; } /* leftbar & rightbar styles */ #leftColumn { width: 15%; float: left; position: relative; overflow: auto; clear: left; margin-left: -1px; /*avoids a horizontal scroll bar*/ margin-right: -1px; margin-bottom: -4px; border-right: 1px solid #A5D867; z-index: 0; /* keep body behind dropdowns */ } /* negative margins allows border between leftColumn and mainColumn to always show correctly */ #leftColumn ul { list-style-type: none; list-style-position: outside; } #leftColumn h2, #rightColumn h2, .rightPanel h2 { border-bottom: 1px dotted #A5D867; margin: .5em 0; padding: .5em 0; font-size: 90%; color: #333; } #leftColumn h3, #rightColumn h3, .rightPanel h3 { margin-top: 1em; font-size: 70%; color: #999; } #leftColumn h3.expandLeft, #leftColumn h3.expandedLeft, #leftColumn h4.expandLeft, #leftColumn h4.expandedLeft { background-position: left top; } #leftColumn .sectionNav { padding-left: 1.2em; } #leftColumn .sectionNav2 { padding-left: 1.8em; } #leftColumn .sectionNav3 { padding-left: 2.4em; } #leftColumn .sectionNavToggle { margin-left: -.4em; } #leftColumn ul.sectionNav, #leftColumn ul.indent { margin-top: 0; } #leftColumn .text, #rightColumn .text, .rightPanel .text { font-size: 70% !important; } #leftColumn div, #rightColumn div, .rightPanel div { margin-bottom: 1em; padding-bottom: 1px; /* keep spacing consistent across browsers */ } #leftColumn div.fullWidth div, #leftColumn div.fullWidth p, #rightColumn div.fullWidth div, #rightColumn div.fullWidth p, .rightPanel div.fullWidth div, .rightPanel div.fullWidth p { padding-left: 1px; padding-right: 1px; } /* stops some browsers clipping any uppercase "W" that start/end a line */ #rightColumn, .rightPanel { width: 30%; float: right; position: relative; z-index: 1; padding-top: 0px; /* make underlined headings align */ padding-left: .5em; margin: 0 .2em 1em 1em; background-color: #fff; /* stops borders on mainColumn h2 and rightColumn content colliding */} /* this next rule is a hack to correct IE Mac specific declarations in the line above! \*/ #rightColumn, .rightPanel { padding-top: 0px; } /* end hack */ #rightColumn .content, .rightPanel .content { border: 1px solid #A5D867; margin: .25em .25em .25em 0; padding: 0 .5em .5em .5em; overflow: auto; /*min-height: 15em; stops Camino showing a tiny box with a scroll bar */ } #rightColumn h2, .rightPanel h2 { padding-top: .5em !important; margin-top: 2px !important; /* make underlined headings align */ width: 100%; /* forces underline on IE */ position: static; /* reverse mainColumn setting to make sure all browsers show borders correctly */} #rightColumn table, .rightPanel table { width: 98%; } /* stops some browsers showing horizontal scroll bar */ .styledPanel .rightPanel h2 { font-size: 80%; margin-top:2px !important; } /* common footer styles */ .links { color: #999; } .links p { margin: .5em; } .links a { text-decoration: underline; color: #666; } .links a:hover { color: #333; } #footer, #footerLeft, #footerRight { float: left; background-color: #fff; border-top: 2px solid #00853F; font-size: 70%; } #footerLeft, #footerRight { height: auto; position: relative; margin-right: -1px; } #footerLeft .links, #footerRight .links { overflow: auto; /*allows wide content to show with scrollbar*/ position: relative; top: -1px; margin-top: 1px; } /* last 3 items make sure the borders always show */ /* #footer styles (for use WITHOUT leftColumn)*/ #footer { width: 100%; } #footer .links { overflow: auto; /*allows wide content to show with scrollbar*/ text-align: right; } /* #footerLeft and #footerRight styles (for use with leftColumn)*/ #footerLeft { width: 40%; clear: left; overflow: hidden; margin-left: -1px; /*avoids a horizontal scroll bar*/ } /* negative margins allows border between leftFooter and rightFooter to always show correctly */ #footerLeft .links { width: 100%; text-align: left; } #footerLeft .title { font-weight: bold; display: block; padding-right: .5em; } #footerRight { width: 60%; overflow: hidden; margin-left: 0; }/* negative margins allows border between leftFooter and rightFooter to always show correctly */ /* this next rule is a hack to correct IE Mac specific declarations in the line above! \*/ #footerRight { left: 1px; margin-left: -1px; margin-right: 0; } /* negative margins allows border between leftFooter and rightFooter to always show correctly */ /* end hack */ #footerRight .links { /*width: 100%;*/ text-align: right; } #footerLogos { display: none; position: relative; clear: both; text-align: center; border-top: 1px solid #A5D867; } /*display under standard left/right footer */ #footer #footerLogos { display: none; border-top: none; margin-top: 10px; float: left; width: 270px; text-align: left; } /* display on left side of full width footer */ #footerLogos .wamnetLogo, #footerLogos .savvisLogo { margin: 5px 10px; vertical-align: bottom; } #footerLogos .wamnetLogo { height: 40px; width: 96px; margin-bottom: 7px; /* offset to match logo baselines */ } #footerLogos .savvisLogo { height: 40px; width: 129px; } #footerLogos a:hover img { background-color: transparent; } /* start additions for "2008 UI" */ #section1Wrapper, #section2Wrapper, #section3Wrapper, #section4Wrapper { position: relative; margin: 0 6px 1em 6px; /*left & right margins adjusted by JS!*/ } h1#section1Title, h2#section1Title, h4#section1Title, h1#section2Title, h2#section2Title, h4#section2Title, h1#section3Title, h2#section3Title, h4#section3Title, h1#section4Title, h2#section4Title, h4#section4Title { width: 100% /*help IE8!*/; margin: 0; padding: 0; line-height: 1.8em /*adjusted by JS!*/; border-bottom-style: none; color: #fff; font-size: 70%; background-position: left bottom; background-repeat: repeat-x; } h1.bg1, h2.bg1, h4.bg1, h1.bg2, h2.bg2, h4.bg2, h1.bg3, h2.bg3, h4.bg3, h1.bg4, h2.bg4, h4.bg4, h1.bg5, h2.bg5, h4.bg5, h1.bg6, h2.bg6, h4.bg6, h1.bgH, h2.bgH, h4.bgH { background-image: url(../images/col_head_bg_180.png); } /*want to use selectors in format h2#userActionsTitle.bg1 but IE doesn't like them*/ h4.bg1, h4.bg2, h4.bg3, h4.bg4, h4.bg5, h4.bg6, h4.bgH { background-color: #ccc; color: #666; } #section1Controls, #section2Controls, #section3Controls, #section4Controls { position: absolute; right: 15px; top: 0; line-height: 1.8em; font-size: 70%; font-weight: bold; color: #ccc; } #section1Actions, #section2Actions, #section3Actions, #section4Actions { position: relative; margin-left: 1em !important; padding: 0 !important; line-height: 2.5em; font-size: 70%; font-weight: bold; color: #666; } #section1Actions img, #section2Actions img, #section3Actions img, #section4Actions img { vertical-align: middle; margin-top: -3px; } /*need these as seperate items for JS replaceRule to find them!*/ #section1Panel { display: block; position: relative; } #section2Panel { display: block; position: relative; } #section3Panel { display: block; position: relative; } #section4Panel { display: block; position: relative; } #section1Panel, #section2Panel, #section3Panel, #section4Panel { border-bottom: 1px solid #A5D867 /*last one turned off by JS!*/; } #section1Off, #section1On, #section2Off, #section2On, #section3Off, #section3On, #section4Off, #section4On { background-position: left center; background-repeat: no-repeat; padding-left: 1.2em; } #section1On, #section2On, #section3On, #section4On { background-image: url(../images/expand.gif); } #section1Off, #section2Off, #section3Off, #section4Off { background-image: url(../images/expanded.gif); display: none; } #dynamicMenus { z-index: 11 /* keep above serviceNav */; } div.modalMenu { z-index: 11; margin-bottom: 1em; padding: 0 .5em;} #modalPaneWrapper { margin: 0 6px 1em 6px; /*left & right margins adjusted by JS!*/ } #modalPane { z-index: 12 /* keep above serviceNav */; } #modalPane .styledPanel { background: #fff; } #modalPane form { margin: 0; } #modalPane .fButt { font-size: 90%; } #modalPaneIframe { margin: 0 0 .25em 0; } #modalPaneIframeWrapper { position: relative; z-index: 2; } div.closeIcon { position: absolute; right: 0.8em; top: 0.3em; z-index: 3;} #modalPaneCloseDiv.closeIcon { right: 0.3em; } h2#modalPaneTitle { margin: 0; padding: 0; line-height: 1.8em /*adjusted by JS!*/; border-bottom-style: none; color: #fff; font-size: 70%; background-position: left bottom; background-repeat: repeat-x; } .modalPaneIframe > div.content { margin: 0 !important; padding: 0 !important; /*bottom changed by JS*/ } #modalPaneContent { margin: 0 !important; padding: 0 0 .5em 0 !important; /*margin: .5em; margin: 0; padding: .5em;*/ } #modalPaneContent table { margin: 0 !important; padding: 0 !important; /*margin: 0; padding: 0;*/ } #modalPaneContent #rightColumn { margin-top: -0.75em; padding-top: 1px; } #modalPaneScroll { position: relative; /*height: 140px; set via JS!*/ margin: 0 !important; padding: .5em 0 0 .5em; border-bottom: solid 1px #A5D867; overflow: auto; -webkit-overflow-scrolling: touch; } #modalPaneScroll div.content { width: 96%; } #modalPaneScroll th { white-space: normal; } #modalPaneActions { position: relative; margin-left: 1em !important; padding: 0 !important; line-height: 2.5em; font-size: 70%; font-weight: bold; color: #666; } #modalPaneActions img { vertical-align: middle; margin-top: -3px; } #modalPaneNav { position: absolute; right: 15px; top: 0; line-height: 1.8em; font-size: 143% /*1.43 x .7 = 100*/; font-weight: bold; color: #ccc; } #modalPaneScroll.modalLeftNav { padding: 0 !important; } #modalPaneScroll.modalLeftNav #leftColumn div.content { width: auto !important; padding: 0 !important; } #modalPaneScroll.modalLeftNav #modalLeftNav div.content { padding: 0 .5em !important; } #modalPaneScroll.modalLeftNav #leftColumn { width: 20%; } #modalPaneScroll.modalLeftNav #mainColumn { width: 76%; } #deactivatePage, #deactivateFrame { display: none; position: absolute; top: 0; left: 0; z-index: 11; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" /*IE8*/; filter: alpha(opacity=20) /*IE6&7*/; opacity: 0.2 /*CSS2.1 browsers*/; } #deactivateFrame { z-index: 1; } /* START rounded corners general styles*/ .topCorners, .bottomCorners { display: block; height: 5px; overflow: hidden; padding: 0; } .topCorners *, .bottomCorners * { display: block; height: 1px; overflow: hidden; padding: 0; line-height: 1px; font-size: 1px; } .l1 { margin: 0 5px; } .l2 { margin: 0 3px; } .l3 { margin: 0 2px; } .l4 { margin: 0 1px; height: 2px; } /* zoom:1; is to force IE to have "layout" for this element so the bottom corners that follow it don't go funny... */ .styledPanel { zoom:1; } /* END rounded corners general styles*/ /* START rounded corners specific styles*/ #modalPane .styledPanel, #section1Panel .styledPanel, #section2Panel .styledPanel, #section3Panel .styledPanel, #section4Panel .styledPanel { padding: 0 !important; } #modalPane .l2, #section1Panel .l2, #section2Panel .l2, #section3Panel .l2, #section4Panel .l2 { border-left: solid 2px #A5D867; border-right: solid 2px #A5D867; } #modalPane .l3, #modalPane .l4, #modalPane .styledPanel, #section1Panel .l3, #section1Panel .l4, #section1Panel .styledPanel, #section2Panel .l3, #section2Panel .l4, #section2Panel .styledPanel, #section3Panel .l3, #section3Panel .l4, #section3Panel .styledPanel, #section4Panel .l3, #section4Panel .l4, #section4Panel .styledPanel { border-left: solid 1px #A5D867; border-right: solid 1px #A5D867; } #modalPane .l1, #section1Panel .l1, #section2Panel .l1, #section3Panel .l1, #section4Panel .l1 { background-color: #A5D867; } #modalPane .bottomCorners .l2, #modalPane .bottomCorners .l3 , #modalPane .bottomCorners .l4, #section1Panel .bottomCorners .l2, #section1Panel .bottomCorners .l3 , #section1Panel .bottomCorners .l4, #section2Panel .bottomCorners .l2, #section2Panel .bottomCorners .l3 , #section2Panel .bottomCorners .l4, #section3Panel .bottomCorners .l2, #section3Panel .bottomCorners .l3 , #section3Panel .bottomCorners .l4, #section4Panel .bottomCorners .l2, #section4Panel .bottomCorners .l3 , #section4Panel .bottomCorners .l4 { background: #fff; } .styledPanel h2 { margin-top: 0 !important; padding-top: 1em !important; } /*stops panel sides disappearing if p is first/last element in panel*/ .styledPanel p { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 1em !important; padding-bottom: 1em !important; } /*stops panel sides disappearing if p is first/last element in panel*/ .styledPanel #leftColumn p, .styledPanel #mainColumn p { margin-top: 1em !important; margin-bottom: 1em !important; padding-top: 0 !important; padding-bottom: 0 !important; } /*resets previous rule styles for left and main column*/ .styledPanel caption, .modalPaneIframe caption { padding-top: 1em; } .modalPaneIframe td.fText caption { padding-top: 0; } .styledPanel .content { padding-bottom: .5em !important; } .styledPanel .pagedLinks { top : .5em; } .styledPanel .pagedLinks select { font-size: 90%; border: 1px solid #A5D867; } div.modalMenu ul, div.modalMenu ol { font-size: 70%; line-height: 1.2em; white-space: nowrap; padding-left: 0em; list-style-position: inside; background: #fff /*forces FF to keep menu infront of player...why?*/;} div.modalMenu ul ul { font-size: 100%; } div.modalMenu .fButt { font-size: 90%; } div.modalMenu form { margin: 4px 0 0 0 !important; clear: both; } div.modalMenu .menuPanel { background: #fff; border-bottom: 1px solid #A5D867 /*last one turned off by JS!*/;} div.modalMenu .menuPanel .bg1, div.modalMenu .menuPanel .bg2, div.modalMenu .menuPanel .bg3, div.modalMenu .menuPanel .bg4, div.modalMenu .menuPanel .bg5, div.modalMenu .menuPanel .bg6, div.modalMenu .menuPanel .bgH { background-position: left bottom; background-repeat: repeat-x; background-image: url(../images/col_head_bg_180.png); } div.modalMenu .menuPanel h4 { font-size: 67%; color: #fff; white-space: nowrap; margin: 0; padding: .4em 2em .4em 1em /*last one adjusted by JS!*/; } div.modalMenu .menuPanel div.content { padding: .5em !important; border-bottom: solid 1px #A5D867; overflow: auto; /*height: 140px; set via JS!*/ } div.modalMenu .l2 { border-left: solid 2px #A5D867; border-right: solid 2px #A5D867; } div.modalMenu .l3, div.modalMenu .l4, div.modalMenu .menuPanel { border-left: solid 1px #A5D867; border-right: solid 1px #A5D867; } div.modalMenu .l1 { background-color: #A5D867; } div.modalMenu .bottomCorners .l2, div.modalMenu .bottomCorners .l3 , div.modalMenu .bottomCorners .l4 { background-color: #fff; } /* END rounded corners specific styles*/