html {
margin : 0;
padding : 0;
}
body {
margin : 0;
padding : 0;
font-size : 62.5%;
font-family : Arial, Helvetica, sans-serif;
color : #3a5754;
background-color : #d5cead;
}
h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li, blockquote {
margin : 0;
padding : 0;
}
a:link {
color : #3a5754;
text-decoration : underline;
font-weight : 700;
}
a:visited {
color : #3a5754;
text-decoration : underline;
font-weight : 700;
}
a:hover {
color : #3a5754;
text-decoration : none;
font-weight : 700;
}
a:active {
color : #3a5754;
text-decoration : underline;
font-weight : 700;
}
p {
line-height : 150%;
margin-bottom : 10px;
}
blockquote {
line-height : 150%;
margin : 0 40px 10px 40px;
font-size : 1.2em;
}
em {
color : #c14c20;
font-style : normal;
}
#branding {
height : 130px;
width : 100%;
background : url(../images/company/hospital_logo.jpg) no-repeat;
background-position : center;
background-color : #fff;
}
#branding h1 {
display : none;
}
#navigation-bar {
width : 100%;
background-color : #3a5754;
}
#main-navigation-login ul {
margin : 0 auto;
width : 560px;
}
#main-navigation-login li {
list-style-type : none;
display : inline;
font-size : 1.3em;
font-weight : 700;
}
#main-navigation-login a:link {
float : left;
color : #fff;
background-color : #96aaab;
padding : 10px 12px 10px 12px;
text-decoration : none;
margin-right : 1px;
font-size : 1em;
}
#main-navigation-login a:visited {
float : left;
color : #fff;
background-color : #96aaab;
padding : 10px 12px 10px 12px;
text-decoration : none;
margin-right : 1px;
font-size : 1em;
}
#main-navigation-login a:hover {
float : left;
color : #3a5754;
background-color : #f0f0f0;
padding : 10px 12px 10px 12px;
text-decoration : none;
margin-right : 1px;
font-size : 1em;
}
#main-navigation-login a:active {
float : left;
color : #fff;
background-color : #96aaab;
padding : 10px 12px 10px 12px;
text-decoration : none;
margin-right : 1px;
font-size : 1em;
}
#main-navigation-login strong a:link {
float : left;
color : #3a5754;
background-color : #f0f0f0;
padding : 10px 12px 10px 12px;
text-decoration : none;
margin-right : 1px;
font-size : 1em;
}
#main-navigation-login strong a:visited {
float : left;
color : #3a5754;
background-color : #f0f0f0;
padding : 10px 12px 10px 12px;
text-decoration : none;
margin-right : 1px;
font-size : 1em;
}
#main-navigation-login strong a:hover {
float : left;
color : #3a5754;
background-color : #f0f0f0;
padding : 10px 12px 10px 12px;
text-decoration : none;
margin-right : 1px;
font-size : 1em;
}
#main-navigation-login strong a:active {
float : left;
color : #3a5754;
background-color : #f0f0f0;
padding : 10px 12px 10px 12px;
text-decoration : none;
margin-right : 1px;
font-size : 1em;
}
#main-navigation-logout ul {
margin : 0 auto;
width : 460px;
}
#main-navigation-logout li {
list-style-type : none;
display : inline;
font-size : 1.3em;
font-weight : 700;
}
#main-navigation-logout a:link {
float : left;
color : #fff;
background-color : #96aaab;
padding : 10px 12px 10px 12px;
text-decoration : none;
margin-right : 1px;
font-size : 1em;
}
#main-navigation-logout a:visited {
float : left;
color : #fff;
background-color : #96aaab;
padding : 10px 12px 10px 12px;
text-decoration : none;
margin-right : 1px;
font-size : 1em;
}
#main-navigation-logout a:hover {
float : left;
color : #3a5754;
background-color : #f0f0f0;
padding : 10px 12px 10px 12px;
text-decoration : none;
margin-right : 1px;
font-size : 1em;
}
#main-navigation-logout a:active {
float : left;
color : #fff;
background-color : #96aaab;
padding : 10px 12px 10px 12px;
text-decoration : none;
margin-right : 1px;
font-size : 1em;
}
#main-navigation-logout strong a:link {
float : left;
color : #3a5754;
background-color : #f0f0f0;
padding : 10px 12px 10px 12px;
text-decoration : none;
margin-right : 1px;
font-size : 1em;
}
#main-navigation-logout strong a:visited {
float : left;
color : #3a5754;
background-color : #f0f0f0;
padding : 10px 12px 10px 12px;
text-decoration : none;
margin-right : 1px;
font-size : 1em;
}
#main-navigation-logout strong a:hover {
float : left;
color : #3a5754;
background-color : #f0f0f0;
padding : 10px 12px 10px 12px;
text-decoration : none;
margin-right : 1px;
font-size : 1em;
}
#main-navigation-logout strong a:active {
float : left;
color : #3a5754;
background-color : #f0f0f0;
padding : 10px 12px 10px 12px;
text-decoration : none;
margin-right : 1px;
font-size : 1em;
}
#footer {
width : 677px;
margin : 50px auto;
color : #83827d;
}
#footer img {
float : left;
margin-right : 10px;
}
#footer p {
padding-top : 6px;
}
#footer a:link {
color : #83827d;
text-decoration : none;
font-weight : 300;
}
#footer a:visited {
color : #83827d;
text-decoration : none;
font-weight : 300;
}
#footer a:hover {
color : #83827d;
text-decoration : underline;
font-weight : 300;
}
#footer a:active {
color : #83827d;
text-decoration : none;
font-weight : 300;
}
#confirm-payment {
width : 677px;
margin : 0 auto;
padding : 45px 0 0 0;
}
#confirm-payment td {
color : #68665f;
}
#confirm-payment th {
text-align : left;
}
#confirm-payment h2 {
color : #c14c20;
font-weight : 700;
font-size : 2.4em;
margin : 0 0 0 0;
}
#confirm-payment h3 {
color : #c14c20;
font-weight : 700;
font-size : 1.6em;
margin : 25px 0 16px 0;
width : 550px;
}
#main-content {
width : 677px;
margin : 0 auto;
padding : 45px 0 0 0;
}
#main-content h2 {
color : #c14c20;
font-weight : 700;
font-size : 2.4em;
margin : 0 0 20px 0;
}
#main-content h3 {
color : #c14c20;
font-weight : 700;
font-size : 1.6em;
margin : 25px 0 16px 0;
width : 550px;
}
#main-content h4 {
color : #3a5754;
font-weight : 700;
font-size : 1.3em;
margin : 0 0 16px 0;
}
#main-content h5 {
color : #3a5754;
font-weight : 700;
font-size : 1.2em;
margin : 0 0 16px 0;
}
#main-content p {
width : 505px;
font-size : 1.2em;
line-height : 150%;
margin : 0 0 16px 0;
}
#main-content ul {
margin-bottom : 20px;
}
#main-content ol {
margin : 0 auto;
width : 560px;
color : #3a5754;
}
#main-content ol li {
display : list-item;
margin : 0 0 5px 15px;
line-height : 150%;
font-size : 1.2em;
width : 400px;
color : #3a5754;
}
#main-content li {
vertical-align : top;
margin : 0 0 5px 50px;
line-height : 150%;
font-size : 1.2em;
width : 400px;
}
a:link.button {
line-height : 250%;
color : #fff;
background-color : #3a5754;
padding : 6px 12px 6px 12px;
font-size : 1em;
text-transform : uppercase;
text-decoration : none;
margin-right : 5px;
}
a:visited.button {
line-height : 250%;
color : #fff;
background-color : #3a5754;
padding : 6px 12px 6px 12px;
font-size : 1em;
text-transform : uppercase;
text-decoration : none;
margin-right : 5px;
}
a:hover.button {
line-height : 250%;
color : #fff;
background-color : #3a5754;
padding : 6px 12px 6px 12px;
font-size : 1em;
text-transform : uppercase;
text-decoration : none;
margin-right : 5px;
}
a:active.button {
line-height : 250%;
color : #fff;
background-color : #3a5754;
padding : 6px 12px 6px 12px;
font-size : 1em;
text-transform : uppercase;
text-decoration : none;
margin-right : 5px;
}
.statement-message {
padding-right : 15px;
border-top : 1px solid #538c54;
padding-left : 15px;
padding-bottom : 8px;
margin : 0 auto 20px;
width : 600px;
padding-top : 8px;
border-bottom : 1px solid #538c54;
background-color : #fff;
}
.warning-message {
background-color : #fff;
width : 400px;
margin : 20px auto 20px auto;
border-top : 1px solid #c14d21;
border-bottom : 1px solid #c14d21;
padding : 8px 15px 8px 15px;
}
.success-message {
background-color : #fff;
width : 400px;
margin : 20px auto 20px auto;
border-top : 1px solid #538c54;
border-bottom : 1px solid #538c54;
padding : 8px 15px 8px 15px;
}
#main-content .warning-message p {
font-weight : 700;
font-size : 1.4em;
color : #68665f;
margin : 0;
}
.warning-message p {
font-weight : 700;
font-size : 1.4em;
color : #68665f;
margin : 0;
}
.login-area {
margin : 0 0 30px 0;
}
.login-left {
float : left;
width : 270px;
}
.login-right {
float : left;
width : 150px;
}
#main-content .login-right li {
font-size : 1.3em;
margin-bottom : 5px;
padding-left : 40px;
list-style-type : none;
width : 250px;
}
.login-table {
width : 227px;
margin : 0 0 10px 36px;
}
.login-table td, .login-table th {
vertical-align : top;
}
.login-table th {
padding-top : 4px;
}
.login-table label {
font-weight : 700;
color : #3a5754;
font-size : 1.3em;
}
.login-table input {
border : 0 solid #fff;
margin : 0 0 10px 20px;
width : 130px;
height : 22px;
padding : 3px 5px 3px 5px;
background : url(../images/structure/login-input-background.jpg) no-repeat;
}
.button-indent {
margin-left : 36px;
}
.page-division-group {
margin : 0 0 30px 0;
}
.page-division-left {
float : left;
width : 300px;
}
#main-content .page-division-left p {
font-size : 1.3em;
width : 290px;
}
.page-division-right {
float : left;
width : 230px;
}
#main-content .page-division-right li {
font-size : 1.3em;
margin-bottom : 5px;
padding-left : 20px;
list-style-type : none;
width : 280px;
}
.security-link a:link {
color : #c14d21;
font-weight : 300;
}
.security-link a:visited {
color : #c14d21;
font-weight : 300;
}
.security-link a:hover {
color : #c14d21;
font-weight : 300;
}
.security-link a:active {
color : #c14d21;
font-weight : 300;
}
.secondary-content {
width : 677px;
margin : 0 auto 15px auto;
}
.secondary-content h2 {
color : #c14c20;
font-weight : 700;
font-size : 2em;
margin : 0 0 20px 0;
}
.patient-box {
background-color : #fff;
border-top : 2px solid #677f7f;
width : 627px;
margin-bottom : 10px;
padding : 7px;
}
.patient-box-left {
width : 99px;
float : left;
font-size : 1.2em;
}
.patient-box-middle {
width : 422px;
float : left;
line-height : 150%;
font-size : 1.4em;
}
.patient-box-right {
float : left;
}
.show-hide-button-up {
width : 70px;
padding : 5px 20px 5px 5px;
color : #fff;
font-weight : 300;
text-align : center;
text-transform : uppercase;
cursor : pointer;
background : url(../images/structure/little_arrow_up.gif) no-repeat;
background-position : right;
background-color : #3a5754;
}
.show-hide-button-down {
width : 70px;
padding : 5px 20px 5px 5px;
color : #fff;
font-weight : 300;
text-align : center;
text-transform : uppercase;
cursor : pointer;
background : url(../images/structure/little_arrow_down.gif) no-repeat;
background-position : right;
background-color : #3a5754;
}
.top-link {
float : right;
margin-right : 30px;
padding-top : 12px;
}
a:link.top-button {
line-height : 250%;
color : #fff;
padding : 6px 23px 6px 12px;
font-size : 1em;
text-transform : uppercase;
text-decoration : none;
margin-right : 5px;
background : url(../images/structure/little_arrow_up.gif) no-repeat;
background-position : right;
background-color : #3a5754;
}
a:visited.top-button {
line-height : 250%;
color : #fff;
padding : 6px 23px 6px 12px;
font-size : 1em;
text-transform : uppercase;
text-decoration : none;
margin-right : 5px;
background : url(../images/structure/little_arrow_up.gif) no-repeat;
background-position : right;
background-color : #3a5754;
}
a:hover.top-button {
line-height : 250%;
color : #fff;
padding : 6px 23px 6px 12px;
font-size : 1em;
text-transform : uppercase;
text-decoration : none;
margin-right : 5px;
background : url(../images/structure/little_arrow_up.gif) no-repeat;
background-position : right;
background-color : #3a5754;
}
a:active.top-button {
line-height : 250%;
color : #fff;
padding : 6px 23px 6px 12px;
font-size : 1em;
text-transform : uppercase;
text-decoration : none;
margin-right : 5px;
background : url(../images/structure/little_arrow_up.gif) no-repeat;
background-position : right;
background-color : #3a5754;
}
.form-table {
width : 400px;
margin : 10px 0 10px 30px;
}
.form-table th {
text-align : left;
color : #3a5754;
font-weight : 700;
font-size : 1.2em;
padding-bottom : 2px;
}
.form-table td, .form-table th {
padding : 0 5px 5px 5px;
}
.form-table td {
padding-top : 2px;
}
.form-table input {
border : 0 solid #fff;
background : url(../images/structure/form_table_field.jpg) no-repeat;
width : 180px;
height : 22px;
padding : 3px 12px 3px 5px;
}
#main-content .form-table select {
border : 1px solid #dadada;
margin : 0 0 3px 0;
}
td.submit-button {
padding : 10px 7px 0 0;
text-align : right;
}
td.submit-button2 {
padding : 10px 40px 0 0;
text-align : right;
}
td.small-table-text {
font-size : 1em;
padding-bottom : 20px;
}
blockquote strong {
color : #3a5754;
font-size : 1.1em;
padding-right : 5px;
}
.email-table {
width : 300px;
margin : 0 0 10px 80px;
font-size : 1.2em;
}
.email-table td {
text-align : right;
}
.account-table {
width : 400px;
margin : 0 0 10px 30px;
}
.account-table td, .account-table th {
vertical-align : top;
text-align : right;
}
.account-table th {
padding-top : 4px;
}
.account-table label {
font-weight : 700;
color : #3a5754;
font-size : 1.3em;
}
.account-table input {
border : 0 solid #fff;
background : url(../images/structure/form_table_field.jpg) no-repeat;
width : 180px;
height : 22px;
padding : 3px 12px 3px 5px;
}
.no-style input {
border : 0;
width : auto;
height : auto;
background : none;
}
.no-style-short input {
border : 0;
width : 40px;
height : auto;
background : none;
}
.input-short {
background : url(../images/structure/form_table_field_short.jpg) no-repeat;
}
.rtop, .rbottom, .artop, .arbottom {
display : none;
}
#schedule-content {
width : 677px;
margin : 0 auto;
padding : 0 0 0 0;
}
#schedule-content p {
width : 505px;
font-size : 1.2em;
line-height : 150%;
margin : 0 0 16px 0;
}