/*
This stylesheet defines the margins and alignments for everything.

EXAMPLES OF CSS PROPERTIES THAT SHOULD APPEAR IN THIS STYLESHEET:

text-align
vertical-align
padding
margin
display
float
width
height
min-width
min-height

Basically, anything that is used to determine where something is displayed should go in this stylesheet.
NO FONTS OR COLORS SHOULD APPEAR IN THIS STYLESHEET!

One property that falls on the borderline between style and layout is, ironically, the border property.
Although borders do affect positioning, they are primarily used for styling purposes, and thus should
be specified in the corresponding skin css.
*/

@media screen {
.successMessage {
    text-align: left;
}

#errors, .errors {
    text-align: left;
}
	
#attNotAuth, #hewittNotAuth {
    text-align: center;
}

span#errors {
    display: block;
}

span.errors {
    display: block;
}

.sideBar p {
    padding-right: 0px;
    width: 100%;
}
#sideBar p {
    padding-right: 0px;
    width: 100%;
}

/* FIELD SET */
fieldset {
    margin: 18px 0 10px 0;
    padding: 0;
    border-width: 1px 0 1px 0;
    border-color: #8EA4B5;

}

fieldset ol {
    padding: .5em .5em 0 .5em;
}

fieldset li {
    padding-bottom: .5em;
}

fieldset a {
    float: right;
    margin-right: 1em;
}

fieldset.submit {
    margin: .5em 0 1em 10em;
}

fieldset label {
    float: left;
    width: 10em;
    margin-right: 1em;
    text-align: right;
}

fieldset dl dt {
    float: left;
    margin: 0;
    margin-right: 1em;
}

fieldset dl dd {
    margin: 0;
}

fieldset dl {
    margin: 1em;
    padding: 1em;
    width: 50%;
}

/* END FIELD SET */

#header {
    height: 71px;
    margin: 0 0 0 -203px;
    padding: 1px 0px 0px 0px;
    vertical-align: top;
}

#logo {
    float: left;
    width: 142px;
    vertical-align: top;
}

#logo img {
    vertical-align: top;
}

#header_text {
    font-size: 12px;
    padding: 45px 10px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: right;
}

#header_text a {
}

#header_text a:hover {
}

#right_border {
    min-width: 850px;
    max-width: 1024px;
    margin: 5px auto;
    padding-right: 12px;
    border: 0px solid red;
}

#left_border {
    border: 0px solid green;
    margin: 0;
    padding: 0px 0px 0px 12px;
    position: relative;
    display: inline;
    float: left;
}

#bordered_area {
    border: 0px solid pink;
    min-width: 410px;
    min-height: 400px;
    padding: 0 0 0 203px;
    position: relative;
}

#bordered_area .column {
    display: inline;
    position: relative;
    float: left;
}

#left_nav {
    min-height: 400px;
    text-align: left;
    width: 177px;
    margin: 0 0 0 -203px;
    padding: 7px;
}

#main_content {
    border: 2px solid red;
    text-align: left;
    width: 92%;
    padding: 10px 2% 10px 2%;
    position: absolute;
    top: 0;
}

#footer_bar {
    height: 9px;
    font-size: 0em;
    border: 0px solid purple;
    text-align: left;
}

#footer {
    border: 0px solid red;
    min-width: 840px;
    max-width: 1024px;
    text-align: left;
    padding: 10px 0px 0px 0px;
    margin: 5px auto;
    clear: both;
}

div.eligibility-disclaimer p {
    text-align: left;
    width: 100%;
}

div.member-narrative p {
    text-align: left;
	width: 100%;
}

#content {
}

.imageButton {
}

.imageButtonTopMargin {
    margin-top: 5px;
}

table.locator-address-table {
    padding: 8px;
    width: 505px;
}

table.info-table {
    padding: 8px;
    width: 100%;
}

table.info-table thead th {
    padding: 5px;
}

table.info-table th {
    text-align: left;
}

table.info-table td {
    text-align: left;
}

table.info-table tfoot td {
    padding-top: 10px;
}

table.form-table {
    padding: 2px;
    width: 100%;
    border-spacing: 0px;
}

table.form-table thead th {
    padding: 5px;
    text-align: left;
}

table.form-table thead td {
    padding: 5px;
    text-align: right;
}

table.form-table th {
    text-align: left;
}

table.form-table td {
    text-align: right;
}

table.form-table tfoot td {
    padding-top: 10px;
}

div.scrollable-area {
    width: 100%;
    overflow: scroll;
}

div.products div {
    width: 100%;
}

div.products table {
    padding: 8px;
}

div.products table thead th {
    padding: 5px;
    vertical-align: top;
}

div.products table th {
    text-align: left;
    vertical-align: top;
}

div.products table td {
    text-align: left;
    vertical-align: top;
}

div.products table tfoot td {
    padding-top: 10px;
}

table.grid-table {
    padding: 8px;
    width: 100%;
}

table.grid-table thead th {
    padding: 5px;
    vertical-align: top;
}

table.grid-table th {
    text-align: left;
    vertical-align: top;
}

table.grid-table td {
    text-align: left;
    vertical-align: top;
}

table.grid-table tfoot td {
    padding-top: 10px;
}

.img-button {
}

#benefits-div {
/*width: 482px; */
}

.fade-border-top {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 507px;
    height: 9px;
}

.fade-border-middle {
    width: 507px;
}

fieldset.fade-border-middle {
    position: relative;
    margin: 0;
    padding: 10px 5px 0 11px;
    width: 100%;

}

fieldset.fade-border-middle label {
    position: relative;
    width: 5.5em;
    text-align: left;
    vertical-align: bottom;
}

fieldset.fade-border-middle p {
    margin: 0 0 5px 0;
    padding: 0;
}

fieldset.fade-border-middle input {
    margin: 0;
}

.fade-border-middle td {
    padding-left: 10px;
}

.fade-border-bottom {
    width: 507px;
    min-width: 507px;
    height: 9px;
    min-height: 9px;
}

.tabTable {
    margin: 0px;
    padding: 0px;
    margin-left: 10px;
}

.tabTable a {
    margin: 0px;
    padding: 0px;
    vertical-align: bottom;
    display: inline;
}

.tabTable span {
    margin: 0px;
    padding: 0px;
    vertical-align: bottom;
    display: inline;
}

.tabTable img {
    margin: 0px;
    padding: 0px;
    vertical-align: bottom;
}

div.tabContent {
    z-index: 2;
    padding: 10px;
    position: relative;
}

input {
}

.checkbox {
}

caption {
}

dl {
    margin: 3px;
    padding: 3px;
}

thead {
    padding-left: 2px;
    padding-right: 2px;
}

.heading {
    text-align: right;
    height: 74px;
}

.heading a {
    margin-right: 10px;
}

.heading {
}

.heading a {
}

table.rows-table {
    margin-top: 10px;
    width: 100%;
}

table.rows-table tfoot td {
    padding: 5px;
}

/*
table.rows-table {
padding: 3px;
text-align: left;
width: 100%;
border-spacing: 0px;
}

table.rows-table caption {
margin-top: 10px;
text-align: left;
}

table.rows-table a {
}

table.rows-table thead th {
}

table.rows-table thead td {
}

table.rows-table tbody th {
}

table.rows-table th {
}

table.rows-table th a {
}

table.rows-table tr {
}

table.rows-table td {
}

table.rows-table tfoot {
text-align: center;
}

table.rows-table td.odd-row {
}

table.rows-table tr.even-row {
}

table.border-table {
padding: 5px;
text-align: right;
}                         */

#login-submit-row {
    margin: 10px 0px 0px 11px;
}

div.submitRow {
    position: relative;
    vertical-align: bottom;
    width: 100%;
    margin: 5px 0px;
}

div.submitButtons {
    position: relative;
    float: left;
}

div.submitRow a {
    margin-top: 0px;
    padding: 0px;
}

div.hrefRow {
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    position: relative;
    vertical-align: bottom;
}

div.hrefRow a {
    padding: 0;
    margin: 0px 6px 0px 0px;
}

div.hrefRow img {
    display: inline;
    border: none;
    margin: 0px;
    padding: 0px;
    vertical-align: bottom;
}

table.border-table caption {
}

table.border-table a {
}

table.border-table th {
    text-align: right;
    padding-right: 15px;
}

table.border-table tfoot {
    text-align: center;
}

.admin-content {
}

span.admin-content {
    margin: 2px;
    padding: 2px;
}

.clear-left {
    clear: both;
}

.button {
    margin: 3px;
}

/* LEFT NAV STUFF */
.left_menu {
    width: 157px;
    padding: 10px 10px 10px 10px;
    position: relative;
    top: 0em;
    vertical-align: top;
    text-align: left;
    margin: 0;
}

.left_menu ul {
    width: 100%;
    margin: 0;
    padding: .2em .5em 0em .75em;
}

.left_menu li {
    font-size: 13px;
    margin: 0;
    padding: 0 0 .3em 0;
}

.left_menu li.menuLevel0 a {
    margin: 0;
    padding: 0;
}

.left_menu li.menuLevel0 a:link {
}

.left_menu li.menuLevel0 a:visited {
}

.left_menu li.menuLevel0 a:hover {
}

.left_menu li.menuLevel0 a:active {
}

.left_menu li.selectedMenuItem {
}

.left_menu li input {
    margin-bottom: .2em;
}

a.menuLink {
}

.left_menu_bottom {
    width: 177px;
    height: 13px;
    padding: 0px;
    position: relative;
    margin: 0 0 1.5em 0;
}

div.documents p {
    padding: 0 0 0 50px;
    margin: 0;
}

HTML {
    margin: 0;
    padding: 0;
}

BODY {
    font-size: 12px;
    text-align: center;
    margin: 0;
    padding: 0;
}

img {
}

p {
    width: 505px;
    /*padding-right: 16%;*/
    padding-bottom: 0px;
}
div#discount-info-popup p {
    width: 100%;
    /*padding-right: 16%;*/
    padding-bottom: 0px;
}

a:link {
}

a:visited {
}

a:active {
}

a:hover {
}

a:hover {
}

ol {
    width: 505px;
    margin-left: 0px;
    text-indent: 0px;
   /* padding-right: 16%;*/
}
ol li {
    margin-left: 0px;
    text-indent: 0px;
}

ul {
    width: 505px;
   /* padding-right: 16%;*/
}

hr {
    height: 1px;
    padding: 0;
    width: 100%;
    margin-left: 0px;
    text-align: left;
}

hr.errors {
    height: 1px;
    padding: 0;
    width: 600px;
    margin-left: 0px;
    margin-bottom: 0px;
    text-align: left;
}

hr.successMessage {
    height: 1px;
    border: 0px solid;
    padding: 0;
    width: 600px;
    margin-left: 0px;
    margin-bottom: 0px;
    text-align: left;
}

h1 {
    font-size: 22px;
    text-align: left;
    padding: 0;
    border-spacing: 0;
    margin: 0px 0px 11px 0px;
    position: relative;
    top: 0;
}

h2 {
    font-size: 15px;
    margin: 24px 0px 5px 0px;
    display: block;
}

h3 {
    margin: 4px 0px 11px 0px;
    font-size: 12px;
}

h5 {
    margin-top: 10px;
}

h6 {
    font-size: 14px;
    padding: 0 0 0 0;
    vertical-align: top;
    text-align: left;
    margin: 0 0 5px 0;
}
h6 span.smallFont {
    font-size: 12px; 
}

form {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

input, select {
    vertical-align: middle;
    padding-left: 2px;
}

table.discountPlan {
    border: 0;
    margin: 0;
    border-spacing: 0px;
    width: 100%;
    page-break-before: always;
}

table.discountPlan td {
    padding: 2px 5px 2px 5px
}

table.discountPlan th {
    padding: 5px
}

table.discountPlan th {
}

table.discountPlan td.discountPlanBenefitGroup {
    padding: 5px;
}

td.discountPlanBenefitValue {
}

td.discountPlanBenefitName {
}

tr.gray-row {
    background-color: #f6f7f9;
    border-color: #f6f7f9;
}

p.clear {
    font-size: 0em;
    height: 0px;
    clear: both;
    margin: 0px;
    padding: 0px;
}
}