/* @override http://xerxes/TX_Sleep_Medicine/www/css/screen.css */

/* Stylesheet for TX Sleep Medicine */

body {margin: 0;}
h1 {color: #7581b3; font-size: 24px; font-weight: normal; margin: 0px 0 10px 0;}
h2 {color: #7881b8; font-size: 18px; font-weight: normal;}
h3 {color: #7581b3; font-size: 16px; font-weight: bold;}
p {line-height: 175%; font-size: 13px; margin: 0 0 20px 0;}

a {color: #7882b9;}
a:hover {text-decoration: none;}
.small {font-size: 11px;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
ul li {margin: 10px 0;}
ul {padding-left: 30px; margin: 0 0 30px 0; font-size: 14px;}
ol {padding-left: 30px; margin: 0; font-size: 14px; line-height: 20px;}
ol li {margin-bottom: 20px;}
#page-container {width: 950px; margin: 0 auto; font-size: 16px;}

table.staff ul {list-style: none; margin: 0; padding: 0;}

.equip-left {float: left; width: 442px; margin: 0 0 20px 0; background: #f7f7f7; border: 1px solid #e3e3e3; padding: 10px; clear: both;}
.equip-right {float: right; width: 442px; margin: 0 0 20px 0; background: #f7f7f7; border: 1px solid #e3e3e3; padding: 10px;}
.equip-right h2, .equip-left h2 {margin: 0 0 5px 0; color: #7d86bc;}
.equip-right p, .equip-left p {font-size: 12px; margin-bottom: 0;}
p.note {float: right; background: #44508e; width: 350px; padding: 10px; color: #fff; line-height: 16px; font-size: 11px; margin: 0 0 15px 30px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #00406e;}
p.note img {float: left; margin: 4px 7px 0 0;}
p.note a {color: #fff602;}

ul.equipment-images {margin: 10px 0 30px 0; padding: 0; float: left;}
ul.equipment-images li {float: left; list-style: none; margin-right: 30px}

img.equipment-photo {float: left; margin: 0 15px 5px 0; padding: 3px; border: 1px solid #ccc; background: #fff;}
.video {float: left !important; margin: 3px 15px 0 0;}
.left-home {float: left; width: 340px; margin: 0 30px 0 0;}
.right-home {float: left; width: 260px; margin: 0;}

.hr {height: 20px; border-top: 1px solid #f8d3c3;}

#navigation {float: left;}
#navigation img {border: none;}
#navigation a img {border: none; display: block; float: left;}

ul#navigation {margin: 0; padding: 0; background: url(../images/bg-nav.gif) repeat-x; width: 100%;}
ul#navigation li {float: left; list-style: none; padding: 0; margin: 0; border-right: 1px solid #7d86bc;}
ul#navigation li a {padding: 11px 26px 15px 26px; display: block; background: url(../images/bg-nav.gif) repeat-x; color: #fff; font-weight: bold; font-family: georgia; text-decoration: none; font-size: 15px;}
ul#navigation li a.active {background: url(../images/bg-navActive.gif) repeat-x; color: #828282;}
ul#navigation li a:hover {color: #fefbd0; background: url(../images/bg-navHover.gif) repeat-x;}
ul#navigation li a.active:hover {color: #828282; background: url(../images/bg-navActive.gif) repeat-x;}

#banner {clear: both;}
#actioncall {border: none;}
.photo {margin: 0 10px 10px 0;}
#content-full {font-family: georgia; margin-top: 10px; padding-bottom: 40px;}
#content-left {float: left; width: 650px; font-family: georgia; margin-top: 10px; padding-bottom: 40px;}
#content-right {float: right; width: 650px; font-family: georgia; margin-top: 10px; padding-bottom: 40px;}

#ctas {margin: 10px 0; float: left;}
#sprite-epworth {
	background: url(../images/sprite-epworth-test.gif) top;
	height: 31px;
	width: 465px;
	display: block;
	text-indent: -9999px;
	float: left;
}
#sprite-epworth:hover {
	background-position: bottom;
}
#sprite-berlin {
	background: url(../images/sprite-berlin-test.gif) top;
	height: 31px;
	width: 465px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-left: 20px;
}
#sprite-berlin:hover {
	background-position: bottom;
}

#side-container {float: right; width: 280px; font-family: georgia; margin-top: 13px;}
#side-container p {line-height: normal;}
#side-container img {border: 2px solid #ccc; margin: 5px 0;}
.contact-box {background-color: #feeaae; color: black; font-weight: bold; padding: 15px; margin: 0 0 0 0;}
.contact-box a h2 {color: black; font-weight: bold; margin: 0 0 15px 0;}
.contact-box a {text-decoration: none;}
a.contact {text-decoration: none;}
p.contact  {color: black; font-weight: bold; margin: 0; font-size: 12px !important;}
p.acredited {padding: 15px 0;  font-weight: bold; margin: 0 0 15px 0; font-size: 12px; color: #555; line-height: 16px !important;}
p.acredited img.star {border: 0 !important; float: left; margin-right: 10px !important;}
p.acredited a {background: #eff1ff; color: #5b6396;}
#side-container h1 {color: #fff; margin: 0;}
.side {background-color: #7881b8; color: #fff; padding: 15px;}
.side a, .side-alt a {color: #fff;}
.side p, .side-alt p {font-size: 14px; margin: 15px 0 0 0;}
.side-alt {background-color: #9ca7e7; color: #fff; padding: 15px;}
.no-underline a {text-decoration: none;}

#side-container-left {float: left; width: 280px; font-family: georgia; margin-top: 13px;}
#side-container-left h1 {color: #fff; margin: 0;}

#side-container-right {float: right; width: 280px; font-family: georgia; margin: 13px 0 0 0;}
#side-container-right h1 {color: #fff; margin: 0;}

.side-left {background: #7881b8 url(../images/bg-leftSide.png); color: #fff; padding: 15px;}
.side-left a, .side-alt a {color: #fff;}
.side-left p, .side-alt p {font-size: 14px; margin: 15px 0 0 0;}

.side-right {background: #7881b8 url(../images/bg-leftSide.png); color: #fff; padding: 15px; width: 250px; margin: 20px 0 20px 20px; float: right;}
.side-right h1 {color: #fff;}
.side-right ul {margin: 0; padding: 0 0 0 20px;}
.side-right a, .side-alt a {color: #fff;}
.side-right p, .side-alt p {font-size: 14px; margin: 15px 0 0 0;}

/* Signup Form */
#SignUp {background: url(../images/bg-leftSide.png); padding: 10px;}
#SignUp p {color: #fff; font-weight: bold;}
#SignUp label {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; font-size: 12px; text-transform: uppercase;}
#SignUp input.btn {width: 100px;}


/* forms.css */
.side-left input {margin: 5px 0; display: block; width: 98%;}
textarea {padding:5px; width: 94%; height: 200px; margin-bottom: 10px;}
.error {background-color: #CC0000; padding: 5px; margin-bottom: 10px; color: #fff;}
.success {background-color: #006633; padding: 5px; margin-bottom: 10px;}
input.errorfield {background-color: #f5d0cf;}
.smalltext {font-size: 11px;}

/* Sleep Test CSS */
.sleep-test label {display: block; color: #54544b; margin-bottom: 5px;}
.sleep-test select {margin-bottom: 15px;}
.sleep-test input {width: auto;}
span.num {float: left; display: block; font-size: 44px; margin: 0 30px 0 0; color: #dac4ad;}
.btTxt {font-size: 13px; text-transform: uppercase; font-weight: bold; padding: 5px 10px;}
.button {margin: 0 0 15px 0;}

#footer {clear: both; background: url(../images/bg-footer.gif) repeat-x; height: 110px; border-top: 1px solid #c9c9c9; font-family: georgia; padding: 15px; font-size: 12px; color: #666;}


/* Epworth Results */
.results {padding: 20px; margin: 0; background: #7d86bc; color: #fff;}
.lightbg {background: #9ea9e4;}
.results h1 {color: #fff; margin: 0 0 10px 0; border-bottom: 1px solid #99a2db;}
.results h2 {color: #fff; margin-top: 0; font-weight: bold}
.results table {}
.results input {width: 200px;}
.results label {font-size: 12px;}
.results img.photo {border: 2px solid #fff; margin-right: 20px;}
#submit {width: auto;}
.results textarea {height: auto; width: 190px; margin: 5px 0 5px 0;}

.form-container {
	background: #FFFFEA;
	padding: 15px;
	margin: 15px 0;
	border: 1px solid #d6d6be;
}

/* Berlin Form Styling */
.redflag {background: url(../images/redflag.gif) no-repeat; padding-left: 30px;}
.greenflag {background: url(../images/greenflag.gif) no-repeat; padding-left: 30px;}

.berlin .cell {margin: 0 15px 0 0;}
.berlin span {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
.yellowbg {background: #fffdef;}
.padding10 {padding: 10px;}
.berlin label {display: block; margin: 25px 0 0 0; color: #464d77; font-size: 18px; background: #f1f2fa; padding: 3px;}
label.error {background: #f7cccc; color: #6d2727;}
.berlin label.margin {margin: 0 0 5px 0}
.berlin input {padding: 5px; font-size: 15px}
.radio {width: 20px;}
.xsmall {width: 20px;}
.small {width: 70px;}
.medium {width: 200px;}
.large {width: 300px;}
.arrow {
	background: url(../images/arrow.gif) no-repeat;
	padding-left: 30px;
	padding-bottom: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 17px;
}

/* @group Staff Profiles */

#staff-list {
	margin: 0;
	float: left;
	padding: 0;
}

#staff-list img {
	padding: 5px;
	border: 1px solid #ccc;
}

#staff-list li {
	float: left;
	list-style: none;
	margin: 0 25px;
}


#staff-list p {
	font-size: 11px;
	text-align: center;
	line-height: 15px;
	margin-top: 7px;
	font-family: arial, sans-serif;
}

/* @end */


ul#social-media {
	float: right;
	clear: right;
}

ul#social-media li {
	list-style: none;
	float: left;
	margin-left: 7px;
}

ul#social-media li.text {
	margin-top: 16px;
	font-size: 12px;
}

.success-alt {
	 background: #9ae4b9; 
	 padding: 5px; 
	 color: #314e3d;
	 margin-top: 23px;
}