body { font-size: 11px; letter-spacing: .04em; font-family: Verdana, sans-serif; margin: 0px; padding: 0px; color: #666666; background-color: #F4F4F4; }
a:link, a:visited { color: #034af3; }
a:hover { color: #1d60ff; text-decoration: none; }
a:active { color: #034af3; }
p { margin-bottom: 10px; line-height: 1.6em; }

/* HEADINGS   ----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-size: 1.3em; color: #3566CC; font-variant: normal; text-transform: none; font-weight: 200; margin-bottom: 0px; }
h1 { font-size: 1.6em; padding-bottom: 0px; margin-bottom: 0px; }
h2 { font-size: 1.5em; font-weight: 600; text-transform: none; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }

/* this rule styles <h1> and <h2> tags that are the first child of the left and right table columns */
.innerregion >h1 , .innerregion > h2 { margin-top: 0px; }

/* PRIMARY LAYOUT ELEMENTS   ----------------------------------------------------------*/
#outerregion000 { background-color: #ffffff; }
#outerregion001 { width: 960px; margin: auto; }
#outerregion002 { background-color: #000066; }
#outerregion003 { width: 757px; margin: auto; }

.header { position: relative; margin: auto; padding: 0px; background: #fff; width: 960px; }
.header h1 { font-weight: 700; margin: 0px; padding: 0px 0px 0px 20px; color: #f9f9f9; border: none; line-height: 2em; font-size: 2em; }
.breadcrumbs { padding: 10px 10px 0 5px; color: #6E6E6E; }
.main { margin-top: 15px; }
.content { position: relative; }
.innerregion { background-color: #fff; min-height: 75px; margin-bottom: 6px; padding: 5px 0 10px 15px; border: 2px solid #E8E8E8; }
.innerregion { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; position: relative;  }

.innerregion .container { background-color: #F4F4F4; padding-bottom: 5px; }
.innerregion .container .header { width: 100%; }
.innerregion .container .header h2 { background-color: #000066; color: #ffffff; font-weight: bold; font-size: 1.15em; letter-spacing: .001em; padding: 5px; }
.innerregion .col { width: 258px; }
.leftCol { padding: 6px 0px; margin: 12px 8px 8px 8px; width: 200px; min-height: 200px; }
.footer { background-color: #6E6E6E; width: 98%; height: 70px; color: #4e5766; padding: 8px 0px 0px 0px; margin: 0px auto; text-align: center; line-height: normal; display: none; }
.logo { background: url(/app_themes/images/logo.png) no-repeat; display: block; width: 306px; height: 50px; float: left; margin: 2px 0 0 10px; }

#outerregion002 .logo { background: url(/app_themes/images/jordan_logo.jpg) no-repeat; display: block; width: 191px; height: 60px; float: left; margin: 2px 0 0 10px; }
#outerregion002 .header { background-color: #000066; padding-top: 10px; height: 80px; }
#outerregion002 .header a { text-decoration: none; }
#outerregion002 .loginDisplay { color: #ffffff; padding: 8px; }
#outerregion002 .loginDisplay a:link, #outerregion002 .loginDisplay a:hover, #outerregion002 .loginDisplay a:visited { color: #ffffff; }
#outerregion003 .innerregion { padding: 5px 15px 10px; }
#outerregion003 .wizard .innerregion { padding: 0px; }

.grid { font-size: 11px; text-align: left; width: 100%; }
.grid thead { color: #BED234; background-color: #1D1B1C; height: 20px; padding: 5px 15px 0 15px; }
.grid input { width: 60px; height: 20px; }
.grid .row { background-color: #ECF1FB; padding: 5px 15px; height: 40px; }
.grid .altrow { background-color: #ffffff; padding: 5px 15px; height: 40px; }
.grid .row > td, .grid .altrow > td, .grid thead tr > th { padding-left: 10px; text-align: left; }

.pad-header thead tr > th { padding-top: 7px; padding-bottom: 7px; }

.grid .col { padding-right: 65px; float: left; }
.grid .subgrid .row { background-color: #AABFEA; height: 15px; padding-left: 115px; }
.grid .subgrid .altrow { background-color: #ffffff; height: 15px; padding-left: 115px; }
.grid .expander { color: #666666; font-weight: bold; }
.grid .expander:hover { color: #000000; }

.grid .btnedit,
.grid .btneditdisabled,
.grid .btnremove,
.grid .btnsave,
.grid .btnprint,
.grid .btnremovedisabled,
.grid .btndownload,
.grid .btnredo,
.grid .btnredodisabled,
.grid .btnmakehidden,
.grid .btnmakevisible,
.grid .btnwelcomeletter { margin: auto; }

#colorbox .grid thead { background-color: #333333; font-weight: bold; }
.grid .inactive { color: #999; }
.addgrid { height: 425px; overflow-y: auto; margin-bottom: 15px; }

.listitem { background-color: #D8D8D8; margin: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; position: relative;  }
.listitem a:link, .listitem a:visited { color: #000066; }
.blue { background-color: #00009B; color: #ffffff; }
.blue a:link, .blue a:visited { color: #ffffff; }

.expander { cursor: pointer; cursor: hand; }
.expandable { display: none; }

.step-header, .step-line { width: 426px; margin: 0 auto; }
.step-line { border-top: 4px solid #cccccc; margin-top: -20px; margin-bottom: 5em; }

.step-header .step { border: 4px solid #cccccc; background-color: #ffffff; color: #cccccc; float: left; width: 30px; line-height: 30px; vertical-align: middle; margin: 1em 156px 0 0; font-size: 20px; font-weight: bold; text-align: center; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; position: relative;  }
.step-header .step.last { margin-right: 0; }

.wizard .innerregion { padding: 0; }
.wizard .innerregion .header { padding: 0; margin: 0; width: 100%; }
.wizard .innerregion .header { border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0;  font-size: 16px; font-weight: normal; text-transform: uppercase; position: relative; }
.wizard .innerregion .content { padding: 20px; }
.wizard .innerregion .content h1 { color: #1993ba; font-size: 32px; text-transform: uppercase; font-weight: bold; }
.wizard .innerregion .content h2, #cboxContent .member-login h2 { color: #000000; font-weight: normal; margin-bottom: 1em; text-transform: uppercase; }
.wizard .innerregion .header span { color: #339900; font-weight: bold; }
.wizard .innerregion .content.enroll { background: url(/app_themes/images/enroll-today.png) 750px 30px no-repeat; }
.wizard .innerregion .content.renew { background: url(/app_themes/images/renew-today.png) 750px 30px no-repeat; }
.wizard .bottom-buttons { margin-bottom: 10px; }
.wizard .bottom-buttons.thank-you {  margin: 0 auto; }
.wizard .plan-list { margin: 30px 0; }
.wizard .totals { width: 374px; height: 50px; margin: 0 auto; background: url(/app_themes/images/totals.png) center center no-repeat; color: #ffffff; }
.wizard .totals p { line-height: 50px; vertical-align: middle; font-size: 14px; padding-left: 16px; }
.wizard .totals p span.quantity-selected { color: #ffffff; }
.wizard .totals .window input { float: right; width: 100px; height: 26px; line-height: 26px; vertical-align: middle; font-size: 14px; font-weight: bold; background-color: #ffffff; margin-top: 10px; margin-right: 12px; padding: 0; text-align: center; font-family: Verdana, Sans-Serif; }
.wizard .totals span { display: inline; }
.wizard .public-plan { margin-bottom: 30px; }
.wizard .title-bar { background-color: #dddddd; padding: 7px; font-size: 14px; font-weight: bold; clear:both; }
.wizard.thank-you .title-bar h2 { margin: 0px 0px 0px 0px; font-size: 17px; }
.wizard .title-bar h3 { display: inline; margin-left: 7px; color: #1993ba; font-weight: bold; font-size: 14px; }
.wizard .title-bar h3 a { color: #1993ba; }
.wizard .public-plan .title-bar span.price { float: right; }
.wizard .public-plan div.detail-button { clear: both; margin: 20px 0px 0px 5px; height: 23px; width: 114px; background: url(/app_themes/images/detail-button.png) 0px 0px no-repeat; }
.wizard .public-plan div.detail-button:hover { cursor: pointer; }
.wizard .public-plan div.detail-button.more { background: url(/app_themes/images/detail-button.png) 0% 100% no-repeat; }
.wizard .public-plan .services { padding: 5px 0px; }
.wizard .public-plan ul { margin: 0; padding: 0; padding-left: 20px; }
.wizard .public-plan ul li { padding: 5px 0px; }
.wizard .public-plan .service-list-item p { padding: 0; margin: 0; }
.wizard .public-plan ul li a { margin-left: 10px; color: #000000; }

.wizard .button {
    margin-left: 20px; 
    padding: 0;
    border: 0;
    float: right;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    background: #339900
}

.wizard .button:hover {
    background: #1a4d00
}


/* .button p not currently used outside of public facing */
/*.wizard*/ .button p {
    font-family: sans-serif;
    font-size: 15px;
    margin: 0;
    padding: 7px 20px;
    text-transform: uppercase;
}

.wizard .button.next.disabled {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

/* Merchant Account */

.pwButton {
    background: #339900;
    padding: 4px 20px;
    color: #fff !important;
    float: right;
    margin-right: 15px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-box-shadow: 0 0px 1px rgba(0,0,0,0.5);
    box-shadow: 0 0px 1px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
    border-bottom: 1px solid rgba(0,0,0,0.5);
    border-right: 1px solid rgba(0,0,0,0.5);
    position: relative;
    cursor: pointer;
}

.wizard .user-info { margin-top: 30px; }
.wizard .user-info h2 { margin: 0px 0px 10px 0px; }
.wizard .user-info-separator { float: left; width: 141px; text-align: center; font-style: italic; }
.wizard .user-info-separator h3 { color: #bbbbbb; margin-top: 0px; font-size: 17px; }
.wizard .user-fields, #cboxContent .user-fields { float: left; margin-bottom: 20px; }
.wizard .user-fields div { clear: left; }
.wizard .user-fields input[type='text'], .wizard .user-fields input[type='password'], .wizard .user-fields label, #cboxContent .user-fields input[type='text'], #cboxContent .user-fields input[type='password'], #cboxContent .user-fields label { float: left; vertical-align: middle; line-height: 16px; height: 16px; }
.wizard .user-fields label, .wizard h4, #cboxContent .user-fields label { color: #008bb9; font-weight: bold; vertical-align: middle; line-height: 24px; height: 24px; width: 160px; }
.wizard .user-fields .checkbox-disclaimer label {  height: 14px; font-size: 14px; margin-bottom: 15px; }
.wizard .order-confirmation { float: left; width: 350px; }
.wizard .order-confirmation a { color: #008bb9; font-weight: normal; }
.wizard h4 { width:auto; }
.wizard .order-confirmation .row { padding-top:10px; }
.wizard .payment-info .user-fields { width: 525px; float: right; }
.wizard .payment-info .user-fields div { clear: both; }
.wizard span.failureNotification { color: #ff0000; }
.wizard .description p { width: 700px; }
.wizard .section { margin-bottom:20px;clear:both;overflow:hidden; }
.wizard .section .purchasedRow { border-bottom:1px solid #DCDCDC; overflow:hidden;padding-bottom:5px;padding-top:5px;  }
.wizard .section .totalRow { float:right; text-align:right;padding-top:10px; line-height:1.3em; }
.plan-logo { float: right; width: 200px; margin-top: 10px; }

#_r4b { background: #EEE; }
#_r4b .p { margin-left:auto; margin-right:auto; width:960px; padding:5px 0; }
#_r4b .p .c { float:left; width:470px; min-height:20px; }
#_r4b .p .c p { color:#797979; }
#_r4b .p .c a.highlight { color:#9FB221; background:url(images/bullet01.png) no-repeat; padding-left:10px; font-weight:bold; }
#_r4b .p .c a.highlight:hover { color:#3d3d3d; }
#_r4b .p .s { float:left; width:20px; min-height:20px; }

#_r5 { margin: 20px auto; }
#_r5 a { cursor: pointer; }

/*#cboxContent .button.login { width: 95px; height: 37px; margin-left: 20px; padding: 0; border: 0; float: right; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; background: url(/app_themes/images/black-buttons.png) 0 100% no-repeat; }*/
#cboxContent .button.login { width: 95px; height: 37px; margin-left: 20px; padding: 0; border: 0; float: right; -webkit-box-shadow: none; box-shadow: none; text-shadow: none;}

#cboxContent .member-login { background-color: #ebebeb; padding: 10px; height:200px; }
#cboxContent .login-pane .user-fields div { height: 26px; }
#cboxContent .login-pane .user-fields label { width: 90px; }
#cboxContent .member-login .user-fields input[type='text'], #cboxContent .member-login .user-fields input[type='password'] { width: 200px; margin: 3px 0px; }
#cboxContent .forgotten-password { padding-top: 20px; clear: left; }

.service-details { padding: 10px 20px; }
.service-details .title { float: none; }
.service-details h2 { color: #000000; border-bottom: 1px solid #000000; }

span.login-disclaimer, span.login-disclaimer a { font-size: 12px !important; color: #008bb9 !important; font-weight: normal !important; text-transform: none !important; }

/* TAB MENU   ----------------------------------------------------------*/
div.hideSkiplink { background: url(/app_themes/images/grayrepeater.jpg) repeat-x; width: 100%; height: 33px; position: relative; border-top: 1px solid #8F8F8F; z-index: 9; }
div.menu { padding: 4px 0px 4px 8px; }
div.menu ul { list-style: none; margin: 0px; padding: 0px; width: auto; }
div.menu ul li a, div.menu ul li a:visited { background-color: #465c71; border: 1px #4e667d solid; color: #dde4ec; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; }
div.menu ul li a:hover { background-color: #bfcbd6; color: #465c71; text-decoration: underline; }
div.menu ul li a:active { background-color: #465c71; color: #cfdbe6; text-decoration: none; }
.menuwrapper { width: 960px; margin: auto; position: relative; }

/* FORM ELEMENTS   ----------------------------------------------------------*/
fieldset { margin: 1em 0px; padding: 1em; border: 1px solid #ccc; }
fieldset p { margin: 2px 12px 10px 10px; }
fieldset.login label, fieldset.register label, fieldset.changePassword label { display: block; }
fieldset label.inline { display: inline; }
legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }
input.textEntry { width: 320px; border: 1px solid #ccc; }
input.textEntry-merchant { width: 280px; border: 1px solid #ccc }
input.passwordEntry { width: 320px; border: 1px solid #ccc; }
div.accountInfo { width: 42%; }
select { height: 20px; }
.wizard select { height: 21px; }
input, select { font-size: 1em; margin: 3px 0; }
input[type="radio"] { height: 10px; }
/*input, select {font-size:0.8em; margin:3px 0;}*/
/*select {height:22px;}*/
textarea { font-size: 1.2em; letter-spacing: -0.05em; margin: 3px 0; }

.inlinelabel { float: left; margin: 3px 10px 0 0; }
.inlinecheckbox input { float: left; margin: 0 0 0 3px; width: 10px !important; }
.inlinecheckbox2 input { margin: 0 0 0 3px; width: 10px !important; height: 10px !important; padding: 0; }
.inlinebutton { float: left; margin: 17px 0 0 3px; }

.radio { margin-right: 3px; }
.radiobutton { background: url(/app_themes/images/radiobuttons.png) no-repeat; height: 16px; display: block; padding-left: 30px; }
.radiobutton.selected { background-position: 0 -17px; }
.checkboxlist input { vertical-align: middle; }
.checkboxlist .label { font-weight: bold; }
.ob_iRCUN, .ob_iRCUO, .ob_iRCCF, .ob_iRCCO, .ob_iRCCN { margin-right: 15px; }

.btn260 { width: 260px; }
.btnadd { margin-top: 18px; width: 20px; height: 20px; background: url(/app_themes/images/greenplus.png) no-repeat; display: block; }
.btnadd:hover { background-position: -24px 0; }
.btnremove { width: 22px; height: 22px; margin-left: 4px; background: url(/app_themes/images/redx23.png) no-repeat; display: block; }
.btnremove:hover { background-position: -28px 0; }
.btnremovedisabled { width: 22px; height: 22px; margin-left: 4px; background: url(/app_themes/images/redx23.png) no-repeat -53px 0; display: block; }
.btnwelcomeletter { background: url(/app_themes/images/document_text.png) no-repeat; background-size: 100%; width: 21px; height: 21px; display: block; }
.btnmakehidden { background: url(/app_themes/images/flag_red.png) no-repeat; background-size: 100%; width: 21px; height: 21px; display: block; }
.btnmakevisible { background: url(/app_themes/images/flag_green.png) no-repeat; background-size: 100%; width: 21px; height: 21px; display: block; }
.btnedit { background: url(/app_themes/images/edit21.png) no-repeat; width: 21px; height: 22px; display: block; }
.btnedit:hover { background-position: -23px 0; }
.btneditdisabled { background: url(/app_themes/images/edit21.png) no-repeat top right; width: 21px; height: 22px; display: block; }
.btnsave { background: url(/app_themes/images/floppy.png) no-repeat; width: 20px; height: 20px; display: block; }
.btnsave:hover { background-position: -21px 0; }
.btnundo { background: url(/app_themes/images/undo.png) no-repeat; width: 24px; height: 24px; display: block; }
.btnundo:hover { background-position: -24px 0; }
.btnprint { background: url(/app_themes/images/print.png) no-repeat; width: 24px; height: 24px; display: block; }
.btnprint:hover { background-position: -26px 0; }
.btndownload { background: url(/app_themes/images/arrow_down.png) no-repeat; width: 21px; height: 21px; display: block; }
.btndownload:hover { background-position: -25px 0; }
.btnredo { background: url(/app_themes/images/redo.png) no-repeat; width: 22px; height: 24px; display: block; }
.btnredo:hover { background-position: -24px 0; }
.btnredodisabled { width: 22px; height: 24px; background: url(/app_themes/images/redo.png) no-repeat -48px 0; display: block; }
.actionCol { width: 8%; text-align: center !important; }

.warning { background: url(/app_themes/images/warning.png) no-repeat; width: 24px; height: 24px; }

.datarow .col { float: left; min-width: 10px; color: #000; padding: 3px 5px 3px 3px; }

.btngreen { color: #ffffff; text-align: center; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; border: none; }
.btngreen a:link, .btngreen a:visited { color: #FFFFFF; display: block; padding-top: 7px; text-decoration: none; height: 100%; }
.btngreen80 { background: url(/app_themes/images/greenbtn80.png) no-repeat; width: 81px; height: 28px; }
.btngreen80:hover { background-position: -85px 0; }
.btngreen178 { background: url(/app_themes/images/greenbtn177.png) no-repeat; width: 178px; height: 28px; }
.btngreen178:hover { background-position: -182px 0; }

.clientplanhidden { color: lightgray !important; }

.tab175 { background: url(/app_themes/images/tab175.png) no-repeat; width: 175px; height: 31px; display: block; font-size: 12px; }
.tabgray175:hover { background-position: -179px 0; }
.tabselected175 { background-position: -358px 0; }
.Xtabgreen132 { background: url(/app_themes/images/greentab132.png) no-repeat; width: 132px; height: 26px; display: block; position: absolute; top: 0; right: 0; margin: 7px 10px; padding-top: 6px; text-align: center; z-index: 1; }
.Xtabgreen132:hover { background-position: -135px 0; }
.tabgreen132 a, .tabgreen152 a { font-weight: bold; }
.tabgreen152 { background: url(/app_themes/images/greentab152.png) no-repeat; width: 152px; height: 26px; display: block; position: absolute; top: 0; right: 0; margin: 7px 10px; padding-top: 6px; text-align: center; z-index: 1; }
.tabgreen152:hover { background-position: -155px 0; }

.tabgreenarrow103 { background: url(/app_themes/images/greenarrowtab103.png) no-repeat; width: 100px; height: 20px; display: block; margin: 13px 10px; padding: 6px 0 0 6px; position: absolute; top: 0; right: 0; }
.tabgreenarrow103 a:link, .tabgreenarrow103 a:visited, .tabgreenarrow103 a:hover, .tabgreen132 a:link, .tabgreen132 a:visited, .tabgreen132 a:hover, .tabgreen152 a:link, .tabgreen152 a:visited, .tabgreen152 a:hover { font-size: 11px; color: #ffffff; text-decoration: none; display: block; }
.tabgreenarrow103:hover { background-position: -107px 0; }

.colorpickertip { background: url(/app_themes/images/colorpickertip89.png) no-repeat; width: 89px; height: 45px; display: block; }
.colorpickericon { background: url(/app_themes/images/colorpickericon.png) no-repeat; width: 24px; height: 23px; display: block; float: left; margin: 2px 0 0 6px; cursor: pointer; cursor: hand; }
.colorpickericon:hover { background-position: -28px 0; }
.modalicon { background: url(/app_themes/images/modalicon.png) no-repeat; width: 23px; height: 21px; display: block; float: left; margin: 3px 0 0 26px; cursor: pointer; cursor: hand; right: 0; }
.modalicon:hover { background-position: -27px 0; }
.greenarrow11 { background: url(/app_themes/images/greenarrow11.png) no-repeat; width: 11px; height: 6px; display: block; }
.info { background: url(/app_themes/images/questionmark.png) no-repeat; width: 22px; height: 22px; display: block; }
.info:hover { background-position: -24px; }

.marginbottom .info { position: absolute; top: 0; right: 0; margin: 20px 30px; }

.threecolumns .col { margin-right: 70px; float: left; }
.threecolumns .threecol .field { margin-right: 10px; }
.threecolumns .col.last { margin-right: 0; }

.field { margin-top: 5px; }
.field label, .field .label { display: block; font-weight: bold; margin-top: 4px 0 2px; }
.field label.inline { display: inline; }
.field input { width: 252px; /*height:15px;*/ }
.field input.large { width: 115px; }
.field input.medium { width: 80px; }
.field input.small { width: 50px; }
.field input.modalbox { width: 222px; float: left; }
.field select.large { width: 175px !important; }

.search { position: relative; }
.search .fieldX { margin-right: 5px; float: left; }
.search .field { margin-right: 25px; float: left; }
.search .field input { width: 320px; }
.search .field select { width: 230px; }
.search .buttons { margin: 25px 15px 0 0; }

.servicepreview .field input { width: 230px; }
.servicepreview .field { width: 260px; }
.servicepreview .controls { margin: 10px 10px 10px 0; width: 55px; }
#upPreview .formwrapper { width: 560px; margin: inherit; }
.formwrapper { width: 500px; margin: auto; }
.formwrapper .label { font-weight: bold; margin: 6px 5px 2px; float: right; color: #666666; text-align: right; width: 150px; }
.formwrapper label { font-weight: bold; margin-right: 10px; }
.formwrapper input { width: 332px; /*height:15px;*/ }
.formwrapper input.datefield { width: 310px; }
.formwrapper td { vertical-align: top; }
.formwrapper .radio input, .formwrapper .checkbox input { width: 10px; margin-right: 3px; margin-top: 5px; }
.formwrapper.enrollment table { width: 610px; letter-spacing: 0.0001em; }
.ajax__calendar_container .ajax__calendar_body table {
    width: initial;
    letter-spacing: initial;
}
.cellValidation {
    width: 100px;
}

/* MISC  ----------------------------------------------------------*/
/* .squaredTwo */
.squaredTwo-container input[type=checkbox] {
  display:none !important;
}

.squaredTwo input[type=checkbox]:after {
    content: attr(value);
    margin: -3px 15px;
    vertical-align: top;
    display: inline-block;
    white-space:nowrap;
    cursor:pointer;
}

.squaredTwo-container input[type=checkbox]:checked + label.squaredTwo.label::after {
    border-color:black;
    content: "";
    opacity:1;
}

.label.squaredTwo.label {
    background: white;
    width: 20px !important;
    height: 20px !important;
    position: relative;
    top: 22px;
    border: 2px solid;
    border-color: green;
}

.label.squaredTwo.label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.label.squaredTwo.label:hover::after {
  opacity: 0.3;
}
.label.squaredTwo.label input[type=checkbox] {
  visibility: hidden;
}
.label.squaredTwo.label input[type=checkbox]:checked + label:after {
  opacity: 1;
  content: "\2713"
}

/* end .squaredTwo */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.pad { padding: 5px; }
.padright { padding-right: 5px; }
.padleft { padding-left: 5px; }
.padtop { padding-top: 10px; }
.marginbottom { margin-bottom: 10px; }
.margintop { margin-top: 10px; }
.marginleft { margin-left: 10px; }
.mt5 { margin-top: 5px; }
.mt16 { margin-top: 16px; }
.mt24 { margin-top: 24px; }

.title { display: block; float: left; text-align: left; width: auto; }
.loginDisplay { font-size: 1.1em; display: block; text-align: right; padding: 15px; color: #3A4F63; float: right; }
.loginDisplay a:link { color: #3A4F63; text-decoration: none; }
.loginDisplay a:visited { color: #3A4F63; text-decoration: none; }
.loginDisplay a:hover { color: #3A4F63; text-decoration: underline; }
.failureNotification { font-size: 1.2em; color: Red; visibility:visible !important; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.submitButton { text-align: right; padding-right: 10px; }
.deleteButton { width: 16px; height: 16px; }
.buttonContainer { clear: both; padding-top: 5px; margin-right: 2px; }
.bigBox { height: 100px; max-height: 100px; width: 250px; max-width: 250px; }
.normalBox { width: 200px; }
.error { color: #fff; }
.errormsg { color: #FF0000; font-style: italic; padding: 0; }
.formwrapper .errorred { padding: 9px 0 0 0; }
.errorred { color: #FF0000; font-style: italic; padding: 3px 0 0 3px; float: left; height: 0; }
.greenarrow { background: url(/app_themes/images/greenarrow11.png) no-repeat 0 4px; margin-right: 5px; width: 12px; height: 11px; display: block; }
.greenarrow:hover { background-position: -14px 4px; }
.rowhover { background-color: #d4d4d4; cursor: pointer; }
.nodata { margin: 15px; display: block; }
.black { color: #000; font-weight: normal; }
.formfooter { background: url(/app_themes/images/assurancepluspowered.png) no-repeat; width: 266px; height: 30px; display: block; margin: 15px auto 5px; }
.key { background: url(/app_themes/images/key.png) no-repeat; width: 16px; height: 16px; float: right; margin-left: 8px; display: block; }

.pageerror p { font-size: 18px; line-height: 1.3em; text-align: center; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.displaynone { display: none; }

/* iQUERY TAB CONTROL  ----------------------------------------------------------*/
.ui-tabs .ui-tabs-hide { display: none; }

.tabgreen132 { background: #B0C326 url(../images/button.png) repeat-x; display: inline-block; color: #fff !important; text-decoration: none; font-size: 11px; font-weight: bold; line-height: 1; -webkit-box-shadow: 0 0px 1px rgba(0,0,0,0.5); box-shadow: 0 0px 1px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.5); border-right: 1px solid rgba(0,0,0,0.5); cursor: pointer; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; border-bottom: 0px; /*padding: 6px 20px;*/ padding: 0.55em 20px 0.5em 20px; height: 13px; margin: 6px 10px; position: absolute; top: 0; right: 0; text-align: center; z-index: 1; }
.tabgreen132:hover, .tabgreen132:active { background-color: #8D9E13; }
a.tabgreen132 { padding-top: 7px; }

.button { background: #B0C326 url(../images/button.png) repeat-x; display: inline-block; padding: 4px 20px; color: #fff !important; text-decoration: none; font-size: 11px; font-weight: bold; line-height: 1; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -webkit-box-shadow: 0 0px 1px rgba(0,0,0,0.5); box-shadow: 0 0px 1px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.5); border-right: 1px solid rgba(0,0,0,0.5); position: relative; cursor: pointer;  }
a.button:hover, a.button:active { background-color: #8D9E13; }

a.button.disabled:hover, a.button.disabled:active, a.button.disabled:link { background-color: #CDCDCB; }
a.button.aspNetDisabled, a.button.aspNetDisabled:hover, a.button.aspNetDisabled:active, a.button.aspNetDisabled:link {
    background-color: #CDCDCB;
    cursor: not-allowed;
}

.primary-action a.button { background-color: #48bd0e; }
.primary-action a.button:hover { background-color: #1BA10F; }

.dialog { background-color: #fff; border: solid 4px #3c3c3c; text-align: left; }
.dialog-header { background: #e8e8e8; color: #000; padding: 4px; }
.dialog-title { float: left; font-size: 12pt; font-weight: bold; }
.dialog-close { float: right; }
.dialog-errors { border: solid 1px #999; padding: 10px 20px; margin: 10px 0; font-weight: bold; font-size: 8pt; color: #F64317; }
.dialog-errors li { list-style-type: disc; list-style-position: inside; }
.dialog-body { clear: both; padding: 10px; }

.overlay { background-color: #000; opacity: 0.60; filter: alpha(opacity=60); -moz-opacity: 0.60; -webkit-opacity: 0.60; }
.wait { padding: 50px 100px; z-index: 999999; }

.loading, .confirm { text-align: center; }
.confirm .buttons { position: absolute; bottom: 0; right: 0; margin: 0 5px 5px; }
.requiredFields { text-align: center; }
.red { color: red; }
.box { height: 150px; width: 410px; margin-left: 10px; margin-right: 10px; margin-top: 10px; border: 1px solid #666666; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }
.importButton { position: absolute; bottom: 21px; left: 360px; }
.exportButton { position: absolute; bottom: 21px; left: 836px; }
.innerregionfix { padding-right: 15px; }

.CkBox label { float: right; font-weight: normal !important; color: #696969 !important; margin-left: 8px;  }
.CkBox input { float: left; border:10px; border-color:green; width: 20px; height: 20px;}

.ip-add {
	margin-bottom: 20px;
}

input.ip-input {
	width: 80px !important;
}

.add-client-btn {
	margin-bottom: 1px !important;
	position: relative !important;
}

.report-option-label {
    width: 165px;
}

.AuthorizeNetSeal {
    top: -190px;
    left: 849px;
    z-index: 100;
    position: relative;
}

/*Setting up print page for thank you page receipt*/

@media print {
    #thankyouBottomButtons {
        display: none;
    }
}

.image-editor {
    background-color: white;
    margin-top: 24px;
    padding: 16px;
}

.image-editor > .column {
    float: left;
    width: 32%;
}

.hidden {
    display: none !important;
}

.text-center {
    text-align: center !important;
}

input.disabled, textarea.disabled {
    background-color: #eee;
    cursor: not-allowed;
    opacity: 1;
}

.importErrorsContainer {
    color: black;
}

.error-content {
    margin-top: 20px;
}

#errors-table {
    border-collapse: collapse;
    width: 100%;
}

#errors-table td {
    border: 1px solid #ddd;
    padding: 5px 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#errors-table td.message {
    max-width: 400px;
}

#errors-table th {
    border: 1px solid #ddd;
    padding: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#errors-table tr:nth-child(even) {
    background-color: #ECF1FB;
}

#errors-table tr:hover {
    background-color: #ddd;
}

#errors-table th {
    text-align: left;
    background-color: black;
    color: #B0C326;
}

input.refresh {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 5px;
    margin-right: 5px;
    height: 20px;
}