/**
 * Refresh
 *
 * @project Refresh Theme
 * @package Stryker Docsite Themes
 * @copyright 2010, Mudbug Media
 *
 * Color Guide
 * * #0E2032 - body background, jquery background
 * * #993C1C - h1, h2, home h2, surgeons h2, h3, h3 admin title, h4, column h4, admin h4, admin listing h4, events h4, ol, link hover, em link, photo border, search button, patient testimonials button, form buttons hover, nav wrapper border-top, jquery h1, jquery link, jquery slide title active background color, patient survey strong text
 * * #306297 - column h2, appointments h4, em, i, links, appointment button, form buttons, print title, em hover, i hover, jquery link hover, jquery slide title background, input forms text
 * * #C0DEDF - events h4 border-bottom, column h4 border-bottom, admin h4 border-bottom, admin listing h4 border-bottom, appointments h4 border-bottom, survey h4 border-bottom, hr border-top, links border-bottom, em hover underline, i hover underline, jquery link hover underline
 * * #993C1C - link underline, jquery link underline
 * * #E2AF2A - nav overlay
 * * #C0D0E0 - header search field, phone and fax
 * * #6F2B14 - search button hover
 * * #FCE284 - search button text active, nav current link background, appointment button strong text, testimonial button bold text, copyright text, footer link, footer border-bottom, footer link hover
 * * #FDECB6 - sub nav background, phone and fax hover
 * * #28517d - appointment button hover, download forms hover
 * * #BF911A - surgeon button hover, news button hover
 * * #7c3117 - testimonials button hover, multimedia button hover, submit testimonial button hover
 * * #E2AF2A - surgeon button, new button
 * * #E0E8F0 - home page specialities box background, call out box background, forms background
 * * #97B0CB - home page specialties box border, call out box border, forms border
 * * #346FB0 - line above copyright
 */

/*** Content ***/

body {
	background-color: #0E2032;
	color: #666;
	font-size: 14px;
	line-height: 1.35em;
	margin-top: 0;
}

h1 {
	color: #993C1C;
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding-bottom: 6px;
}
#surgeons h1 {
	margin-bottom: 0;
}
h2 {
	color: #993C1C;
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 22px;
}

#surgeons h2,
#home h2,
h3.admin_title {
	color: #993C1C;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 0;
	padding-bottom: 4px;
}
.column h2 {
	color: #306297;
	font-size: 14px;
	margin-bottom: 5px;
}

h3 {
	margin-top: 1.75em;
}

h3, h4 {
	color: #993C1C;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 3px;
	margin-top: 22px;
}

.column h4,
.admin h4,
.admin_listing h4,
#events h4  {
	border-bottom: 1px solid #993C1C;
	color: #993C1C;
	font-weight: bold;
	margin-top: 0px;
	padding: 0 0 5px 0;
	size: 13px;
	text-transform: uppercase;
}
.appointments h4, .patient-survey h4 {
	border-bottom: 1px solid #306297;
	color: #306297;
}
#testimonials h4 {
	margin-bottom: 20px;
}
#testimonials .column h4 {
	margin: 0px;
	padding-bottom: 0px;
}
#search-results h4 {
	font-weight: normal;
}

em, i {
	color: #306297;
}

hr {
	border: none 0;
	border-top: 1px solid #306297;
}

/*** Lists ***/
.column ol {
	color: #993C1C;
	font-weight: bold;
}
.column ol p {
	color: #666;
	font-weight: normal;
}

/*** Links ***/

a:link,
a:visited,
a:active {
	border-bottom: 1px solid #306297;
	color: #306297;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px solid #993C1C;
	color: #993C1C;
	text-decoration: none;
}
em a:link, em a:visited, em a:active,
i a:link, i a:visited, i a:active,
strong a:link, strong a:visited, strong a:active,
b a:link, b a:visited, b a:active {
	border-bottom: 1px solid #993C1C;
	color: #993C1C;
	text-decoration: none;
}

em a:hover,
i a:hover,
strong a:hover,
b a:hover {
	border-bottom: 1px solid #306297;
	color: #306297;
	text-decoration: none;
}
/*** Images ***/

.photo,
.button {
	text-align: center;
}

.photos {
	background-color: #FFF;
	border: 1px solid #993C1C;
}

/*** Wrappers ***/

/*.wrapper {
	background-color: #FFF;
} */
#nav {
	background: url("../images/customize/layout/nav_transparent_overlay.png") repeat-y scroll 0 0 #E2AF2A;
}
#content-nav-wrapper {
	border-top: solid 1px #993C1C;
}

#content {
	background-color: #FFFFFF;
}

/*** Header & Search ***/

#search input {
	background: url("../images/constant/forms/fieldcell-search.png") repeat-x scroll 0 0 #C0D0E0;
	color: #979797;
	font-size: 15px;
}
#search button {
	background: url("../images/constant/buttons/transparent-overlay.png") repeat-x scroll 0 0 #993C1C;
	color: #FFFFFF;
}
#search button:hover {
	background-color: #6F2B14;
	color: #FFFFFF;
}

#search button:active {
	background-color: #6F2B14;
	color: #FCE284;
}
#header address {
	color: #FFFFFF;
	font-size: 11px;
	line-height: 1.3em;
}
#header address em {
	color: #FFFFFF;
	font-style: normal;
}
a.tel:active, a.tel:visited, a.tel:link, a[href^="tel:"] {
	border-bottom: none;
	color: #C0D0E0;
}
a.tel:hover {
	color: #FDECB6;
}
#content a[href^="tel:"] {
	color: #993C1C;
}
/*** Side Navigation: Parent ***/

#nav a {
	border-bottom: 1px solid #FFF;
	color: #333;
}
#nav a:hover{
	background-color: #FFF;
}
#nav li.current a {
	background: url("../images/customize/layout/nav_current_bkgd.png") repeat-x scroll 0 0 #FCE284;
	font-weight: bold;
}
#nav li.current ul {
	border-bottom: 1px solid #FFF;
}

/*** Side Sub Navigation: Children ***/

#nav ul a,
#nav li.current ul a {
	background-color: #FDECB6;
}
#nav ul a:hover,
#nav ul a:visited:hover,
#nav li.current ul a:hover,
#nav li.current ul a:visited:hover {
	background-color: #FFF;
}

#nav ul li.current a,
#nav ul li.current a:hover,
#nav li.current ul li.current a,
#nav li.current ul li.current a:hover {
	background-color: #FFF;
	color: #333333;
	font-weight: bold;
}
#nav li.current ul {
	background-color: #FDECB6;
}

/*** Home Page Coda Slider - Animation Area ***/

#scrollable-container {
	background-color: #0E2032;
	color: #333;
}
#scrollable-container .page-content h1 a {
	color: #993C1C;
}
#scrollable-container .page-content a {
	border-bottom: 1px solid #993C1C;
	color: #993C1C;
}
#scrollable-container .page-content a:hover {
	border-bottom: 1px solid #306297;
	color: #306297;
}
div.navi a {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #306297;
}
div.navi a.active {
	background-color: #993C1C;
}

/*** Home Page Content Box - ie Specialties Box ***/

#home-content-box {
	background-color: #E0E8F0;
	border: 2px solid #97B0CB;
}

/*** Call Out Buttons ***/

.callout-container a.callout:hover {
	color: #eee;
}
.callout-container a.callout,
.callout-container a.callout:active {
	color: #FFF;
}
#request-appointment strong,
#submit-testimonial b {
	color: #FCE284;
	font-size: 12px;
	line-height: 25px;
}
.callout {
	font-size: 19px;
	line-height: 20px;
}
.callout span {
	font-size: 15px;
}
#request-appointment:hover, #download-forms:hover {
	background-color: #28517d;
}

#about-surgeon:hover {
	background-color: #bf911a;
}

#patient-testimonials:hover, #view-multimedia:hover, #submit-testimonial:hover, #read-news:hover {
	background-color: #7c3117;
}
#request-appointment, #download-forms,
#request-appointment:active, #download-forms:active {
	background-color: #306297;
}
#about-surgeon,
#about-surgeon:active {
	background-color: #E2AF2A;
}
#patient-testimonials, #view-multimedia, #submit-testimonial, #read-news,
#patient-testimonials:active, #view-multimedia:active, #submit-testimonial:active, #read-news:active {
	background-color: #993C1C;
}

/*** Page Column ***/

.column,
.featured {
	background-color: #E0E8F0;
	border: 2px solid #97B0CB;
	font-size: 13px;
	line-height: 1.35em;

}
.column li {
	line-height: 20px;
}
.column li p {
	line-height: 18px;
}
/*** Forms ***/

form,
.admin_listing {
	background-color: #f2f8ff;
	border: 2px solid #97B0CB;
}
input,
textarea {
	border: 1px solid #BFBFBF;
	color: #306297;
}
input:focus,
textarea:focus {
	border: 1px solid #0E2032;
}
.patient-survey strong {
	color: #993C1C;
}
input[type="button"]:hover,
input[type="submit"]:hover,
a:hover.button,
button:hover, .hover {
	background-color: #993C1C;
}
a.button,
input[type="button"],
input[type="submit"],
button,
button:active,
a:active.button,
input[type="button"]:active,
input[type="submit"]:active {
	background: url("../images/constant/buttons/transparent-form-overlay.png") repeat-x scroll 0 0 #306297;
	color: #EFEFEF;
	border-bottom: 0;
}

/*** Footer ***/

address {
	font-style: normal;
}

.copyright,
#footer address {
	font-size: 13px;
	line-height: 15px;
}

.copyright {
	border-top: 1px solid #346FB0;
	color: #FCE284;
	font-size: 11px;
}
.copyright a:link,
.copyright a:visited,
.copyright a:active {
	border-bottom: 1px solid #FCE284;
	color: #FCE284;
}

.copyright a:hover {
	color: #FCE284;
	text-decoration: none;
}

#footer {
	color: #FFF;
}

/*** Print ***/

#print-reveal {
	color: #306297;
}

/*** Patient Portal ***/
#nav #patient-portal {
	border-bottom: none;
	margin-top: 20px;
}
	#nav #patient-portal:hover {
		background: none;
	}

@media only screen and (min-width: 600px) {
    .mobile-only {
        display: none;
    }
}

.pay-online {
	min-height: 850px;
	border: 2px solid #888;
}

#nav .pay-online-btn {
	text-align: center;
	background: #306297;
	color: white;
	padding: 10px;
	text-transform: uppercase;
	border-bottom: none;
	display: block;
	margin-top: 20px;
	border-radius: 10px;
	letter-spacing: 1px;
	border: 1px solid #28517d;
}

#nav .pay-online-btn:hover {background: #28517d;}