﻿body, * {
    font-family: Arial, Helvetica, Sans-Serif;
}
/* a Styles */
a.logo {
    background-color: transparent;
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
}

a.logo {
    background-image: url(../images/logo.png?v=3.37);
    background-position: bottom;
    width: 217px;
    height: 55px;
}

a.button {
    cursor: pointer;
    display: inline-block;
    background-color: #e7e4df;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 2px 3px 0px rgba(0,0,0,.2);
    border: 1px solid #aaa;
    padding: 2px 10px;
    margin: 3px 10px 3px 0;
}

a.btn-danger {
    background-color: red;
    color: white;
}

a.btn-success {
    background-color: green;
    color: white;
}

.text-danger {
    color: red;
}

a.aspNetDisabled, a.aspNetDisabled:hover {
    color: #999;
}

/* Width Styles */
.widthauto {
    width: auto;
}

.width5,
.width10,
.width15,
.width20,
.width25,
.width30,
.width35,
.width40,
.width45,
.width50,
.width55,
.width60,
.width65,
.width70,
.width75 {
    margin-right: 1%;
}

.width5 {
    width: 4%;
}

.width10 {
    width: 9%;
}

.width15 {
    width: 14%;
}

.width20 {
    width: 19%;
}

.width25 {
    width: 24%;
}

.width30 {
    width: 29%;
}

.width35 {
    width: 34%;
}

.width40 {
    width: 39%;
}

.width45 {
    width: 44%;
}

.width50 {
    width: 49%;
}

.width55 {
    width: 54%;
}

.width60 {
    width: 59%;
}

.width65 {
    width: 64%;
}

.width70 {
    width: 69%;
}

.width75 {
    width: 74%;
}

.width100 {
    width: 100%;
}

.fwidth5 {
    width: 5%;
}

.fwidth10 {
    width: 10%;
}

.fwidth15 {
    width: 15%;
}

.fwidth20 {
    width: 20%;
}

.fwidth25 {
    width: 25%;
}

.fwidth30 {
    width: 30%;
}

.fwidth35 {
    width: 35%;
}

.fwidth40 {
    width: 40%;
}

.fwidth45 {
    width: 45%;
}

.fwidth50 {
    width: 50%;
}

.fwidth55 {
    width: 55%;
}

.fwidth60 {
    width: 60%;
}

.fwidth65 {
    width: 65%;
}

.fwidth70 {
    width: 70%;
}

.fwidth75 {
    width: 75%;
}

/* Messages Panel */
.messagePanel {
    background-color: #fff;
    background-image: url(../icons/accept.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: auto;
    padding-left: 120px;
}

    .messagePanel.alert {
        color: Red;
        background-image: url(../icons/warning.png);
    }

    .messagePanel ul {
        padding-top: 15px;
    }

/* Information */
.information-small {
    font-size: 1em;
    padding: 0px 10px;
    color: #4d4d4d
}

.information-panel.orange-white {
    background-color: #CC6602;
    border: 2px solid #ffffff;
}

.information-panel.red-white {
    background-color: #FF0000;
    border: 2px solid #ffffff;
}

.information-panel.white-gray {
    background-color: #ffffff;
    border: 2px solid #656565;
}

.information-panel.gray {
    background-color: #BFBEBA;
    border: 2px solid #656565;
}

.information-panel.white-orange {
    background-color: #ffffff;
    border: 2px solid #CC6602;
}

/* List Modules */
div.link-modules {
    position: relative;
    padding: 3px;
}

    div.link-modules.small {
        border: 1px dashed #EFEFEF;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    div.link-modules.large div.close-module {
        display: none;
    }

    div.link-modules ul li {
        display: block;
        float: left;
    }

        div.link-modules ul li a {
            padding: 5px;
        }

        div.link-modules ul li:last-child {
            margin-right: 0;
        }

    div.link-modules.small ul li {
        margin-right: 5px;
    }

    div.link-modules.large ul li {
        width: 160px;
        margin: 0 5% 10px 5%;
    }

        div.link-modules.large ul li a {
            height: 180px;
        }

/* List Actions */
ul.link-actions li {
    display: inline-block;
    border-right: 1px solid #00000;
    margin-right: 3px;
}

    ul.link-actions li:last-child {
        border: none;
        margin-right: 0;
    }

/* List Pages */
div.list-pages {
    text-align: right;
    margin-right: 3px;
}

    div.list-pages ul li {
        display: inline-block;
        margin-right: 3px;
    }

/* Disabled */
.disabled,
.disabled label,
.disabled h1, .disabled h2, .disabled h3, .disabled h4, .disabled h5, .disabled h6,
.disabled a, .disabled a:hover, .disabled a:visited {
    color: #cccccc;
}

    .disabled input, .disabled select, .disabled textarea {
        background-color: #CCCCCC;
        border: 1px solid #c4c4c4;
    }

.fleft {
    float: left;
}

.fright {
    float: right;
}

.fnone {
    float: none !important
}

.fclear {
    clear: both;
}

.show {
    display: block;
}

.hidden {
    display: none;
}

/* CSS for autocomplete */
.ui-autocomplete > li > a.ui-state-hover,
.ui-autocomplete > li > a.ui-state-focus {
    border-left: 2px solid #aa2512;
}

/* CSS for timepicker */
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

    .ui-timepicker-div dl dt {
        height: 25px;
        margin-bottom: -25px;
    }

    .ui-timepicker-div dl dd {
        margin: 0 10px 10px 65px;
    }

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.paging .selected {
    cursor: default;
    text-decoration: underline;
    color: #000;
}

.bank-account .bank {
    width: 15px;
}

.bank-account .branch {
    width: 30px;
}

.bank-account .account {
    width: 60px;
}

.bank-account .suffix {
    width: 25px;
}

.bank-account input {
    text-align: center;
}

.credit {
    color: #d00;
}

.attended-workshop tr td,
.cell-align-top tr td {
    vertical-align: top;
}

#selectRegionButton {
    cursor: pointer;
}

#regionList li a {
    cursor: pointer;
}

.unattended {
    font-size: 11px;
}

/* countdown timer */

#time-remaining {
    background: url(/resources/images/timer-bg.png) no-repeat;
    width: 110px;
    padding: 6px 15px;
    height: 78px;
    font-size: 11px;
}

#t7_timer {
    width: 110px;
    height: 55px;
    position: relative;
}

#t7_timer_over {
    width: 110px;
    height: 55px; /*background: url(images/Countdown-over.gif) no-repeat;*/
    position: absolute;
    top: 0px;
    left: 1px;
    margin: 0px;
    padding: 0px;
}

#t7_vals {
    width: 100%;
    clear: both;
    margin: 0px auto;
}

.t7_numbs {
    font-size: 24px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-align: left;
    color: #ffffff;
}

#t7_y {
    background-image: url(/resources/images/Countdown2.png);
    background-repeat: no-repeat;
    float: left;
    width: 48px;
    height: 35px; /*background-color:#ffffff;*/
    padding: 0px 0px 0px 3px;
    margin: 1px;
    letter-spacing: 7px;
}

#t7_d {
    background-image: url(/resources/images/Countdown3.png);
    background-repeat: no-repeat;
    float: left;
    width: 71px;
    height: 35px; /*background-color:#ffffff;*/
    padding: 0px 0px 0px 3px;
    margin: 1px;
    letter-spacing: 7px;
}

#t7_h {
    background-image: url(/resources/images/Countdown2.png);
    background-repeat: no-repeat;
    float: left;
    width: 48px;
    height: 35px; /*background-color:#ffffff;*/
    padding: 0px 0px 0px 3px;
    margin: 1px;
    letter-spacing: 7px;
}

#t7_m {
    background-image: url(/resources/images/Countdown2-nc.png);
    background-repeat: no-repeat;
    float: left;
    width: 49px;
    height: 28px; /*background-color:#ffffff;*/
    padding: 5px 0px 0px 4px;
    margin: 1px;
    letter-spacing: 9px;
}

#t7_s {
    background-image: url(/resources/images/Countdown2-nc.png);
    background-repeat: no-repeat;
    float: left;
    width: 49px;
    height: 28px; /*background-color:#ffffff;*/
    padding: 5px 0px 0px 4px;
    margin: 1px;
    letter-spacing: 9px;
}

#t7_labels {
    width: 100%;
    clear: both;
    margin: 0px auto;
}

.t7_labs {
    font-size: 9px;
    font-family: Verdana, Arial, sans-serif;
    text-align: center;
}

#t7_yl {
    float: left;
    width: 51px;
    height: 15px;
    padding: 0px;
    margin: 0px;
}

#t7_dl {
    float: left;
    width: 74px;
    height: 15px;
    padding: 0px;
    margin: 0px;
}

#t7_hl {
    float: left;
    width: 54px;
    height: 15px;
    padding: 0px;
    margin: 0px;
}

#t7_ml {
    float: left;
    width: 55px;
    height: 15px;
    padding: 0px;
    margin: 0px;
}

#t7_sl {
    float: left;
    width: 46px;
    height: 15px;
    padding: 0px;
    margin: 0px;
}

#defaultCountdown {
    width: 97px;
    height: 55px;
    text-align: center;
}

.checkbox-and-label label {
    float: none !important;
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

.mb-1 {
    margin-bottom: 5px;
}

.mb-2 {
    margin-bottom: 10px;
}

.mb-3 {
    margin-bottom: 15px;
}

/* Find Your midwife uploaded education supportive documents count badge*/
.education-uploaded-document-count-badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    border-radius: 10px;
    background-color: #CC6602;
    border: 2px solid #ffffff;
}