﻿
p.infotxt {font-size:16px;font-weight:bold;color:#000;}

/****************************************** Fieldsets **********************************************/

fieldset {border: 0;margin: 0 0px 20px;padding: 5px 20px 0;position: relative;}
.formContainer fieldset {margin-top:15px;}
fieldset .formContainer {padding:0px 0 10px;}
fieldset legend {border:0 none;color:#000000;cursor:default;font-size:11px;font-weight:bold;margin:0;padding:0px;position: relative;width:45%;min-height:22px;}
fieldset legend span {cursor:pointer;display:inline-block;text-align:right;width:100%;}
fieldset legend span input.checkboxGroup {cursor:pointer;float:right;margin:-1px -13px 0 12px;position:relative;top:2px;}
fieldset span.status {background: url("/images/tree-icons.png") no-repeat scroll -61px -235px transparent;display:inline-block;height:23px;left:795px;margin:0 -20px -3px 0;position:relative;width:23px;top:3px;}

/***************************************************************************************************/

.formContainer {padding:20px 20px 10px;}

.formBlock {margin:0 0 5px 0;}
.formLabel,
.formObject,
.formValidation {display:inline-block;vertical-align:top;}
.formLabel {width:45%;text-align:right;}
.formObject {max-width:55%;font-family:Arial;font-size:12px;}
.formValidation {margin-left:10px;}
#wizardContainer .formValidation {display:block;max-width:40%;margin-left:34%;height:auto;}

.formLabel label {
    color: #657078;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin: 4px 12px 0 0;
}
/*.formLabel label:after {content: ':';}*/
.formLabel span, span.reqAst {
    color: #EC008C;
    font-family: Arial, Sans-Serif;
    font-size: 9px;
    margin: 0 10px 0 0;
}
.formObject .allRadiosContainer,
.formObject textarea, 
.formObject select, 
.formObject input {
    border: 1px solid #657078;
    border-radius: 4px;
    font-family: Arial,Sans-Serif !important;
    font-size: 13px;
    min-height: 16px;
    padding: 3px 2px;
    width: 340px;
    vertical-align:top;
}
.formObject input[type="button"],
.formObject input[type="submit"] {font-size:12px;padding:0;width:118px;}
.rightHS .formObject {max-width: 77%; text-align:right;display:block;}

.formObject select {width:346px;height:24px;padding:1px 1px 1px 0px;}

/**** List of Radios ****/
.formObject .allRadiosContainer {
    border: 1px solid #b7c3ca;
    background-color: #FFFFFF;
    border-radius: 4px;
    display: inline-block;
    min-height: 22px;
    padding: 0 0 2px 0;
    width: 343px;
    font-size:12px;
}
.formObject.wide .allRadiosContainer { width: 440px; }
.formObject .radioContainer {
    display: inline-block;
    min-height: 22px;
    min-width: 160px;
    padding-right: 10px;
    position: relative;
    width: auto;
}
.formObject .radioContainer input {font-size:11px;position:relative;top:1px;width:18px;border:0;vertical-align:inherit;}
.formObject .radioContainer span {font-size:11px;position:relative;top:-3px;}

.formObject table.allRadiosContainer tbody {width:100%;display: inline-block;}
.formObject table.allRadiosContainer tr {width:100%;display: inline-block;}
.formObject table.allRadiosContainer tr:hover {background-color:rgba(0,0,0,0.1);}
.formObject table.allRadiosContainer tr input {font-size:11px;position:relative;top:1px;width:18px;border:0;vertical-align:inherit;}
.formObject table.allRadiosContainer tr label {font-size:11px;position:relative;top:3px;}

#pnlPharmaQuestions {padding:5px 0 0;}
#pnlPharmaQuestions .formObject table.allRadiosContainer {width:346px;}
#pnlPharmaQuestions .formObject table.allRadiosContainer tr:hover {background-color:rgba(0,0,0,0);}
#pnlPharmaQuestions .formObject table.allRadiosContainer tr td {display: inline-block;min-height: 22px;min-width: 160px;padding: 0 10px 0 0;position: relative;}
#pnlPharmaQuestions .formObject table.allRadiosContainer tr label {}

@media screen and (-ms-high-contrast:none) {.formObject .radioContainer input, .formObject table.allRadiosContainer tr input {width:13px;margin-right:5px;margin-left:4px;}}

/********************/

/**** CheckBoxes ****/
.formObject .checklistContainer {
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    display: inline-block;
    min-height: 22px;
    padding: 0 0 2px;
    width: 343px;
}
.formObject .checkContainer {
    display: inline-block;
    min-height: 22px;
    min-width: 140px;
    padding: 2px 5px 2px 25px;
    position: relative;
    vertical-align: top;
    width: 140px;
}
.formObject .checkContainer input {border:0 none;left:-21px;margin:4px -16px 0 0;position:relative;vertical-align:top;width:auto;}
.formObject .checkContainer span {display:inline-block;font-size:12px;left:0;max-width:320px;position:relative;top:4px;}

.formBlock.chkbox {}
.formBlock.chkbox label {vertical-align: middle}
.formBlock.chkbox input {margin: 2px 8px 2px 2px; min-height: 21px;border:0;padding: 0;vertical-align: middle; width: auto;background-color:transparent;box-shadow:none;}

.formBlock.switchCheck .formLabel label {color:#000;}


/********************/

.infoHover {
    background: url("../images/beta/betaimg-map.png") no-repeat scroll -81px -188px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 17px;
    margin-left: 5px;
    position: relative;
    top: 3px;
    vertical-align:top;
    width: 20px;
}
.infoHover:hover {background-position: -111px -188px;}
fieldset legend span.infoHover {margin:0;position:absolute;right:-50px;top:0;}
span.hiddenSpan {display: none;}


/****************** Mini/Short/Long inputs ********************/

select.mini {width:176px;}
select.short {width:176px;}
select.medium {width:176px;}
select.long {width:346px;}
input.mini {width:170px;}
input.short {width:170px;}
input.medium {width:170px;}
input.long {width:340px;}
textarea.medium {width:170px;}
textarea.long {width:340px;}
textarea.midget {height:170px;}
select.nano,
input.nano {width:45px;}

/*******************************************/

/********************** Error Handling **********************/

.checkboxContainer {
    background-color: transparent;
    border: 2px solid transparent;
    border-radius: 4px;
    display: block;
    height: 17px;
    padding: 3px 12px 3px 3px;
}

.allRadiosContainer.parsley-error,
textarea.parsley-error,
select.parsley-error,
input.parsley-error,
.checkboxContainer.parsley-error {border:2px solid red;background-color:#FCD8E6;}

.radioContainer.parsley-error {background-color:#FCD8E6;}

/**** User Messages ****/
.userMessageBox {
    border:2px solid white;
    padding:4px 20px 15px;
    background-color:#B7C3CA;
    margin: 0 20px 20px;
}
.userMessageBox.titleonly {padding:4px 20px;}
.userMessageBox h3 {
    padding: 0px 7px 7px 32px;
    background:url(../images/beta/betaimg-map.png) no-repeat scroll -468px -205px transparent;
    margin:5px 0 0;
}
.userMessageBox.noIcon h3 {
    padding: 0px 7px 7px 2px;
    background:none;
    margin:5px 0 0;
}
/***********************/
/**** Error Messages ****/
.errorMsg {background-color:#FCD8E6;}
.errorMsg h3 {color:#000000;background-position:-468px -142px;}
.requiredList {color:#000 !important;font-size:14px;}
.field-valid {color:#ec008c !important;display:inline-block;font-size:13px;margin-top:5px;}
.usernameError {color:red;display:block;font-size:18px;margin:0 20px 20px;}

/************************/
/**** Success Messages ****/
.successMsg {background-color:#DFEDCA;}
.successMsg h3 {color:#8CC34B;background-position:-468px -173px;}

/************************/
/**** help Messages ****/
.userMessageBox.help {background-color: #cfebf7;margin: 10px 30px 20px 0;padding: 5px 20px;}
/**************************/


.userMessageBox.errorMsg.requiredList li {margin-bottom:10px;}
.userMessageBox.errorMsg.requiredList li ul {margin-top:5px;}
.userMessageBox.errorMsg.requiredList li ul li {margin-bottom:2px;}


.emailSentBox .userMessageBox.help:first-child {margin-bottom:10px;}

#form_extracts_error{margin: 0 0 10px;}
#form_request_error {margin: 0 20px 0;}

ul.parsley-error-list {
    background-color: #F49AC2;
    border: 2px solid #FFFFFF;
    margin: 0 0 2px;
    padding: 0px;
    list-style:none;
}

ul.parsley-error-list li {
    background: rgba(0, 0, 0, 0) url("../images/beta/betaimg-map.png") no-repeat scroll -468px -238px;
    background: rgba(0, 0, 0, 0) url("../images/beta/betaimg-map.png") no-repeat scroll -466px -239px;
    color: #000;
    font-size: 11px;
    padding: 6px 4px 6px 30px;
}
ul.parsley-error-list li.range {background-position: -468px -270px;}
ul.parsley-error-list li.type {background-position: -468px -302px;}
.summaryContainer ul.parsley-error-list li.type {background-position:-468px -334px;}

/**********************************************************/
/******************** Buttons Container *******************/

.buttonsContainer {
    margin-bottom: 20px;
    min-height: 40px;
    width: 76%;
}
#extractsForm .buttonsContainer {margin-top: 30px;}

.accordion .buttonsContainer {
/*    background-color: #E5E9EC;
    height: 18px;
    margin: 10px 5px 0;
    padding: 5px 0 0;
    width: auto;*/
}
/*.accordion .buttonsContainer input.next.buttonInactive[type="button"]:hover,
.accordion .buttonsContainer input.next.buttonInactive[type="button"] {background-position:-172px -150px;}
.accordion .buttonsContainer input.next[type="button"] {
    background-position: -172px -76px;
    display: block !important;
    margin: 0 0 0 61.5%;
    width: 120px;
    padding: 0;
}
.accordion .buttonsContainer input.next[type="button"]:hover {background-position: -172px -113px;}*/

/**********************************************************/
/***************** Read Only Form Elements ****************/

.readOnlyContainer {margin:5px 20px 10px;border:2px solid #B7C3CA;padding:20px 20px 5px;}
.readOnlyContainer .formLabel {width:40%;}
.readOnlyContainer .formLabel label {font-weight:normal;color:#657078;}
.readOnlyContainer .formObject p {font-weight:bold;color:#000000;}
.readOnlyContainer .formObject p.noData {font-weight:normal;color:#657078;font-size:11px;margin-top:3px;}
.readOnlyContainer .buttonsContainer {width:auto;margin:0;}

/**********************************************************/

/********************* Date Picker ************************/

#ui-datepicker-div {
    background-color: #657078;
    border: 2px solid #F26522;
    border-radius: 4px;
    margin-top: 2px;
    padding: 1px 3px;
}

.ui-datepicker .ui-datepicker-header {
    color: #FFFFFF;
    font-family: arial,sans-serif;
    font-size: 17px;
    font-weight: normal;
    position:relative; 
    margin:2px 0 0;
}
.ui-datepicker .ui-datepicker-title{text-align:center;height:30px;}
.ui-datepicker .ui-datepicker-title span{display: inline-block;margin: 5px 0 0;}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
    cursor: pointer;
    display: block;
    height: 29px;
    position: absolute;
    text-indent: -900em;
    width: 30px;
    background:url("../images/beta/betaimg-map.png") no-repeat scroll -326px -17px rgba(0, 0, 0, 0)
}
.ui-datepicker .ui-datepicker-prev {left:0;} 
.ui-datepicker .ui-datepicker-next {right:0;background-position:360px -17px;}
.ui-datepicker .ui-datepicker-prev:hover {background-position:-326px -37px;background-color:#222f2f;} 
.ui-datepicker .ui-datepicker-next:hover {background-position:-360px -37px;background-color:#222f2f;} 

/*******************************/

.ui-datepicker table {
    background-color: #B7C3CA;
    border-collapse: separate;
    font-size: 12px;
    margin: 2px 0; 
}
.ui-datepicker table tr {}
.ui-datepicker table tr td {
    border: 1px solid #b7c3ca;
    border-radius: 2px;
    padding: 0;
}
.ui-datepicker table tr td a {
    background-color: #EFEFEF;
    background-image:url(/images/datepickerBG.png);
    background-repeat:repeat-x;
    display: block;
    padding: 2px 3px 2px 0;
    text-align: right;
    text-decoration: none;
    width: 28px;
    color:grey;
}

.ui-datepicker table tr td a.ui-state-hover {background-color:#F26522;background-image:none;color:#fff;}

.ui-datepicker table tr td.ui-datepicker-other-month {background-color:#7C7C7C;opacity:0.2;}
.ui-datepicker table tr td.ui-datepicker-today {border:1px solid red;}
.ui-datepicker table tr td.ui-datepicker-today a {background-image:none;background-color:#FFF;color:#000;font-weight:bold;}
.ui-datepicker table tr td.ui-datepicker-today a.ui-state-hover {background-color:#F26522;color:#fff;}

/************************************************************/

ul.benefitsList {font-size: 14px;list-style:outside none none;margin:0 0 30px;padding:0;line-height:1.4;}
ul.benefitsList li {color: #657078;margin:25px 0;padding:0 50px;}
ul.benefitsList li span {background:url("../Images/beta/betaimg-map.png") no-repeat scroll -165px 2px #657078;border-radius:40px;display:block;height:35px;left:-45px;margin:0 0 -30px;position:relative;top:-3px;width:35px;}
.ROspan {background-color:#ffffd9;border:1px solid silver;border-radius:2px;box-sizing:border-box;display:inline-block;padding:4px;width:340px;color:#444;}

.hasBtn .formobject {position:relative;}

#pnlSTMuserCheck {
    border-top: 1px solid #657078;
    padding-top: 0px;
    margin-top: 40px;
    margin-bottom: -25px;
}
.STMuserCheckContainer {margin-top: 4px;height: 24px;}
.STMuserCheckContainer input[type="checkbox"] {margin: 6px;}
.STMuserCheckContainer label {display: inline-block;font-size: 11px;padding-top: 5px;vertical-align: top;}
#pnlSTMPublisherPickContainer {padding: 30px 0;display:none;}
#usingExtractsAccordion #extractsForm #pnlSTMPublisherPickContainer .formLabel {text-align:right;width:auto;}

.campaignContent {    
    border-top: 1px solid silver;
    padding: 0 0 5px 0;
    margin-bottom: 1px;
}

.campaignContent a,
.campaignContent a:hover {color: #F26522;}

.formMessage {
    padding: 2px 30px 10px;
}
.formMessage h3 {    
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}
.emailBox .formMessage p, 
.formMessage p {width:100%;font-size:14px;margin:0;}

/************************/
.indent-20 {margin-left:20px}


.AddressSetList {
    list-style: none;
    width: 80%;
    padding: 0;
    margin: 10px auto 0;
}

.AddressSetList li {
    background-color: #fff;
    border:1px solid #959595;
    border-radius:5px;
    margin-bottom:3px;
    padding:5px;
    position:relative;
}

.AddressSetList li.defaultProfile {
    background-color: rgb(245, 245, 245);
    border: 2px solid #F26522;
    padding: 3px;
}

.AddressSetList li.defaultProfile .default {color: #F26522;}

.AddressSetList li .addRad,
.AddressSetList li .addTxt,
.AddressSetList li .addEdit 
{
    display:inline-block;
    font-size:0;
    box-sizing:border-box;
    position:relative;
}

.AddressSetList li .AddRad {
    padding:5px;
    top:2px;
    position:absolute;
}
.AddressSetList li .addTxt {
    padding:2px 10px 2px 35px;
    min-height:55px;
}

.AddressSetList li .addTxt p {
    font-size:13px;
    line-height:1.4;
}

.AddressSetList li .defaultProfileRadio{
    vertical-align: top;
    margin-top: 4px;
}

.AddControls {
    position: absolute;
    top: 0px;
    right: 0px;
    border: 0;
    min-width: 100px;
    height: 40px;
}


.AddControls input[type="submit"] 
{
    padding: 8px 10px !important;
    position: relative;
    top: 0px;
    right: 0px;
    font-size: 12px !important;
    color: #F26522;
    background-color: transparent;
    border: 0;
    font-weight: normal;
    text-transform: none;
    text-decoration: underline;
    width: initial;
    height: 40px;
    line-height: 1.2;
    float: left;
}
.AddControls input[type="submit"]:hover {
    text-decoration:none;
    color: #222;
    background-color: transparent !important;
}

.addressListAddContainer .toolBarButtons {
    text-align: right;
    width: 80%;
    margin: 0 auto;
}

.AddListNew  {
    font-weight: bold;
    color: #F26522 !important;
    margin: 5px 0 15px 20px;
    padding: 5px 10px;
    font-size: 13px !important;
    display: inline-block !important;
    border: 1px solid #F26522 !important;
    border-radius: 4px;
    background-color: transparent !important;
    text-transform: none !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
}
.AddListNew:hover  {
    border-color:#f26522;
    text-decoration:none !important;
    color: #FFF !important;
}

.AddNewAddressPopUp {min-width:550px;}
.ui-dialog.AddNewAddressPopUp .ui-dialog-content div {margin-bottom: 0px;}
.ui-dialog.AddNewAddressPopUp .ui-dialog-content div.formBlock {margin-bottom: 5px;}

.ui-dialog.AddNewAddressPopUp .formObject .allRadiosContainer, 
.ui-dialog.AddNewAddressPopUp .formObject textarea, 
.ui-dialog.AddNewAddressPopUp .formObject select, 
.ui-dialog.AddNewAddressPopUp .formObject input[type='text'] {width: 240px;}

.validatorAddressManager {
    background-color: #FCD8E6;
    border-radius: 4px;
    padding:  8px;
    font-size: 14px;
    margin: 8px 0 0;
    font-weight:bold;
}

.validatorAddressManager ul {
    padding: 0 0 0 30px;
    margin:8px 0;
    font-weight:normal;
}
.validatorAddressManager ul li {
    padding: 0px;
    font-size: 13px;
    color: #000;
}

.userMessageBox.heldMsg {background-color:#fe9b3a;border-radius:10px;}
.userMessageBox.heldMsg h3 {color:#000;margin:15px 0 10px; background-position:-468px -207px;}
.userMessageBox.heldMsg p {padding-left:32px;margin-bottom:10px;}
.userMessageBox.heldMsg p a {color:#Fff;}
.userMessageBox.heldMsg p a:hover {text-decoration:none;color:#000;}