/* Color Guide
    #FFCC06: dark golden yellow
    #FFEA95: light golden yellow
    #01219B: dark blue
    #06AFFF: medium blue
    #B9E9FF: light blue
    #660C22: dark red
 */

/* General styles for the body */
body {
    margin: 0;
    padding: 0;
    background: url(../images/aawsB2Cbackground.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}
.adminBody {
    text-align: left;
    margin: 5px;
}

#aawsHeader {
    background-color: #F0F8FB;
    padding: 10px 0;
    border-bottom: 3px solid white;
}
#aawsMenu {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

/* Related to the various backgrounds on the master page */
#pageBackground {
    margin: 0 auto;
    width: 960px;
}
#pageShadowTop {
    padding: 3px;
}
#pageForeground {
    position: relative;
    background-color: White;
    width: 934px;
    padding: 10px 10px 10px 10px;
}
#pageShadowBottom {
    clear: both;
    background-color: #EEEEEE;
    width: 954px;
    padding: 3px;
}

/* Related to the top banner */
.menuLink {
    color: #000099;
    text-decoration: none;
    font-weight: bold;
    margin: 0 20px 0 0;
}
.ytdLink {
    color: #000099;
    text-decoration: none;
    font-weight: bold;
    margin: 0 5px;
    cursor: pointer;
}
.adminLink {
    color: rgba(0, 100, 186, 0.25);
    text-decoration: none;
    font-weight: bold;
    margin: 0 10px;
}
.bluePeople {
    position: relative;
    margin-left: 5px;
}
.welcome {
    position: absolute;
    left: 55px;
    top: 8px;
    color: #0055FF;
    font-size: medium;
    font-weight: bold;
}
.aa {
    position: absolute;
    left: 10px;
    top: 27px;
    font-family: 'Times New Roman' , Times, serif;
    font-size: x-large;
    text-decoration: none;
    color: Black;
}
.homeLink {
    position: absolute;
    left: 10px;
    top: 57px;
    color: #000099;
    font-size: large;
    font-weight: bold;
    text-decoration: none;
}
.languageList {
    width: 100px;
}
.returnLink {
    color: #000099;
    text-decoration: none;
    font-weight: bold;
}

/* Related to the footer */
#pageFooter {
    color: #818181;
    background-color: #EEEEEE;
    font-size: 9px;
    text-align: left;
}
#pageFooter a:link, #pageFooter a:visited {
    color: #333333;
    font-size: 9px;
}
#pageFooter a:active, #pageFooter a:hover {
    color: #094EAA;
}

#securityLabel {
    color: #818181;
    background-color: #EEEEEE;
    font-size: 9px;
    text-align: left;
}

/* The section under the banner and above the content */
.mainSteps {
    margin-top: 10px;
    text-align: center;
}
#profileSteps {
    text-align: center;
    margin: 8px;
}
.stepOff {
    font-size: small;
    color: #888888;
    background-color: #DDDDDD;
    border: solid 1px #888888;
    border-radius: 5px;
    padding: 4px;
}
.stepOn {
    font-size: small;
    color: #01219B;
    background-color: #FFEA95;
    border: solid 1px #01219B;
    border-radius: 5px;
    padding: 4px;
}

/* The main section */
#mainContent {
    text-align: left;
}

.tradition7 {
    font-style: italic;
    margin: 0 40px 0 40px;
    width: 500px;
}
.tradition7Content {
    height: 0;
    overflow: hidden;
}
.tradition7Cite {
    font-weight: bold;
    text-align: right;
}
.tradition7More {
    color: #06AFFF;
    text-decoration: underline;
    margin-left: 20px;
    cursor: pointer;
}

.recurringNoteHeader {
    font-weight: bold;
    background-color: #FFEA95;
    border-radius: 5px;
    padding: 10px;
}
.recurringNote {
    width: 500px;
}
.recurringNoteContent {
    height: 0;
    overflow: hidden;
}
.recurringNoteMore {
    color: #06AFFF;
    text-decoration: underline;
    margin-left: 20px;
    cursor: pointer;
}
.recurringRadio {
    margin: 0 0 0 10px;
}
#recurringInfoImg {
    width: 25px; 
    height: 25px; 
    vertical-align: middle;
    cursor: pointer;
}
#recurringInfoDialog {
    display: none;
    text-align: left;
}

.notableBlock {
    background-color: #FFCC06;
    font-size: small;
    border: solid 2px #660C22;
    border-radius: 5px;
    width: 500px;
    text-align: center;
    padding: 3px;
    margin: auto;
}

.notableBlockBold {
    background-color: #FFCC06;
    font-size: medium;
    font-weight: bold;
    border: solid 2px #660C22;
    border-radius: 5px;
    width: 500px;
    text-align: center;
    padding: 3px;
    margin: auto;
}

.notableBlockWide {
    background-color: #FFCC06;
    font-size: small;
    border: solid 2px #660C22;
    border-radius: 5px;
    width: 550px;
    text-align: center;
    padding: 3px;
    margin: auto;
}

.recurringBlock {
    background-color: #660C22;
    color: #FFCC06;
    font-weight: bold;
    font-size: medium;
    border: solid 2px #000099;
    border-radius: 5px;
    width: 500px;
    text-align: center;
    padding: 3px;
    margin: auto;
    vertical-align: middle;
}

/* Related to the Profile panel on the right */
#profileMargin {
    float: right;
    width: 265px;
    background: White;
}

.standOut {
    color: #660C22;
    font-weight: bold;
}

.section {
    font-size: medium;
    font-weight: bold;
    color: #01219B;
    padding: 5px;
    background-color: rgba(0, 100, 186, 0.50);
    border-radius: 5px;
}

.recurringSection {
    font-size: medium;
    font-weight: bold;
    color: #01219B;
    padding: 5px;
    background-color: rgba(0, 100, 186, 0.50);
    border-radius: 5px;
}
.recurringGridHeader {
    background-color: rgba(0, 100, 186, 0.25);
}
.recurringGridSelected {
    background-color: rgba(0, 100, 186, 0.50);
}

.profileSection {
    background-color: rgba(0, 100, 186, 0.25);
    border-radius: 5px;
    padding: 5px;
    height: 0;
    overflow: hidden;
}

.loginHeader {
    font-size: medium;
    font-weight: bold;
    color: #660C22;
    text-align: center;
}
.loginLabel {
    text-align: right;
    white-space: nowrap;
}

.fieldLabel {
    text-align: right;
    white-space: nowrap;
    width: 150px;
}
.fieldData {
    font-weight: bold;
}

/* AutoComplete flyout */
.aceList {
    visibility: hidden;
    margin: 0;
    border: solid 1px #01219B;
    max-height: 200px;
    overflow: auto;
    text-align: left;
    list-style: none;
    padding: 1px;
}

/* AutoComplete highlighted item */
.aceHighlightedItem {
    background-color: Highlight;
    color: HighlightText;
    padding: 1px;
}

/* AutoComplete item */
.aceItem {
    background-color: Window;
    color: black;
    padding: 1px;
}

/* Accordion headers and content */
.accordionHeader {
    font-size: medium;
    font-weight: bold;
    color: #01219B;
    background-color: rgba(0, 100, 186, 0.25);
    border-radius: 5px;
    padding: 5px;
    margin: 5px 15px 5px 15px;
}
.accordionHeader2 {
    font-size: medium;
    font-weight: bold;
    color: #01219B;
    background-color: rgba(0, 100, 186, 0.10);
    border-radius: 5px;
    padding: 5px;
    margin: 5px 15px 5px 15px;
}
.accordionHeader3 {
    font-size: medium;
    font-weight: bold;
    color: #01219B;
    background-color: rgba(0, 100, 186, 0.25);
    border-radius: 5px;
    padding: 5px;
    margin: 0 15px 0 15px;
}
.accordionHeader4 {
    font-size: medium;
    font-weight: bold;
    color: #01219B;
    background-color: rgba(0, 100, 186, 0.10);
    border-radius: 5px;
    padding: 5px;
    margin: 0 15px 0 15px;
}
.accordionHeaderDisabled {
    font-size: medium;
    font-weight: bold;
    color: #333333;
    background-color: #BBBBBB;
    border-radius: 5px;
    padding: 5px;
    margin: 5px 15px 5px 15px;
}
.accordionContent {
    color: Black;
    background-color: White;
    margin-left: 10px;
}

/* Group Help header and content */
.groupHelpHeader {
    cursor: pointer;
    font-size: small;
    font-weight: bold;
    background-color: #FFEA95;
    padding: 2px;
    border: solid 1px #660C22;
    margin: 10px 20px 0 20px;
}
.groupHelpContent {
    background-color: #FFEA95;
    padding: 2px;
    margin: 0 20px 0 20px;
}

.contactHeader {
    margin: 0 20px 0 20px;
}

.sectionContent {
    margin-left: 40px;
}

.gridHeader {
    background-color: rgba(0, 100, 186, 0.50);
}

.searchLabel {
    width: 90px;
}

.popupTrx {
    color: #01219B;
    background-color: White;
    border: solid 1px #01219B;
    width: 700px;
    padding: 10px;
}
.popupProf {
    color: #01219B;
    background-color: White;
    border: solid 1px #01219B;
    width: 300px;
    padding: 10px;
}
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.dragPanel {
    color: #01219B;
    background-color: #B9E9FF;
    cursor: move;
}
.popupLabel {
    color: #06AFFF;
    white-space: nowrap;
    text-align: right;
}

.security {
    text-align: left;
    margin: 5px;
}

/* General styles */
em {
    font-size: medium;
    font-weight: bold;
}
.center {
    text-align: center;
}
.centeredDiv {
    margin: auto;
}
.nowrap {
    white-space: nowrap;
}
.smallBold {
    font-size: small;
    font-weight: bold;
}
.smallBoldUnder {
    font-size: small;
    font-weight: bold;
    text-decoration: underline;
}
.mediumBold {
    font-size: medium;
    font-weight: bold;
}
.largeBold {
    font-size: large;
    font-weight: bold;
}
.xlargeBold {
    font-size: x-large;
    font-weight: bold;
}
.smallItalic {
    font-size: small;
    font-style: italic;
}
.boldBlack {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.leftAlign {
    text-align: left;
}
.rightAlign {
    text-align: right;
}
.topAlign {
    vertical-align: top;
}
.nowrapRight {
    white-space: nowrap;
    text-align: right;
}
.nowrapTop {
    white-space: nowrap;
    vertical-align: top;
}
.hidden {
    visibility: hidden;
}
.visible {
    visibility: visible;
}
.display {
    display: inline;
}
.dontdisplay {
    display: none;
}
.disabled {
    background-color: #EEEEEE;
}
.enabled {
    background-color: White;
}
.stretch {
    width: 90%;
}
.floatright {
    float: right;
}
.floatclear {
    clear: both;
}
.indent40 {
    margin-left: 40px;
}
.smallMargin {
    margin: 5px;
}