/* ============================================================================================================= [[[[[ include BASIC styles ]]]]] ============================================================================================================= */ .xom * { /* wildcard selector will apply it's declaration to all elements */ margin: 0; /* undo all margins */ padding: 0; /* undo all padding */ color: #333; /* set foreground color to dark gray */ background: transparent; } .xom img, .xom a img { border:0 none; } .xom ul, .xom ol, .xom li, .xom dl, .xom dt, .xom dd { display: block; /* display inline-block list items at block level */ list-style-type: none; /* undo bullets */ } .xom html { /* 16 x 0.625 = 10 */ font-size: 62.5% } .xom body { text-align: center; padding: 25px 30px; font-family: Arial,Helvetica,Sans-Serif; font-size: 1.0em; line-height: 1em; color: #333; } .xom p, .xom td { text-align: left; font-family: Arial,Helvetica,Sans-Serif; font-size: 1.1em; line-height: 1.4em; color: #333; } .xom a, .xom a:link { color: #1a4a7a; text-decoration: none; } .xom a:visited { color: #2e4b68; text-decoration: none; } .xom a:hover, .xom a:active { text-decoration: underline; } .xom #container {margin:0 auto; text-align:left; } .xom #container {max-width: 914px; min-width: 710px; } .xom .clrfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* for expression-based IE min-width, .xom max-width emulation, .xom please see additional rule(s) in xom_ie.css */ .xom #mainPanel { background:transparent none; position:relative; margin-right:3px; } /* ============================================================================================================= [[[[[ include HEADER styles ]]]]] ============================================================================================================= */ .xom #globalHeader { color:#333; background-color:#fff; padding:0 20px; margin:0 2px 10px 2px; } .xom #globalHeader .gnNavOn { color: #036; } .xom #globalHeader a { color: #666; } .xom #globalHeader a:hover { color: #666; } .xom #logo { display:block; float:left; margin-top:0; } .xom #search { float:right; margin-top:1px; border:0 none; } .xom #qt { width:104px; height:18px; border:1px solid #acd; float:left; color:#999; font-size:1.0em; } .xom #search label { display: none; } .xom #globalSites { height:25px; } .xom #globalSites a { font-size: 0.9em; color:#000; } .xom #globalNav {float:right; clear:right; width:55%; margin-top:6px; } .xom #globalNav ul { float:right; font-size: 1em; } .xom #globalNav ul li { float:left; padding: 1px 0 1px 16px; white-space:nowrap; } .xom #globalNav li a { background: transparent; font-weight:bold; } .xom #globalLanguage {float:left; clear:left; width:44%; margin-top:6px; } .xom #globalLanguage ul { float:left; font-size: 1em; } .xom #globalLanguage ul li { float:left; padding: 1px 0 1px 16px; white-space:nowrap; border-right:1px dashed; } .xom #globalLanguage li a { background: transparent; font-weight:bold; } .xom #navPanel { padding-top: 12px; position: relative; min-height:67px; background:transparent none no-repeat top right; } .xom #navPanelBg { background:transparent url(../Images/Navigation/topLeftGradientSc.jpg) no-repeat top left; } .xom #navPanelBottom { background:transparent url(../Images/Navigation/rightShadow.jpg) no-repeat top right; height:9px;line-height:1%; font-size:1%; } .xom #navPanelBottomBg { background:transparent url(../Images/Navigation/leftBtShadow.jpg) no-repeat top left; margin-bottom:20px; } .xom #mainNav { border-top: 2px solid #fff; border-bottom: 2px solid #fff; color: #fff; clear:both; margin: 0 2px; background: transparent url(../Images/Navigation/lightBlueOn.jpg) repeat-x top left; } .xom #mainNav ul { float:left; } .xom #mainNav ul li { float:left; white-space:nowrap; } .xom #mainNav li a { color: #fff; background: transparent; padding: 0 10px 1px 10px; text-decoration: none; display:block; font-size: 1.2em; font-weight: bold; line-height: 1.5em; } .xom #mainNav li a:hover, .xom #mainNav li a.mnNavOn { background: url(../Images/Navigation/BlueoffBtn.jpg); border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 0 9px 1px 9px; text-decoration:underline;} .xom #mainNav li a.mnNavOn { text-decoration:none; } .xom #mainNav li a#mnLeftMost { padding-left: 23px; } .xom #mainNav li a#mnLeftMost:hover { padding-left: 22px; } .xom #mainNav li a#mnLeftMost.mnNavOn { padding-left: 22px; text-decoration:none; } /* ============================================================================================================= [[[[[ accessibility - related rules ]]]]] ============================================================================================================= */ /* normal state for skip navigation link */ .xom .skip { display:block; position:absolute; left:-999px; top:0; width:1px; height:1px; overflow:hidden; } /* state for skip navigation with focus */ .xom .skip:focus, .xom .skip:active { display:block; position:absolute; left:50%; top:0; margin-left:-7em !important; margin-left:-11em; text-align:center; font-size:1.4em; font-weight:bold; color:#111; background-color:#eee; border:3px solid #f30; width:14em; height:auto; padding:5px; } /* ============================================================================================================= [[[[[ include MAIN styles ]]]]] ============================================================================================================= */ .xom #navTitle { font-family:Helvetica,Arial,Sans-Serif; font-size:2.1em; margin:5px 25px 5px 25px; line-height:1em; font-weight:bold; color:#369; } .xom h1, .xom h2, .xom h3, .xom h4, .xom h5 { font-weight:bold; line-height:1em; } .xom h1, .xom .h1style { font-size:1.6em; margin:0 0 3px 0; padding:.2em 0 .3em 0; } .xom h2, .xom .h2style { font-size:1.4em; margin:0; padding:.2em 0 .3em 0; } .xom h3, .xom .h3style { font-size:1.1em; margin:0 0 1em 0; padding:1em 0 0 0; } .xom h4, .xom .h4style { font-size:1.1em; line-height:1.4em; } .xom h5, .xom .h5style { font-size:1.0em; line-height:1.4em; } .xom h1 a, .xom h1 a:link, .xom .xom h2 a, .xom h2 a:link, .xom .xom h3 a, .xom h3 a:link, .xom .xom h4 a, .xom h4 a:link, .xom .xom h5 a, .xom h5 a:link { color:#1a4a7a } .xom p { margin:0; padding:0 0 10px 0; } /* #mainPanel a {font-weight: bold;} */ .xom .barbgleftSumbit { display:block; background:transparent url(../Images/Button/leftSideBtn.jpg) no-repeat top left; float:left; margin-left:10px; } .xom .barbgrightSubmit { display:block; background:transparent url(../Images/Button/rightSideBtn.jpg) no-repeat top right; } .xom input.middleSubmitBtn { background:transparent url(../Images/Button/middleBtn.jpg) repeat-x top left; display:block; margin:0 5px 0 5px; height:18px; border:0 none; color:#1b5e8e; font:bold 0.9em Helvetica,Sans-Serif; cursor:pointer; } .xom input.expandBtn { background:transparent none; border:0 none; color:#1b5e8e; display:block; font:bold 0.9em Helvetica,Sans-Serif; cursor:pointer; } .xom .noBorderT { border-top:none 0 !important } .xom .noBorderR { border-right:none 0 !important } .xom .noBorderB { border-bottom:none 0 !important } .xom .noBorderL { border-left:none 0 !important } .xom .borderR { border-right:dashed #999 1px !important } .xom .borderL { border-left:dashed #999 1px !important } /* for "hover definitions" */ .xom .subfeature h3 a.hoverdef { background:transparent; padding:0; width:auto;} a.hoverdef img {margin-left: 3px; } a.hoverdef { z-index:24; position:relative; text-decoration:none; background: transparent; } a.hoverdef:hover { z-index:25; height:13px; text-decoration:none; } a.hoverdef span { display:none; } a.hoverdef:hover span { position:absolute; top:1.5em; left:1.5em; border:2px solid #666; padding:3px 1px 3px 9px; display:block; width:215px; color:#333; font-weight: normal; font-size: 12px; text-decoration:none; background-color:#eee; } /* begin Expando headerbar v2.1 */ .xom .headerbarTL { background:transparent url(../Images/Button/GreyBar.jpg) no-repeat top left; } .xom .headerbarTR { background:transparent url(../Images/Button/GreyBar.jpg) no-repeat top right; } .xom .headerbarBL { background:transparent url(../Images/Button/GreyBar.jpg) no-repeat bottom left; } .xom .headerbarBR { background:transparent url(../Images/Button/GreyBar.jpg) no-repeat bottom right; } .xom .headerbarTL { margin:0 0 0 0; height:14px; line-height:1%; font-size:1%; } .xom .headerbarTR { margin:0 0 0 10px; height:14px; line-height:1%; font-size:1%; } .xom .headerbarBL { margin:0 0 0 0; } .xom .headerbarBR { margin:0 0 0 5px; } .xom .headerbarBR h3 { background: transparent url(../Images/Navigation/circle.jpg) no-repeat 0 3px; margin:0 0 2px 0; padding:3px 0 0 17px; font-size:1.1em; float:left; } .xom .headerbarBR .headerbarpad { padding:0 10px 0 0; margin-top:-16px; position:relative; float:left; } .xom .headerbarBR .headerbarpad a { color:#2E4B68; line-height:1.2em; float:left; display:inline; padding:0 0 0 0; margin:3px 0 0 0; width:100%; } /* =end= Expando headerbar v2.1 */ .xom .headerbar h3 { padding:0; margin:0; border-bottom:1px solid #ccc; background:#ebebeb none no-repeat 0; } .xom .headerbar h3 a { display:block; color:#666; position:relative; padding:4px 25px 2px 25px; background:#ebebeb url(../Images/Navigation/hdrBarCir.gif) no-repeat 5px .25em; } .xom .headerbar h3 a:visited { color:#666; } .xom .headerbar h3 a:hover { color:#036; background-color:#dee9f2; } .xom .headerbar h3 a span { display:block; position:absolute; top:0; right:0; height:11px; width:20px; margin-top:.25em; background:transparent url(../Images/Navigation/hdrBarArowOff.gif) no-repeat center } .xom .headerbar h3 a:hover span { background-image:url(../Images/Navigation/hdrBarArowOver.gif); } .xom .headerbar h3.nolink { color:#666; padding:4px 25px 2px 25px; margin:0; border-bottom:1px solid #ccc; background:#ebebeb url(../Images/Navigation/hdrBarCir.gif) no-repeat 5px .25em; } /* ######################################################################## */ /* begin Expando callout (basic blue) v2.0 */ .xom .callblueTL { background:transparent url(../Images/Navigation/homeBanner600.gif) no-repeat top left; } .xom .callblueTR { background:transparent url(../Images/Navigation/homeBanner600.gif) no-repeat top right; } .xom .callblueBL { background:transparent url(../Images/Navigation/homeBanner600.gif) no-repeat bottom left; } .xom .callblueBR { background:transparent url(../Images/Navigation/homeBanner600.gif) no-repeat bottom right; } .xom .callblueTL { margin:0 0 0 0; height:20px; line-height:1%; font-size:1%; } .xom .callblueTR { margin:0 0 0 10px; height:20px; line-height:1%; font-size:1%; } .xom .callblueBL { margin:0 0 0 0; } .xom .callblueBR { margin:0 0 0 10px; } .xom .callblueBR .callbluepad { padding:0 10px 0 0; margin-top:-10px; position:relative; float:left;} /* =end= Expando callout (basic blue) v2.0 */ /* begin Expando callout (basic white) v2.0 */ .xom .callwhiteTL { background:transparent url(../Images/Navigation/f2wBanner600.gif) no-repeat top left; } .xom .callwhiteTR { background:transparent url(../Images/Navigation/f2wBanner600.gif) no-repeat top right; } .xom .callwhiteBL { background:transparent url(../Images/Navigation/f2wBanner600.gif) no-repeat bottom left; } .xom .callwhiteBR { background:transparent url(../Images/Navigation/f2wBanner600.gif) no-repeat bottom right; } .xom .callwhiteTL { margin:0 0 0 0; height:20px; line-height:1%; font-size:1%; } .xom .callwhiteTR { margin:0 0 0 10px; height:20px; line-height:1%; font-size:1%; } .xom .callwhiteBL { margin:10px 0 0 0; } .xom .callwhiteBR { margin:0 0 0 10px; } .xom .callwhiteBR .callwhitepad { padding:0 10px 0 0; margin-top:-10px; position:relative; float:left;} /* =end= Expando callout (basic white) v2.0 */ /* begin Expando callout (basic gray) v2.0 */ .xom .callgrayTL { background:transparent url(../Images/Navigation/blankBanner600.jpg) no-repeat top left; } .xom .callgrayTR { background:transparent url(../Images/Navigation/blankBanner600.jpg) no-repeat top right; } .xom .callgrayBL { background:transparent url(../Images/Navigation/blankBanner600.jpg) no-repeat bottom left; } .xom .callgrayBR { background:transparent url(../Images/Navigation/blankBanner600.jpg) no-repeat bottom right; } .xom .callgrayTL { margin:0 0 0 0; height:20px; line-height:1%; font-size:1%; } .xom .callgrayTR { margin:0 0 0 10px; height:20px; line-height:1%; font-size:1%; } .xom .callgrayBL { margin:10px 0 0 0; } .xom .callgrayBR { margin:0 0 0 10px; } .xom .callgrayBR .callgraypad { padding:0 10px 0 0; margin-top:-10px; position:relative; float:left;} /* =end= Expando callout (basic gray) v2.0 */ .xom .frame02TL { background:transparent url(../Images/Navigation/frame03.gif) no-repeat top left; } .xom .frame02TR { background:transparent url(../Images/Navigation/frame03.gif) no-repeat top right; } .xom .frame02BL { background:transparent url(../Images/Navigation/frame03.gif) no-repeat bottom left; } .xom .frame02BR { background:transparent url(../Images/Navigation/frame03.gif) no-repeat bottom right; } .xom .frame02TL { margin:0 0 0 0; height:10px; line-height:1%; font-size:1%; } .xom .frame02TR { margin:0 0 0 10px; height:10px; line-height:1%; font-size:1%; } .xom .frame02BL { margin:0 0 0 0; } .xom .frame02BR { margin:0 0 0 10px; } .xom .callout {background:transparent url(../Images/Navigation/blueGradient.jpg) no-repeat top right;} /* begin Expando callout (basic blue) v2.0 */ .xom .frame01TL { background:transparent url(../Images/Navigation/calloutFrame1000.gif) no-repeat top left; } .xom .frame01TR { background:transparent url(../Images/Navigation/calloutFrame1000.gif) no-repeat top right; } .xom .frame01BL { background:transparent url(../Images/Navigation/calloutFrame1000.gif) no-repeat bottom left; } .xom .frame01BR { background:transparent url(../Images/Navigation/calloutFrame1000.gif) no-repeat bottom right; } .xom .frame01TL { margin:0 0 0 0; height:3px; line-height:1%; font-size:1%; } .xom .frame01TR { margin:0 0 0 10px; height:3px; line-height:1%; font-size:1%; } .xom .frame01BL { margin:0 0 0 0; } .xom .frame01BR { margin:0 0 0 10px; } .xom .home .frame01TL { height:20px; } .xom .home .frame01TR { height:20px; } .xom .home .frame01BR .frame01pad { padding:0 10px 0 0; margin-top:-10px; position:relative; float:left;} .xom .home .frame01pad a {font-weight:bold;} .xom .home .frame01pad .content {padding:10px 0 30px 15px; } .xom .home .frame01pad .content p {padding:0 60px 15px 0;} .xom .home .frame01 { background:transparent none repeat-x top right; } .xom .callout .content { padding:5px 10px; min-height:60px; height:auto !important; height:60px; background:transparent none no-repeat 0; } .xom .callout .content h2 { padding-bottom:.1em; } /* =end= Expando callout (basic blue) v2.0 */ .xom .home .callout .content { padding:0 10px 10px 10px; min-height:100px; height:auto !important; height:100px; background:transparent none no-repeat 101% 10%; } .xom .home .callout h2 { color:#2E4B68; font-size:1.5em; line-height:1.2em; margin:0; padding:0; } .xom .home .callout p { padding:0; margin-bottom:10px; } .xom .home .callout .img60 { padding-right:60px; } .xom .home #container #mainPanel .callout .img60 { padding-right:60px; margin:0; width:auto; } .xom .home #container #mainPanel .callout .img65 { padding-right:65px; } .xom .home #container #mainPanel .callout .img70 { padding-right:70px; } .xom .home #container #mainPanel .callout .img75 { padding-right:75px; } .xom .home #container #mainPanel .callout .img80 { padding-right:80px; } .xom .home #container #mainPanel .callout .img85 { padding-right:85px; } .xom .home #container #mainPanel .callout .img90 { padding-right:90px; } /* begin Expando feature (basic transparent) v2.0 */ .xom .featuretransTL { background:transparent url(../Images/Navigation/transBox1000.gif) no-repeat top left; } .xom .featuretransTR { background:transparent url(../Images/Navigation/transBox1000.gif) no-repeat top right; } .xom .featuretransBL { background:transparent url(../Images/Navigation/transBox1000.gif) no-repeat bottom left; } .xom .featuretransBR { background:transparent url(../Images/Navigation/transBox1000.gif) no-repeat bottom right; } .xom .featuretransTL { margin:0 0 0 0; height:20px; line-height:1%; font-size:1%; } .xom .featuretransTR { margin:0 0 0 10px; height:20px; line-height:1%; font-size:1%; } .xom .featuretransBL { margin:0 0 0 0; } .xom .featuretransBR { margin:0 0 0 10px; } .xom .featuretransBR .featuretranspad { padding:0 10px 0 0; margin-top:-10px; position:relative; float:left;} .xom .featuretranspad a {font-weight:bold;} .xom .featuretranspad .content {padding:10px 0 30px 15px; } .xom .featuretranspad .content p {padding:0 60px 15px 0;} .xom .featuretrans { background:transparent none repeat-x top right; } /* =end= Expando feature (basic transparent) v2.0 */ /* begin Expando Button v2.0 */ .xom .buttonTL { background:transparent url(../Images/Button/expandoButton.jpg) no-repeat top left; } .xom .buttonTR { background:transparent url(../Images/Button/expandoButton.jpg) no-repeat top right; } .xom .buttonBL { background:transparent url(../Images/Button/expandoButton.jpg) no-repeat bottom left; } .xom .buttonBR { background:transparent url(../Images/Button/expandoButton.jpg) no-repeat bottom right; } .xom .buttonTL { margin:0 0 0 0; height:5px; line-height:1%; font-size:1%; } .xom .buttonTR { margin:0 0 0 9px; height:5px; line-height:1%; font-size:1%; } .xom .buttonBL { margin:0 0 0 0; } .xom .buttonBR { margin:0 0 0 9px; } .xom .buttonBR .bttnpad { padding:0 9px 5px 0; text-align:center; position:relative; } .xom .buttonBR .bttnpad a { display:block; padding:0; margin:0 auto; width:100%; font-weight:normal; font-size:1em;} /* =end= Expando Button v2.0 */ .xom .subfeature .item .buttonBL { width:68%; margin:0 auto;} /* ============================================================================================================= [[[[[ include FOOTER styles ]]]]] ============================================================================================================= */ .xom #globalFooter { border-top:1px solid #f0f0f0; margin:0; padding:20px 0 0 0; text-align:center; font-size:1.0em; } .xom #globalFooter a { color:#666; } .xom .footerNav { text-align:center; padding:10px 0 0 0; } .xom .footerNav li { display:inline; padding:0 12px 0 8px; border-right:dashed #999 1px; line-height:1.6em;} .xom #globalFooter .logo li { border-right:none 0; padding-right:0; } .xom #globalFooter .logo img { padding-right:12px; } /* **************************************************************************************** */ .xom .quicklinks { font-weight:bold; } .xom #container .quicklinks ul, .xom #container .quicklinks ol { padding:0 0 2em 2.5em; margin:10px 0; font-size:1.0em; position:relative; display:block; clear:left;} .xom .quicklinks li { display:list-item; padding:1px 0; margin:0; font-size:1.1em; line-height:1.4em; color:#666;} .xom .quicklinks ul li { list-style:disc; } .xom .quicklinks ul li a, .xom .quicklinks ul li a:link { color:#1a4a7a; font-size:1.0em;} /* ============================================================================================================= [[[[[ include SIDEBAR styles ]]]]] ============================================================================================================= */ .xom #sideBar { float:left; width:200px; } .xom .subnav { font-weight:bold; margin-bottom:30px; } .xom .subnav .capTL { background:#ebebeb url(../Images/Navigation/leftNavTop.gif) no-repeat top left; } .xom .subnav .capTR { background:#ebebeb url(../Images/Navigation/leftNavTop.gif) no-repeat top right; } .xom .subnav .capTL { margin:0 0 0 0; height:17px; line-height:1%; font-size:1%; border-bottom:1px solid #ccc; } .xom .subnav .capTR { margin:0 0 0 10px; height:17px; line-height:1%; font-size:1%; } .xom .subnav .capBL { background:#ebebeb url(../Images/Navigation/leftNavBottom.gif) no-repeat bottom left; } .xom .subnav .capBR { background:#ebebeb url(../Images/Navigation/leftNavBottom.gif) no-repeat bottom right; } .xom .subnav .capBL { margin:0 0 0 0; height:23px; line-height:1%; font-size:1%; border-top:1px solid #fff; } .xom .subnav .capBR { margin:0 0 0 10px; height:23px; line-height:1%; font-size:1%; } .xom .subnav .subL { background:transparent url(../Images/Navigation/leftNavShadow.gif) repeat-y top left; } .xom .subnav .subR { background:transparent url(../Images/Navigation/leftNavShadow.gif) repeat-y top right; } .xom .subnav li a:visited { color:#666; } .xom .subnav ul { font-size:1.0em; } .xom .subnav li { padding:0; margin:0 2px; border-top:1px solid #fff; background:transparent none no-repeat 0; } .xom .subnav li a { display:block; font-size:1.2em; color:#666; padding:4px 4px 3px 25px; border-bottom:1px solid #ccc; background:#ebebeb url(../Images/Navigation/left-nav-01.gif) no-repeat 8px .3em; } .xom .subnav li a:hover { color:#036; background:#dee9f2 url(../Images/Navigation/left-nav-02.gif) no-repeat 8px .3em; } .xom .subnav li a.selected, .xom .subnav li a:hover.selected { color:#036; background:#dee9f2 url(../Images/Navigation/left-nav-03.gif) no-repeat 8px .3em; } .xom .subnav li.endpoint a { background:#ebebeb url(../Images/Navigation/left-nav-04.gif) no-repeat 8px .3em; } .xom .subnav li.endpoint a:hover { background:#dee9f2 url(../Images/Navigation/left-nav-05.gif) no-repeat 8px .3em; } .xom .subnav li.endpoint a.selected { background:#dee9f2 url(../Images/Navigation/left-nav-05.gif) no-repeat 8px .3em; } .xom .subnav li li a { background:#ebebeb url(../Images/Navigation/left-nav-06.gif) no-repeat 8px .3em; } .xom .subnav li li a:hover { background:#dee9f2 url(../Images/Navigation/left-nav-07.gif) no-repeat 8px .3em; } .xom .subnav li li a.selected, .xom .subnav li li a:hover.selected { background:#dee9f2 url(../Images/Navigation/left-nav-08.gif) no-repeat 8px .3em; } .xom #sideBar .subnav li li { margin:0; } .xom #sideBar .subnav li li a { padding:4px 4px 3px 40px; background-position:23px .3em; font-size:1.1em; } .xom #sideBar .subnav li li li a { padding:4px 4px 3px 55px; background-position:38px .3em; font-size:1.1em; } .xom #sideBar .subnav li li li li a { padding:4px 4px 3px 70px; background-position:53px .3em; font-size:1.1em; font-weight:normal; } /* ============================================================================================================= [[[[[ include TOOLBAR styles ]]]]] ============================================================================================================= */ .xom #toolbar { float:right; width:150px; } .xom #toolbar .padding { margin: 5px 20px 25px 20px; } .xom #toolbar img { margin:15px 0; } .xom #toolbar a {display:block; line-height:1.1em; font-weight:bold; } .xom #toolbar .toolbox .padding { margin:-5px 10px 0 5px; padding-bottom:50px; } .xom .toolbox a { padding-top:1px; padding-bottom:5px; } /* .tools a { color:#333; } */ .xom #toolbar .title { display:block; clear:left; font-size:1.3em; font-weight:bold; line-height:1em; padding:5px 0 5px 0; } .xom #toolbar .tools { text-align:left; margin:5px 0 0 0; } .xom #toolbar .tools a { font-weight:normal; } .xom #toolbar .tools li { padding:0; margin:0; } .xom .iconleft { padding-left:25px; display:block; min-height:15px; height:auto !important; height:15px; background:transparent url(../Images/Navigation/clear.gif) no-repeat left top; } .xom .iconright { padding-right:20px; display:block; min-height:15px; height:auto !important; height:15px; background:transparent url(../Images/Navigation/clear.gif) no-repeat right top; } .xom #globalFooter .iconleft { display:inline; } .xom #globalFooter .iconright { display:inline; } .xom div .print { background-image: url(../Images/Icons/iconPrint.gif); } .xom div .email { background-image: url(../Images/Icons/iconEmail.gif); } .xom div .addfav { background-image: url(../Images/Icons/iconFav.gif); } .xom div .subrss { background-image: url(../Images/Icons/iconRss.gif); } .xom div .pdf { background-image: url(../Images/Icons/pdfIcon.gif); } .xom div .audio { background-image: url(../Images/Icons/listenIcon.gif); } .xom div .greenup {background-image: url(../Images/Icons/green_arrow.jpg); } .xom div .reddown {background-image: url(../Images/Icons/red_arrow.jpg); } .xom div .globe { background-image: url(../Images/icons/ftrWorld.gif); background-position:0 -1px; } .xom div .phone { background-image: url(../Images/icons/ftrPhone.gif); } .xom #toolbar .textSize { text-align:left; } .xom #toolbar .textSize li { float:left; padding:5px 5px 0 0; margin:0; } .xom #toolbar .textSize img { margin:0; } .xom #toolbar .textSize .label { padding:6px 0 5px 0; line-height:1em; font-size:1em; color:#666; } .xom #toolbar .related { margin:20px 0 0 3px; float:left; } .xom #toolbar .related ul { padding:2px 0 0 0; } .xom #toolbar .related ul li { padding:0 0 0 0; } .xom #toolbar .related ul li a { margin-top:3px; } /* ============================================================================================================= [[[[[ include ARTICLE styles ]]]]] ============================================================================================================= */ .xom #mainContent { margin:0 150px 0 200px; padding:0 30px 25px 30px; } .xom .contentWrapper { overflow:auto; } .xom .article #mainContent a { text-decoration:underline; } .xom #mainPanel .left { float:left; margin-right:15px; } .xom #mainPanel .right { float:right; margin-left:10px; } .xom #mainPanel .textcenter { text-align:center; } .xom #mainPanel .textright { text-align:right; } .xom #mainPanel .textleft { text-align:left; } .xom #mainPanel .nobr { white-space:nowrap; } /* #mainContent .wbr { font-size:1%; } */ .xom .wbr { position:absolute; display:inline-block; } .xom * html .wbr { position:relative; display:inline-block; } .xom #mainPanel .img240 { display:block; margin-bottom:5px; width:240px; } .xom #mainPanel .img240 img { display:block; } .xom #mainPanel .img150 { display:block; margin-bottom:5px; width:150px; } .xom #mainPanel .img150 img { display:block; } .xom #mainContent .img90 { display:block; margin-bottom:3px; width:90px; } .xom #mainContent .img90 img { display:block; } .xom #mainContent .img60 { display:block; margin-bottom:2px; width:60px; } .xom #mainContent .img60 img { display:block; } .xom #mainPanel .caption { display:block; font-size:0.9em; line-height:1.1em; margin:5px; text-align:center; } .xom #mainPanel .clrboth {clear:left;} .xom #mainContent ul, .xom .xom #mainContent ol { padding:0 0 2em 2.5em; margin:0; position:relative; display:block; } .xom #mainContent li { display:list-item; padding:0; margin:0; font-size:1.1em; line-height:1.4em; } .xom #mainContent ul li { list-style-type:disc; } .xom #mainContent ol li { list-style-type:decimal; } .xom #mainPanel .subfeature ul, .xom .xom #mainPanel .subfeature ol { padding:0 0 0 2.5em; margin:9px 20px 10px 0; font-size:1.0em; position:relative; display:block; } .xom #mainPanel .subfeature li { display:list-item; padding:1px 0; margin:0; font-size:1.1em; line-height:1.4em; } .xom #mainPanel .subfeature ul li { list-style-type:disc; } .xom #mainPanel .subfeature ol li { list-style-type:decimal; } .xom #mainPanel .subfeature li a { font-size:1em; } .xom #mainPanel .subfeature ul.lipad li { margin-bottom: 1.5em; } .xom .rssfeeds { padding:0 1% 0 1%;} .xom .rssfeeds a { display:block; line-height:1.1em; padding-bottom:5px; } .xom #mainContent .rssfeeds ul { padding:0; } .xom #mainContent .rssfeeds ul li { list-style-type:none; font-size:1.0em; } /* For Internet Explorer */ .xom #mainPanel hr {display:block; text-align:left; width:85%; height:1px; color:#bbb; border:none; padding:0; margin:0;} /* For Opera and Gecko-based browsers */ .xom html>body #mainPanel hr {margin-left:0; width:85%; height:1px; background-color:#bbb; border:0 solid #bbb; } .xom .linebox { width:100%; position:relative; margin-bottom:10px; } .xom .linebox .lineBorder { border:solid 1px #888; padding:20px; background-color:#fff; } .xom .linebox .lineGrad { border:solid 1px #888; padding:1% 2% 3% 5%; background:transparent url(../Images/Icons/toolGradient.jpg) repeat-x 0 0; } .xom .linebox .lightGray { border:solid 1px #ccc; padding:0; background:#f0f0f0 none no-repeat; } .xom .linebox .lineTL, .xom .linebox .lineTR, .xom .linebox .lineBL, .xom .linebox .lineBR {height:13px; width:13px; position:absolute;} .xom .linebox .lineTL { background:transparent url(../Images/Navigation/leftTopCorner.gif) no-repeat top left; } .xom .linebox .lineTR { background:transparent url(../Images/Navigation/rightTopCorner.gif) no-repeat top right; } .xom .linebox .lineBL { background:transparent url(../Images/Navigation/leftBotCorner.gif) no-repeat bottom left; } .xom .linebox .lineBR { background:transparent url(../Images/Navigation/rightBotCorner.gif) no-repeat bottom right; } .xom .linebox .lineTL { top:-2px; left:-2px; } .xom .linebox .lineTR { top:-2px; right:-2px; } .xom .linebox .lineBL { bottom:-2px; left:-2px; } .xom .linebox .lineBR { bottom:-2px; right:-2px; } .xom .linebox .lightGray .lineTL { background-image:url(../Images/Navigation/cccCornerTL.gif); } .xom .linebox .lightGray .lineTR { background-image:url(../Images/Navigation/cccCornerTR.gif); } .xom .linebox .lightGray .lineBL { background-image:url(../Images/Navigation/cccCornerBL.gif); } .xom .linebox .lightGray .lineBR { background-image:url(../Images/Navigation/cccCornerBR.gif); } .xom .linebox .quizQuestions { width: 65%; float: left; } .xom .linebox .quizQuestions .padding {margin-right:3%; } .xom .linebox .quizAnswers { display:inline; float:right; margin:30px 0 0 0; border:0 none; text-align:center; } .xom .linebox .quizAnswers input{ /* margin-right: .05em; */ } .xom .quote { width:25%; margin-top:1%; margin-bottom:1%; } .xom .quote p { font-size:1.4em; line-height:1.1em; font-weight:bold; text-align:center; } /* ============================================================================================================= [[[[[ LIST ]]]]] ============================================================================================================= */ .xom .list #mainContent { margin-right:10%; } .xom .list #mainPanel .img90, .xom .xom .list #mainPanel .img60, .xom .advert #mainPanel .img90, .xom .advert #mainPanel .img60 { display:block; margin-bottom:0; width:auto; } .xom .img60 img { width:60px; } .xom .img90 img { width:90px; } .xom .itemgroup {padding-top:20px; padding-bottom:5px;} .xom .list .itemgroup {float:left;} .xom .item {width:45%; margin:0; font-size:1.0em; line-height:1.4em; } .xom .item img {display:block; } .xom .item p {padding:5px 0 0 0; font-size:1.1em; } .xom .item div.left { float:left; margin-right:5px; } .xom .item div.right { float:right; margin-left:2px; } .xom .list .item h3 { margin:0; padding:0; font-size:1.1em; line-height:1.4em; } /* .list .item h3 a { color:#069; } */ .xom .item img { float:left; margin:0 15px 3px 0; } /* == for list fix */ .xom .list #mainPanel .itemgroup a.left { float:none; margin:0; border:1px solid red; } .xom .mc1column .item {width:100%; padding-top:20px; padding-bottom:5px;} .xom .mc1column .itemgroup .right {padding-top:25px;} .xom .freedate {display:block; font-weight:bold; } .xom .freeicon {display:block; height:20px;width:20px; background:transparent none no-repeat center;} .xom .padTop20 { padding-top:20px; clear:both; line-height:1%; font-size:1%; } .xom .img90 .item .imgwidth {width:90px;} .xom .img60 .item .imgwidth {width:60px;} .xom div.item .imgwidth p { text-align:center; font-weight:bold; } .xom div.item .imgwidth img { margin-bottom:10px; } .xom .mc3column .item {width:auto;} .xom .mc3column div.item {float:left; margin-right:30px; display:inline;} .xom .mc3column .itemgroup {padding-top:0; padding-bottom:25px;} /* ============================================================================================================= [[[[[ HOME template ]]]]] ============================================================================================================= */ .xom .home #mainPanel a { font-weight:bold; } .xom div.csingle { width:32%;} .xom div.subfeature { } .xom .landing div.csingle { width:48.8%;} .xom div.cdouble { width:65.8%;} .xom div.cleft { float:left;} .xom div.ccenter { float:left; margin-left:2%;} .xom div.cright { float:right;} .xom .subfeature .padding { padding:10px 25px 8px 25px; } .xom #mainPanel .subfeature .padding .img60 { margin-right:9px; } .xom .home #mainPanel .img90 { display:block; margin-bottom:0; width:auto; } .xom .home #mainPanel .img60 { display:block; margin-bottom:0; width:auto; } .xom .home #mainPanel .img90 { display:block; margin-bottom:0; width:auto; } .xom .home #mainPanel .img60 { display:block; margin-bottom:0; width:auto; } .xom .home #mainPanel .csingle .img90 { margin-bottom:3px; width:90px; } .xom .home #mainPanel .csingle .img60 { margin-bottom:2px; width:60px; } /* **************************************************************************************** */ .xom .subfeature table td { padding:1px; } .xom .subfeature tfoot td { font-style:italic; } .xom .subfeature table .wide { width:45%; } .xom .subfeature table { width:100%; margin-bottom:30px; } .xom .subfeature table { font-size:1.0em; } .xom table td.icon {background-color:transparent; background-repeat:no-repeat; background-position:15% 50%; padding-left:17px;} /* **************************************************************************************** */ .xom #mainPanel .cdouble .left { float:left; margin:0 3px 0 0; padding:0; position:relative; } .xom #mainPanel .cdouble .center { float:left; margin:0; padding:0; position:relative; } .xom #mainPanel .cdouble .right { float:right; margin:0; padding:0; position:relative; } .xom #mainPanel .cdouble img.left { float:left; margin-right:9px; } .xom #mainPanel .cdouble img.right { float:right; margin-left:9px; } .xom .cdouble .itemgroup { float:left; width:100%; padding-top:15px; } .xom .cdouble .item {width:32.9%; margin:0; padding:0; position:relative; font-size:1em; } .xom .cdouble .item .padding {padding: 0 5px 0 15px; } .xom .cdouble .item img {display:block;} /* .xom .cdouble .img60 img {height:60px; width:auto;} .xom .cdouble .img90 img {height:90px; width:auto;} */ .xom #container ul.nodisc, .xom .xom #container ul.nodisc li, .xom .xom #container ol.nonum, .xom .xom #container ol.nonum li { display:block; list-style-type:none; } .xom .cdouble .item p {padding:0 0 5px 0; font-weight:bold; float:left} .xom #container .cdouble .item ul {padding:5px 0 5px 0; margin:0; float:left;} .xom #container .cdouble .item ul li {padding:0; margin:0; display:block; font-size:1em; } .xom div.cdouble .item a {font-size:1em; } .xom #homerow3 .csingle .padding {padding: 15px 20px 0 15px; } .xom #homerow3 .csingle p {padding: 5px 0 5px 0; float:none} .xom #homerow3 .csingle ul { display:inline; padding: 5px 0 5px 0; margin-top:0; } .xom #homerow3 .csingle ul li { display:inline; border-right:dotted #999 1px; padding:0 .5em; margin:0; font-size:1em; } .xom #homerow3 .csingle ul li.noborder {border-right:none; padding-right:0; } .xom .csingle .item img { float:none; } .xom .cdouble .item .buttonBL {margin-top:5px;} /* **************************************************************************************** */ /* .xom .home #subfeatureTR a, .xom .home #subfeatureBR a { color:#fff; font-size:1.4em; font-family:Arial,Helvetica,Sans-Serif; font-weight:bold; display:block; float:right; padding-right:10px; padding-top:10px; } .xom .home #subfeatureBR a { padding-top:25px; } .xom .home #subfeatureTR { position: absolute; top: 61px; right:20px; text-align:right; background: transparent none no-repeat center; width: 153px; height: 54px; } .xom .home #subfeatureBR { position: absolute; top: 123px; right:20px; text-align:right; background: transparent none no-repeat center; width: 153px; height: 54px; } */ .xom .layoutRow {margin: 0 0 10px 0; padding:0} .xom .home #mainFeatureHeightCheck { float:left; } .xom .home #subFeatureHeightCheck { float:left; } .xom .home #mainFeatureFlash { position:absolute; height:200px; width:100%; z-index:50;} .xom .home #mainFeature h1 { color:#fff; font-size:1.8em; line-height:1em; } .xom .home #mainFeature p { color:#fff; line-height:1.5em; padding-top:0; } .xom .home #mainFeature a { color:#fff; font-weight:bold; } .xom .home #globalHeader { margin-bottom:0; } .xom .home #navPanel { background:transparent none no-repeat; padding:22px 0 20px 0; } .xom .home #navPanel .left { float:left; margin-right:15px; } .xom .home #mainFeature { margin:-3.32em 0 0 0; width:67.7%; float:left; } .xom .home .frame01BL, .xom .home .frame01BR { min-height:195px; } .xom .home #mainFeature .frame01 { background:transparent none no-repeat top left; } .xom .home #mainFeature .content { padding:50px 20px 30px 300px; } .xom .home #mainFeature .content p { padding:0; } .xom .home #subfeatureCallouts { margin:-3.32em 0 0 0; width:32%; float:right; } .xom .home #subfeatureCallouts .frame01{ background-repeat:repeat; } .xom .home #subfeatureCallouts .content { padding:0 15px 0 0; margin-top:3.3em; } .xom .home #subfeatureCallouts .content h2 { padding-top:0; font-size:1.2em; line-height:1.1em; } .xom .home #subfeatureCallouts .content p { padding:0; font-size:1em; } .xom .home #subfeatureCallouts .subfeature { padding-bottom:13px; } .xom .home #subfeatureCallouts .top { margin-bottom:10px; border-bottom:1px solid #fff; } .xom .home #mainNav { position:relative; z-index:100; } /* IN A TABLE */ .xom .home table.featureRow { background:transparent none no-repeat 0 0; border-collapse:collapse; empty-cells:show; table-layout:fixed; margin:-3.32em 0 0 0; } .xom .home table.featureRow td { font-size:1em; } .xom .home .featureRow #mainFeature { margin:0 0 0 0; width:100%; float:none; } .xom .home .featureRow #mainFeature .content { padding:45px 15px 10px 300px; } .xom .home .featureRow #subfeatureCallouts { margin:0 0 0 0; width:100%; float:none; } .xom .home .featureRow #subfeatureCallouts .content { margin-top:31px; } .xom .home .featureRow #subfeatureCallouts .subfeature { padding-bottom:3px; } .xom .home .featureRow #subfeatureCallouts .top { padding-bottom:13px; } .xom .home .featureRow #mainFeatureFlash { position:absolute; height:200px; width:67.2%; z-index:50; left:0; top:10px; margin:0 0 0 0;} /* .xom .home .featureRow #mainFeature .content { padding:50px 20px 30px 300px; border:1px solid yellow;} .xom .home .featureRow #mainFeature .content p { padding:0; } */ .xom .tdframeTL, .xom .tdframeTR, .xom .tdframeBL, .xom .tdframeBR, .xom .tdframeTC, .xom .tdframeBC, .xom .tdframeCL, .xom .tdframeCR { background:transparent url(../Images/Navigation/calloutFrame1000.gif) no-repeat 0 0; font-size:1px; line-height:1px; } .xom .tdframeTL { background-position:top left; height:10px; width:10px; } .xom .tdframeTR { background-position:top right; height:10px; width:10px; } .xom .tdframeBL { background-position:bottom left; height:10px; width:10px; } .xom .tdframeBR { background-position:bottom right; height:10px; width:10px; } .xom .tdframeTC { background-position:top center; height:10px; } .xom .tdframeBC { background-position:bottom center; height:10px; } .xom .tdframeCL { background-position:center left; width:10px; } .xom .tdframeCR { background-position:center right; width:10px; } .xom .home td.bluebg { background-color:#e9f4fb; } .xom .home td.divider { width:3px; background-color:#fff; } .xom .home .featureRow .mainFeatureWidth { width:65%; } .xom .home .featureRow .subFeatureWidth { width:30%; } .xom .nosubfeatures .featureRow td.bluebg { display:none; } .xom .nosubfeatures .featureRow td.divider { display:none; } .xom .nosubfeatures .featureRow td.mainFeatureWidth { width:100%; } .xom .nosubfeatures .featureRow td.subFeatureWidth { width:0; } .xom .nosubfeatures .featureRow div#mainFeature { width:99.9%; min-height:170px; } /* ============================================================================================================= [[[[[ LANDING template ]]]]] ============================================================================================================= */ .xom .landing #mainFeature { width:65%; float:left; background:transparent none no-repeat 0 0; margin:0 0 10px 0; } .xom .landing #mainFeature a { font-weight:bold; } .xom .landing #subfeatureCallouts { width:33%; float:right; margin:0 0 25px 0; } .xom .landing #subfeatureCallouts .top { margin-bottom:10px; } .xom .nosubfeatures div#mainFeature { width:99.9%; min-height:140px; } .xom .landing #mainContent { margin:0 0 0 200px; padding:0 0 25px 30px; } .xom .landing #mainPanel { position:relative; } .xom .landing .layoutRow { float:left; } /* ============================================================================================================= [[[[[ tabbed template (global sites) ]]]]] ============================================================================================================= */ .xom .tabbed #mainContent { margin:0 0 0 200px; padding:0 0 25px 30px; } .xom .tabbed #mainPanel { position:relative; } .xom .tabRow, .xom .linkindex { border-bottom:1px solid #ccc; width:99.9%; float:left; } .xom .tabRow { margin:20px 0 20px 0; } .xom .linkindex { margin:0;} .xom #mainContent .linkindex ul { padding:0 10px; margin-bottom:20px; } .xom #mainContent .linkindex ul li { list-style-type:none; font-size:1.2em; line-height:1.5em; } .xom .linkindex .column { width:30%; float:left; margin:0; } .xom .linkindex .column li a { color:#1a4a8a; font-weight:bold; } .xom .countryListing { padding:15px 10px 0 10px; border-bottom:1px solid #ccc; width:99.9%; float:left; } .xom .countryListing a { font-weight:bold; } .xom #mainContent .countryListing ul { padding:0 0 0 10px; margin:15px 0; } .xom #mainContent .countryListing ul li { list-style-type:none; font-size:1.1em; line-height:1.4em; } .xom .backToTop { float:right; margin-top:-.2em; } .xom .backToTop a { padding-right:15px; font-size:1em; background:transparent url(../Images/icons/upArrow.gif) no-repeat center right; } .xom .backToTop a:visited { color:#1a4a8a; } .xom .tabbed h1, .xom .tabbed h3 { color:#666; } .xom .tab { float:left; margin-right:2px; } .xom .tabRow .rightMost { margin-right:0; } .xom .tab h2 { padding:0; margin:0; font-size:1.3em; background:transparent none no-repeat 0; } .xom .tab h2 a { display:block; background:#ebebeb url(../Images/Navigation/boxLightGray.gif) no-repeat right top; } .xom .tab h2 a:hover { background-color:#dee9f2; } .xom .tab h2 a span { display:block; color:#666; white-space:nowrap; padding:4px 0 2px 20px; margin:0 20px 0 0; background:transparent url(../Images/Navigation/boxLightGray.gif) no-repeat left top; } .xom .tab h2 a:hover span { color:#036; } .xom .tab h2.selected a { background:#dee9f2 url(../Images/Navigation/boxLightBlue.gif) no-repeat right top; } .xom .tab h2.selected a:hover { background-color:#dee9f2; } .xom .tab h2.selected a span { color:#036; background:transparent url(../Images/Navigation/boxLightBlue.gif) no-repeat left top; } .xom .tab h2.nolink { color:#666; padding:4px 25px 2px 25px; margin:0; border-bottom:1px solid #ccc; background:#ebebeb url(../Images/Navigation/hdrBarCir.gif) no-repeat 5px .25em; } .xom .tabbed .item { border-bottom:1px solid #ccc; margin:20px 0; width:99.9%; padding:0 10px;} /* ============================================================================================================= [[[[[ common form styles ]]]]] ============================================================================================================= */ /* .formHolder * { border:1px solid #099; } */ .xom .formHolder { margin:0 0 35px -25px; } .xom .formHolder label, .xom .formHolder input, .xom .formHolder select { float:left; background-color:transparent; min-height:1.5em; height:auto; font-size:1.1em; } .xom .formHolder label { width:100px; text-align:right; padding-right:10px; } .xom .formHolder select { width:190px; border:1px solid #79b; } .xom .formHolder input.text { width:188px; border:1px solid #79b; } .xom .formHolder option { background-color:#fff; } .xom #mainPanel .formHolder .button { min-width:9em; float:left; margin:0 1em 0 1em; } .xom #mainPanel .formHolder input.expandBtn { float:none; font-size:.9em; min-height:0; } .xom #mainPanel .formHolder input.middleSubmitBtn { float:none; font-size:.9em; min-height:0; } .xom #mainPanel .formHolder .barbgleftSumbit { margin:0; } .xom .formHolder input.chkbox { width:15px; } .xom .formHolder br { display:none; } .xom .fieldHolder, .xom .xom .fieldSpacer { float:left; width:300px; } .xom .fieldHolder { height:3em; } .xom .fieldSpacer { height:1px; line-height:1%; font-size:1%;} .xom #mainContent .formHolder div.right { float:left; margin-left:300px; } /* ============================================================================================================= [[[[[ SEARCH template ]]]]] ============================================================================================================= */ .xom .search #mainContent { margin:0 11% 0 11%; padding:20px 30px 25px 30px; } .xom .search .item { width:auto; padding-bottom:10px; margin-bottom:10px; } .xom .search .item a { font-size:1.1em; } .xom .search .item p { padding:0; } .xom .search .item h3 { clear:both; margin-bottom:.3em; } .xom .search .itemgroup { clear:both; } .xom .search .linebox { width:67%; float:left; } .xom .search #mainContent .padding { padding:15px 0 15px 15px; position:relative;} .xom .search h2 {font-size:1.1em; margin-bottom:15px;} .xom .search .formHolder br { display:inline; } .xom .search #mainContent .formHolder div.left { clear:left; margin:0; } .xom .search #mainContent .formHolder div.right { float:right; margin:0; } .xom .search div.csingle { float:right; width:25%; padding:20px 10px 0 25px; } .xom .search .formHolder { margin:0 0 0 0; } .xom .search #mainContent form { display:block; } .xom .search #mainContent .buttnHolder { float:left; margin:.3em 0 0 5px; } .xom .search #mainContent .minWidth { float:left; width:308px; line-height:1%; font-size:1%; } /*.search #mainContent .formHolder .barbgleftSumbit { float:none; } */ .xom .search #mainContent .barbgleftSumbit { margin:0; padding:0; } .xom .search #mainContent .barbgrightSubmit { } .xom .search #mainContent input.middleSubmitBtn { margin:0 4px 0 4px; padding:0; border:none; } .xom .search .fieldHolder { min-height:2em; } .xom .search .formHolder label { width:80px; text-align:right; font-size:1em; padding:0 10px 0 0; margin:0; } .xom .search .formHolder select { width:122px; border:1px solid #79b; } .xom .search .formHolder input.text { width:220px; border:1px solid #79b; background-color:#fff; } .xom .search .formHolder #searchResultTermsLabel { display:none; } .xom .search .fieldHolder, .xom .xom .search .fieldSpacer { float:left; width:225px; } .xom .search .fieldHolder a { font-size:1em; font-weight:bold; float:left; margin-right:5px; line-height:1.6em;} .xom .search #searchResultInclpdfLabel, .xom .xom .search .formHolder input.chkbox {font-size:1em; height:auto;min-height:1px;display:block;padding:0;line-height:1.6em;} .xom .search #searchResultInclpdfLabel {font-weight:bold; width:auto;} .xom .freedate { } .xom .search .item div.right { float:right; clear:right; width:110px; text-align:right; margin:0; } .xom .search .item div.right .right { width:100%; clear:none; } .xom .search #mainContent .item p.left { float:none; margin-right:110px; } .xom .search #mainContent .url { display:block; margin-right:110px; overflow:hidden; } .xom .graph1bar {width:60px; height:20px; position:relative; float:right; } .xom .graph1bar .gray {width:100%; height:20px; background:#fff url(../Images/Navigation/graphSliceGray.gif) repeat-x 0 0; text-align:left; } .xom .graph1bar .blue {width:0%; height:20px; background:#fff url(../Images/Navigation/graphSliceBlue.gif) repeat-x 0 0; } .xom .graph1bar .graphNumber { display:block; position:absolute; top:10%; left:-2.5em;} .xom #mainContent .center { text-align:center; width:100%; } .xom #mainContent .paging { text-align:center; float:right; margin-top:15px; } .xom #mainContent .paging ul { margin:0 auto; padding:0; } .xom #mainContent .paging ul li { display:inline; padding:0 5px 0 5px; margin:0; font-weight: bold; border-left:solid #777 1px; list-style:none; } .xom #mainContent .paging ul li.label { border-left:none; color:#666; } .xom #mainContent .sorting { text-align:center; float:left; margin-top:15px; } .xom #mainContent .sorting ul { margin:0 auto; padding:0; } .xom #mainContent .sorting ul li { display:inline; padding:0 5px 0 5px; margin:0; font-weight: bold; border-left:solid #777 1px; list-style:none; } .xom #mainContent .sorting ul li.label { border-left:none; color:#666; } .xom #mainContent .sorting ul li.noborderL { border-left:none; } .xom .highlight { color:#000; font-weight:bold; } /* ============================================================================================================= [[[[[ CONTACTUS template ]]]]] ============================================================================================================= */ .xom .contactus #mainPanel { } .xom .contactus #mainContent { margin-right:-10px; width:450px; } .xom .formHolder textarea { float:left; border:1px solid #79b; font-size:1.1em; width:290px; height:10em; } .xom .formHolder .wide { width:auto; position:relative; height:auto;} .xom .buttnHolder { margin:2em 0 0 100px; padding:0; } /* ============================================================================================================= [[[[[ PSMAIN template ]]]]] ============================================================================================================= */ .xom .psmain #mainFeature { width:100%; float:left; background:transparent none no-repeat 0; margin:0; padding:0; font-weight:bold; } .xom .psmain #mainFeature p { font-weight:normal; } .xom .psmain .mc3column .item {width:33%; margin:0;} .xom .psmain .mc3column .item h3 { padding:0 10px 0 0; } .xom .psmain .mc3column .item p { padding:0 10px 0 0; } .xom .psmain .layoutRow {margin: 0 0 20px 0; } .xom .psmain .featuretranspad .content .fieldGroup p { padding-right:0; } .xom .psmain #mainPanel .divider { border-right:1px solid #69c; padding-right:14px; margin-right:16px; } .xom .psmain .formHolder img { margin:0 10px 75px 0; } .xom .psmain .formHolder { margin:0 0 0 0; } .xom .psmain .fieldHolder { width:auto; height:auto; padding:15px 0; } .xom .psmain .fieldGroup { padding:15px 0; } .xom .psmain .formHolder label, .xom .psmain .formHolder input, .xom .psmain .formHolder select { float:none; display:block; background-color:transparent; min-height:15px; font-size:1.1em; } .xom .psmain .formHolder input, .xom .psmain .formHolder select { margin:2px 0 9px 0; } .xom .psmain .formHolder label { width:165px; text-align:left; } .xom .psmain .formHolder select { width:170px; border:1px solid #79b; background-color:#fff; } .xom .psmain .formHolder input.text { width:168px; border:1px solid #79b; background-color:#fff; } .xom .psmain .formHolder option { background-color:#fff; } .xom .psmain .formHolder input.middleSubmitBtn { margin:0 5px 0 5px; height:18px; } .xom .psmain .item h3 a { color:#369; } .xom .psmain .subfeature .padding { padding:10px 10px 8px 2px; } .xom .psresult .item { width:auto; padding-bottom:20px; min-height:60px; } .xom .psresult .item p { padding:0; } .xom .psresult .itemgroup { float:left; } .xom .psresult h2 {font-size:1.1em; margin-bottom:15px; } .xom .psresult .item h3 { margin:0; padding:0; font-size:1.1em; line-height:1.4em; } .xom .psresult .item h3 a { color:#369; } .xom .psresult #mainContent { margin-right:10%; } .xom .psresult #mainContent .paging { float:left; } .xom .psresult #sideBar .quicksearch { margin:0; background:#fff url(../Images/Icons/toolGradient.jpg) repeat-x 0 0; } .xom .psresult #sideBar .quicksearch .padding { margin:-5px 10px 0 15px; } .xom .psresult #sideBar .title { display:block; clear:left; color:#555; font-weight:bold; font-size:1.2em; line-height:1.1em; padding:10px 0 0 0; } .xom .psresult .formHolder { margin:0 0 0 0; } .xom .psresult .fieldHolder { width:auto; height:auto; padding:15px 0; } .xom .psresult .formHolder label, .xom .psresult .formHolder input, .xom .psresult .formHolder select { float:none; display:block; background-color:transparent; min-height:15px; font-size:1em; } .xom .psresult .formHolder input, .xom .psresult .formHolder select { margin:2px 0 9px 0; } .xom .psresult .formHolder label { width:135px; text-align:left; font-weight:bold; } .xom .psresult .formHolder select { width:140px; border:1px solid #79b; background-color:#fff; } .xom .psresult .formHolder input.text { width:138px; border:1px solid #79b; background-color:#fff; } .xom .psresult .formHolder option { background-color:#fff; } .xom .psresult .formHolder input.middleSubmitBtn { margin:0 5px 0 5px; height:18px; } .xom .psresult .formHolder .buttnHolder { margin:15px 0 0 100px; padding:0; } .xom .psresult .divider { border-bottom:1px solid #69c; margin-bottom:5px; padding-bottom:15px; } /* ============================================================================================================= [[[[[ ADVERTISING template ]]]]] ============================================================================================================= */ .xom .advert .itemgroup { } .xom .advert .item { } .xom .advert .videoHolder { margin-left:-10px; margin-right:-90px; } .xom .advert #mainContent { } .xom .advert #toolbar { } .xom .advert .linebox { width:330px; height:280px; } .xom .advert .linebox .lightGray { height:100%; } .xom #mainContent ul.sidelinks { margin:0; padding:0;} .xom #mainContent ul.sidelinks li { display:block; float:left; padding:0 5px 0 0; margin:0 5px 0 0; border-right:solid #777 1px; list-style:none; } .xom .message { } .xom .message .padding { text-align:center; padding:50px 30px 0 30px; } .xom .message img { float:left; margin:10px 15px 123px 0; } .xom .message p { font-size:1.2em; line-height:1.5em; text-align:left; margin:0; } .xom .message p a { font-weight:bold; } .xom #flashMessage { display:none; } /* ============================================================================================================= ============================================================================================================= */ /* make all link hover states blue. they are already underlined. */ .xom #globalSites a:hover, .xom #globalHeader a:hover, .xom #subNav a:hover, .xom #globalFooter a:hover, .xom #quicklinks a:hover, .xom #sideBar a:hover, .xom #toolbar a:hover, .xom #mainContent a:hover { color:#1a4a7a; } /* ============================================================================================================= [[[[[ rules specific to template type, .xom or particular pages ]]]]] ============================================================================================================= */ /* the following rules are used by the XOM home page, .xom default is 3-row version [body class="home"] */ .xom .landing #navPanelBottomBg { margin-bottom:20px; } .xom .psmain #navPanelBottomBg { margin-bottom:5px; } /* the following rule produces the 2-row version of XOM home page [body class="home tworow"] */ .xom .tworow #homerow3 { display:none; } /* do this for landing page as well, .xom if needed */ .xom .tworow #landingrow3 { display:none; } /* the following rules remove the subfeatures from the home page, .xom and can be used with either 3-row or 2-row version [body class="home nosubfeatures"] */ .xom .nosubfeatures #subfeatureTR { display:none; } .xom .nosubfeatures #subfeatureBR { display:none; } /* remove subfeature callouts from landing page */ .xom .nosubfeatures #subfeatureCallouts { display:none; } @media screen { .xom body #container .printOnly { display:none; } }