/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #434749;
    font-family: 'Raleway', sans-serif;
}
html {overflow-y: scroll;}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #266590;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #266590;
    color: #fff;
    text-shadow: none;
}

a {
    color: #2b8cc8; 
    text-decoration: none;
}
a:hover {text-decoration: underline;}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.inner {
    margin: 0 auto;
    max-width: 1000px;
    min-width: 718px;
    overflow: hidden;
    padding: 0 15px;
    position: relative;
    z-index: 2;
}

/* Header & Nav */
header {
    background: #266590 url("../img/header-bg.jpg") no-repeat 50% 0;
    border-bottom: 1px solid #146395;
    border-top: 1px solid #2b6e99;
    box-shadow: 0 0 10px 0 #666666;
    color: #fff;
    float: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.875em; /* 14px */
    min-width: 100%;
    overflow: hidden;
    padding: 1.3em 0;
    position: relative;
    text-align: right;
    z-index: 3;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
} 
    header .logo {
        float: left;
        width: 25%;
    }
        header nav {
            padding-top: .6em;
        }
            header nav ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }
                header nav li {
                    display: inline-block;
                    list-style: none;
                    margin: 0 .5%;
                }
                header nav li.register {width: 10.9%;}
                header nav li.signin {width: 8.4%;}
                    header nav li a {
                        background-color: transparent;
                        border-radius: .2em;
                        color: #fff;
                        display: inline-block;
                        padding: .2em .4em;
                        position: relative;
                        top: .15em;
                        -webkit-transition: all .2s ease-in-out;
                        transition: all .2s ease-in-out;
                    }
                    header nav li a:hover,
                    header nav li a.active,
                    header nav li.active a {
                        background-color: #20577d;
                        text-decoration: none;
                    }
                    header nav li img {
                        cursor: pointer;
                        display: inline-block;
                        vertical-align: middle;
                        width: 100%;
                        -webkit-transition: all .2s ease-in-out;
                        transition: all .2s ease-in-out;
                    }
                    header nav li img:hover {opacity: .7;}

/* Subnav */
#subnav {
    background: #dadada;
    clear: both;
    color: #2e78a3;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.875em; /* 14px */
    padding: .4em 0;
}
    #subnav ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 70%;
    }
        #subnav li {
            display: inline-block;
            list-style: none;
            margin: 0 .5%;
        }
            #subnav a {
                background-color: transparent;
                border-radius: .2em;
                color: #2e78a3;
                display: inline-block;
                padding: .2em .4em;
                -webkit-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }
            #subnav a:hover,
            #subnav a.active,
            #subnav .active a {
                background-color: #c4c4c4;
                text-decoration: none;
            }
    #subnav span {
        color: #5c5c5c;
        float: right;
    }
    #subnav span a {text-transform: uppercase;}
    #subnav em {
        display: inline-block;
        font-style: normal;
        padding: .2em .4em;
    }

/* Main */
#main {
    clear: both;
    font-size: 0.875em; /* 14px */
    overflow: hidden;
    position: relative;
}
    #main .bg {
        position: absolute;
        top: 0;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
    }
    #main .inner {padding: 20px 15px 50px;}
    .home #main .inner {padding: 0;}
	
	/* Ad Panel */
	.ad-panel {
        float: right;
        margin-top: 5em;
        width: 330px;
    }
	.ad-panel.alt {
        float: left;
        margin-top: 0;
		padding-bottom: 10px;
		border: 2px solid #d9d9d9;
		box-shadow: 0px 0px 3px #ccc; 
    }
    .ad-panel.alt.narrow {
        width: 260px;
    }
	.ad-panel h2 {
		color: ##949494;
		margin: 0;
		text-transform: uppercase;
		overflow: hidden;
		font-size: 70%;
		padding: 5px 10px 5px 10px;
	}
	.ad-panel img {
		padding: 0 0 0 5px;
	}
		
    /* Panel */
    .panel-aside {
        background: url('../img/bg-panel.png') no-repeat 0 100%;
        float: right;
        margin-top: 5em;
        width: 319px;
    }
    .panel-aside.alt {
        float: left;
        margin-top: 0;
    }
        .panel-aside .padded {padding: 0 20px 5px;}
        .panel-aside h2 {
            background: url('../img/bg-panel.png') no-repeat 0 0;
            color: #3b99c4;
            height: 30px;
            margin: 0;
            padding: 10px 20px 15px 20px;
            overflow: hidden;
            border-bottom: 3px solid #f4f4f4;
        }
        .panel-aside h3 {
            border-bottom: 1px solid #c2c2c2;
            padding-bottom: .2em;
            margin-bottom: 0;
            text-transform: uppercase;
            color: #949494;
            font-size: 90%;
        }
		.panel-aside .title {
            color: #3b99c4;
            height: 30px;
            margin: 0;
            padding: 10px 20px;
            border-bottom: 3px solid #f4f4f4;
            overflow: hidden;
            font-size: 1.5em;
        }

    .panel-main {
        float: left;
        width: 60%;   
    }
    .panel-main.alt {
        float: right;
        width: 65%; 
    }
	.panel-main.alt2 {
        float: right;
        width: 65%; 
    }
        .star-list {
            list-style: none;
            margin: 0;
            padding: 0;
        }
            .star-list li {
                background: url('../img/bullet-star.png') no-repeat 30px .65em;
                border-bottom: 1px solid #f4f4f4;
                color: #878787;
                padding: .5em 50px;
            }
        .callout {
            background: url('../img/bg-grey.png') repeat;
            box-shadow: 0 0 15px 0 #333 inset;
            color: white;
            margin: 0 5px;
            padding: .65em 0 .85em;
            font-weight: bold;
            text-align: center;
        }
            .callout p {margin: 0;}
                .callout p strong {font-size: 170%;}
    
/* Footer */
footer {
    background: #3b3b3b;
    font-size: 0.875em; /* 14px */
}
    footer p {
        color: #fefefe;
        display: block;
        margin: 1.2em .5em 1.2em 0;
    }
    footer a {
        background-color: transparent;
        border-radius: .2em;
        color: #55a2d7;
        display: block;
        padding: .2em .3em .2em 0;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    footer a:hover {
        background-color: #2d2d2d;
        text-decoration: none;
    }
    footer ul {
        display: block;
        list-style: none;
        margin: 0 0 2em 0;
        padding: 0;
    }
        footer ul li {
            display: block;
            list-style: none;
            margin: 0 .5%;
        }
        footer ul.social a {
            display: inline;
        }
        footer ul.social a:hover {background: none;}
            footer ul.social a img {
                -webkit-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }
            footer ul.social a:hover img {opacity: .7;}
        .footer-menu {
        	float:left;
        	width:23%;
        }

/* Home page */
.search {
    background: url("../img/home-search-bg.png") repeat;
    font-size: 1.28em; /* 18px */
    margin: 50px auto 20px;
    padding: 2.5% 3.5%;
    text-align: center;
    width: 55%;
}
    .search h1 {margin: 0;}
    .search strong {
        display: block;
        font-weight: normal;
        margin: .6em 0 1.3em;
    }
    .search span {
        background: url("../img/or-bg.png") no-repeat 50.4% 54%;
        display: block;
         margin: .8em 0;
    }
    .search a {display: block;}
    .search input {vertical-align: middle;}
    #main .search .txt-input {
        background: #fff url("../img/search-bg.png") no-repeat 3% 50%;
        margin-right: 1%;
        padding: .45em .6em .45em 2.3em;
        width: 64%
    }
    .search .btn-submit {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    .search .btn-submit:hover {opacity: .7;}

/* Blue Internal Search Box */
.search-practice {
    background: #c4dce8;
    font-size: 1.2em;
    margin-bottom: 1.5em;
    padding: 1.5em 6em;
}
.panel-main .search-practice {padding: 1.5em 4em;}
    .search-practice * {vertical-align: middle;}
    .search-practice label {
        display: inline;
        font-size: 1.1em;
        margin-right: .7em;
        text-transform: none;
    }
    #main .search-practice .txt-input {
        background: #fff url("../img/search-bg.png") no-repeat 3% 50%;
        margin-right: 1%;
        padding: .55em .6em .55em 2.3em;
        width: 30%
    }
    #main .panel-main .search-practice .txt-input {
        background: #fff url("../img/icon-cal.png") no-repeat 97% 50%;
        padding: .55em 2.3em .55em .6em;
        width: 35%
    }
    #main .panel-main .search-practice span .txt-input {width: 79%;}
    .search-practice .btn-submit {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    .search-practice .btn-submit:hover {opacity: .7;}
    .search-practice a {
        display: block;
        font-size: .8em;
        margin: .5em 5em 0 15em;
    }
        .search-practice a img {width: 12px;}

.status {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2em;
    padding-bottom: .3em;
}

.bulk-billing {
	margin-left: 0% !important;
}

.search-results {
    list-style: none;
    margin: 0 0 1.5em;
    padding: 0;
    overflow: hidden;
}
    .search-results li {
        margin-bottom: 2em;
        overflow: hidden;
		padding-top: 0.7em;
		padding-bottom: 1em;
		border: 1px solid #e1e1e1;
		box-shadow: 0px 2px 3px 0px #ccc; 
    }
    /*.search-results li:hover {border-color: #c4dce8;}*/
        .search-results li img {
            float: left;
            margin: 1% 4% 1% 2%;
            width: 18.5%;
			padding-right: 1em;
        }
		.search-results .practice-photo {
			width: 120px;
			height: 80px;
		}
        .search-results li div {
            float: left;
            width: 40.5%;
        }
            .search-results li h2 {
                font-size: 1.3em;
                margin-bottom: .5em;
                margin-top: 1%;
            }
            .search-results li p {margin-top: 0;}
        .search-results li a img {
            float: right;
            margin: 1% 0 0 0;
            /*width: 28.125%;*/
			width: 20%;
        }
		.search-results .highlighted {
        	border-color: #FFD700;
        	box-shadow: 0px 2px 3px 0px #FFD700;
        }

/* Register and Sign Up Forms */
#forms {
    background: #3b3b3b;
    font-size: 0.875em; /* 14px */
    position: relative;
    z-index: 4;
}
    #forms .inner {
        display: none;
        overflow: hidden;
    }
        #forms .inner .frm-register,
        #forms .inner .frm-signin {
            padding: 1.5em 5%;
            position: relative;
        }
        #forms .inner .frm-signin {
            overflow: hidden;
            text-align: right; 
        }
            #forms .inner strong {
                color: #fff;
                display: block;
                font-size: 1.14em; /* 16px */
                margin-bottom: 1em;
            }
            #forms .inner .frm-signin strong {
                float: left;
                margin: 0 0 0 9%;
                padding: .65em 0;
                position: relative;
                top: -2px;
                -webkit-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }
            #forms .inner .close {
                cursor: pointer;
                position: absolute;
                right: 5%;
                top: 1.5em;
                -webkit-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }
            #forms .inner .close:hover {opacity: .7;}
            #forms .inner .frm-signin .close {
                top: auto;
                bottom: 2.7em;
            }
            #forms .inner .tri {
                position: absolute;
                bottom: 0;
            }
            .medicare {background: #fff url("../img/medicare.png") no-repeat 95% 50%;}
            #forms .inner .frm-register .tri {right: 14%;}
            #forms .inner .frm-signin .tri {right: 4%;}
                #forms .inner .form-field {
                    float: left;
                    margin-bottom: 1.5em;
                    width: 29%;
                    -webkit-transition: all .2s ease-in-out;
                    transition: all .2s ease-in-out;
                }
				#forms .inner .form-field  label { color: white; }
                #forms .inner .frm-signin .form-field {
                    margin-bottom: .4em;
                    position: absolute;
                    bottom: 1.5em;
                    right: 45%;
                    width: 24%;
                }
                #forms .inner .frm-signin .form-field.alt {right: 21%;}
                    #forms .inner .form-field input {
                        padding: 0.75em 0.6em;
                        width: 84%;
                    }
                #forms .inner .submit {
                    position: absolute;
                    bottom: 2.6em;
                    right: 5%;
                    width: 8.7%;
                }
                #forms .inner .frm-signin .submit {
                    bottom: 1.8em;
                    right: 11%;
                    -webkit-transition: all .2s ease-in-out;
                    transition: all .2s ease-in-out;
                }
                    .inner .submit input {
                        -webkit-transition: all .2s ease-in-out;
                        transition: all .2s ease-in-out;
                    }
                    .inner .submit input:hover {opacity: .7;}
                #forms .inner .frm-signin .forgot {
                    font-size: 90%;
                    position: absolute;
                    bottom: -8px;
                    right: 27%;
                }

/* General Forms */
fieldset.inline {padding: 1.5em 0;}
label {
    color: #7f7f7f;
    display: block;
    font-size: .85em; /* 12px */
    margin-bottom: .2em;
    text-transform: uppercase;
}
.inline label {
    display: inline-block;
    font-size: 1em;
    margin: .45em 1em .45em 0; 
    text-align: right;
    text-transform: none;
    width: 20%;
}
.inline span {
	margin-left:0.5em;
}
.inline .form-val-extra { padding-right: 0em; }
.panel-main .inline label {width: 40%;}
.txt-input, textarea {
    border: 1px solid #a8acad;
    border-radius: 0;
    box-shadow: 0 3px 7px 0 #ddd inset;
    padding: .45em .6em;
    width: 30%;
}
.txt-input.med {width: 20%;}
.txt-input.sml {width: 15%;}
.multichoice {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 40%;
    vertical-align: top;
}
.inline .multichoice {margin: .45em 1em .45em 0; }
    .multichoice li {margin-bottom: .5em;}
        .multichoice label,
        .inline .multichoice label {
            display: inline;
            margin: 0 0 0 5px;
            width: auto;
        }
}

textarea {
    height: 7em;
    width: 50%;
}
#main .txt-input {padding: .7em .6em;} 
#main textarea {padding: .7em .6em; width: 90%;}
.form-val {
    display: inline-block;
    margin-bottom: .2em;
    vertical-align: top;
}
.inline .form-val {margin: .45em 1em .45em 0; }

.submit * {
    margin-right: 1em;
    vertical-align: middle;
}
.inline .submit {
    padding-top: 1em;
    padding-left: 22%;
}

.inline .indented {
    padding-left: 43%;
}

.validation-error {
    background-color: #ffcfcf !important;
    border-color: #ae0000 !important;
    box-shadow: none !important;
    color: #ae0000 !important;
}

#main .form-field {
    margin-bottom: 1em;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/* Form Feedback */
.feedback {
    background-repeat: no-repeat;
    background-position: 1em 50%; 
    clear: both;
    overflow: hidden;
    margin-bottom: 1em;
    padding: .5em 1em .5em 4.5em;
    text-align: left;
}
.feedback.error {
    background-color: #ffdfe0;
    background-image: url('../img/feedback-error.png');
    color: #ae0000;
}
.feedback.success {
    background-color: #e9f9c0;
    background-image: url('../img/feedback-success.png');
    color: #5a730f;
}
.feedback.alert {
    background-color: #fceac0;
    background-image: url('../img/feedback-alert.png');
    color: #a2843e;
}
    .feedback p {font-weight: bold;}

/* Duo Column */
.duo-col {
    float: left;
    margin-right: 10%;
    width: 45%;
}
.duo-col.alt {margin-right: 0;}
    .duo-col h2 {
        border-bottom: 1px solid #ccc;
        padding-bottom: .3em;
    }

/* Default Table */
.tbl-default {
    border-collapse: separate;
    border-right: 1px solid #e0e0e0;
    box-shadow: 0 2px 3px 0 #e0dfdf;
    clear: both;
    margin-bottom: 2em;
    width: 100%;
}
    .tbl-default th {
        background: #e8eaeb;
        border-style: solid;
        border-width: 1px 0 1px 1px;
        border-color: #e0e0e0 #000 #cccfd1 #e0e0e0;
        font-weight: bold;
        padding: .6em .8em;
        text-align: left;
        text-shadow: 0 0 2px #fff;
    }
        .tbl-default th a {
            display: block;
            font-size: 80%;
        }
    .tbl-default td {
        background: #f9f9f9;
        border-style: solid;
        border-width: 1px 0 1px 1px;
        border-color: #fefefe #000 #e0e0e0 #e0e0e0;
        padding: .8em 1em;
        font-size: 90%;
        vertical-align: top;
    }
    .tbl-default .alt td {background: #f6f6f6;}

/* Date Nav */
.date-nav {
    margin-bottom: .5em;
    overflow: hidden;
    text-align: center;
}
    .date-nav a {float: right;}
    .date-nav a:first-child {float: left;}
    .date-nav span a {
        float: none !important;
        margin: 0 .5em;
    }

/* Wizard */
.wizard {
    border-bottom: 1px solid #c2c2c2;
    padding: 1em 0 1.5em;
    margin-bottom: 2.5em;
    overflow: hidden;
}
    .wizard h1 {
        float: left;
        width: 319px;
        margin: 0;
    }
    .wizard ol {
        background: url("../img/bg-wizard.png") no-repeat 0 50%;
        float: right;
        height: 47px;
        width: 65%;
        overflow: hidden;
        margin: 0;
        padding: 0;
        list-style: none;
    }
        .wizard ol li {
            background: url("../img/bg-wizard-link.png") no-repeat 100% 50%;
            color: #b6b6b6;
            float: left;
            font-weight: bold;
            height: 27px;
            padding: 10px 0 10px 3%;
            width: 30%;
        }
        .wizard ol li.active {color: #3b99c4;}
        .wizard ol li.last {
            background-image: url("../img/bg-wizard-link-alt.png");
            float: right;
        }
            .wizard ol li a {color: #b6b6b6;}
            .wizard ol li.active a {color: #3b99c4;}
                .wizard ol li span {
                    display: inline-block;
                    font-size: 2em;
                    line-height: .6;
                    margin-right: 5px;
                    vertical-align: middle;
                    width: 26px;
                    height: 26px;
                    overflow: hidden;
                    text-align: center;
                    background: url("../img/tick.png") no-repeat 500px 500px;
                }
                .wizard ol li.complete span {
                    background-position: 50% 50%;
                    text-indent: -500px;
                }

.wizard-submit {
    border-top: 1px solid #c2c2c2;
    padding-top: 1em;
    margin-bottom: 1.5em;
    text-align: right;
}
    .wizard-submit input {
        margin-left: 1em;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
		vertical-align: middle;
    }
        .wizard-submit input:hover {opacity: .7;}
		
		/*.wizard-submit a {
			vertical-align: none;
			padding-bottom: 1em;
		}*/

/* Time Tabs */
.tab-nav {
    margin: 0 0 .5em;
    padding: 0;
    float: left;
    list-style: none;
}
    .tab-nav li {
        background: #efefef url("../img/bg-tab-grad.png") repeat-x 0 0;
        border-radius: 3px;
        padding: .4em 1em;
        border: 1px solid #dedede;
        box-shadow: 0 0 2px #dedede;
        text-shadow: 1px 1px 0 #fff;
        cursor: pointer;
        float: left;
        font-weight: bold;
        margin-right: 1em;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    .tab-nav li:hover {background-color: #e4e3e3;}
    .tab-nav li.active,
    .tab-nav li.active:hover {
        background-color: #2d92d1;
        color: #fff;
        text-shadow: 1px 1px 0 #2d92d1;
    }
        .tab-nav li span {
            display: block;
            font-size: 90%;
            font-weight: normal;
        }
.tab-body {
    clear: both;
    overflow: hidden;
    display: none;
}
    .tab-body .times {
        float: left;
        width: 16%;
        text-align: center;
    }
    .tab-body .times dt {
        font-weight: bold;
        border-bottom: 1px solid #c2c2c2;
        padding-bottom: .2em;
        margin-bottom: .4em;
    }
    .tab-body .times dd {
        background: #efefef url("../img/bg-tab-grad.png") repeat-x 0 0;
        border-radius: 3px;
        padding: .4em 0;
        border: 1px solid #dedede;
        box-shadow: 0 0 2px #dedede;
        text-shadow: 1px 1px 0 #fff;
        cursor: pointer;
        margin: 1em .5em 0;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    .tab-body .times dd:hover {background-color: #e4e3e3;}
    .tab-body .times dd.active,
    .tab-body .times dd.active:hover {
        background-color: #2d92d1;
        color: #fff;
        text-shadow: 1px 1px 0 #2d92d1;
    }

.specialties {
	margin-top: 0.5em;
}

.specialties img {
	width: 25px;
	height: 25px;
}
	
#other-details {
	width: 95%;
}
#other-details input {
	margin-left: 0.25em;
	margin-top: 0.25em;
	padding: 0.25em;
}

/* Practice Profile Styles */
.practice-details {
	width: 64%;
}

.practice-details.medium {
	width: 80%;
}

.practice-details.wide{
	width: 100%;
}

.practice-details.web-config textarea {
	width: 90%;
}

.practice-details h4 {
	margin: 0 0 1em 0;
}

.practice-details .txt-input {
	width: 90%;
	margin-right: 10%;
}

.practice-details select {
	border: 1px solid #a8acad;
    border-radius: 0;
    box-shadow: 0 3px 7px 0 #ddd inset;
	padding: .62em .6em;
}

/* Two Column */
.duo-col-field {
    float: left;
    margin-right: 4.5%;
    width: 45%;
}
.duo-col-field.alt {margin-right: 0;}

/* Three Column */
.tri-col-field {
    float: left;
    margin-right: 1%;
    width: 60%;
}
.tri-col-field.alt {
	width: 16%;
	margin-right: 1%;
}

.tri-col-field.alt2 {
	width: 13%;
}

.practice-appt {
	margin-bottom: 1%;
}
.practice-appt label {
	display: inline;
	margin-left: 1%;
}

.doc-photo {
	float: left;
	width: 15%;
	margin-right: 5%;
}
.doc-photo  h3 {
	margin: 0 0 0.5em 0;
}
.doc-photo img {
	margin: 0 0 0.5em 0;
}

.doc-settings {
	float: left;
	width: 75%;
	margin-right: 0;
}
.doc-settings h5 {
	margin: 1.1em 0;
}
.doc-settings label {
	display: inline;
	margin-left: 1%;
	margin-right: 1%;
}
.doc-settings textarea {
	width: 75%;
}

.website {
	padding-bottom: 0.5em;
}

.web-container {
	width: 100%;
}

.web-template {
	width: 25%;
	float: left;
}

.web-template.small {
	width: 21%;
	float: left;
}

.web-template img {	
	width: 170px;
	height: 170px;
}

.web-template.small img {	
	width: 140px;
	height: 140px;
}

.web-image {
	width: 20%;
	float: left;
	margin: 0 0 1em 0;
}

.web-image img {
	width: 120px;
	height: 120px;
	margin-bottom: 0.5em;
}

span.template-choice {
    display: block;
	float: left;
	margin: 0.9em 0 1em 3em;
	width: 90%;
}
span.template-choice  label {
    display: inline;
	margin: 0 0 0 0.5em;
	vertical-align: top;
}
span.choice {
	display: block;
	float: left;
	width: 90%;
}
span.choice label {
	display: inline;
	margin: 0 0 0 0.5em;
	vertical-align: top;
}
span.mandatory {
	color: red;
	font-weight: bold;
}
div.scroll {
	width:100%;
	height:200px;
	overflow:scroll;
}

input[type="submit"].btn-sign-in {
	background: transparent url("../img/btn-sign-in.png") no-repeat 0 0; 
	width:87px; 
	height:40px; 
	border: none;
}
input[type="submit"].btn-signin-alt {
	background: transparent url("../img/btn-sign-in-alt.png") no-repeat 0 0; 
	width:87px; 
	height:40px; 
	border: none;
}
input[type="submit"].btn-submit-alt {
	background: transparent url("../img/btn-submit-alt.png") no-repeat 0 0;
	width:87px; 
	height:40px; 
	border: none;
}
input[type="submit"].btn-register-alt {
	background: transparent url("../img/btn-register-alt.png") no-repeat 0 0; 
	width:87px; 
	height:40px; 
	border: none;
}
input[type="submit"].btn-search {
	background: transparent url("../img/btn-search.png") no-repeat 0 0; 
	width:87px; 
	height:40px; 
	border: none;
}
input[type="submit"].btn-go {
	background: transparent url("../img/btn-go.png") no-repeat 0 0; 
	width:87px; 
	height:40px; 
	border: none;
}
input[type="submit"].btn-next {
	background: transparent url("../img/btn-next.png") no-repeat 0 0; 
	width:87px; 
	height:40px; 
	border: none;
}

/* Date Picker */
/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    Metalic Theme

    copyright (c) 2011 - 2013 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/

.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before  { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important }

.Zebra_DatePicker           { position: absolute; background: #373737; border: 3px solid #373737; display: none; z-index: 100; font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 13px }

.Zebra_DatePicker *         { margin: 0; padding: 0; color: #666; background: transparent; border: none }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                     { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                        { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                        { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker            { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { width: 30px; border: 1px solid #BBB; background: #DEDEDE url('metallic/default-date.png') repeat-x top; color: #666 }

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_footer .dp_hover      { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #E0E0E0 }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #67AABB; color: #FFF }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_week_number,
.Zebra_DatePicker .dp_daypicker th              { background: #F1F1F1; font-size: 9px; padding-top: 7px }

.Zebra_DatePicker td.dp_weekend_disabled,
.Zebra_DatePicker td.dp_not_in_month,
.Zebra_DatePicker td.dp_not_in_month_selectable { background: #ECECEC url('metallic/disabled-date.png'); color: #CCC; cursor: default }
.Zebra_DatePicker td.dp_not_in_month_selectable { cursor: pointer }

.Zebra_DatePicker td.dp_weekend                 { background: #DEDEDE url('metallic/default-date.png') repeat-x top; color: #666 }

.Zebra_DatePicker td.dp_selected                { background: #E26262; color: #E0E0E0 !important }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td    { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td     { width: 33% }

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer            { margin-top: 3px }
.Zebra_DatePicker .dp_footer .dp_hover  { background: #67AABB; color: #FFF }

/* = SELECT CURRENT DAY
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_today { color: #E0E0E0; padding: 3px }

/* = CLEAR DATE
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_clear { color: #E0E0E0; padding: 3px }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PRESIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current                 { color: #E26261 }
.Zebra_DatePicker td.dp_disabled_current        { color: #E38585 }
.Zebra_DatePicker td.dp_hover                   { background: #67AABB url('metallic/selected-date.png') repeat-x top; color: #FFF }
.Zebra_DatePicker td.dp_disabled                { background: #ECECEC url('metallic/disabled-date.png') repeat-x top; color: #DDD; cursor: default }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon            { display: block; position: absolute; width: 16px; height: 16px; background: url('calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top }
button.Zebra_DatePicker_Icon_Disabled   { background-image: url('calendar-disabled.png') }

/* don't set vertical margins! */
button.Zebra_DatePicker_Icon            { margin: 0 0 0 3px }
button.Zebra_DatePicker_Icon_Inside     { margin: 0 3px 0 0 }

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1000px) {
    header .logo {width: 20%;}
    header nav {padding-top: 0;}
    .search {width: 48%;}
    #forms .inner .frm-signin strong {margin-left: 6%;}
    .wizard ol,
    .panel-main.alt {width: 62%;}
    .panel-main.alt2 {width: 60%;}
    .panel-main .search-practice {padding: 1.5em 2em;}
    #forms .inner .frm-signin .forgot {
        right: 25.5%;
    }
}
@media only screen and (max-width: 900px) {
    header {font-size: .78em;}
    .search {width: 52%;}
    .search .txt-input {width: 60%}
    #forms .inner .frm-signin strong {margin-left: 0%;}
    #forms .inner .frm-signin .form-field {right: 47%;}
    #forms .inner .frm-signin .form-field.alt {right: 23%;}
    #forms .inner .frm-signin .submit {right: 11%;}
    .panel-main {width: 52%;}
    footer {font-size: .78em;}
    .wizard ol,
    .panel-main.alt {width: 58%;}
    .panel-main.alt2 {width: 60%;}
    .wizard ol li {padding: 10px 2% 10px 1%; font-size: 90%;}
    #forms .inner .frm-signin .forgot {
        right: 25.5%;
    }
}
@media only screen and (max-width: 930px) {
    .wizard ol,
    .panel-main.alt {width: 58%;}
    .panel-main.alt2 {width: 60%;}
    .wizard h1 {width: 30%;}
    .wizard ol {font-size: 90%;}
    .wizard ol li span {line-height: .8;}
    #main .panel-main .search-practice span {width: 49%;}
    #main .panel-main .search-practice span .txt-input {width: 70%;}
    #forms .inner .frm-signin .forgot {
        right: 25.5%;
    }
}
@media only screen and (max-width: 845px) {
    .panel-main.alt {width: 100%;}
    .panel-aside.alt {width: 100%; margin-bottom: 1.5em; background: none; border-radius: 10px; border: 1px solid #c2c2c2; box-shadow: 0 0 5px #c2c2c2;}
    .panel-aside.alt h2 {background: none; border-bottom: 1px solid #c2c2c2;}
    .panel-main.alt2 {width: 55%;}
    #forms .inner .frm-signin .forgot {
        right: 26%;
    }
}
@media only screen and (max-width: 768px) {
    .search {width: 60%;}
    .search .txt-input {width: 60%}
    #forms .inner .frm-signin .submit {right: 13%;}
    #forms .inner .frm-signin .forgot {
        right: 26%;
    }
    .panel-main.alt2 {width: 55%;}
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.img-responsive {
    max-width: 100%; 
    height: auto;
}

.txt-center {text-align: center;}

ol.alph {list-style: lower-alpha;}

a img {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:hover img {opacity: .7;}

.forgot {font-size: 90%;}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}