@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
html { -webkit-text-size-adjust: none; }

BODY{ font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: .85em; line-height: 1.5em; color: #002a60; }

#lightboxCaption, #keyboardMsg { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; }
dl#system-message { background-color:#9b0000; color:white; font-size:11px; font-weight:bold; margin:0 0 20px 0; padding:2px; }
dl#system-message dt.error { font-size:13px; text-transform:uppercase; }
dl#system-message ul{ margin: 0; padding: 0; }
dl#system-message ul li { padding: 6px; list-style: none; }

h1, h2, h3, h4, h5, h6, #userForm legend { font-family: 'Roboto', Arial, Helvetica, sans-serif; margin: 0 0 10px 0; font-weight: 400; }

h1 { font-size: 1.7em; line-height: 25px; color: #022c61; font-weight: 700; }
h2 { font-size: 1.2em; line-height: 20px; color: #0071bf; }
h3 { font-size: 0.85em; line-height: 20px; color: #0071bf; }
h4 { font-size: 0.6em; line-height: 20px; color: #002a60; }
h5 { font-size: 0.5em; line-height: 20px; color: #0071bf; }
h6 { font-size: 0.4em; line-height: 20px; color: #002a60; }

a:link, a:active, a:visited { color: #0071bf; text-decoration: none;  }
a:hover { color: #0071bf; text-decoration: underline; } 

p.readmore a:link, p.readmore a:active, p.readmore a:visited  { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #821AEA; font-size: 11px; line-height: 20px; margin: 0 0 10px; padding: 3px 10px; color: #FFFFFF; text-transform: uppercase; }
p.readmore a:hover { background-color: #601CA2; }

.highlight { background-color: #fffebb; }

table.contentpaneopen table { margin-bottom:1.4em; }

.smallGrey { font-family: 'Roboto', Arial, Helvetica, sans-serif; color: #707070; font-size: 10px; }

table.contenttable td { padding: 2px 5px; }
p { margin: 0 0 0.6em 0; }

ul { margin-left: 15px; padding-top: 5px; padding-bottom: 5px; }
ol { margin-left: 30px; padding-top: 5px; padding-bottom: 5px; }
ul li { list-style-type: square; padding-bottom: 3px; line-height: 1.3em; }
ol li { list-style-type: decimal; padding-bottom: 3px; line-height: 1.3em; }
blockquote { padding: 15px; margin-left: 15px; }
strong, b { font-weight: bold; } 
em, i { font-style: italic; }
td.buttonheading IMG {border: 0px;}

td { vertical-align: top; }
ul.actions { display: none; }

hr { width: 100%; height: 1px; border: 0; color: #FFF; background: url(../images/dots.gif) repeat-x bottom left; margin: 15px 0; }
.item-page table td img { margin: 5px 15px 0 0; border: 1px solid #EEE; }

/* Custom Styles */
.orange { color: #ee3100; }
.red { color: #e40000; }

/* RIGHT: Bookings Module, Address Module etc */
.right .moduletable p  { font-size: 0.95em; }
.bookings h1 { font-size: 3em; }
.bookings h2 { font-size: 1.5em; }

.clinic h3 { color: #022C61; font-size: 1.7em; font-weight: 700; margin-bottom: 0.6em; }
.clinic h4.phone { color: #0071BF; font-size: 1.5em; margin-bottom: 0.2em; font-weight: 700; }
.clinic h4.fax { color: #0071BF; font-size: 1.1em;  }

/* Footer */
#footer ul { margin: 0 0 10px 0; padding: 0; }
#footer ul li { line-height: .8em; font-size: 10px; color: #254c8c; display: inline; padding-left: 15px; }

#footer p { margin: 0 0 0.5em 0; line-height: 1.3em; font-size: 10px; color: #254c8c; }
#footer p span{ padding-left: 15px; }

#footer a:link, #footer a:active, #footer a:visited { color: #254c8c; text-decoration: none; }
#footer a:hover { color: #3e70c2; }

/* Joomla core stuff */
.back_button { background-color:#FFF; border:1px solid #EEE; color:#000; font-size:11px; padding:3px 10px; text-align:center; text-transform:uppercase; width: 65px; }
.back_button a:link, .back_button a:active, .back_button a:visited, .back_button a:hover { color: #6f6d6e; }

div.padding table.pagenav { display: none;}
.pagenav { line-height:60px; color: #6f6d6e; font-size: 11px; padding: 0px 2px; text-align:center; text-transform:uppercase; }
a.pagenav:link, a.pagenav:active, a.pagenav:visited, a.pagenav:hover { color: #6f6d6e; text-decoration: none; }

table.blog { width: 100%; }

table.contentpaneopen { width: 100%; padding: 0px; border-collapse: collapse; border-spacing: 0px; }
table.contentpane { width: 100%; padding: 0px; border-collapse: collapse; border-spacing: 0px; margin: 0 0 20px 0; }
table.contentpane td { margin: 0; padding: 0; }

table.contentpaneopen fieldset { border: 0px; border-bottom: 1px solid #eee; }

div.moduletable { padding: 0; margin: 0; }

.small, .createdate, .modifydate { height: 15px; color: #A3A3A3; font-size: 11px; font-weight: normal; }
span.title { font-weight: bold; }

/* removes space below form elements */
form { margin: 0; padding: 0; }

.article_separator { display: block; height: 10px; }

/* Overrides */
#xmap { text-align: left; }

/* Online Booking Form */

form#userForm legend { display: none; }
form#userForm li.rsform-block.rsform-block-patient-information,
form#userForm li.rsform-block.rsform-block-book-an-appointment,
form#userForm li.rsform-block.rsform-block-patient-medical-history
 { font-weight: 700; padding-bottom: 3px; border-bottom: 1px solid #DADADA; font-size: 1.2em; line-height: 20px; color: #0071bf; margin: 15px 0; }

 
form#userForm li .formCaption2 { float: left; width: 465px; }

form#userForm li.rsform-block-main-complaint .formCaption2,
form#userForm li.rsform-block-investigation .formCaption2,
form#userForm li.rsform-block-other-medical-conditions .formCaption2,
form#userForm li.rsform-block-other-specialists-involved-in-your-care .formCaption2,
form#userForm li.rsform-block-previous-surgery .formCaption2,
form#userForm li.rsform-block-current-medications .formCaption2,
form#userForm li.rsform-block-allergies-to-medications .formCaption2,
form#userForm li.rsform-block-confirm-your-appointment .formCaption2  { float: none;}

form#userForm li.rsform-block-how-many-packs input, 
form#userForm li.rsform-block-how-much-alcohol input { width: 100px;}
 
/* Patient Info */
form#userForm li.rsform-block-patient-full-name .formCaption2,
form#userForm li.rsform-block-patient-address .formCaption2,
form#userForm li.rsform-block-patient-contact-number .formCaption2,
form#userForm li.rsform-block-patient-email-address .formCaption2,
form#userForm li.rsform-block-patient-age .formCaption2,
form#userForm li.rsform-block-patient-height .formCaption2,
form#userForm li.rsform-block-patient-weight .formCaption2,
form#userForm li.rsform-block-diabetes-control .formCaption2,
form#userForm li.rsform-block-preferred-location  .formCaption2 { width: 210px; }

form#userForm li.rsform-block-patient-full-name .formBody input,
form#userForm li.rsform-block-patient-address .formBody input,
form#userForm li.rsform-block-patient-contact-number .formBody input,
form#userForm li.rsform-block-patient-email-address .formBody input,
form#userForm li.rsform-block-patient-age .formBody input,
form#userForm li.rsform-block-patient-height .formBody input,
form#userForm li.rsform-block-patient-weight .formBody input { width: 360px; }

/* Booking */
form#userForm li.rsform-block-preferred-surgeon .formCaption2,
form#userForm li.rsform-block-preferred-appointment-date .formCaption2,
form#userForm li.rsform-block-preferred-appointment-time  .formCaption2 { width: 210px; }
form#userForm li.rsform-block-security-code  .formCaption2 { width: 120px; }

form#userForm li.rsform-block textarea { width: 580px; height: 60px; }

/* User Profile */
/*
fieldset#users-profile-core { margin: 10px 0; }
fieldset#users-profile-core legend { font-size: 1.5em; font-weight: normal; line-height: 20px; color: #000000; margin-bottom: 15px; }
fieldset#users-profile-core dt { width: 130px; float: left; font-weight: bold; }

form#member-profile { margin: 10px 0; }
form#member-profile legend { font-size: 1.5em; font-weight: normal; line-height: 20px; color: #000000; margin-bottom: 15px; }
form#member-profile dt { width: 210px; float: left; font-weight: bold; }
form#member-profile dd input { margin-bottom: 10px;  }
*/