﻿/*CSS Reset and classes added to break out of tables for mobile*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
    margin: 0;
    padding: 0;
    }
.divTopPageLogo
{
    margin-left: auto;
    margin-right: auto;
    width: 750px;
    justify-content: center;
}

.divValidationSummary
{
    margin-left: auto;
    margin-right: auto;
    width: 750px;
}
.masterDiv
{
    margin-left: auto;
    margin-right: auto;
    width: 750px;
}
.div1
{
    float: left;
    width: 375px;
    
    display: inline-block;
}
.div2
{
    float: left;
    width: 375px;
    display: inline-block;
}
.labelWidth
{
    width: 170px;
    display: inline-block;
    vertical-align: top;
}
.textboxWidth
{
    display:inline-block;
    width: 185px;
    vertical-align: top;
}
.middleInitialLength
{
    
    width: 3%;
    display: inline-block;
    vertical-align: top;
   
}
.cellYesNo
{
    width: 30%;
    display: inline-block;
    vertical-align: top;
    
}
.cellText
{
    width: 60%;
    display: inline-block;
    vertical-align: top;
}
/*End of first additions for mobile*/
.tableHeaderPatBio {
	text-align: center;
	background-color:#A4A23C;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:small;
	color:white;
    text-transform: capitalize;
    display: inline-block;
}

.questions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.alternateCells {
	background-color: #EAE9C4;
}

.tableHeaderResParty {
	text-align: center;
	background-color: #CC9900;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: small;
	color: white;
    display: inline-block;
}
.tableHeaderGeneral {
	text-align: center;
	background-color: #808080;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: small;
	color: white;
}
.tableHeaderDental {
	text-align: center;
	background-color: #959900;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: small;
	color: white;
    display: inline-block;
}

.rpBackground {
	background-color: #FFEEB9;
}
.generalBackground {
	background-color: #EAEAEA
}
.dentalBackground {
	background-color: #E1E8D2;
    width: 100%;    
}
.alignTextCenter {
	text-align: center;
}
.sanSerifFontSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
/*Mobile Form Display Switch*/
   @media only screen and (max-width: 759px)
{
    .tableHeaderDental {
	text-align: center;
	background-color: #38dadf;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: medium;
	color: white;
    width: 100%;
    text-transform: capitalize;
}
    .divValidationSummary
{
    
    width: 100%;
}
   .masterDiv
{
    
    width: 100%;
}

    .divTopPageLogo
        {
            float: none;
            width: 100%;
            padding-left: 0%;
            display: inline-block;
        }
    .div1
    {
        
        width: 100%;
        display: inline-block;
        
    }
    .div2
    {
       
        width: 100%;
        display: inline-block;
        
    }
    .labelWidth
    {
        width: 44%;
        display: inline-block;
    }
    .textboxWidth
    {
        width: 52%;
        display: inline-block;
        
    }
    .middleInitialLength
    {
        width: 3%;
        display: inline-block;
    }     
    .offsetColor
    {
        background-color: white;
    }
     @media only screen and (max-width: 321px)
     {
    .cellYesNo
{
    width: 30%;
    display: inline-block;
    
    font-size: smaller;
    
}
        .cellText
        {
            width: 60%;
            display: inline-block;
            
            font-size: smaller;
        }
}
}