/* =============== Welcome Message =============== */

#welcome-message {
position: absolute;
right: 4px;
top: -44px;
text-align: right;
font-size: 1.1em;
color: #666;
}

#welcome-message a {
font-weight: bold;
font-size: 1.1em;
color: #0071BC;
text-decoration: none;
}





/* =============== Login and Register =============== */

#login-register-wrap {
width: 940px;
background: url(../images/login-register-wrap-bg.gif) repeat-y;
}

#login-register {
width: 940px;
background: url(../images/login-register-wrap-top.gif) top left no-repeat;
overflow: hidden;
}

#login-register-end {
width: 940px;
height: 20px;
background: url(../images/login-register-wrap-bot.gif) top left no-repeat;
}

.login-register-left {
float: left;
margin: 50px 33px 40px 45px;
display: inline;
width: 380px;
}

.login-register-right {
float: left;
margin: 50px 0 40px 0;
padding-left: 40px;
display: inline;
width: 380px;
border-left: 1px dotted #CCC;
}

#login-register h2 {
color: #2E3192;
font-family: trebuchet MS;
font-size: 2em;
margin: 0 0 24px 0;
}

#login-register p.btn {
margin-top: 30px;
}

#login-register p.btn a, #login-register p.btn input {
float: right;
display: block;
width: 109px;
height: 46px;
}

a.register {
background: url(../images/register.gif);
text-indent: -9999px;
}

#login-register ul {
list-style: square;
color: #8B827B;
font-size: 1.2em;
margin: 0 0 20px 18px;
line-height: 180%;
}

#login-register p {
width: 380px;
overflow: hidden;
margin-bottom: 8px;
}

#login-register .login-register-right p {
color: #8B827B;
font-size: 1.2em;
margin: 0 0 18px 0px;
line-height: 180%;
}

#login-register p label {
float: left;
width: 125px;
color: #0071BC;
font-size: 1.5em;
font-family: trebuchet MS;
text-align: right;
line-height: 24px;
}

#login-register p span {
float: right;
width: 245px;
}

#login-register p span input.long {
width: 210px;
padding: 5px;
border: 1px solid #E2E2E2;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-size: 1em;
color: #666;
font-family: verdana, arial, sans-serif;
}

#login-register p span input.short {
width: 110px;
padding: 5px;
border: 1px solid #E2E2E2;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-size: 1em;
color: #666;
font-family: verdana, arial, sans-serif;
}

#login-register p span label, #login-register p span a {
float: none;
width: auto;
color: #8B827B;
font-size: 1.1em;
font-family: verdana, helvetica, arial, sans-serif;
margin-left: 4px;
}

#register-passwords {
margin-top: 40px;
}

#register-options {
margin: 30px 0 40px 0;
border-top: 1px dotted #CCC;
padding-top: 16px;
}

#login-register #register-options p {
margin-bottom: 10px;
}

#login-register #register-options p label {
float: none;
width: auto;
color: #8B827B;
font-size: 1.1em;
}

.login-register-right a {
color: #2E3192;
}





/* =============== Request Quote =============== */

#request-quote {
margin-top: 40px;
}

#request-quote h2 {
margin-bottom: 10px;}

#request-quote h2 span {
color: #8B827B;
font-size: 0.8em;
font-weight: normal;
margin-left: 8px;
}

#request-quote textarea {
width: 540px;
height: 180px;
padding: 6px;
border: 1px solid #E2E2E2;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-size: 12px;
color: #666;
margin-left: 28px;
font-family: verdana, arial, sans-serif;
}

#request-quote p {
width: 650px;
overflow: hidden;
margin-bottom: 8px;
}

#request-quote p.btn {
margin-top: 40px;
}

#request-quote p.btn a, #request-quote p.btn input {
float: right;
display: block;
width: 109px;
height: 46px;
}

#request-quote ul {
list-style: none;
margin: 0 28px 18px 28px;
width: 660px;
overflow: hidden;
}

#request-quote ul li {
float: left;
width: 218px;
color: #8B827B;
font-size: 1.2em;
margin-bottom: 12px;
padding: 1px;
}

#request-quote ul li label {
margin-left: 6px;
}

#request-quote p label {
float: left;
width: 90px;
line-height: 24px;
}

#request-quote p span {
float: left;
width: 400px;
}

#request-quote p span input.long {
width: 360px;
padding: 5px;
border: 1px solid #E2E2E2;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-size: 1em;
color: #666;
font-family: verdana, arial, sans-serif;
}

#request-quote p span input.short {
width: 110px;
padding: 5px;
border: 1px solid #E2E2E2;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-size: 1em;
color: #666;
font-family: verdana, arial, sans-serif;
}

#request-quote p.last-bill-field {
margin-bottom: 18px;
}

.textarea-wrap {
width: 720px;
margin-bottom: 10px;
}

.show {
  display: block;
}

.hide {
  display: none;
}


/* =============== Therapists Home Option =============== */

#therapists-home-options {
list-style: none;
width: 630px;
margin: 60px 0 60px 65px;
overflow: hidden;
}

#therapists-home-options li {
float: left;
margin-right: 45px;
width: 165px;
}

#therapists-home-options li a.request-quote {
background: url(../images/pencil-paper.gif) 12px 0px no-repeat;
display: block;
width: 165px;
height: 165px;
text-decoration: none;
}

#therapists-home-options li a.appointments {
background: url(../images/calendar.gif) 12px 0px no-repeat;
display: block;
width: 165px;
height: 165px;
text-decoration: none;
}

#therapists-home-options li a.job-progress {
background: url(../images/clock.gif) 12px 0px no-repeat;
display: block;
width: 165px;
height: 165px;
text-decoration: none;
}

#therapists-home-options li h2 {
color: #0071BC;
font-family: trebuchet MS;
font-size: 1.6em;
margin: 0 0 5px 0;
}

#therapists-home-options li h2 a {
color: #0071BC;
text-decoration: none;
}

#therapists-home-options li p {
color: #8B827B;
font-size: 1.2em;
margin: 0;
line-height: 140%;
}




/* =============== Job Progress Table =============== */

#job-progress {
margin: 16px;
width: 686px;
border-collapse: collapse;
border-top: 1px solid #E2E2E2;
}

#job-progress th {
background: #FFF url(../images/job-table-hd-bg.gif) bottom left repeat-x;
padding: 8px;
border-bottom: 1px solid #E2E2E2;
color: #2E3192;
text-align: left;
font-weight: bold;
font-size: 1.2em;
font-family: trebuchet MS;
}

#job-progress th.client {
border-left: 1px solid #E2E2E2;
}

#job-progress th.status {
border-right: 1px solid #E2E2E2;
}

#job-progress td {
padding: 12px 8px 0px 8px;
font-size: 1.2em;
color: #0071BC;
}

#job-progress td.client {
color: #2E3192;
}

#job-progress td.job {
font-weight: bold;
}

#job-progress td span.current {
display: inline-block;
width: 120px;
background: url(../images/job-current.gif) center right no-repeat;
line-height: 23px;
}

#job-progress td span.completed {
display: inline-block;
width: 120px;
background: url(../images/job-completed.gif) center right no-repeat;
line-height: 23px;
}

#job-progress td a {
color: #8B827B;
}





/* =============== Job Detail Table =============== */

.job-detail {
margin: 30px 15px;
width: 690px;
}

#job-stage-header {
border: 1px solid #E2E2E2;
background: #FFF url(../images/job-table-hd-bg.gif) bottom left repeat-x;
width: 680px;
overflow: hidden;
padding: 8px 10px 8px 0;
margin: 10px 0;
}

#job-stage-header h2 {
float: right;
width: 70px;
color: #2E3192;
font-weight: bold;
font-size: 1.2em;
font-family: trebuchet MS;
line-height: normal;
text-align: center;
margin: 0;
}

.job-detail-line {
margin: 0 10px 5px 10px;
width: 670px;
color: #8B827B;
overflow: hidden;
}

.job-detail-line h3 {
float: left;
width: 100px;
color: #0071BC;
font-weight: bold;
font-size: 1.5em;
font-family: trebuchet MS;
margin: 0;
line-height: 29px;
}

#page-content .job-detail-line p {
float: left;
width: 410px;
line-height: 29px;
margin: 0 10px;
}

#page-content .job-detail-line p.job-info {
width: 200px;
}

.job-detail p em {
color: #0071BC;
font-style: normal;
font-weight: normal;
}

#page-content .job-detail-line .notes-btn {
display: block;
float: left;
width: 70px;
height: 29px;
text-indent: -9999px;
}

#page-content .job-detail-line .notes-btn a {
display: block;
width: 70px;
background: url(../images/pencil-paper-small.gif) center center no-repeat;
height: 29px;
text-indent: -9999px;
cursor: pointer;
}

#page-content .job-detail-line .completed {
display: block;
float: left;
width: 70px;
background: url(../images/job-completed.gif) center center no-repeat;
height: 29px;
text-indent: -9999px;
}

#page-content .job-detail-line .current {
display: block;
float: left;
width: 70px;
background: url(../images/job-current.gif) center center no-repeat;
height: 29px;
text-indent: -9999px;
}

.notes {
position: relative;
width: 662px;
border-top: 1px solid #E2E2E2;
border-bottom: 1px solid #E2E2E2;
padding: 26px 0 6px 0;
margin: 8px 0 10px 0;
display: none;
}

.notes p {
font-size: 1em;
font-style: italic;
line-height: 140%;
margin: 0 10px 10px;
}

.notes a {
position: absolute;
top: 4px;
right: 0px;
color: #0071BC;
cursor: pointer;
font-size: 1.1em;
text-align: right;
font-style: normal;
}





/* =============== Appointments =============== */

#appointments-header {
margin: 16px;
width: 644px;
background: #FFF url(../images/job-table-hd-bg.gif) bottom left repeat-x;
border: 1px solid #E2E2E2;
padding: 12px 20px 10px 20px;
overflow: hidden;
}

#appointments-header h2 {
color: #2E3192;
text-align: center;
margin: 0;
}

#appointments-header a {
display: block;
color: #2E3192;
text-decoration: none;
line-height: 22px;
font-size: 1.1em;
}

#appointments-header #appointments-prev {
float: left;
padding-left: 30px;
text-align: right;
width: 52px;
background: url(../images/app-prev-bg.gif) center left no-repeat;
}

#appointments-header #appointments-next {
float: right;
padding-right: 30px;
text-align: left;
width: 30px;
background: url(../images/app-next-bg.gif) center right no-repeat;
}

#appointments {
width: 666px;
font-size: 1.2em;
margin: 20px 26px;
font-family: trebuchet MS;
border-top: 1px solid #E2E2E2;
}

#appointments th {
background: #0071BC;
color: #FFF;
text-align: left;
padding: 5px;
font-size: 1em;
width: 20%;
}

#appointments td {
height: 110px;
vertical-align: top;
border: 1px solid #E2E2E2;
color: #9F1110;
font-size: 1em;
padding: 5px;
background: #F1F1F1;
}

#appointments td.over {
background: #FFF;
}

#appointments td.adjacent-month {
background: #CCC;
}

#appointments td.today {
background: #d7e3f0;
}

#appointments td span {
float: left;
color: #333;
font-weight: bold;
font-family: verdana, arial, sans-serif;
}

#appointments td p {
margin: 20px 0 0 0;
color: #9F1110;
font-size: 1em;
line-height: normal;
}

#appointments td p span {
float: none;
color: #9F1110;
font-size: 1em;
font-family: trebuchet MS;
}




/* =============== Request Appointment =============== */

#request-appointment-wrap {
width: 626px;
margin: 20px 46px;
background: url(../images/request-app-bg.gif) repeat-y;
}

#request-appointment {
width: 506px;
padding: 50px 60px;
background: url(../images/request-app-bg-top.gif) no-repeat;
}

#request-appointment-end {
width: 626px;
height: 41px;
background: url(../images/request-app-bg-bot.gif) no-repeat;
}

#request-appointment h2 {
color: #FFF;
font-size: 1.5em;
margin: 0 0 16px 0;
}

#request-appointment h2 span {
font-size: 1.2em;
margin-left: 20px;
}

#request-appointment form {
font-family: trebuchet MS;
}

#request-appointment table {
color: #FFF;
border-collapse: collapse;
font-size: 1.3em;
margin-bottom: 20px;
}

#request-appointment th {
text-align: left;
padding: 10px 0;
font-size: 1.1em;
width: 120px;
}

#request-appointment td {
padding: 10px 0;
}

.app-time-tip {
font-size: 0.9em;
}

.app-taken {
color: #5394C8;
}

.power-type {
margin-right: 8px;
}

#request-appointment td input, #request-appointment td label {
margin-right: 8px;
}

#request-appointment textarea {
width: 500px;
height: 80px;
border: 1px solid #C1C1C1;
padding: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-size: 12px;
color: #666;
font-family: verdana, arial, sans-serif;
}

#page-content #request-appointment p.btn {
margin: 20px 0 0 0;
width: 500px;
overflow: hidden;
}

#request-appointment p.btn input {
float: right;
display: block;
width: 100px;
height: 36px;
margin-left: 12px;
}

table#appointments td p.approved, table#appointments td p.approved a {
color: #0071BC;
}

table#appointments td p.pending, table#appointments td p.pending a {
color: #9F1110;
}

#appointments td a.add-app {
float: right;
color: #666;
font-family: verdana, arial, sans-serif;
display: block;
width: 13px;
height: 13px;
background: url(../images/plus-icon.gif) no-repeat;
text-indent: -9999px;
}