/*================================================================================= START contributor styles - moved to aecontributor.css ===================================================================================*/ /*================================================================================= END contributor styles TEST ===================================================================================*/ /*================================================================================= A. GLOBAL RESET ===================================================================================*/ body {font: 62.5%/1.5 Helvetica, Arial, sans-serif; background: #fff; color: #000; margin: 0; padding: 0;} p, h1, h2, h3, h4, h5, h6, fieldset, form, label, input, select, option, textarea, legend, dl, dt, dd, table, caption, th, td, blockquote, cite{ margin: 0; padding: 0; font-size: 1em;} ul, ol, li, ul *, ol * {font-size: 1em;} div {font-family: Helvetica, Arial, sans-serif;color:#313131;font-size: 1em;} input, textarea, select, button {font-family: Helvetica, Arial, sans-serif;} textarea {overflow: auto;} img {border: 0;} acronym, abbr {border-bottom: 1px dotted; cursor: help;} cite {font-style: normal;} :focus {outline: 0;} /*==================================================================================== B. GLOBAL FORMATTING =====================================================================================*/ .clear {clear: both; height: .0001em; font-size: .001em; background: transparent!important; color: transparent!important;} .left {float: left; display: inline;} .right {float: right; display: inline;} .block {display: block;} .bld {font-weight: bold;} a {color: #1993f1; text-decoration: none; font-weight: bold;} a:hover {text-decoration: underline;} a.smallLink {font-size: .92em; text-decoration:none;} a.smallLink:hover {text-decoration: underline;} img.border {border: 1px solid #c7c7c7;padding: 1px;} span.border {border: 1px solid #c7c7c7;padding: 1px;} h1 {font-size: 1.5em;} h2 {font-size: 1.3em;} h3 {font-size: 1.2em;} h4 {font-size: 1.1em;} h5 {font-size: 1em;} h6 {font-size: 1em; font-weight:normal;} h1, h2, h3, h4, h5, h6 {margin-bottom: 1em;color: #313131;line-height:the0%; } hr {border: none; margin: 15px 0; background: #ccc; padding: 0; height: 1px;} .nav, .nav ul {margin: 0; padding: 0; list-style: none;} input::-moz-focus-inner { border: 0;padding: 0; }/*Remove button padding in FF */ /*====================================================================================== C. LAYOUT * =======================================================================================*/ /*-------------------------------------------------------------------------------------------- 1. Body / body ----------------------------------------------------------------------------------------------*/ body {background: #eeeeee url(/wcm/fragments/ae_css/images/background/body_bg.jpg) repeat-x 0 0; } /* 1.1. Skip to content / a#skip */ #skip {position: absolute; top: -1000px;} .adahidden {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;} /*------------------------------------------------------------------------------------------ 2. Layout Wrapper ---------------------------------------------------------------------------------------------*/ #wrapper {color: #313131; font-size: 1.2em; margin: 0 auto; padding: 0 20px; width: 970px; background: #fff; overflow: visible;} #wrapper p {margin-bottom: 1.5em!important;} #secondCol p, #thirdCol p {margin-bottom: 12px!important;} /*......................................................................... 2.1. Header / div#header ...........................................................................*/ #headerWrapper {background: none; width: 970px; margin: 0 0 11px 0;height: auto;overflow: visible; float: left; position: relative; z-index:1;} #headerTop {height: 132px; width: 970px; background: url(/wcm/fragments/ae_css/images/background/header_top.jpg?v=2) no-repeat 0 0;overflow: hidden;} *:first-child+html #headerTop{position: relative; } /* 2.1.1 logo / h1 */ #logo {height: 129px; width: 320px; margin: 0 0 0 7px; padding: 0; background: url(/wcm/fragments/ae_css/images/background/alliant_logo.png?v=2) no-repeat; text-indent: -9000px; float: left; font-size: 1.5em;} #logo a {display: block; height: 129px; width: 320px; background: url(/wcm/fragments/ae_css/images/background/alliant_logo.png?v=2) no-repeat;} #logo a:hover {border-bottom: none;} .printLogo {display: none;} /* 2.1.2 emergency */ #emergency{background: url(/wcm/fragments/ae_css/images/background/emergency_bg.png?v=2) no-repeat 0 0;width: 488px;padding: 10px 10px 10px 30px; height: 27px; position: absolute; top: 0; right: 0px;} *:first-child+html #emergency{position: relative; right: -113px; z-index: 99999;} #emergency .message {color: #ffc700; font-size: 14px; width: 320px;font-weight: bold; float: left;margin-right: 5px;text-shadow: 2px 2px 5px #606;} #emergency .phone {color: #fff; font-size: 11px; font-weight: bold; margin: 2px 5px 0 4px;text-shadow: 2px 2px 5px #606;} #emergency .report {font-size: 11px; float: right; margin: -1px 0 0 0; width: 155px; height: 30px;} #emergency .report a{color: #00193c;font-size: 11px;font-weight: bold;display: block; } #emergency .report a {background: url(/wcm/fragments/ae_css/images/background/report_outage_btn.png) no-repeat 0 0;width: 151px; padding: 6px 15px 10px 38px;} #emergency .report a:hover {background: url(/wcm/fragments/ae_css/images/background/report_outage_btn.png) no-repeat 0 -40px;text-decoration: none;} /*2.1.3 utility / #utility */ #utility {font-size: 13px; width: 640px; vertical-align: middle; padding: 0px; margin: 67px 0px 10px 0;text-align: right; float: right; overflow: hidden; } *:first-child+html #utility {margin-top: 30px;} #topMenu .menu { padding: 0; margin: 0;list-style: none;width: 427px;float: right; overflow: hidden;} #topMenu .menu li {padding: 0; margin: 0px;list-style: none;float: left;display: block;overflow: hidden;z } #topMenu .menu li.login {width: 185px; padding: 0px 5px;background:url(/wcm/fragments/ae_css/images/navs/utilities_divider.png) no-repeat 100% 50%;} #topMenu .menu li.login span {display: block; padding: 0 0 0 20px; background: url(/wcm/fragments/ae_css/images/navs/lock_icon.png) no-repeat 3px 5px;} #topMenu .menu li.contact {width: 120px; padding: 0px 5px;} #topMenu .menu li.contact span {display: block; padding: 0 0 0 20px; background: url(/wcm/fragments/ae_css/images/navs/envelop_icon.png) no-repeat 2px 5px;} #topMenu .menu a{ padding: 10px 16px 10px 12px;color: #fff; display: block;font-weight: bold; vertical-align: middle;text-shadow: 2px 2px 2px #606;} #topMenu .menu li.login a:hover, #topMenu .menu li.login a.current{text-decoration: none; background: url(/wcm/fragments/ae_css/images/navs/login_account_hover.png) no-repeat 0 50%; } #topMenu .menu li.contact a:hover, #topMenu .menu li.contact a.current{text-decoration: none; background: url(/wcm/fragments/ae_css/images/navs/contact_hover.png) no-repeat 0 50%; } #topMenu .menu li.notauth {display: block; width: 102px;} #topMenu .menu li.welcome {width: 178px; text-align:center; padding: 10px 0px 10px 0px;color: #ffc700; display: block;font-weight: bold; vertical-align: middle;text-shadow: 2px 2px 2px #606;} #topMenu .menu li.logout {width: 105px; padding: 0px 5px;background:url(/wcm/fragments/ae_css/images/navs/utilities_divider.png) no-repeat 100% 50%;} #topMenu .menu li.logout span {display: block; padding: 0 0 0 20px; background: url(/wcm/fragments/ae_css/images/navs/logout_icon.png) no-repeat 3px 5px;} #topMenu .menu li.logout a:hover, #topMenu .menu li.login a.current{text-decoration: none; background: url(/wcm/fragments/ae_css/images/navs/logout_account_hover.png) no-repeat 0 50%; } /* 2.1.4 search / #search */ #search {text-align: right; background: url(/wcm/fragments/ae_css/images/background/search_box_bg2.png?v=2) no-repeat 0 0; font-size: 12px; width: 186px; padding: 6px 5px; margin: 0 15px 0 0; float: right; overflow: hidden;} #search form {margin: 0; display: inline;padding: 0;} #search input {vertical-align: middle;} #search #query {float: left;background: url(/wcm/fragments/ae_css/images/background/query_box.jpg) no-repeat 0 0; border: none; width: 150px; margin: 0; padding: 5px 0 7px 5px;font-family:Arial,verdana,sans-serif;font-size: 12px;font-weight: bold;color: #082d61;} #search .searchBtn {float: left; cursor: pointer; background: url(/wcm/fragments/ae_css/images/background/search_btn.png) no-repeat 0 -36px; border: none; width: 28px; height: 26px; padding: 0px 0; margin: 0px;} #search .searchBtn:hover {background: url(/wcm/fragments/ae_css/images/background/search_btn.png) no-repeat 0 0; } /* 2.1.5. Global navigation / div#globalNav */ #globalNav{width: 970px; margin: 0; padding: 0; display: block;z-index:999;float: left; background: url(/wcm/fragments/ae_css/images/navs/global_nav_bg.jpg?v=2) repeat-x 0 0;} #globalNav ul {width: 100%; float: left; padding: 0; margin: 0px; } #globalNav ul a {display: block; } #globalNav ul li {float: left; display: inline; background: url(/wcm/fragments/ae_css/images/navs/global_nav_divider.jpg) no-repeat 0 0;padding: 0 0px 0 1px; margin: 0;} #globalNav ul li.first {background: none;padding-left: 0;} #globalNav #nav1 a{width:110px;} #globalNav #nav2 a{width:137px;} #globalNav #nav3 a{width:161px;} #globalNav #nav4 a{width:143px;} #globalNav #nav5 a{width:174px;} #globalNav #nav6 a{width: 84px;} #globalNav #nav7 a{width:155px;} #globalNav ul li a{background: url(/wcm/fragments/ae_css/images/navs/global_nav_bg.jpg?v=2) repeat-x 0 0; font-weight: bold; color: #fff; line-height: 100%; text-align: center; height: 43px; vertical-align: middle; font-size: 12px; text-decoration:none; text-shadow: 1px 1px 1px #808; display : table-cell;} *:first-child+html #globalNav ul li a {padding-top: 13px; padding-bottom: 13px;height: 17px;} #globalNav ul li a:hover, #globalNav ul li a.current {text-decoration: none; background: url(/wcm/fragments/ae_css/images/navs/global_nav_bg.jpg?v=2) repeat-x 0 -53px; clear:both;} #globalNav a:hover, #globalNav a.current, #globalNav li:hover a {text-decoration: none; background: url(/wcm/fragments/ae_css/images/navs/global_nav_bg.jpg?v=2) repeat-x 0 -53px;} #globalNav ul li.first a{background: url(/wcm/fragments/ae_css/images/navs/global_nav_first.jpg?v=2) no-repeat 0 0;} #globalNav ul li.last a {background: url(/wcm/fragments/ae_css/images/navs/global_nav_last.jpg?v=2) no-repeat 100% 0;} #globalNav ul li.first a:hover, #globalNav ul li.first:hover a.current, #globalNav ul li.first:hover a{background: url(/wcm/fragments/ae_css/images/navs/global_nav_first.jpg?v=2) no-repeat 0 -53px;} #globalNav ul li.first a.current {background: url(/wcm/fragments/ae_css/images/navs/global_nav_first_current.jpg?v=2) no-repeat 0 -53px;} #globalNav ul li.last a:hover, #globalNav ul li.last:hover a.current, #globalNav ul li.last:hover a {background: url(/wcm/fragments/ae_css/images/navs/global_nav_last.jpg?v=2) no-repeat 100% -53px;;} #globalNav ul li.last a.current{background: url(/wcm/fragments/ae_css/images/navs/global_nav_last_current.jpg?v=2) no-repeat 100% -53px;} /* 2.1.3.1 Global nav dropdown menu / ul */ #globalNav ul ul{position: absolute; left: -999em; width: 180px; margin: 0 0 0 -1px !important; padding: 0 0 8px 0!important; z-index: 999999; overflow: visible; float: none; background: transparent url(/wcm/fragments/ae_css/images/navs/dropdown_bottom_bar.png) no-repeat 0 100%; } *:first-child+html #globalNav ul ul{margin-top: -2px!important;/* filter:alpha(opacity=100);*/} *:first-child+html #globalNav ul .active:hover ul {display: block;} #globalNav ul li.first ul {margin-left: 0!important;} #globalNav ul li ul {margin: 0; padding: 0;} #globalNav ul li ul li {float: none; margin: 0!important; display: block; padding: 0; margin: 0;} #globalNav ul li:hover ul, #globalNav li.sfhover ul{left: auto; clear:both} #globalNav ul li.last ul {right: 0;} #globalNav #nav1 li a,#globalNav #nav2 li a,#globalNav #nav3 li a,#globalNav #nav4 li a,#globalNav #nav5 li a,#globalNav #nav6 li a,#globalNav #nav7 li a{width: 146px; /* 180 -17px left - 17px right = 146px */} #globalNav ul li ul li a, #globalNav ul li.first ul li a, #globalNav ul li.last ul li a {font-size: .9em; color: #fff; text-align: left; height: auto;text-shadow: none!important;background:rgb(8, 60, 150) !important; line-height: 16px; padding: 8px 17px; background:#104298;filter:alpha(opacity=95); opacity: .95; -moz-opacity:.95;} *:first-child+html #globalNav li li a{float: none; display: block; padding-top: 8px; padding-bottom: 8px; height: auto!important;} #globalNav ul li ul a:hover, #globalNav ul li ul a.current, #globalNav ul li.first ul a:hover,#globalNav ul li.first ul a.current, #globalNav ul li.last ul a:hover, #globalNav ul li.last ul a.current { color: #ffd223;background: rgb(8, 60, 150)!important;} /*............................................................................ 2.2. Middle section / div#middle ................................................................................. */ #middle {background: #fff; margin: 0 0 25px 0px; padding:0px; overflow: hidden;width: 100%; } /* 2.2.1 breadcrumbs #breadcrumbs */ #breadcrumbs { background: url(/wcm/fragments/ae_css/images/background/h_line_wide.jpg) no-repeat left bottom; padding: 10px 10px 15px 0px;margin-bottom: 22px; font-size: 11px; font-weight: bold; min-height: 1.5em;} #breadcrumbs a, #breadcrumbs span { color: #1993f1; font-weight: bold; } #breadcrumbs span{background: url(/wcm/fragments/ae_css/images/background/arrows_blue.gif) no-repeat 100% 50%; padding: 5px 15px 5px 12px;} #breadcrumbs span.current {background: none; color: #313131;} #breadcrumbs img {vertical-align: middle;} /* 2.2.2 page title h1#title */ h1#title {display: block; font-size: 23px;font-weight: bold; color: #313131; margin: 0px 0 15px 0; padding: 0 10px; line-height: 22px;} h1#formtitle {float: left; font-size: 26px; color: #313131; font-weight: bold; margin: 30px 40px 23px 10px;} /* 2.2.3 form process indicators */ .processSteps {float: right; margin: 0 0 10px 0; padding: 10px 0;} .processSteps ul {margin: 0; padding: 0;width: 100%; float: left;} .processSteps .two {background: url(/wcm/fragments/ae_css/images/forms/steps_line2.gif) no-repeat 40px 16px;} .processSteps .three {background: url(/wcm/fragments/ae_css/images/forms/steps_line3.gif) no-repeat 40px 16px;} .processSteps .four {background: url(/wcm/fragments/ae_css/images/forms/steps_line4.gif) no-repeat 40px 16px;} .processSteps .five {background: url(/wcm/fragments/ae_css/images/forms/steps_line5.gif) no-repeat 40px 16px;} .processSteps ul li {list-style: none; width: 60px;margin: 0 30px 0px 0; display: block; text-align: center; float: left; } .processSteps .indicator {width: 60px; height: 32px; margin: auto; background: url(/wcm/fragments/ae_css/images/forms/step_indicators.png) no-repeat 50% 0; color: #fff; display: table-cell; vertical-align: middle; text-shadow: 2px 2px 2px #606;font: 18px Arial, sans-serif; text-align: center; line-height: 100%; padding-bottom: 3px;} *:first-child+html .processSteps .indicator{padding-top: 4px;} .processSteps .step{text-align: center; font-size: 11px; color: #313131; width: 60px; line-height: 110%;text-shadow: none; font-weight:bold; margin: 10px auto; text-align: center; } .processSteps li.current .indicator {background: url(/wcm/fragments/ae_css/images/forms/step_indicators.png) no-repeat 50% -42px;} .processSteps li.current .step {color: #1993f1;} #oneColWrapper {width: 970px; margin: 0px; float: left; } #twoColWrapper {width: 724px; margin: 0 0 0 14px; float: left; } .oneCol #twoColWrapper {width: 970px; margin-left: 0px; float: left;} /* 2.2.3 Primary column / div#primeCol */ #primeCol {float: left; width: 545px; margin: 0px; padding: 0 0 10px 0; display: inline; overflow: hidden; } #primeCol #inner {width: 545px; padding: 10px 0 0px 0;margin: 0; } .oneCol #primeCol #inner {width: 970px; background: url(/wcm/fragments/ae_css/images/background/main_content_one_col_top.jpg) no-repeat 0 0; } .twoCol #primeCol #inner {width: 724px; background: url(/wcm/fragments/ae_css/images/background/main_content_two_col_top.jpg) no-repeat 0 0; } .threeCol #primeCol #inner {width: 545px; background: url(/wcm/fragments/ae_css/images/background/main_content_three_col_top.jpg) no-repeat 0 0;} /* set different background color for the form page */ .formpage .oneCol #primeCol #inner {width: 970px; background: url(/wcm/fragments/ae_css/images/background/main_content_one_col_top_form.jpg) no-repeat 0 0; } .formpage .twoCol #primeCol #inner { background: url(/wcm/fragments/ae_css/images/background/main_content_two_col_top_form.jpg) no-repeat 0 0; } /* remove rounded borders for two and three column alternate pages */ .twoColAlt #primeCol #inner, .threeColAlt #primeCol #inner{background: none;padding: 0;} #primeCol #contentWrapper {background: #fff; padding: 0 1px; border-left: 1px solid #cacaca;border-right: 1px solid #cacaca; float: left; } .oneCol #primeCol #contentWrapper {width: 966px} .twoCol #primeCol #contentWrapper {width: 720px;} .threeCol #primeCol #contentWrapper {width: 541px;} *:first-child+html #primeCol #contentWrapper {background: #fff url(/wcm/fragments/ae_css/images/background/main_content_bg.jpg) repeat-x 0 100%;} /* since the rounded borders on two and three column alternate pages are not part of the #primeCol #inner, and #contentWrapper, we need to make it wider 2pixels borders + 2 pixels paddings = 4 */ .twoColAlt .twoCol #primeCol #contentWrapper {width: 724px;} .threeColAlt .threeCol #primeCol #contentWrapper{width: 545px; background:none;} .oneCol #primeCol {width: 970px; margin-left: 0; background: url(/wcm/fragments/ae_css/images/background/main_content_one_col_bottom.jpg) no-repeat 0 100%; } .twoCol #primeCol {float: right; width: 724px; margin-left: 0; background: url(/wcm/fragments/ae_css/images/background/main_content_two_col_bottom.jpg) no-repeat 0 100%;} .threeCol #primeCol {float: left; width: 545px; background: url(/wcm/fragments/ae_css/images/background/main_content_three_col_bottom.jpg) no-repeat 0 100%;} /* set different background color for the form page */ .formpage .oneCol #primeCol {width: 970px; margin-left: 0; background: url(/wcm/fragments/ae_css/images/background/main_content_one_col_bottom_form.jpg) no-repeat 0 100%;} .formpage .twoCol #primeCol {width: 724px; margin-left: 0; background: url(/wcm/fragments/ae_css/images/background/main_content_two_col_bottom_form.jpg) no-repeat 0 100%;} /* remove rounded borders on the two and three column alternate pages */ .twoColAlt #primeCol, .threeColAlt #primeCol {background: none;padding: 0;border: none;} .twoColAlt #primeCol #contentWrapper{border: none; width: 724px;padding: 0;} .threeColAlt #primeCol #contentWrapper{border: none; width: 545px;padding: 0;} /* 2.2.3.1 Main content */ #mainContent {padding: 20px 25px 0; background: #fff url(/wcm/fragments/ae_css/images/background/main_content_bg.jpg) repeat-x 0 100%; margin: 0px; overflow: visible; position: relative; float: left;} .oneCol #mainContent {width: 916px;} .twoCol #mainContent {width: 670px;} .threeCol #mainContent {width: 491px;} /* for external pages */ #mainContentExternal {padding: 20px 25px 0; background: #fff url(http://contrib-dev.alliant-energy.com:8081/wcm/fragments/ae_css/images/background/main_content_bg.jpg) repeat-x 0 100%; margin: 0px; overflow: visible; position: relative; float: left;} .oneCol #mainContentExternal {width: 916px;} .twoCol #mainContentExternal {width: 670px;} .threeCol #mainContentExternal {width: 491px;} .formpage .oneCol #mainContent {padding: 20px 30px 0; background: #f8fdff url(/wcm/fragments/ae_css/images/background/main_content_bg_form.jpg) repeat-x 0 100%; margin: 0px; overflow: hidden; width: 906px; } .formpage .twoCol #mainContent {padding: 20px 30px 0; background: #f8fdff url(/wcm/fragments/ae_css/images/background/main_content_bg_form.jpg) repeat-x 0 100%; margin: 0px; overflow: hidden; width: 658px; } /* Two column alternate page main content layout */ .twoColAlt #mainContent {padding: 0; width: 100%; background:none;} /* Three column alternate page main content layout */ .threeColAlt #mainContent {padding: 0; width: 100%; background:white !important;background-image:none;} /*............................................................................ 2.2.3.1.1 Banner section / div#banners ................................................................................. */ #banners {background: #fff url(/wcm/fragments/ae_css/images/background/banner_bg.jpg) no-repeat 0 0; width:720px; height: 305px;padding: 2px;margin: 0 0 15px 0;float: left; position: relative; z-index:0;} #banners img {width: 720px; height: 305px; zoom: 1; background: transparent!important; } /* do not remove 'zoom:1' for IE7 */ #banners #slideshow {width: 720px; height: 305px; overflow: hidden; } #banners ul{margin: 0; padding: 0; background: none; } #banners ul li a {margin: 0; padding:0; list-style: none; background: none;} #pager{ z-index: 10; position: absolute; bottom: 20px; left: 35px } #pager a { margin: 0 8px; width: 11px; height: 11px; background: url(/wcm/fragments/ae_css/images/banner/banner_dots.png) no-repeat 0 0; text-decoration: none;float: left;text-indent: -9000px; } #pager a:hover, #pager a.activeSlide {background: url(/wcm/fragments/ae_css/images/banner/banner_dots.png) no-repeat 0 -12px;float: left;text-indent: -9000px;} #pager a:focus { outline: none; } /* banner */ .pageBanner{ margin-bottom: 16px;} .pageBanner img {display: block;padding: 0; margin: 0;} /*.......................................................................... subpage /landing page content .............................................................................. */ img.left {float: left; margin: 0 20px 10px 0px;} img.right {float: right; margin: 0 0 10px 20px;} span.left {float: left; margin: 0 20px 10px 0px;} span.right {float: right; margin: 0 0 10px 20px;} .block1 { padding: 5px 5px 1px 5px;margin: 0; font-size: 1.2em; line-height: 1.7333; clear: both;} .block1 h2.subtitle {font-size: 1.4em; margin: 0 0 .8em 0;font-weight: normal;color: #313131;} .block1 img{float: left; margin: 0 40px 20px 0;} .threeCol .hline {height: 5px; margin-bottom: 30px; background: url(/wcm/fragments/ae_css/images/background/h_line_medium.jpg) no-repeat left bottom;clear: both;} .block2{line-height: 1.6667;} .block2 h3.subtitle2 {font-size: 1.3em; color: #313131;} /* general page */ #mainContent a {font-weight: bold;} .general{} h2.subtitle {font-size: 1.4em; margin: 0px 0 15px 0;line-height: 120%;} h3.subtitle2 {color: #313131;font-size: 1.3em;} #print {display: block;}/* or ie 7 won't display on right side */ /*.printStuff { width: 137px; height: 64px; overflow: visible; margin: -29px -26px 25px 30px; float: right; background: url(/wcm/fragments/ae_css/images/background/print_buttons.png) no-repeat 0 0;}*/ /*.threeCol .printStuff{margin-left: 100px;}*/ /*.printStuff .printer {cursor: pointer;float: left; width: 53px; height: 53px;background: url(/wcm/fragments/ae_css/images/background/printer_friendly.jpg) no-repeat 0 0; margin: 5px 0 0 10px;}*/ /*.printStuff .pdf {cursor: pointer;float: left; width: 53px; height: 53px; background: url(/wcm/fragments/ae_css/images/background/save_pdf.jpg) no-repeat 0 0; margin: 5px 0 0 10px;}*/ #print {display: block;}/* or ie 7 won't display on right side */ .printStuff { width: 69px; height: 64px; overflow: visible; margin: -29px -26px 25px 30px; float: right; background: url(/wcm/fragments/ae_css/images/background/print_button.png) no-repeat 0 0;} .threeCol .printStuff{margin-left: 100px;} .printStuff .printer {cursor: pointer;float: left; width: 53px; height: 53px;background: url(/wcm/fragments/ae_css/images/background/printer_friendly.jpg) no-repeat 0 0; margin: 5px 0 0 10px;} /*............................................................................ form elements in main content .............................................................................. */ #mainContent form {padding: 0 0 20px 0; margin: 0 0 0px 0; width: 100%;} /* form structure elements */ #mainContent .formField {margin-bottom: 5px; width: 100%; clear: both; overflow: hidden; } #mainContent .formField .top {padding: 5px 0 0px 0; background: url(/wcm/fragments/ae_css/images/forms/form_field_top_bg.jpg) no-repeat 0 0;} #mainContent .formField .bottom {padding: 0 0 5px 0; background: url(/wcm/fragments/ae_css/images/forms/form_field_bottom_bg.png) no-repeat 0 100%; overflow: hidden; } #mainContent .formField label.title{width: 188px; vertical-align: middle;font-weight: bold; padding: 10px 10px 0px 8px; display: block; float: left;} *:first-child+html #mainContent .formField label.title{padding-bottom: 10px;} #mainContent .formField label.title em {float: left;padding-right: 10px; display: block; width: 3px;} #mainContent .uploadField label{padding: 7px 10px 7px 7px;} /* form title */ .processTitle {padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #cdcdcd; } .processTitle h2#stepTitle {display: inline;padding:0px 25px 0 0; font-size: 1.7em; margin: 0;overflow: visible;} .processTitle .popup {display: inline;} .processTitle .secure {background: url(/wcm/fragments/ae_css/images/background/padlock_icon_small.png) no-repeat 0 .10em;padding-left: 18px;} /* form sub title */ #mainContent h3#formsubhead {display: inline;color: #1993f1; font-size: 1.5em; padding:0px 25px 0 0; margin: 0;overflow: visible;} .formsubsection {padding-bottom: 20px;} /* form devider */ #mainContent .formdevider {background: url(/wcm/fragments/ae_css/images/forms/expanding_form_seperator.gif) no-repeat; } /* error container in the form */ #mainContent div.errorContainer {background: #ffeaea; margin: 10px 0 30px 0; clear: both; width: 445px; padding: 8px 10px 0px 15px; font-weight: bold; color: #ae2222; display: none;} #mainContent div.errorContainer ol {margin: 0; padding: 0; } #mainContent div.errorContainer ol li {list-style-type: none; background: url(/wcm/fragments/ae_css/images/forms/arrow_red.gif) no-repeat 0px 4px;margin: 0; padding: 0px 20px 8px 15px;} #mainContent div.errorContainer ol li label.error {display: inline;} #mainContent div.errorContainer ol li.none {display: none;} /* form error icon when the field is invalid */ #mainContent .errorIcon {float: left; margin: 10px 1px;width:7px; padding: 3px 2px 0px 2px;height: 15px; } #mainContent div.error .errorIcon {background: url(/wcm/fragments/ae_css/images/forms/arrow_red.gif) no-repeat 0 3px;} /* error messages */ div.errorMessages {margin: 10px 0 40px 0; clear: both; padding: 0; font-weight: bold; color: #ae2222; display: block;} div.errorMessages p.error {list-style-type: none; display: inline; background: #ffeaea url(/wcm/fragments/ae_css/images/forms/arrow_red.gif) no-repeat 15px 50%;margin: 0; padding: 8px 20px 8px 40px;} /* validation notes */ #mainContent .validationNote {clear: both;color: #313131;margin-bottom: 3px; margin-top: 3px; font-weight: bold; padding-left:220px; width:281px;} /* form elements */ #mainContent .formField .elements {width: 285px; float: left; margin-right: 10px;} #mainContent .formField .elementsto {width: 285px; float: left; margin-right: 10px; padding-top:10px; } #mainContent .formField .extelements {width: 503px; font-size: 1.1em!important;} #mainContent .formField .extelementsl {float:left;} #mainContent .formField .extelementsr {float:left; width:450px;padding-top:7px; } *:first-child+html #mainContent .formField .extelementsr {padding-top:0px;} #mainContent .formField .extelements {width: 485px; margin-right: 10px;font-size: 1.1em!important;} #mainContent .formField .extelementsfl {float: left;} /*text and password input box */ #mainContent input[type='text'], #mainContent input[type='password']{font-size: 1.4em; width: 274px; vertical-align: middle; background: #fff; border: 1px solid #9cdafe; vertical-align: middle; padding:7px 3px; } #mainContent input.error[type='text'], #mainContent input.error[type='password'] {background: #ffeaea; border: 1px solid #ff4c4c;} #mainContent input[type='text'].alt{float:right;margin-top:2px;font-size:1em;width:94%;} /* radio buttons and checkboxes */ #mainContent input[type='radio'], #mainContent input[type='checkbox'] {margin: 10px 5px 10px 0;} *:first-child+html #mainContent input[type='radio'], *:first-child+html #mainContent input[type='checkbox'] {margin: 0px 5px 0px 0; padding: 0!important;line-height: 100%; vertical-align: middle;} #mainContent .radioField .elements {font-size: 1.4em; margin-right:13px;} #mainContent .checkboxField .elements {font-size: 1.4em;} #mainContent input.error[type='radio'], #mainContent input.error[type='checkbox'] {} #mainContent .radioField span.title, #mainContent .checkboxField span.title {vertical-align: middle;font-weight: bold; width: 185px;padding: 10px 10px 7px 8px; display: block; float: left;} #mainContent .radioField span.title em, #mainContent .checkboxField span.title em{float: left;padding-right: 10px; display: block; width: 3px;} #mainContent .radioField label, .checkboxField label {width: auto; padding: 0px 0px 0 0px; display: block; float: left;} *:first-child+html #mainContent .radioField label, *:first-child+html #mainContent .checkboxField label {margin-bottom: 10px;} /* standalone checkboxes*/ #mainContent .checkboxFieldBlock {color: #313131;font-weight: bold; padding-left: 0px;} #mainContent .checkboxFieldBlock .top {padding: 0; background: none;} #mainContent .checkboxFieldBlock .bottom {float:left;padding: 0; background: none;} #mainContent .checkboxFieldBlock span.title {display: none!important;} #mainContent .checkboxFieldBlock label {font-weight: bold;} #mainContent .checkboxFieldBlock .elements{width: 430px;} #mainContent .checkboxFieldBlock input[type='checkbox']{margin-bottom: 15px;margin-right: 10px!important;} #mainContent .checkboxFieldBlock .errorIcon{ margin-left:0px;z-index: 99;} /* text area */ #mainContent textarea {font-size: 1.4em;vertical-align: middle; background: #fff; border: 1px solid #9cdafe; width: 274px; padding:5px 3px; } #mainContent textarea.error {background: #ffeaea; border: 1px solid #ff4c4c; } /* select dropdown */ #mainContent select {font-size: 1.4em;width: 281px; background: #fff; border: 1px solid #9cdafe;vertical-align: middle; padding:6px 1px; line-height: 2em;margin: 3px 0;} *:first-child+html #mainContent .validatedForm select {margin: 0!important;padding:0;} #mainContent option {padding: 2px 0 1px 0; } #mainContent select.error {background: #ffeaea; border: 1px solid #ff4c4c;} /* custom select for IE 7 */ /* *:first-child+html #mainContent .validatedForm select {margin: 0!important;padding: 0;}*/ /**:first-child+html #mainContent option {display: block;}*/ /* file upload input */ #mainContent input[type='file'] {width:270px; font-size: 1.4em; background: #fff; border: 1px solid #9cdafe!important; padding: 5px;margin: 4px 5px 4px 0;} #mainContent input.error[type='file'] {background: #ffeaea;} /* in form table */ #mainContent form .method {width: 515px;color: #313131; font-weight: bold;display: block; margin-bottom: 10px;} #mainContent form .num, #mainContent #form .label{font-size: 1.4em;} #mainContent form table {border: none; width: 100%!important; background: none!important; } #mainContent form table td{vertical-align: middle!important;padding-bottom: 10px!important;border: none;text-align: left!important;} #mainContent form .changeMethod {font-size: 1.2em; font-weight: bold;} /* form buttons */ #mainContent .formButtons {width:470px;text-align:right;} #mainContent .formButtons input[type='submit'], #mainContent .formButtons input[type='button'] {cursor: pointer; margin-left: 10px; font-size: 14px; font-weight: bold;line-height: 100%; vertical-align: middle;text-align: center;padding-bottom: 1px!important; } #mainContent .formButtons .cancel {width: 76px; height: 31px; background: url(/wcm/fragments/ae_css/images/forms/cancel_btn_bg.png) no-repeat 0 0; color: #636363; border: none;} #mainContent .formButtons .cancel:hover {width: 76px; height: 31px; background: url(/wcm/fragments/ae_css/images/forms/cancel_btn_bg.png) no-repeat 0 -41px; } #mainContent .formButtons .save {width: 99px;height: 31px; background: url(/wcm/fragments/ae_css/images/forms/save_btn_bg.png) no-repeat 0 0; color: #fff; border: none;padding-left: 10px!important;margin-left: 10px;} #mainContent .formButtons .save:hover {width: 99px;height: 31px; background: url(/wcm/fragments/ae_css/images/forms/save_btn_bg.png) no-repeat 0 -41px; } #mainContent .formButtons .back {width: 79px;height: 31px; background: url(/wcm/fragments/ae_css/images/forms/back_btn_bg.png) no-repeat 0 0; color: #fff; border: none;padding-left: 10px!important;margin-left: 10px;} #mainContent .formButtons .back:hover {background: url(/wcm/fragments/ae_css/images/forms/back_btn_bg.png) no-repeat 0 -41px;} #mainContent .formButtons .continue {width: 128px;height: 31px; background: url(/wcm/fragments/ae_css/images/forms/continue_btn_bg.png) no-repeat 0 0; color: #fff; border: none;padding-left: 10px!important;margin-left: 10px;} #mainContent .formButtons .continue:hover {background: url(/wcm/fragments/ae_css/images/forms/continue_btn_bg.png) no-repeat 0 -41px;} #mainContent .formButtons .submit {width: 112px;height: 31px; background: url(/wcm/fragments/ae_css/images/forms/submit_btn_bg.png) no-repeat 0 0; color: #fff; border: none;padding-left: 10px!important;margin-left: 10px;} #mainContent .formButtons .submit:hover {width: 112px;height: 31px; background: url(/wcm/fragments/ae_css/images/forms/submit_btn_bg.png) no-repeat 0 -41px; } #mainContent .formButtons .login {width: 112px;height: 31px; background: url(/wcm/fragments/ae_css/images/forms/login_btn_bg.png) no-repeat 0 0; color: #fff; border: none;padding-left: 10px!important;margin-left: 10px;} #mainContent .formButtons .login:hover {width: 112px;height: 31px; background: url(/wcm/fragments/ae_css/images/forms/login_btn_bg.png) no-repeat 0 -41px; } *:first-child+html #mainContent .formButtons .cancel {padding-top: 2px;} *:first-child+html #mainContent .formButtons .back {padding-top: 2px;} *:first-child+html #mainContent .formButtons .continue {padding-top: 2px;} *:first-child+html #mainContent .formButtons .save {padding-top: 2px;} /* dialog buttons*/ #mainContent .dialogbuttons {width:100%;text-align:right;padding-bottom:12px;} #mainContent .dialogbuttons input[type='submit'] {cursor: pointer; font-weight: bold; vertical-align: middle;text-align: center; line-height: 100%;padding-bottom: 3px!important; } #mainContent .dialogbuttons .dbcancel {width: 58px;height: 26px; background: url(/wcm/fragments/ae_css/images/background/cancel_btn_sm_bg.png) no-repeat 0 0; color: #636363!important;border: none;margin-left: 5px;padding-right: 1px!important;} #mainContent .dialogbuttons .dbcancel:hover {background: url(/wcm/fragments/ae_css/images/background/cancel_btn_sm_bg.png) no-repeat 0 -31px; } #mainContent .dialogbuttons .dbcontinue {width: 98px;height: 26px; background: url(/wcm/fragments/ae_css/images/background/continue_btn_sm_bg.png) no-repeat 0 0; color: #fff!important; border: none;padding-left: 10px!important;margin-left: 5px;} #mainContent .dialogbuttons .dbcontinue:hover {background: url(/wcm/fragments/ae_css/images/background/continue_btn_sm_bg.png) no-repeat 0 -31px;} *:first-child+html #mainContent .dialogbuttons .dbcancel {padding-top: 2px;} *:first-child+html #mainContent .dialogbuttons .dbcontinue {padding-top: 2px;} /* header lock icon */ #mainContent form .withlock {background: url(/wcm/fragments/ae_css/images/background/padlock_icon_small.png) no-repeat 100% 50%;} /* expanding form - error place holder */ div.errorPlaceholder {background: #ffeaea; color: #ae2222; margin: 0px 0 20px 0; width: 445px; padding: 8px 10px 0px 15px; font-weight: bold; display: none;} div.errorPlaceholder ol {margin: 0; padding: 0; } div.errorPlaceholder ol li {list-style-type: none; background: url(/wcm/fragments/ae_css/images/forms/arrow_red.gif) no-repeat 0px 4px;margin: 0; padding: 0px 20px 8px 15px;} div.errorPlaceholder ol li label.error {display: inline;} div.errorPlaceholder ol li.none {display: none;} /* expanding form - open and close icons */ .open, .close {cursor: pointer;} .open span {width: 32px; padding: 10px 5px 10px 32px; background: url(/wcm/fragments/ae_css/images/forms/expand_plus_icon.png) no-repeat 0 50%;} .close span {width: 32px; padding: 10px 5px 10px 32px; background: url(/wcm/fragments/ae_css/images/forms/collapse_minus_icon.png) no-repeat 0 50%;} *:first-child+html .showContainer{ padding-top: 10px;} /* expanding form - collapse container */ #mainContent .collapse {margin: 0 0 10px 42px; padding: 0;} #mainContent .collapse .formButtons {border-top: none; text-align: right; margin: 20px 5px 0 0;padding: 20px 0px 0 0;} /* expanding form - header */ #mainContent form h3 {color: #1993f1; font-size: 1.2em; display: inline; margin: 0; padding: 0 20px 0 0;} /* expanding form - notes */ #mainContent .formNote {margin-bottom: 15px;} #mainContent form .note {margin: 10px 0 10px 42px;} /* expanding form - form seperator */ #mainContent .formseperator {padding: 0 0 10px 0; margin: -30px 0 30px 0; width: 550px; background: url(/wcm/fragments/ae_css/images/forms/expanding_form_seperator.gif) no-repeat 42px bottom; } /* expanding form - form actions container */ #mainContent .formActions {border-top: 1px solid #cdcdcd; margin: 20px 5px 0 0;padding: 20px 40px 0 0;clear: both; overflow: hidden; } /* form style exceptions - select */ .selectboxcontainer select {width:auto !important;font-size:1em !important;padding: 0 0 0 0 ! important;font-weight: bold} .selectboxcontainer option {padding: 1px 1px 1px 8px!important;} /*............................................................................ tabular data - copy in aecontributor.css .............................................................................. */ .dataTables_wrapper{width: 99%;float:left;;margin-bottom: 10px; overflow: visible !important; } .dataTables_length {float: left; width: 40%; margin-bottom: 5px;color: #313131; } .dataTables_filter {float: right; text-align: right; width: 50%; margin-bottom: 5px;color: #313131;} .dataTables_filter input {border: 1px solid #9cdafe; padding: 2px; } .dataTables_length select {font-size:1em; border: 1px solid #a7a5a5;font-weight: bold;} .dataTables_length select option {padding: 1px 2px 2px 2px;} .tableHeading {margin: 0px 0 20px;} .tableHeading h2.subTitle {font-weight: normal; font-size: 1.4em; line-height: 120%; color: #313131;margin-bottom: 12px;} .tableHeading div.subTitle2{display: block;font-size: 1.1em; margin-bottom: 5px;} table.datatable caption {text-align: left; padding-bottom: 15px;} table.datatable {clear: both; margin: 0 auto; text-align: center; border-bottom: 5px solid #e9f5ff; width: 100%; overflow: hidden;} table.statictable {margin-bottom: 10px; overflow: visible !important;} table.staticformtable {width:505px; float:left;margin-bottom: 10px; overflow: visible !important;} table.datatable tr {/* position: relative; */ width: 100%;padding-bottom: 10px;} table.datatable td a {font-weight: bold;} table.datatable thead tr .first{background: url(/wcm/fragments/ae_css/images/background/table_row_head_left_top.gif) no-repeat left top; font-weight: bold;} table.datatable thead tr .first{background: #e9f5ff url(/wcm/fragments/ae_css/images/background/table_row_head_left_top.gif) no-repeat left top; font-weight: bold;} table.datatable thead th {background: #e9f5ff; font-weight: bold;} table.datatable thead tr .last{background: url(/wcm/fragments/ae_css/images/background/table_row_head_right_top.gif) no-repeat right top;} table.datatable thead tr .last{background: #e9f5ff url(/wcm/fragments/ae_css/images/background/table_row_head_right_top.gif) no-repeat right top;} table.datatable thead tr{background: url(/wcm/fragments/ae_css/images/background/table_row_head_bottom.png) no-repeat 0 100%;} table.datatable td, table.datatable th {vertical-align: top;border-right: 1px solid #bad3e8; font-weight: normal; } table.datatable td span, table.datatable th span{display: block;padding: 7px 7px 7px 5px;} table.datatable tbody tr:first-child td, table.datatable tbody tr:first-child th { padding-top: 10px;} table.datatable thead th {text-align: left; font-size: .92em;} table.datatable tr .last {border-right: none;} table.datatable tr.even td {background: #eee;} table.datatable tr.even .first {background: url(/wcm/fragments/ae_css/images/background/table_row_left_top.gif) no-repeat left top;} *:first-child+html table.datatable tr.even .first {background: #eeeeee url(/wcm/fragments/ae_css/images/background/table_row_left_top.gif) no-repeat left top;} table.datatable tr.even .last {background: url(/wcm/fragments/ae_css/images/background/table_row_right_top.gif) no-repeat right top; } *:first-child+html table.datatable tr.even .last {background: #eee url(/wcm/fragments/ae_css/images/background/table_row_right_top.gif) no-repeat right top; } table.datatable tr.even { background: #eee url(/wcm/fragments/ae_css/images/background/table_row_grey_bottom.gif) no-repeat 0% 100%;} table.datatable thead th.sorting span{background: url(/wcm/fragments/ae_css/images/datatable/sort_both.png) no-repeat scroll right 8px; padding-right: 16px;} table.datatable thead th.sorting_asc span{background: url(/wcm/fragments/ae_css/images/datatable/sort_asc.png) no-repeat scroll right 8px;padding-right: 16px; } table.datatable thead th.sorting_desc span{background: url(/wcm/fragments/ae_css/images/datatable/sort_desc.png) no-repeat scroll right 8px;padding-right: 16px; } table.datatable thead th.sorting_asc_disabled span{background: url(/wcm/fragments/ae_css/images/datatable/sort_asc_disabled.png) no-repeat scroll right 8px;padding-right: 16px;} table.datatable thead th.sorting_desc_disabled span{background: url(/wcm/fragments/ae_css/images/datatable/sort_desc_disabled.png) no-repeat scroll right 8px; padding-right: 16px;} table.datatable .sorting_asc, table.datatable .sorting_desc, table.datatable .sorting {cursor: pointer;} td.dataTables_empty {border-right: none!important; padding: 15px 0; font-weight: bold; font-size: 1.1em; color: #993333; } .tableInfo {clear: both; background: #e9f5ff; padding: 5px; overflow: hidden;margin-bottom: 32px;} .dataTables_paginate{ color: #1993f1;text-transform: lowercase;text-align: right; font-weight: bold; background: #e9f5ff; float: right; width: 60%; } .dataTables_paginate a {color: #1993f1; } .dataTables_paginate #aeDataTable_first{ width: 60px;background: url(/wcm/fragments/ae_css/images/background/datatable_detail_first.gif) no-repeat 0 50%; padding-left: 15px;} .dataTables_paginate #aeDataTable_first:hover {text-decoration: underline;} .dataTables_paginate #aeDataTable_previous{ width: 60px; margin-right: 30px;background: url(/wcm/fragments/ae_css/images/background/datatable_previous.gif) no-repeat 0% 50%; padding-left: 10px;} .dataTables_paginate #aeDataTable_previous:hover {text-decoration: underline;} .dataTables_paginate .paginate_button, .dataTables_paginate .paginate_active {padding-right: 15px;} .dataTables_paginate .paginate_button:hover {text-decoration: underline;} .dataTables_paginate .paginate_active {color: #313131;} .dataTables_paginate .paginate_button_disabled {cursor: default; filter:alpha(opacity=30); opacity: .30; -moz-opacity:.30; } .dataTables_paginate .paginate_button_disabled:hover {text-decoration: none!important;} .dataTables_paginate span {cursor: pointer;} .dataTables_paginate #aeDataTable_next{ margin-left: 30px; width: 60px; margin-right: 15px;background: url(/wcm/fragments/ae_css/images/background/datatable_detail_next.gif) no-repeat 100% 50%; padding-right: 10px; } .dataTables_paginate #aeDataTable_next:hover {text-decoration: underline;} .dataTables_paginate #aeDataTable_last{ width: 60px; background: url(/wcm/fragments/ae_css/images/background/datatable_detail_last.gif) no-repeat 100% 50%; padding-right: 15px; } .dataTables_paginate #aeDataTable_last:hover {text-decoration: underline;} .dataTables_info {float: left; width: 40%; background: #e9f5ff; } .tableDivider {clear: both; margin-bottom: 20px;} /*............... tabular data buttons ...............*/ table.datatable td button {cursor: pointer; font-weight: bold;line-height: 100%; vertical-align: middle;text-align: center; padding-bottom: 2px!important; } table.datatable td .delete {width: 58px;height: 26px; background: url(/wcm/fragments/ae_css/images/background/delete_btn_sm_bg.png) no-repeat 0 0; color: #636363;font-size: 1em; border: none;margin-top: 4px;} table.datatable td .delete:hover {width: 58px;height: 26px; background: url(/wcm/fragments/ae_css/images/background/delete_btn_sm_bg.png) no-repeat 0 -31px; } *:first-child+html table.datatable td .delete {padding-bottom: 3px;} /*............................................................................ Two column alternate layout .............................................................................. */ /* two column alternate layout block A */ .twoColAltBlockA {float: left;width: 545px;} .twoColAltBlockA .roundedContentWrapper {padding: 10px 0 0px 0; margin: 0 0 16px 0; background: url(/wcm/fragments/ae_css/images/background/main_content_three_col_top.jpg) no-repeat 0 0; } .twoColAltBlockA .roundedContentInner {padding: 0 0 10px 0;background: url(/wcm/fragments/ae_css/images/background/main_content_three_col_bottom.jpg) no-repeat 0 100%; } .twoColAltBlockA .roundedContent {background: #fff; padding: 0 1px; border-left: 1px solid #cacaca;border-right: 1px solid #cacaca;} .twoColAltBlockA .roundedContentInner .content {padding: 10px 20px 0px 20px; margin: 0;background: #fff url(/wcm/fragments/ae_css/images/background/main_content_bg.jpg) repeat-x 0 100%;} /* two column alternate layout right sidebar */ .twoColAltSidebar {float: right; width:165px; margin: 0 0 0 14px;} /* two column alternate layout block B */ .twoColAltBlockB {clear: both;} .twoColAltBlockB .roundedContentWrapper {padding: 10px 0 0px 0; margin: 0; background: url(/wcm/fragments/ae_css/images/background/main_content_two_col_top.jpg) no-repeat 0 0; } .twoColAltBlockB .roundedContentInner {padding: 0 0 10px 0;background: url(/wcm/fragments/ae_css/images/background/main_content_two_col_bottom.jpg) no-repeat 0 100%;} .twoColAltBlockB .roundedContent {padding: 0 1px;background: #fff; border-left: 1px solid #cacaca;border-right: 1px solid #cacaca;} .twoColAltBlockB .roundedContentInner .content {padding: 10px 20px 0 20px; margin: 0;background: #fff url(/wcm/fragments/ae_css/images/background/main_content_bg.jpg) repeat-x 0 100%;} .twoColAltBlockB h2.subTitle {} .twoColAltBlockB .graph{text-align: center;} /* two column alternate content format */ .twoColAltData h2.subTitle {font-weight: normal; font-size: 1.4em; line-height: 120%; color: #313131;margin-bottom: 12px;} .twoColAltData .row {width: 100%; margin-bottom: 10px; overflow: hidden; clear: both;} .twoColAltData .leftLabel{font-weight: bold; font-size: 1.1em; width: 170px;margin-right: 10px; float: left;} .twoColAltData .data {font-size: 1.1em; float: left; margin-right: 10px;} .twoColAltData .link {font-size: .92em; font-weight: bold; float: left;} .twoColAltData .subBlock {width: 100%; margin-bottom: 16px; padding-bottom: 5px; overflow: hidden; clear: both; background: #e0f1ff url(/wcm/fragments/ae_css/images/background/two_col_alt_block_a_sub_bottom.jpg) no-repeat 0 100%;} .twoColAltData .subBlock .row {padding: 4px 14px; margin-bottom: 0;} .twoColAltData .subBlock .first { padding: 8px 14px; background: url(/wcm/fragments/ae_css/images/background/two_col_alt_block_a_sub_top.jpg) no-repeat 0 0; margin-bottom: 5px;} .twoColAltData .subBlock .first .leftLabel {width: auto;} /*............................................................................ Three column alternate layout .............................................................................. */ /* three column alternate layout block A */ .threeColAlt .threeColAltBlockA .roundedContentWrapper {padding: 10px 0 0px 0; margin: 0 0 16px 0; background: url(/wcm/fragments/ae_css/images/background/three_col_alt_block_a_top.jpg) no-repeat 0 0; } .threeColAlt .threeColAltBlockA .roundedContentInner {padding: 0 0 10px 0;background: url(/wcm/fragments/ae_css/images/background/main_content_three_col_bottom.jpg) no-repeat 0 100%; } .threeColAlt .threeColAltBlockA .roundedContentInner .content {padding: 15px 17px 10px 15px; border-left: 1px solid #cacaca;border-right: 1px solid #cacaca;margin: 0;background: #fff url(/wcm/fragments/ae_css/images/background/main_content_bg.jpg) repeat-x 0 100%;} /* three column alternate layout block B */ .threeColAlt .threeColAltBlockB {overflow: hidden; width: 100%;} .threeColAlt .threeColAltBlockB .roundedContentWrapper {width: 265px; float: left; padding: 0px 0 10px 0; margin: 0 14px 0px 0; background: url(/wcm/fragments/ae_css/images/background/three_col_alt_block_b_bottom.jpg) no-repeat 0 100%;position: relative; } .threeColAlt .threeColAltBlockB .roundedContentInner {padding: 5px 0 0px 0;background: url(/wcm/fragments/ae_css/images/background/three_col_alt_block_b_top.jpg) no-repeat 0 0%; } .threeColAlt .threeColAltBlockB .roundedContentInner .content {padding: 12px 17px 5px 12px; clear: both;border-left: 1px solid #cacaca;border-right: 1px solid #cacaca;margin: 0;background: #fff url(/wcm/fragments/ae_css/images/background/main_content_bg.jpg) repeat-x 0 100%; overflow: hidden;} .threeColAlt .threeColAltBlockB .last {margin-right: 0!important;} .threeColAlt .threeColAltBlockB h2.subTitle {border-left: 1px solid #cacaca;border-right: 1px solid #cacaca;margin-bottom: 0!important;background: #ddf0ff; color: #003366; padding: 5px 20px 10px 20px;} .threeColAlt .threeColAltBlockB .pic {float: left;width: 140px;} .threeColAlt .threeColAltBlockB .pic img {padding: 1px; border: 1px solid #c7c7c7;max-width: 136px;} .threeColAlt .threeColAltBlockB .list {margin: 10px 0 0 150px; width: 84px;} .threeColAlt .threeColAltBlockB ul {margin: 0; padding: 0;} .threeColAlt .threeColAltBlockB ul li {list-style: none; list-style-type: none;margin: 0; padding: 0 0 10px 0;} .threeColAlt .threeColAltBlockB ul li a {padding-right: 10px;background: url(/wcm/fragments/ae_css/images/background/arrows_blue.gif) no-repeat 100% 50%;} .threeColAlt #contentWrapper .content ul {margin: 0; padding: 0;} .threeColAlt #contentWrapper .content ul li {list-style: none; list-style-type: none;margin: 0; padding: 0 0 10px 0;} .threeColAlt #contentWrapper .content ul li a{padding-right: 10px;background: url(/wcm/fragments/ae_css/images/background/arrows_blue.gif) no-repeat 100% 50%;} /* three column alternate layout block C */ .threeColAlt .threeColAltBlockC {overflow: hidden; width: 100%; margin: 0 0 16px;} .threeColAlt .threeColAltBlockC .roundedContentWrapper {width: 265px; float: left; padding: 0px 0 10px 0; margin: 0 14px 0px 0; background: url(/wcm/fragments/ae_css/images/background/three_col_alt_block_b_bottom.jpg) no-repeat 0 100%;position: relative; } .threeColAlt .threeColAltBlockC .roundedContentInner {padding: 5px 0 0px 0;background: url(/wcm/fragments/ae_css/images/background/three_col_alt_block_b_top.jpg) no-repeat 0 0%; } .threeColAlt .threeColAltBlockC .roundedContentInner .content {padding: 12px 17px 5px 12px; clear: both;border-left: 1px solid #cacaca;border-right: 1px solid #cacaca;margin: 0;background: #fff url(/wcm/fragments/ae_css/images/background/main_content_bg.jpg) repeat-x 0 100%; overflow: hidden;} .threeColAlt .threeColAltBlockC .last {margin-right: 0!important;} .threeColAlt .threeColAltBlockC h2.subTitle {border-left: 1px solid #cacaca;border-right: 1px solid #cacaca;margin-bottom: 0!important;background: #ddf0ff; color: #003366; padding: 5px 20px 10px 20px;} .threeColAlt .threeColAltBlockC .pic {float: left;width: 140px;} .threeColAlt .threeColAltBlockC .pic img {padding: 1px; border: 1px solid #c7c7c7;max-width: 136px;} .threeColAlt .threeColAltBlockC .list {margin: 10px 0 0 150px; width: 84px;} .threeColAlt .threeColAltBlockC ul {margin: 0; padding: 0;} .threeColAlt .threeColAltBlockC ul li {list-style: none; list-style-type: none;margin: 0; padding: 0 0 10px 0;} .threeColAlt .threeColAltBlockC ul li a {padding-right: 10px;background: url(/wcm/fragments/ae_css/images/background/arrows_blue.gif) no-repeat 100% 50%;} /* three column alternate content format */ .threeColAlt .tagline {overflow: hidden; clear: both; margin-bottom: 10px; } .threeColAlt .tagline .pic {float: left; width: 175px; } .threeColAlt .tagline .pic img {padding: 1px; border: 1px solid #cacaca;} .threeColAlt .tagline .messages {margin-left: 190px; line-height: 120%; font-size: 1.25em;width: 320px; border-bottom: 1px solid #c7c7c7; padding: 10px 0 5px 0;} .threeColAlt .tagline .messages h2.subTitle {font-size: 1.3em; margin-bottom: 15px; padding-bottom: 0; font-weight: normal;} .threeColAlt .tagline .messages h2.subTitle .bld {font-weight: bold;} .threeColAlt .contentContainer {overflow: hidden; clear: both;} .threeColAlt .squareBlock {border: 1px solid #c7c7c7; padding: 1px; width: 150px; float: left; margin: 0 24px 5px 0px;} .threeColAlt .contentContainer .last {margin-right: 0 !important;} .threeColAlt .squareBlockText {color: #0099ff; font-size: 1.2em; padding: 5px; font-weight: bold; text-align: right;background: #ddf0ff;padding-right: 10px;} .threeColAlt .squareBlockPhoto {} .threeColAlt .squareBlockText a {color: #0099ff; background: url(/wcm/fragments/ae_css/images/background/arrows_blue.gif) no-repeat 100% 50%; padding-right: 10px;display: block;} .threeColAlt .squareBlockText a:hover {} /*............................................................................ 2.3.2 Second column / div#secondCol .............................................................................. */ /* #secondCol {float: left; display: inline; width: 232px; margin-left: -791px; overflow: hidden; padding: 0;font-size: 12px; } */ #secondCol {float: left; display: inline; width: 232px; margin-left: 0px; overflow: hidden; padding: 0;font-size: 12px; } .oneCol #secondCol {display: none;} .twoCol #secondCol {margin-left: 0;} /* .threeCol #secondCol {margin-left: -791px;} */ .threeCol #secondCol {margin: 0px;} /* sidebar */ .sidebar {margin: 0 0 14px 0; } .lastBox {margin-bottom: 0;} /* help box */ .help {width: 232px;color: #1993f1; padding: 0 0px 10px 0; background: url(/wcm/fragments/ae_css/images/background/grey_box_bottom.jpg) no-repeat 0 100%; position: relative;} .help .inner {padding: 10px 0 0px 0; margin: 0px;background: url(/wcm/fragments/ae_css/images/background/grey_box_top.jpg) no-repeat 0 0; margin: 0 0 10px 0; width: 232px;} .help .contentWrapper {background: #fff; padding: 0 1px; width: 228px; border-left: 1px solid #cacaca;border-right: 1px solid #cacaca; } .help .content {width: 204px; background: #f3f3f3 url(/wcm/fragments/ae_css/images/background/grey_box_bg.jpg) repeat-x 0 0;padding: 20px 12px 0px 12px;/* 228 - 12-12 = 204 */} .help h2.title {color: #313131;margin: 0 0 5px 0;font-size: 16px;} .help img {border: 1px solid #c7c7c7; background: #fff; padding: 1px; margin-bottom: 20px;} .help .service h3.title {font-size: 13px;font-weight: bold; color: #313131; margin: 0 0 10px 0;} /*............................................................................ sub/local navigation .............................................................................. */ #subNav {width: 232px; padding: 0 0 10px 0; background: url(/wcm/fragments/ae_css/images/background/grey_box_bottom.jpg) no-repeat 0 100%; } #subNav .inner {padding: 10px 0 0px 0; margin: 0px;background: url(/wcm/fragments/ae_css/images/background/grey_box_top.jpg) no-repeat 0 0; margin: 0 0 10px 0; width: 232px;} #subNav .contentWrapper {background: #fff; padding: 0 1px; width: 228px; border-left: 1px solid #cacaca;border-right: 1px solid #cacaca; } #subNav .content {width: 204px; background: #fff url(/wcm/fragments/ae_css/images/background/grey_box_bg.jpg) repeat-x 0 100%;padding: 15px 12px 0px 12px;/* 228 - 12-12 = 204 */} #subNav .inner h2.title {margin:0 0 10px 0;padding: 0 5px 12px 5px;font-size: 18px; border-bottom: 1px solid #cacaca; color: #313131;} #subNav .menu {margin: 0; padding: 0;width: 216px;} /* first level */ #subNav .menu li {font-size: 14px; width: 216px; list-style: none; margin: 3px 0 3px 0; padding: 0; } #subNav .menu li a {color: #1993f1;display: block; padding: 4px 40px 4px 8px;display: block;line-height: 14px;} #subNav .menu li a:hover, #subNav .menu .active a {background: url(/wcm/fragments/ae_css/images/navs/subnav_1st_hover_top.gif) no-repeat 0 0; color: #fff; text-decoration: none; } #subNav .menu li span {display: block;} #subNav .menu li span:hover, #subNav .menu li.active span {background: url(/wcm/fragments/ae_css/images/navs/subnav_1st_hover_bottom.png) no-repeat 0 100%; } #subNav .menu .active-trail a {background: none;color: #1993f1; } #subNav .menu li.active-trail span {background: none; color: #1993f1;} #subNav .menu li.active-trail span:hover {background: url(/wcm/fragments/ae_css/images/navs/subnav_1st_hover_bottom.png) no-repeat 0 100%; } /*second level*/ #subNav .menu .menu {padding: 5px 0; margin-bottom: 5px; margin-left: 8px;} #subNav .menu .last .menu { padding-bottom: 0px; margin-bottom: 0px;} #subNav li li {width: 208px!important;} #subNav .menu li ul.menu li{font-size: 12px!important;} #subNav .menu li li a {padding-left: 12px;} #subNav .menu li li a,#subNav .menu .active li a {color: #313131;background: url(/wcm/fragments/ae_css/images/navs/subnav_2nd_off.gif) no-repeat 0 0;} #subNav .menu li li a:hover,#subNav .menu .active li:hover a, #subNav .menu .active li.active a {color: #313131;background:url(/wcm/fragments/ae_css/images/navs/subnav_2nd_hover_top.gif) no-repeat 0 0;} #subNav .menu .active-trail li.active-trail a {background:url(/wcm/fragments/ae_css/images/navs/subnav_2nd_active_path.gif) no-repeat 0 0;} #subNav .menu .active-trail li.active-trail a:hover {background:url(/wcm/fragments/ae_css/images/navs/subnav_2nd_active_path_hover.gif) no-repeat 0 0;} #subNav .menu li.active li span {background: url(/wcm/fragments/ae_css/images/navs/subnav_2nd_off.gif) no-repeat 0 0;} #subNav .menu li.active li:hover span, #subNav .menu li li.active span, #subNav .menu li.active li.active span{background: url(/wcm/fragments/ae_css/images/navs/subnav_2nd_hover_bottom.png) no-repeat 0 100%;} #subNav .menu li li.active-trail span, #subNav .menu li.active-trail li.active-trail span{background: none;} #subNav .menu li.active-trail li.active-trail span:hover {background: url(/wcm/fragments/ae_css/images/navs/subnav_2nd_hover_bottom.png) no-repeat 0 100%;} /* third level */ #subNav .menu .menu .menu { background: none; padding: 0; margin: 0 0 0 12px;} #subNav li li li{width: 196px!important;} #subNav .menu li ul.menu li .menu li {font-size: 11px!important; color: #555555; } #subNav .menu .active li:hover li a{background: none;} #subNav .menu li li li a {padding-right: 45px;} #subNav .menu li li li a,#subNav .menu .active li.active li a, #subNav .menu li li.active li a {color: #313131;padding-left: 28px; padding-bottom: 7px;background: url(/wcm/fragments/ae_css/images/navs/subnav_3rd_off.gif) no-repeat 0 0;} #subNav .menu li li li a:hover,#subNav .menu .active li li:hover a, #subNav .menu .active li.active .active a {color: #313131;background:url(/wcm/fragments/ae_css/images/navs/subnav_3rd_hover_top.gif) no-repeat 0 0;} #subNav .menu .active-trail li.active-trail li a:hover {background:url(/wcm/fragments/ae_css/images/navs/subnav_3rd_hover_top.gif) no-repeat 0 0;} #subNav .menu li.active li li span {background: url(/wcm/fragments/ae_css/images/navs/subnav_3rd_arrow.gif) no-repeat 15px 10px;} #subNav .menu li.active li:hover li span, #subNav .menu li li li.active span, #subNav .menu li.active li.active li span{background:none;} #subNav .menu li.active li.active li:hover span, #subNav .menu li li li.active span, #subNav .menu li.active li.active li.active span{background: url(/wcm/fragments/ae_css/images/navs/subnav_3rd_hover_bottom.png) no-repeat 0 100%;} #subNav .menu li.active-trail li.active-trail li:hover{background: url(/wcm/fragments/ae_css/images/navs/subnav_3rd_hover_bottom.png) no-repeat 0 100%;} /*............................................................................ 2.3.3 Third column / div#thirdCol .............................................................................. */ #thirdCol {float: right; display: inline; width: 165px; overflow: hidden; margin:0 0 0 14px; padding: 0; font-size: 12px;} .oneCol #thirdCol {display: none;} .twoCol #thirdCol {display: none;} .threeCol #thirdCol {} #thirdCol h3{font-size: 12px;} .sidebarRounded h3 {font-size: 12px; font-weight: bold;} /* sidebar rounded box */ .sidebarRounded {font-size: 11px;width: 165px; padding: 0 0 5px 0; background: #fff;} .sidebarRounded .inner {padding: 10px 0 0px 0; margin: 0px; width: 165px;} .sidebarRounded .contentWrapper {background: #fff; padding: 0 1px; width: 161px; border-left: 1px solid #cacaca;border-right: 1px solid #cacaca; } .sidebarRounded .content {padding: 16px 12px 5px 12px;width: 137px; } .sidebarRounded .img {padding: 0px 0px 0px 0px;width: 137px; display: block;} .sidebarRounded img {padding: 0px 0px 0px 0px; display: block; margin-left: auto; margin-right: auto; } .sidebarButton .content {padding: 15px 15px 10px 15px; } .sidebarButton .content_no_bg {padding: 15px 15px 10px 15px; } .sidebar .btn {width: 128px; height: 30px;font-weight: bold; line-height: 100%;font-size: 14px;} .sidebar .btn a{color:#fff;display: block; padding: 6px 12px 7px 13px; text-shadow: 2px 2px 5px #606;} .sidebar .btn a:hover {text-decoration: none;} /* generic sidebar */ .sidebarGeneric {background: url(/wcm/fragments/ae_css/images/background/sidebar_generic_bottom.jpg) no-repeat 0 100%;} .sidebarGeneric .inner {background: url(/wcm/fragments/ae_css/images/background/sidebar_generic_top.jpg) no-repeat 0 0;} /* blue sidebar */ .sidebarBlue {background: url(/wcm/fragments/ae_css/images/background/sidebar_blue_bottom.jpg) no-repeat 0 100%;} .sidebarBlue .inner {background: url(/wcm/fragments/ae_css/images/background/sidebar_blue_top.jpg) no-repeat 0 0;} .sidebarBlue .content {background: #f9fdff url(/wcm/fragments/ae_css/images/background/sidebar_blue_content_bg.jpg) repeat-x 0 0;} .sidebar .blueBtn {background: url(/wcm/fragments/ae_css/images/background/sidebar_lblue_btn.png) no-repeat 0 0;} .sidebar .blueBtn:hover{background: url(/wcm/fragments/ae_css/images/background/sidebar_lblue_btn.png) no-repeat 0 -37px;} /* dark blue sidebar */ .sidebardBlue {background: url(/wcm/fragments/ae_css/images/background/sidebar_dblue_bottom.jpg) no-repeat 0 100%;} .sidebardBlue .inner {background: url(/wcm/fragments/ae_css/images/background/sidebar_dblue_top.jpg) no-repeat 0 0;} .sidebardBlue .content {background: #f9fdff url(/wcm/fragments/ae_css/images/background/sidebar_dblue_content_bg.jpg) repeat-x 0 0;} .sidebar .dblueBtn {background: url(/wcm/fragments/ae_css/images/background/sidebar_blue_btn.png) no-repeat 0 0;} .sidebar .dblueBtn:hover{background: url(/wcm/fragments/ae_css/images/background/sidebar_blue_btn.png) no-repeat 0 -37px;} /* yellow sidebar */ .sidebarYellow {background: url(/wcm/fragments/ae_css/images/background/sidebar_yellow_bottom.jpg) no-repeat 0 100%;} .sidebarYellow .inner {background: url(/wcm/fragments/ae_css/images/background/sidebar_yellow_top.jpg) no-repeat 0 0;} .sidebarYellow .content {background: #f9fdff url(/wcm/fragments/ae_css/images/background/sidebar_yellow_content_bg.jpg) repeat-x 0 0;} .sidebar .yellowBtn {background: url(/wcm/fragments/ae_css/images/background/sidebar_yellow_btn.png) no-repeat 0 0;} .sidebar .yellowBtn:hover{background: url(/wcm/fragments/ae_css/images/background/sidebar_yellow_btn.png) no-repeat 0 -37px;} /* green sidebar */ .sidebarGreen {background: url(/wcm/fragments/ae_css/images/background/sidebar_generic_bottom.jpg) no-repeat 0 100%;} .sidebarGreen .inner {background: url(/wcm/fragments/ae_css/images/background/sidebar_green_top.jpg) no-repeat 0 0;} .sidebar .greenBtn {background: url(/wcm/fragments/ae_css/images/background/sidebar_green_btn.png) no-repeat 0 0;} .sidebar .greenBtn:hover{background: url(/wcm/fragments/ae_css/images/background/sidebar_green_btn.png) no-repeat 0 -37px;} /* sidebar content unordered list */ ul.arrow { list-style: none; margin: 0; padding: 0;} ul.arrow li {list-style: none; margin: 0; padding: 0 0 5px 15px;background: url(/wcm/fragments/ae_css/images/background/arrows_blue.gif) no-repeat 0 6px;} /*.................................................................................. 2.4 Footer / div#footer .................................................................................*/ .ada{font-size: 0.8em; font-weight:normal;text-align: center;width: 70%;margin: 0 auto;padding-bottom:300px;} #footer {color: #4e4e4e; font-size: 0.8em; overflow: hidden; width: 970px;margin: 0 0 10px 0; padding: 0; background: url(/wcm/fragments/ae_css/images/background/footer_bottom.jpg) no-repeat 0 100%; position: relative; } #footer .inner {width: 970px;padding: 10px 0 0 0; margin: 0 0 10px 0; background: url(/wcm/fragments/ae_css/images/background/footer_top.jpg) no-repeat 0 0;} #footer .inner .content {width: 928px; padding: 10px 20px 5px; background: url(/wcm/fragments/ae_css/images/background/footer_bg.jpg) repeat-x 0 0; border-left: 1px solid #c7c7c7;border-right: 1px solid #c7c7c7;} #footer .top {width: 100%; overflow: hidden;padding-bottom: 4px;clear: both;} /* 2.4.1 Footer navigation / ul#footNav */ #footNav {overflow: hidden; /*width: 790px;*/ float: left; text-align: center;padding-left:10px;} #footNav ul {float: left; margin: 0; padding:5px 0 5px 6px; background: url(/wcm/fragments/ae_css/images/navs/foot_links_divider.png) no-repeat 0 0;} #footNav ul li {list-style: none; margin: 0; display: inline; padding: 5px 10px 5px 6px; background: url(/wcm/fragments/ae_css/images/navs/foot_links_divider.png) no-repeat 100% 50%;} *:first-child+html #footNav ul li{padding: 5px 8px 5px 6px;} #footNav ul li a {font-weight: bold; color: #1993f1; margin: 0;padding: 0;} #footNav ul li a:hover, #footNav ul li.current a {text-decoration: underline; font-weight: bold;} /* 2.4.2 Footer translate link / div.translate */ #footer .translate {line-height: 110%; float: left; width: 70px; margin-right: 50px; padding: 6px 0; overflow: hidden;} #footer .translate a {color: #1993f1; font-size: 11px;} /* 2.4.3 Footer social media */ #footer .social {float: right; padding: 5px 0; margin-right: 15px;} #footer .social img {margin: 0 0 0 7px;padding:0;} /* 2.4.4 copyright */ #footer .copyright {text-align: center; width: 100%; margin: 0; font-weight: bold;} /*.................................................................................. Account Information column .................................................................................*/ #maInfo{padding: 1px 25px 0!important;background:transparent!important} #maInfo .header {float:left;color:black;font-size:1.3em;font-weight:bold;} #maInfo .info {float:right;padding-top:3px;} #maInfo .label {font-weight: bold;text-align: left; font-size: .92em;padding-left:20px;padding-right:2px;} /*........................................ .page-break { display:none; } .no-print {}