/* Styles for Innovative Employee Solutions */ ul,ol { list-style: none; } h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; border: none;} ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; } fieldset, a img,:link img,:visited img , img{ border: none; } html,body { height: 100%; } body { font: 0.7em arial,lucida sans,sans-serif; line-height: 1.5em; background: #215082 url(../images/bg.jpg) repeat-x; color: #666; margin: 0 auto; text-align: center; position: relative; } a { color: #326090; } a:hover { color: #538fb0;} #wrap {text-align: left; margin: 0 auto; background: white; padding: 0 4px 4px; overflow: hidden; width: 821px; border-left: 1px solid #916caf; border-right: 1px solid #916caf;} /* HEADER //////////////////////////////////////////////////////////////////////////////*/ #header {width: 100%; float: left; margin-bottom: 23px;} #header a:hover {text-decoration: underline;} #header-logo {background: url(../images/header-logo.gif) no-repeat; width: 265px; height: 55px; margin: 21px 0 0 27px; float: left; display: inline;} #header-logo a {display: block; width: 265px; height: 55px;} #header-search { width: 196px; margin: 0 63px 0 0; float: right; display: inline; clear: right;} #header-contact { width: 266px; margin: 18px 27px 0 0; float: right; display: inline;} #header-contact h2 {margin: 0 0 5px 15px; background: url(../images/icon-arrow.gif) no-repeat; padding-left: 18px; font-size: 1.2em; font-weight: bold; color: #5b3a76;} #header-contact p {margin-bottom: 10px; padding-left: 18px; font-size: 1.2em; color: #5b3a76;} #header-contact a {font-size: 1.0em; color: #5b3a76; font-weight: bold; text-decoration: underline;} #header-contact a:hover {font-size: 1.0em; color: #A386BE; font-weight: bold; text-decoration: none;} .field-search {width: 95px; border: 1px solid #5b3a76; padding: 2px;} .search-submit {position: relative; top: 10px;} #header-search a {margin: 3px 0 0 53px; text-decoration: none; float: left; color: #5b3a76;} #header-search form fieldset label span {font-size: 1.2em; color: #5b3a76; margin-right: 5px;} #header-client { border-right: 1px solid #5b3a76; margin: 38px 10px 0 0; padding-right: 13px; float: right; display: inline;} #header-client a {font-size: 1.2em; font-weight: bold; color: #5b3a76; text-decoration: none;} /* NAVIGATION MENU //////////////////////////////////////////////////////////////////////////////*/ #nav {width: 100%; float: left; display: inline; clear: both;} #nav ul {background: url(../images/nav2.gif) no-repeat; height: 51px;} #nav ul li {display: inline; float: left;} #nav ul li a {display: block; height: 51px;} #btn-1 a {width: 100px;} #btn-2 a {width: 129px;} #btn-3 a {width: 174px;} #btn-4 a {width: 199px;} #btn-5 a {width: 138px;} #btn-1 a:hover,#btn-2 a:hover,#btn-3 a:hover,#btn-4 a:hover,#btn-5 a:hover, #btn-1.selected a, #btn-2.selected a, #btn-3.selected a, #btn-4.selected a, #btn-5.selected a {background: url(../images/nav2.gif) no-repeat;} #btn-1 a:hover, #btn-1.selected a {background-position: -0px -51px;} #btn-2 a:hover, #btn-2.selected a {background-position: -100px -51px;} #btn-3 a:hover, #btn-3.selected a {background-position: -229px -51px;} #btn-4 a:hover, #btn-4.selected a {background-position: -403px -51px;} #btn-5 a:hover, #btn-5.selected a {background-position: -602px -51px;} /* Nav 2 -------------------------------------------------------------------------------*/ #nav-2 {background: url(../images/nav2-bg.gif) repeat-x; width: 100%; height: 37px; clear: both; font-size: 1.1em;} #nav-2 ul li {display: inline; float: left;} #nav-2 ul li a {float: left; display: block; height: 28px; padding: 9px 9px 0; margin-right: 1px; color: #5b3a76; text-decoration: none;} #nav-2 ul li a:hover, #nav-2 ul li a.selected {background: url(../images/nav2-bgselected.gif) repeat-x 0 2px;} #nav-2a {background: url(../images/nav2-bg.gif) repeat-x; width: 100%; height: 37px; clear: both; font-size: 1.1em;} #nav-2a ul li {display: inline; float: left;} #nav-2a ul li a {float: left; display: block; height: 28px; padding: 9px 15px 0; margin-right: 1px; color: #5b3a76; text-decoration: none;} #nav-2a ul li a:hover, #nav-2a ul li a.selected {background: url(../images/nav2-bgselected.gif) repeat-x 0 2px;} /* MASTHEAD /////////////////////////////////////////////////////////////////////////////////////*/ #mast {background: url(../images/mast2.jpg) no-repeat; width: 821px; height: 272px; float: left;} #mast-text {margin: 75px 60px 0 374px; color: white;} #mast-text p {font-size: 1.3em; line-height: 1.6em;} /* CONTENT /////////////////////////////////////////////////////////////////////////////////////*/ #content { padding: 18px; float: left; width: 785px;} #content-home { padding: 18px 43px; float: left;} /* Home Page Content -------------------------------------------------------------------------------*/ #content-top, #content-bot {width: 100%; float: left; margin-bottom: 40px;} #content-bot{margin-bottom:0} /* Home Page Pods */ .pod {width: 223px; float: left; margin-right: 30px;} .pod h2 {margin-bottom: 10px; border-bottom: 1px dotted #bebebe; padding-bottom: 5px;} .pod h2.noLink {text-decoration: none; font-size: 1.2em; font-weight: bold; color: #5b3a76; background: url(../images/icon-arrow.gif) no-repeat; padding-left: 22px;} .pod h2 a {text-decoration: none; font-size: 1.2em; font-weight: bold; color: #5b3a76; background: url(../images/icon-arrow.gif) no-repeat; padding-left: 22px;} /*.pod p {font-size: 1.1em; line-height: 1.5em}*/ .pod ul{list-style:inside; list-style:disc; margin-left:2em !important; margin-top:1em; margin-bottom:1em} .pod ul li{list-style:outside; list-style:disc;} .last {margin: 0;} .special1{background:url(../images/pod-blue-grad-top.png) no-repeat 0 0} .right, #temp2-pods .right {float: right;} .pod .pad{padding:1em 0} .special1 .pad{padding:1em 0 0 0} .special1 .pad h2{border-bottom: 1px dotted #fff;} .special1 .pad h2.noLink {background: url(../images/icon-arrow2.gif) no-repeat; color:#fff} .special1 .pad p a {font-size:14px; color:#fff} .podBot{padding:0 2em 79px 1em; background:url(../images/pod-blue-grad-bot.png) no-repeat left bottom} /* Temp3 Pods */ #temp2-pods {width: 583px; margin-left: 17px;} #temp2-pods .pod {width: 265px; float: left; margin: 0 30px 15px 0; display: inline;} #temp2-pods .pod h2 {margin-bottom: 10px; border-bottom: 1px dotted #bebebe; padding-bottom: 5px;} #temp2-pods .pod h2 a {text-decoration: none; font-size: 0.9em; font-weight: bold; color: #5b3a76; background: url(../images/icon-arrow.gif) no-repeat; padding-left: 22px;} #temp2-pods .pod p {font-size: 1em; line-height: 1.5em} #temp2-pods .last {margin-right: 0;} /* Double Pods */ #pod-double {width: 100%; float: left; margin-top: 10px;} #pod-d-top {background: url(../images/pod-double-top.gif) no-repeat; width: 100%; height: 10px; line-height: 0; font-size: 1px; float: left;} #pod-d-md {background: url(../images/pod-double-md.gif) repeat-y; width: 100%; float: left;} #pod-d-md h2 a {text-decoration: none; font-size: 0.9em; font-weight: normal; color: #5b3a76; background: url(../images/icon-arrow-gray.gif) no-repeat; padding-left: 22px; } #pod-d-md a.pod-double-btn {background: url(../images/icon-arrow-callout-gray.gif) no-repeat; padding: 0 0 2px 20px; text-decoration: none; color: #5b3a76; font-size: 1em; font-weight: bold; margin-left: 120px; } #pod-d-md ul li {margin-left: -5px;} #pod-d-bot {background: url(../images/pod-double-bot.gif) no-repeat; width: 100%; height: 10px; line-height: 0; font-size: 1px; float: left;} #pod-d-md-left {width: 180px; float: left; margin-right: 38px; padding: 0 0 0 10px;} #pod-d-md-right {float: left; width: 180px;} #content-bot {} /* Home Page Flash */ #flash span {background: url(../images/flash.gif) no-repeat; width: 481px; height: 217px; float: left;} /* Inside Content -------------------------------------------------------------------------------*/ #left-column, body.temp3 #left-column {width: 150px; float: left; margin-right: 20px;} body.temp3 #left-column {width: 220px; margin-right: 10px;} /* Nav-3 */ #nav-3 {width: 90%;} #nav-3 ul li {border-bottom: 1px dotted #b5b5b5; padding: 5px} #nav-3 ul li a {color: #595757; text-decoration: none;} #nav-3 ul li a:hover, #nav-3 ul li a.selected {text-decoration: underline; color: #4a7aad;} /* Main Content */ #center-column {width: 430px; float: left; margin-right: 29px; padding-bottom: 30px;} body.temp3 #center-column {width: 525px;} body.temp2 #center-column {width: 593px; margin-left: 5px; margin-right: 25px;} /* Main Content - FORMATTING //////////// */ #center-column h1, #center-column h2, #center-column p, body.temp3 #center-column h3, #login p, #center-column h3.spaced {margin-bottom: 15px; } #center-column ol {list-style: decimal; margin: 0 0 15px 35px;} #center-column ol li, #center-column ul.spaced-list li {margin-bottom: 10px;} .content-img {float: left; margin: 0 15px 15px 0; border: 5px solid #e4e4e4;} #center-column ul {list-style: disc; margin: 0 0 15px 25px;} body.temp3 #center-column h2 {padding-bottom: 15px;} #inside-mast { margin-bottom: 25px;} #inside-mast img {border: 1px solid #5487be;} #center-column h1, #login h1 {background: url(../images/icon-arrow-title.gif) no-repeat; padding: 0 0 9px 25px; font-size: 2.2em; line-height: 1em; color: #5b3a76; font-weight: normal;} .temp2 #center-column h1 {} #center-column h2 {font-size: 1.5em; color: #5b3a76; font-weight: normal; padding-bottom: 4px; border-bottom: 1px dotted #af9dbf;line-height: 1.2em;} #center-column h3 {font-size: 1.3em; color: #5b3a76; font-weight: normal; line-height: 1.3em; margin-bottom: 3px;} #center-column p {} /* Back Link, I used it in the Articles Page */ .back-btn {width: 100%; text-align: right;} .top {margin-top: -40px; margin-bottom: 20px;} #right-column {float: right; width: 153px;} #newsletter, .box-text, .box-pod {margin-bottom: 20px;} /* Newsletter */ #newsletter {background: url(../images/newsletter-bot.jpg) no-repeat bottom right; padding-bottom: 35px;} #newsletter h3, .box-text h3 {background: url(../images/icon-arrow-callout.gif) no-repeat; padding-left: 20px; font-size: 1.2em; font-weight: bold; color: #5b3a76; margin-bottom: 10px;} .field-newsletter {width: 90%; border: 1px solid #afadbf; margin-bottom: 4px; padding: 2px;} #newsletter-btn {width: 90%; text-align: right; margin-top: 5px;} /* Box text */ .box-text {padding-bottom: 10px;} .box-text p {font-size: 1em; margin-bottom: 10px;} /* Box pod */ .box-pod {background: url(../images/pod-callout-md.gif) repeat-y;} .box-pod-top, .box-pod-bot {background: url(../images/pod-callout-top.gif) no-repeat; height: 9px; font-size:1px; line-height: 0;} .box-pod-bot {background: url(../images/pod-callout-bot.gif) no-repeat;} .box-pod-md {padding: 3px 8px 10px;} .box-pod-md h3 {background: url(../images/icon-arrow-callout-gray.gif) no-repeat; padding-left: 20px; font-size: 1.2em; font-weight: bold; color: #5b3a76; text-decoration: none; margin-bottom: 10px;} .box-pod-md li {margin-left: 20px; list-style:disc;} .box-pod p {font-size: 1em; margin-bottom: 10px;} /* Tables */ #table-affiliations .table { float:left; width: 100%; padding:0px 0 0 0; background: none; } #table-affiliations .table .tr, #table-community .table .tr {float:left;width:100%; border-bottom: 1px dotted #b5b5b5;padding: 15px 0;} #table-affiliations .table .color { line-height:23px; background:#E0EBF0; } #table-affiliations .table .headline { color:#C41130; text-decoration:underline; } #table-affiliations .table .tr .td { float:left; display:inline; margin:0; font-size: 1.1em;} .img {width: 35%;} .img-2 {width: 100%; margin-bottom: 15px;} .txt {width: 64%; padding-top: 20px;} .txt-2 {width: 100%;} /* Pod BIG */ #pod-big {width: 591px; margin-bottom: 25px; float: left;} #pod-big-top {background: url(../images/pod-top.gif) no-repeat; width: 100%; height: 11px; float:left;} #pod-big-bot {background: url(../images/pod-bot.gif) no-repeat; width: 100%; height: 13px; float:left;} #pod-big-md {background: url(../images/pod-md.gif) repeat-y; width: 551px; padding: 5px 20px; float:left;} #pod-big-img {float: left; width: 190px; margin-right: 15px;} #pod-big-txt {float: left; width: 326px; margin: 10px 0;} #pod-big-txt h1 {background: url(../images/icon-arrow-title-gray.gif) no-repeat; margin-bottom: 5px; padding-bottom:10px; line-height: .85;} #pod-big-txt p {margin:0;} /* Pod PASSWORD PROTECTED */ #pod-password {width: 430px; float: left; } #pod-p-top {background: url(../images/pod-single-top.gif) no-repeat; width: 430px; height: 9px; float:left; overflow: hidden;} #pod-p-bot {background: url(../images/pod-single-bot.gif) no-repeat; width: 430px; height: 10px; float:left;} #pod-p-md {background: url(../images/pod-single-md.gif) repeat-y; width: 390px; padding: 7px 20px; float: left;} #pod-p-md-left {float: left; width: 110px;} #pod-p-md-left a {background: url(../images/icon-password.gif) no-repeat; display: block; width: 88px; height: 87px; } #pod-p-md-right {float: left; padding: 6px 0 0 0; width: 280px;} #pod-p-md-right h2 {margin-bottom: 6px; display: block; padding-top: 4px;} #pod-p-md-right h2 a {color: #5b3a76; font-weight: bold; text-decoration: none; background: url(../images/icon-linkout.gif) no-repeat right 0px; padding-right: 25px; padding-top: 3px; display: inline;} /* Log in */ #login {width: 300px; margin: 10% auto 20%;} #login h1 {margin-bottom: 10px;} #login form {margin-left: 40px;} #login form fieldset label {display: block; clear: left; width: 60px; float: left;} #login .field-login {margin: 0 0 10px 6px; float: left; border: 1px solid #afadbf; padding: 3px; width: 150px;} #login #submit-login {width: 120px; margin-top: 5px; margin-left: 65px;} /* Sections Specifics */ #sec-exec-bios h2 {margin-bottom: 5px;} #sec-exec-bios h3 {margin-bottom: 15px;} /* FOOTER /////////////////////////////////////////////////////////////////////////////////////*/ #footer-nav {background: url(../images/footer.gif) no-repeat; width: 100%; height: 75px; float: left; text-align: center;} #footer-nav ul {} #footer-nav ul li {display: inline; border-left: 1px solid black; padding: 0 6px;} #footer-nav ul li.list-first {border: none;} #footer {margin: 15px auto; padding-bottom: 30px; text-align: center; width: 821px; color: white;} #footer h4 {background: url(../images/footer-logo.png) no-repeat; height: 42px; margin: 0 auto 10px; width: 204px; } #header-logo a span, #nav ul li a span, #mast-text h1, #footer h4 span, #flash span, #pod-big-top span, #pod-big-bot span, #pod-p-md-left a span {display: none;} .clear {clear: both; font-size: 0; line-height: 0;} .superscript {font-size: 0.6em; position: relative; top: -3px; color: black;} .hilite{background-color:#FFFF99; padding:2px; font-weight:normal; font-size:11px; color:#000;} .table {width: 100%; float: left;} .tr {width: 100%; clear: both; float: left;} .td { float: left;} #error {color: red; font-weight: bold; margin-bottom: 10px;} #grey-bar{ padding:5px; background-color:#ECECEC;} .graph-bkg { background:url(../images/graph-top.jpg) no-repeat; height: 25px; padding-top: 5px 3px; } .graph-text {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000; padding: 5px 0 5px 5px;} .graph-header {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color:#fff;} .textB {width: 160px;} .textA {width: 20px;} .textC {width: 40px;} .ghost {font-size: 10px; color: #bbb;} tr.quot {height: 30px;} #message { width: 400px; text-align: center; } .backLink { float: right; display: inline; margin: 0 0 12px 0; }