/*
    Document   : dentistry
    Created on : Jul 11, 2013, 9:12:50 AM
    Author     : wallytawose
    Description:
        Purpose of the stylesheet follows.
*/

/*modifies error on LicensesDetailsPage*/
.error, .results {
    position: fixed;
    z-index: 9999;
    width: inherit;
    top:0;
}
.exitButton {
    background-color: black;
    color: white;
    font-size: 20px;
    margin: 4px 2px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.a_button a{
    border: 1px solid #aaa;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 4px 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px rgba(0, 0, 0, .75);
    cursor: pointer;
    margin-bottom: 5px;
    line-height: 21px;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #335CAD;
    background: #325C97 -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
    background: #325C97 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2)));
    background: #325C97 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
    background: #325C97 -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
    background: #325C97 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
    background: #325C97 linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
}

.a_button a:hover{
    color: #222;
    background: #ddd; /* Old browsers */
    background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
    background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
    background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
    background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
    background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
    background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
    border: 1px solid #888;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    text-shadow: 0 1px rgba(255, 255, 255, .75);
}
.hideRequiredStar{
    visibility:hidden;
}

table tr td
{
    word-break:hyphenate;
}
table
{
    table-layout: fixed !important;
}
table tr td,table tr td label {
    word-break: break-all !important;
    word-wrap: break-word !important;
}

.hideSurvey
{
    display:none;
}

.course_title_select{
    display:none;
}

/*top* - overwrites some uber stuff*/
#NeedsTable {width:800px; overflow-x:scroll; height:300px; border:1px solid #111;}
#NeedsTable select {width:2000px; min-width:0% !important; max-width:2000px !important;
                    height:12500px; overflow:hidden;}

/*bottom*/
#NeedsTable2 {width:800px; overflow-x:scroll; height:300px; border:1px solid #111;}
#NeedsTable2 select {width:2000px; min-width:0% !important; max-width:2000px !important;
                     height:1000px; overflow:hidden;}


@media only screen and (min-width: 768px) and (max-width: 986px) {
    #NeedsTable, #NeedsTable2 {width:660px; overflow-x:scroll; height:300px; border:1px solid #111;}

}

/*smallest*/
@media only screen and (max-width: 767px) {
    #NeedsTable, #NeedsTable2 {width:220px; overflow-x:scroll; height:300px; border:1px solid #111;}
    #NeedsTable select, #NeedsTable2 select {width:2000px !important;}
}



@media only screen and (min-width: 480px) and (max-width: 767px) {
    #NeedsTable, #NeedsTable2 {width:320px; overflow-x:scroll; height:300px; border:1px solid #111;}
    #NeedsTable select, #NeedsTable2 select {width:2000px !important;}
}
.inline
{
    min-width:5px !important;
    float:left;
    /*            overring this for my tables*/
}
#field_DENTIST,#field_DENTAL_HEALTH,#field_DENTAL_HEALTH,#field_ENDODONTICS,#field_ORAL_SURGERY,#field_ORAL_PATH,#field_ORAL_RADIO,#field_ORTH_DENT,#field_PEDIATRIC,#field_PERIODONDICS,#field_PROSTHODONTICS
{
    min-width:30em;
}
#field_DENTIST label,#field_DENTAL_HEALTH label,#field_DENTAL_HEALTH label,#field_ENDODONTICS label,#field_ORAL_SURGERY label,#field_ORAL_PATH label,#field_ORAL_RADIO label,#field_ORTH_DENT label,#field_PEDIATRIC label,#field_PERIODONDICS label,#field_PROSTHODONTICS label
{
    min-width:22em;
}
td div[class="sm_field_input"]
{
    margin-top:1em;
}

#education_table td select
{
    width:147px !important;

}
.tabbed
{
    width:300px;
    float: left;
}
#license_held_div
{
    float:left; width:55%;
}
/*smallest*/
@media only screen and (max-width: 767px) {
    #license_held_div
    {
        float:left; width:100% !important;
    }
    #SSNTable
    {
        width: 100% !important;
    }

}
#physicians_table
{
    min-width:35%;
}

#reports
{
    float:left; width:100% !important;
}

.sm_radio_wrapper {margin-top:-10px\9 !important;}