﻿body {
    background: #ffffff;
    color: #000000;
    margin: 0;
    padding: 0;
    font-family: Arial, Times New Roman, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    vertical-align: middle;
}
p {
    font-family: Arial;
    font-size: 12px;
}
h1 {
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    color: #000000;
    vertical-align: middle;
}
h2 {
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    color: #000000;
    vertical-align: middle;
}
h3 {
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    color: Blue;
    vertical-align: middle;
}
a:link {
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}
a:hover {
    font-family: Arial;
    font-size: 12px;
    color: #FF0000;
}
/**************************************************************/
/* sitemap styles
/**************************************************************/
.rnode {
    font-family: Arial;
    font-size: 12pt;
    color: black;
}
.cnode {
    font-family: Arial;
    font-size: 14pt;
    color: black;
    font-weight: bold;
}
.node {
    font-family: Arial;
    font-size: 12pt;
    color: black;
}
/**************************************************************/

.captchalinkbutton {
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    color: Blue;
    vertical-align: middle;
}


.hyp1 {
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    text-decoration: underline;
    color: Blue;
    vertical-align: middle;
}
.cellleft66 {
    text-align: left;
    width: 66%;
}
.cellright33 {
    text-align: right;
    width: 33%;
}
.cellleft60 {
    text-align: left;
    width: 60%;
}
.cellleft25 {
    text-align: left;
    width: 25%;
}
.cellright25 {
    text-align: right;
    width: 25%;
}

.cellcenter25 {
    text-align: center;
    width: 25%;
}
.cellleft20 {
    text-align: left;
    width: 20%;
}
.cellleft40 {
    text-align: left;
    width: 40%;
}
.cellright40 {
    text-align: right;
    width: 40%;
}
.cellleft50 {
    text-align: left;
    width: 50%;
}
.cellright50 {
    text-align: right;
    width: 50%;
}
.cellright20 {
    text-align: right;
    width: 20%;
}
.cellright200 {
    text-align: right;
    width: 200px;
}
.cellleft80 {
    text-align: left;
    width: 80%;
}
.cellmiddle {
    text-align: center;
    width: 100%;
    font-size: 18px;
}
.dropdownmenu {
    font-family: Arial;
    font-size: 12px;
    background-color: #CCCCCC;
}
.dropdownlistChallenges {
    border-color: Black;
    border-width: 1px;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    color: #000000;
    vertical-align: middle;
    width: 95%;
    height: 20px;
}
.dropdownlistRoles {
    border-color: Black;
    border-width: 1px;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    color: #000000;
    vertical-align: middle;
    width: 200px;
    height: 20px;
}
.dropdownlistCommMethods {
    border-color: Black;
    border-width: 1px;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    color: #000000;
    vertical-align: middle;
    width: 100px;
    height: 20px;
}
.dropdownlistEmail {
    border-color: Black;
    border-width: 1px;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    color: #000000;
    vertical-align: middle;
    width: 100px;
    height: 20px;
}
.labelHeader1 {
    font-size: 16px;
    font-weight: bold;
}
.labelHeader2 {
    font-size: 30px;
    font-weight: normal;
    font-style: italic;
}
.labelHeader4 {
    font-size: 24px;
    font-weight: normal;
    font-style: italic;
}
.labelHeader3 {
    font-size: 12px;
    font-weight: normal;
}
.labelHeader5 {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}
.labelHeader6 {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.labelHeader7 {
    font-size: 12px;
    font-weight: bold;
}

.labelHeaderInfo {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
}

.labelResults {
    text-align: center;
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial;
}
.labelResultsMsgPage {
    text-align: center;
    width: 70%;
    font-size: 18px;
    font-weight: normal;
    font-family: Arial;
}
.labelTextBox1 {
    font-size: 12px;
    font-weight: normal;
}
.labelQuestion1 {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
}
.lBtn1 {
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    color: Blue;
    vertical-align: middle;
}
.radioButtion {
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    color: #000000;
    vertical-align: middle;
}
.table1 {
    width: 100%;
    border: 0;
    padding: 0;
    table-layout: auto;
}
.table2 {
    border: 0;
    padding: 0;
    table-layout: auto;
}
.tablerow1 {
    height: 15px;
    width: 100%;
}
.tablerow2 {
    height: 90px;
    width: 100%;
}
.textbox {
    height: 15px;
    font-family: Arial;
    font-size: 12px;
}
.textboxEmail {
    height: 15px;
    font-family: Arial;
    font-size: 12px;
    width: 350px;
}
.textboxChallengeQ {
    height: 15px;
    font-family: Arial;
    font-size: 12px;
    width: 90%;
}
.textboxChallengeA {
    height: 15px;
    font-family: Arial;
    font-size: 12px;
    width: 200px;
}
.textboxPhone {
    height: 15px;
    font-family: Arial;
    font-size: 12px;
    width: 100px;
}
.textboxRead {
    height: 15px;
    font-family: Arial;
    font-size: 12px;
    width: Auto;
    background-color: #EBF3FF;
}
.textboxReadML {
    font-family: Arial;
    font-size: 12px;
    width: Auto;
    background-color: #EBF3FF;
}
.textboxContactUs {
    height: 80px;
    font-family: Arial;
    font-size: 12px;
    width: 90%;
}
.textboxAgreeTerms {
    height: 250px;
    font-family: Arial;
    font-size: 12px;
    width: 90%;
}

/************ PasswordStrength Related Styles ***********************/
.TextIndicator_TextBox1 {
    background-color: Gray;
    color: White;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
}

.BarIndicator_TextBox2_weak {
    color: Red;
    background-color: Red;
}
.BarIndicator_TextBox2_average {
    color: Blue;
    background-color: Blue;
}
.BarIndicator_TextBox2_good {
    color: Green;
    background-color: Green;
}

.BarBorder_TextBox2 {
    border-style: solid;
    border-width: 1px;
    padding: 2px 2px 2px 2px;
    width: 200px;
    vertical-align: middle;
}

.TextIndicator_TextBox3 {
    background-color: Blue;
    color: Yellow;
    font-size: small;
    font-variant: small-caps;
    padding: 2px 3px 2px 3px;
}

.TextIndicator_TextBox3_Handle {
    width: 16px;
    height: 14px;
    background-image: url(images/Question.png);
    overflow: hidden;
    cursor: help;
}

.TextIndicator_TextBox1_Strength1 {
    background-color: Gray;
    color: White;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}
.TextIndicator_TextBox1_Strength2 {
    background-color: Gray;
    color: Yellow;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}
.TextIndicator_TextBox1_Strength3 {
    background-color: Gray;
    color: #FFCAAF;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}
.TextIndicator_TextBox1_Strength4 {
    background-color: Gray;
    color: Aqua;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}
.TextIndicator_TextBox1_Strength5 {
    background-color: Gray;
    color: #93FF9E;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}
.ValidationSummary1 {
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
}
.modalBackground {
    /* When Tansparent - POPUP PANEL IS NOT MODAL WITH AJAX MODALPOPUP   background-color: Transparent;   background-color: Gray;     */
    background-color: Gray;
}
.ModalWindow {
    border: solid1px#c0c0c0;
    background: #f0f0f0;
    padding: 0px10px10px10px;
    position: absolute;
    top: -1000px;
}
.ModalWindowEdit {
    border: solid1px#c0c0c0;
    background: #f0f0f0;
    padding: 0px10px10px10px;
    position: absolute;
    top: 100px;
}

.HelperText {
    font-family: Arial;
    font-size: 10px;
    font-style: italic;
    color: Maroon;
    vertical-align: middle;
}

.repeaterMouseOver {
    font-family: Arial;
    font-size: 24px;
    font-style: italic;
    color: Maroon;
}

.repeaterMouseOut {
    font-family: Arial;
    font-size: 10px;
    font-style: italic;
    color: Black;
}


.gridview {
    border-style: none;
    background-color: White;
    border-color: #999999;
    font-size: large;
}
.gridview Caption {
    font-size: 10pt;
    font-weight: bold;
    color: red;
}

.gridviewRowStyle {
    background-color: #EEEEEE;
    color: black;
}

.gridviewPagerStyle {
    background-color: #999999;
    color: Black;
    text-align: center;
}
.gridviewAltRowStyle {
    background-color: #CCCCCC;
}

.docBackgroundStyle {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1000;
}
.DosingTable {
    text-align: left;
}

.hiddencol {
    display: none;
}
.viscol {
    display: block;
}

.topdownspc {
    padding-top: 10px;
}

.RadMenu .rmSelected {
    font-weight: bold !important;
}
.RadMenu .rmLink:hover {
    cursor: pointer;
    font-weight: bold !important;
}
.RadMenu .rmDisabled:hover {
    cursor: default;
    font-weight: normal !important;
}

.rpSelected {
    background-color: gray !important; /*font-weight:bold !important; */
}

.rpSelected:hover {
    background-color: gray !important; /*font-weight:bold !important; */
}

.rpSlide .rpItem:hover {
    background-color: #DFF5FF !important;
}

.rpSlide .rpLink:hover {
    background-image: none !important;
}

.rpSlide .rpOut:hover {
    background-image: none !important;
}

.welcomelabel {
    font: arial;
    font-size: 20px;
    font-weight: bold;
}
/*********** Notification Styles **********************/
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 3% 20%;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../Images/info_knob.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../Images/green_check_knob.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../Images/warning_knob.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../Images/red_x_knob.png');
}

/*** Tables ***/
table.confirm-table {
    width: 600px;
    border: 0;
    padding: 0;
    table-layout: auto;
}
table.confirm-table tr {
    height: 15px;
    width: 100%;
}
table.confirm-table label {
    font-size: 12px;
    font-weight: normal;
    text-align: right;
}
table.confirm-table input {
    height: 15px;
    font-family: Arial;
    font-size: 12px;
    width: Auto;
    background-color: #EBF3FF;
    text-align: right;
}

/*** Basic Forms ***/
.basic-form div {
    border-bottom: 1px solid #efefef;
    margin: 10px;
    padding-bottom: 10px;
    width: 400px;
}
.basic-form label {
    float: left;
    width: 120px;
    text-align: right;
    padding-right: 20px;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
}
.basic-form input {
    text-align:left;
    font-weight: 400;
    font-style: normal;
    width: 120px;
    height: 12px;
}
.basic-form-read-only input {
    background-color: #EBF3FF;
    text-align:left;
    font-weight: 400;
    font-style: normal;
    width: 120px;
    height: 12px;
    
}

