/* responsive layout elements */
body {
    background: none;
}
#responsiveContainer {
    margin: 0 auto 0 auto;
    max-width: 980px;
}
#responsiveColumnsWrapper {
    padding: 0 0 30px 0;
    width: 100%;
}
#responsiveContainer h1,
#responsiveContainer h2,
#responsiveContainer h3 {
	font-family: 'Open Sans', sans-serif !important;
}	
#responsiveContainer h2 {
	color: #322c2e;
	font-size: 33px;
}
#responsiveContainer h3 {
	color: #477ebb;
	font-size: 24px;
    font-weight: 300;
    line-height: 30px;
	margin: 30px 0 15px 0;
    padding: 0 0 0 0;
}
.bodyTextBlock,
#providerInsuranceAcceptedContainer li {
	color: #968f8f;
	font-family: 'Droid Sans', sans-serif;
    font-size: 16px;
    line-height: 23px;
}
#providerInsuranceDisclaimer {
    font-size: 13px;
    line-height: 17px;
    margin: 10px 0 0 0;
}
/* responsive header area */
#responsiveHeader {
	background-color: #333333;
	margin-bottom: 20px;
	padding: 30px 20px 10px 0;
}
#providerProviderName,
#providerOfficeAddress {
	color: #ffffff;
    display: inline-block;
	font-family: 'Open Sans', sans-serif !important;
	vertical-align: baseline;
}
#providerProviderName {
	font-size: 39px;
    line-height: 45px;
}
#providerOfficeAddress {
	font-size: 22px;
    line-height: 26px;
}
#responsiveMain {
	padding: 0 20px 0 0;
}
#providerProviderName,
#providerOfficeAddress,
#responsiveMainLeft,
#responsiveMainRight {
    padding: 0 0 0 20px;
}
/* responsive columns area */
#responsiveMainLeft,
#responsiveMainRight,
#responsiveLeftColumn,
#responsiveRightColumn,
#practiceNameSpecialtiesContainer,
#bookAnAppointment {
    vertical-align: top;
}
#practiceNameSpecialtiesContainer,
#bookAnAppointment {
    display: inline-block;
}
#practiceNameSpecialtiesContainer {
    max-width: 220px;
}
#responsiveLeftColumn,
#responsiveRightColumn {
    padding: 0 20px 0 20px;
}
#providerPageTitle {
	color: #322C2E;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 33px;
    line-height: 39px;
    margin: 0 0 20px 0;
}
#providerPhoto {
    background: transparent url(../images/silhouette.png) no-repeat;
    display: inline-block;
    height: 160px;
    margin: 0 20px 20px 0;
    width: 160px;
}
#providerPhoto > img {
    border: 2px solid #322C2E;
    height: 160px;
    width: 160px;
}
#practiceNameSpecialtiesContainer h3 {
	color: #8e8b8b;
	font-size: 22px;
    font-weight: 300;
    line-height: 26px;
	margin: 0 0 10px 0;
    padding: 0 0 0 0;
}
h3#specialtiesTitle {
    margin: 20px 0 10px 0;
}
#providerInsuranceAcceptedContainer {
    max-height: 275px;
    overflow-x: hidden;
    overflow-y: auto;
}
#providerInsuranceAcceptedContainer > ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#providerInsuranceAcceptedContainer > ul > ul,
#providerInsuranceAcceptedContainer > ul > li:nth-of-type(n + 11) {
    display: none;
}
#providerInsuranceAcceptedContainer > ul > ul > li {
    list-style-type: initial;
    margin: 0 0 0 20px;
}
#providerInsuranceMoreOrLess {
    color: #0066cc;
    cursor: pointer;
    font-weight: bold;
    margin: 10px 0 0 0;
}
#providerInsuranceMoreOrLess:hover {
    text-decoration: underline;
}
h3#bookAnAppointment,
h3#providerOfficeProviderName,
h3#providerOfficeTitle {
	margin: 0 0 0 0;
}
#appointmentContainer {
    margin: 20px 0 20px 0;
}
#appointmentContainer img {
	display: none;
}
#providerOfficeMap {
    border: 1px solid #345f8d;
    height: 275px;
    margin: 0 0 15px 0;
    max-width: 500px;
}
#providerTestimonialsContainer > span {
    display: block;
    margin: 0 0 20px 0;
}
#providerTestimonialsContainer > span:last-child {
    margin: 0 0 0 0;
}
/* responsive footer area */
#responsiveFooter {
    background-color: #cccccc;
    max-width: 990px;
    padding: 5px 0 5px 0;
    text-align: center;
    width: 100%;
}
.responsiveNewFooter {
    background-color: #ffffff;
    margin: -5px 0 -5px 0;
}
#responsiveFooterLogo {
    cursor: pointer;
    display: inline-block;
    width: 100%;
}
#responsiveFooterLogo span {
    color: #666666;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    padding: 5px 0 0 0;
}
div#powerByLogo {
    margin: 0 auto 0 auto;
}
#responsiveFooterInfo {
    display: inline-block;
    padding: 25px 10px 0 0;
}
#footer_links,
#copy {
    white-space: nowrap;
}
#copy {
    margin-left: 20px;
}
/* formatting elements */
.inactive {
    display: none;
}
.overflown {
    border: 1px solid #dedede;
    padding-left: 5px;
}
/* 350px wide reponsive breakpoint */
@media only screen and (min-width: 350px) {
    #appointmentContainer {
        margin: 20px 0 10px 0;
    }
    #appointmentContainer img {
        display: inline;
        padding-right: 10px;
    }
}
/* 580px wide reponsive breakpoint */
@media only screen and (min-width: 580px) {
    #providerInsuranceAcceptedContainer {
        width: 500px;
    }
}
/* 640px wide reponsive breakpoint*/
@media only screen and (min-width: 640px) {    
    #responsiveFooterLogo {
        cursor: pointer;
        display: inline-block;
        padding: 0 0 0 10px;
        text-align: left;
        width: 48%;
    }
    div#powerByLogo {
        margin: 0 0 0 0;
    }
    #responsiveFooterInfo {
        display: inline-block;
        padding: 25px 10px 0 0;
        text-align: right;
        width: 48%;
    }
}
/* 1024px wide reponsive breakpoint */
@media only screen and (min-width: 1010px) {
    #responsiveMainLeft,
    #responsiveMainRight,
    #responsiveLeftColumn,
    #responsiveRightColumn {
        display: inline-block;
    }
    #responsiveHeader {
        margin-bottom: 40px;
        padding: 50px 20px 10px 0;
    }
    #providerProviderName,
    #responsiveLeftColumn,
    #responsiveMainLeft {
        width: 405px;
    }
    #providerOfficeAddress,
    #responsiveRightColumn,
    #responsiveMainRight {
        width: 505px;
    }
    #responsiveLeftColumn,
    #responsiveRightColumn {
        padding: 0 0 0 20px;
    }
    #providerPageTitle {
        height: 100px;
        margin: 0 0 0 0;
    }
    #appointmentContainer {
        height: 93px;
        margin: 7px 0 0 0;
    }
    #providerInsuranceAcceptedContainer {
        width: inherit;
    }

    .responsiveFooterLogo {
        background: transparent url(../images/ngo-new-logo.png) no-repeat;
        cursor: pointer;
        height: 53px;
        width: 255px;
        margin-top: 25px
    }
}