/* @override http://ylo.tsdwebsites.com/index.php/tools/css/themes/YLOCare/main.css */

/* @override http://localhost:8888/index.php/tools/css/themes/YLOCare/main.css */

/* @override http://localhost:8888/index.php/tools/css/themes/YLOCare/main.css */

html,body
{
	height:100%;
}

body
{
	background-color:#9FB5C7;
	margin:0;
	padding:0;
}

img
{
	border:0;
}

#central a, #central a:visited, #central a:active {
	cursor:pointer;
	color: #9fb5c7 !important;
}
#central a:hover {
	color: #315d80;
}

label
{
	font-weight:700;
}

fieldset
{
	border:1px solid #ccc;
}

div.ccm-error-response
{
	color:red;
	margin-bottom:12px;
}

.clearer {
	clear: both;
}

#page
{
	text-align:left;
}

#page #headerSpacer
{
	height:0;
}

#page #header
{
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:960px;
	height: 60px;
}

#page #header #logo
{
	color:#999;
	cursor:pointer;
	display:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:32px;
	left:0;
	line-height:auto;
	margin-bottom:0;
	margin-top:8px;
	padding:0;
	position:relative;
	width:auto;
	z-index:1;
}

#page #header #logo a
{
	color:#999;
	text-decoration:none;
}

#page #header #logo p
{
	color:inherit;
	display:inline;
	font-size:inherit;
	line-height:inherit;
	margin:inherit;
	padding:inherit;
}

#page #header #headerNav
{
	background-image:url(http://www.ylocare.com/themes/YLOCare//images/headerBG.jpg);
	height:60px;
	overflow:visible;
	position:relative;
	width:100%;
	z-index:2;
}

#page #header ul.nav-header
{
	float:left;
	list-style:none;
	margin:0 0 0 325px;
	overflow:visible;
	padding:0;
	width:auto;
	z-index:2;
}

#page #header ul.nav-header li
{
	color:#999;
	float:left;
	font-size:13px;
	margin-bottom:0;
	margin-left:16px;
	margin-top:0;
	padding:2px 0;
}

#page #header ul.nav-header li a
{
	color: white;
	font-size:18px;
	line-height:45px;
	text-decoration:none;
}

#page #header ul.nav-header li a:hover {
	border-bottom: 2px solid #ffe08e;
}

#page #header ul.nav-header li.nav-selected a
{
	border-bottom: 2px solid white;
}

#page #header #header-area
{
	display:none;
	margin-bottom:10px;
	margin-top:10px;
}

#page #header #header-area #header-area-inside
{
	margin-bottom:12px;
}

#page #header #header-area img
{
	display:block;
}

#page .divider
{
	background:url(http://www.ylocare.com/themes/YLOCare/http://www.ylocare.com/themes/YLOCare/images/nav_horizontal_divider.gif) no-repeat top;
	clear:both;
	height:1px;
	overflow:hidden;
	padding-top:12px;
	width:100%;
}

#page #central
{
	background-color:#FFF;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

#page #central.no-sidebar
{
	width: 680px;
}

#page #central.central-left
{
	background:url(http://www.ylocare.com/themes/YLOCare/http://www.ylocare.com/themes/YLOCare/images/nav_sidebar_left_bg.gif) repeat-y center!important;
}

#page #central.central-left div#sidebar
{
	float:left!important;
}

#page #central.central-left #body
{
	float:right;
	padding-left:68px!important;
	padding-right:0!important;
}

#page #central #body
{
	float:left;
	padding-left:0!important;
	padding-right:0!important;
	width:465px;
}

#page #body {
	padding: 10px 0;
}

#page .no-sidebar #body
{
	float: left;
	width:auto!important;
}

#page #central #sidebar
{
	float:right;
	width:466px;
}

#page #central #sidebar p
{
	line-height:24px;
}

#page #central #sidebar ul.nav
{
	font-size:11px;
	list-style:none;
	margin-left:0;
	padding:0 0 0 24px;
}

#page #central #sidebar ul.nav li
{
	margin-bottom:16px;
}

#page #central #sidebar ul.nav a
{
	color:#333;
	text-decoration:none;
}

#page #central #sidebar ul.nav a.nav-selected
{
	font-weight:700;
}

#page #central #sidebar ul.nav a:hover
{
	text-decoration:underline;
}

#page #central #sidebar ul.nav ul
{
	list-style:none;
	margin-left:0;
	margin-top:16px;
	padding:0 0 0 16px;
}

#page #central #sidebar ul.nav ul li
{
	margin-bottom:16px;
}

#page #central.navLeft
{
	background:url(http://www.ylocare.com/themes/YLOCare/http://www.ylocare.com/themes/YLOCare/images/nav_sidebar_left_bg.gif) repeat-y center;
}

#page #central.navLeft #sidebar
{
	float:left;
}

#page #central.navLeft #body
{
	float:right;
	padding-right:0;
	width:68%;
}

#page #central.noSideNav
{
	background:none;
}

#page #central.noSideNav #sidebar
{
	display:none;
}

#page #central.noSideNav #body
{
	float:none;
	padding-left:0;
	padding-right:0;
	width:100%;
}

#page #footer
{
	background:#9FB5C7 url(http://www.ylocare.com/themes/YLOCare/http://www.ylocare.com/themes/YLOCare//images/footerShadow.gif) repeat-x 0 top;
	clear:both;
	color:#FFF;
	font-size:10px;
	padding-bottom:16px;
	padding-top:24px;
}

#page #defaultFooter #footer {
	background-image: none;
	margin-top: 100px;
}

.bringYLOButton {
	position: absolute;
	left: 0;
	top: 209px;
	overflow: visible;
}

#body form {
	clear: left;
	float: left;
	padding-top: 20px!important;
}

#footerLinks
{
	text-align:center;
}

#footerLinks a
{
	color:#FFF;
	font-size:14px;
	margin-left:10px;
	margin-right:10px;
}

#page #footer a
{
	text-decoration:none;
}

#page #footer span.sign-in
{
	margin-left:20px;
}

#page #footer span.powered-by
{
	float:right;
}

.pagingNav
{
	margin:16px 0 8px;
}

.pagination
{
	color:#bbb;
	padding-top:4px;
	text-align:center;
}

.pagination .pageRight
{
	float:right;
	text-align:right;
	width:20%;
}

.pagination .pageLeft
{
	float:left;
	text-align:left;
	width:20%;
}

div.code
{
	background:#eee;
	border:1px solid #ddd;
	padding:10px;
}

div.spacer,div.ccm-spacer
{
	clear:both;
	font-size:1px;
	line-height:1px;
}

.noTopSpace
{
	margin-top:0;
	padding-top:0;
}

#homeLogoPic
{
	height:322px;
}

#homeLogoPic img
{
	margin-left:90px;
	margin-top:40px;
}

#frontSideText
{
	margin-top:90px;
	position: relative;
}

.backgroundColor {
	background-color: white;
}

.no-sidebar h2, .no-sidebar p, .no-sidebar ul {
	float: right;
	width: 633px;
}

.no-sidebar li {
	margin-left: 25px;
}

.no-sidebar ul {
	margin-bottom: 30px;
}

#yellowCrossP {
	float: left;
	width: 22px;
	position: relative;
	left: 10px;
	margin: 0;
	top: 5px;
}

#body input[type=text] {
	font-size: 18px;
	line-height: 32px;
	margin: 0;
	padding: 0;
	border: 1px solid #b7b7b7;
	border-top-style: none;
	border-right-style: none;
	width: 495px;
	text-indent: 6px;
}

#body input[type=submit] {
	margin-top: 20px;
}

#body .textarea {
	padding: 0 6px;
}


#body textarea {
	margin: 0;
	padding: 0;
	border: 1px solid #b7b7b7;
	border-top-style: none;
	border-right-style: none;
	width: 482px!important;
	height: 97px;
	font: 18px/32px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#body form table {
	margin-left: auto;
	margin-right: auto;
}

#body .miniSurveyView #msg {
	width: 400px;
	padding: 5px 0 6px;
	text-align: center;
	border-color: #c4c475;
	color: #4d4d2e;
	margin: 0 auto 20px;
}

#body td.question {
	vertical-align: middle;
	height: 35px;
	margin: 0;
	padding: 0;
	width: 175px;
	color: #bababa;
}

.question {
	float: left;
	clear: left;
	font-weight: bold;
}

.answer {
	float: left;
	clear: left;
}

#bottomSection {
	width: 950px;
	clear: both;
	padding-bottom: 50px;
}

#bottomSection p {
	margin: 0px;
}

#blueSection > .inner {
	width: 865px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	padding-top: 40px;
}

#frontPageForm input[type=text], #frontPageForm input[type=password] {
	width: 415px;
	height: 41px;
	border: 1px solid #a0b5c7;
	color: #386080;
	font: bold 18px/40px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-indent: 14px;
	outline: 0;
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
}

#frontPageForm #formDivider {
	float: left;
	clear: left;
	width: 100%;
	height: 10px;
}

#frontBox {
	height: 250px;
	width: 900px;
}

#blueSection {
	background-color: #9fb5c7;
	z-index: 2;
	position: absolute;
	margin-bottom: -121px;
	padding-bottom: 40px;
	left: 0;
	right: 0;
}

#blueStripe {
	height: 0px !important;
}

#blueSection p, #blueSection h4 {
	color: white;
}



#frontPageForm {
	width: 950px;
	float: left;
}

#frontPageForm form {
	width: 417px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	display: block;
}

#bottomSection h3{
	text-align: center;
}

#reccomendButton {
	display: block;
	margin: 10px auto -26px;
	line-height: 41px;
	text-align: center;
	clear: both;
	background: url(http://www.ylocare.com/themes/YLOCare/) no-repeat;
	position: relative;
	z-index: 3;
}

#forgotPW {
	font-size: 11px;
	color: #386080;
	padding-top: 7px;
	float: left;
}

#frontPageForm input[type=submit] {
	float: right;
	margin-top: 10px;
	margin-bottom: 20px;
	background-image: url(http://www.ylocare.com/themes/YLOCare/images/frontPageSubmit.png);
	border-style: none;
	background-color: transparent;
	width: 95px;
	height: 28px;
	color: white;
	font-size: 16px;
}
#frontPageForm input[type=submit] :hover{
	cursor: pointer;
}

#bottomSection h3 {
	color: #386080;
}

#yloLogo {
	float: left;
	margin-right: 60px;
	margin-top: 11px;
}

#blueSection h4 {
	font-size: 21px;
	line-height: 40px;
}

#blueSection p {
	font-size: 16px;
	line-height: 24px;
}

#blueSection a, #blueSection a:visited {
	color: #fdd842 !important;
	text-decoration: none;
}

#footer .powered-by, #footer .sign-in {
	padding-bottom: 15px;
}

#footerLinks {
	clear: both;
}