/* Main Site Styles Items */ body { color: #6d6d6d; font-size: 62.5%; font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #fff; background-repeat: repeat-x; margin: 0; } li { color: #5c8a30; line-height: 20px; font-size:12px; list-style-image: url(../img-interface/bullet.gif); } a { color: #3372ad; text-decoration: underline; } a:hover { text-decoration: none; } td { color: #5f794a; font-size: 1.2em; } H1 { color: #3372ad; font-size: 2.9em; font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; } H2 { color: #5d8b37; font-size: 1.25em; font-weight: bold; } H3 { color: #5d8b37; font-size: 1.3em; font-weight: bold; } .clearfill { clear: both; height: 0px; overflow: hidden; } /* Text Styles */ .formbuttons { color: #5f794a; font-size: 1.1em; font-weight: normal; background-color: #e7f0e2; vertical-align: middle; border: solid 1px; } .formfields { color: #5f794a; font-size: 10px; text-indent: 2px; width: 108px; margin-top: 3px; margin-bottom: 3px; border: solid 1px #5d8b37; } #font-smaller { background-image: url(../img-interface/btn-font-smaller.gif); background-repeat: no-repeat; text-indent: -5000px; width: 100px; height: 34px; float: left; } #font-smaller A { background-image: url(../img-interface/btn-font-smaller.gif); background-repeat: no-repeat; text-indent: -5000px; width: 100px; height: 34px; float: left; } #font-smaller A:hover { background-image: url(../img-interface/btn-font-smaller-on.gif); background-repeat: no-repeat; text-indent: -5000px; width: 100px; height: 34px; float: left; } #font-larger { background-image: url(../img-interface/btn-font-larger.gif); background-repeat: no-repeat; text-indent: -5000px; width: 100px; height: 34px; float: left; } #font-larger A { background-image: url(../img-interface/btn-font-larger.gif); background-repeat: no-repeat; text-indent: -5000px; width: 100px; height: 34px; float: left; } #font-larger A:hover { background-image: url(../img-interface/btn-font-larger-on.gif); background-repeat: no-repeat; text-indent: -5000px; width: 100px; height: 34px; float: left; } /* Page Layout Items */ #wrapper { margin: 0 auto; width: 838px; } #header { background-image: url(../img-interface/logo.gif); background-repeat: no-repeat; width: 838px; height: 136px; } #stripes-top { background-image: url(../img-interface/stripes.gif); background-repeat: no-repeat; text-indent: -5000px; width: 838px; height: 21px; } #swooshes { width: 838px; height: 225px; } #panel-left { width: 553px; float: left; clear: left; margin-left: 25px; } #pagetitle { width: 553px; height: 29px; } #crumbtrail { font-size: 1em; width: 553px; height: 20px; } #pagebody { width: 553px; height: auto; font-size: 1.2em; line-height: 20px; } #column-left { width: 276px; height: auto; float: left; margin-top: 25px; } #column-right { width: 276px; height: auto; float: left; clear: right; margin-top: 25px; } #panel-right { width: 206px; float: right; margin-top: 42px; } #panel-fourboxes { width: 830px; height: auto; float: left; clear: both; margin-left: 8px; } #panel-info-top { background-image: url(../img-interface/panel-furtherinfo-top.gif); background-repeat: no-repeat; text-indent: -5000px; width: 200px; height: 42px; } .panel-info-link { color: #5f794a; font-size: 1em; font-weight: bold; line-height: 22px; background-image: url(../img-interface/panel-furtherinfo-link.gif); background-repeat: no-repeat; text-indent: 10px; width: 200px; height: 24px; text-align:left } .panel-info-link A { color: #5f794a; text-decoration: underline; } .panel-info-link A:hover { text-decoration: none; } #panel-info-base { background-image: url(../img-interface/panel-furtherinfo-base.gif); background-repeat: no-repeat; width: 200px; height: 7px; margin-bottom: 10px; } #panel-who-top { background-image: url(../img-interface/panel-who-top.gif); background-repeat: no-repeat; text-indent: -5000px; width: 199px; height: 42px; } #panel-who-main { background-color: #e8e8e8; background-image: url(../img-interface/panel-who-main.gif); background-repeat: no-repeat; width: 199px; float: left; } #panel-who-body { color: #5f794a; font-size: 1em; font-weight: bold; width: 180px; float: left; margin-top: 10px; margin-left: 15px; } #panel-who-base { background-image: url(../img-interface/panel-who-base.gif); background-repeat: no-repeat; width: 199px; height: 21px; float: left; } .panel-listbox-green { color: #5f794a; font-size: 12px; font-weight: bold; line-height: 30px; background-image: url(../img-interface/panel-listbox-palegreen.gif); background-repeat: no-repeat; text-indent: 12px; width: 276px; height: 32px; } .panel-listbox-green A { color: #5f794a; text-decoration: underline; } .panel-listbox-green A:hover { text-decoration: none; } .panel-listbox-cream { color: #666; font-size: 1.1em; font-weight: bold; line-height: 28px; background-image: url(../img-interface/panel-listbox-cream.gif); background-repeat: no-repeat; text-indent: 22px; width: 276px; height: 28px; } .panel-listbox-cream A { color: #666; text-decoration: underline; } .panel-listbox-cream A:hover { text-decoration: none; } .panel-form-outblock { color: #fff; font-weight: bold; line-height: 30px; background-image: url(../img-interface/panel-forms-outblock.gif); background-repeat: no-repeat; text-indent: 10px; width: 552px; height: 32px; } .panel-form-outblock A { color: #fff; text-decoration: underline; } .panel-form-outblock A:hover { color: #fff; text-decoration: none; } .panel-directions-top { background-color: #edf6e7; background-image: url(../img-location/panel-location-top.gif); background-repeat: no-repeat; width: 275px; float: left; } .panel-directions-body { color: #5f794a; font-size: 1.2em; float: left; clear: both; margin-top: 18px; margin-left: 18px; } .panel-directions-base { background-image: url(../img-location/panel-location-base.gif); background-repeat: no-repeat; width: 275px; height: 10px; float: left; clear: both; } #panel-patientlogin-top { background-image: url(../img-patientadvice/panel-login-top.gif); background-repeat: no-repeat; width: 200px; height: 43px; float: left; clear: both; } #panel-patientlogin-main { background-color: #4eaca1; width: 200px; float: left; clear: both; } #panel-patientlogin-body { color: #ffe100; font-size: 1em; width: 173px; float: left; clear: both; margin-left: 15px; } #panel-patientlogin-btn { background-image: url(../img-patientadvice/panel-login-btn01.gif); background-repeat: repeat; text-indent: -5000px; width: 200px; height: 34px; float: left; overflow: hidden; clear: both; margin-bottom: 15px; } #panel-patientlogin-btn A { background-image: url(../img-patientadvice/panel-login-btn01.gif); background-repeat: repeat; text-indent: -5000px; width: 200px; height: 34px; float: left; } #panel-patientlogin-btn A:hover { background-image: url(../img-patientadvice/panel-login-btn02.gif); background-repeat: repeat; text-indent: -5000px; width: 200px; height: 34px; float: left; } #panel-patientlogout-btn { background-image: url(../img-patientadvice/panel-logout-btn01.gif); background-repeat: repeat; text-indent: -5000px; width: 200px; height: 34px; float: left; overflow: hidden; clear: both; margin-bottom: 15px; } #panel-patientlogout-btn A { background-image: url(../img-patientadvice/panel-logout-btn01.gif); background-repeat: repeat; text-indent: -5000px; width: 200px; height: 34px; float: left; } #panel-patientlogout-btn A:hover { background-image: url(../img-patientadvice/panel-logout-btn02.gif); background-repeat: repeat; text-indent: -5000px; width: 200px; height: 34px; float: left; } .panel-patientlogin-form { color: #666; font-size: 1em; background-color: #fff; border: solid 1px #3a8077; } #panel-patientnav-top { background-image: url(../img-patientadvice/panel-navigation-top.gif); background-repeat: no-repeat; text-indent: -5000px; width: 200px; height: 42px; } .panel-patientnav-link { color: #3a8077; font-size: 1em; font-weight: bold; line-height: 22px; background-image: url(../img-patientadvice/panel-navigation-link.gif); background-repeat: no-repeat; text-indent: 10px; width: 200px; height: 24px; } .panel-patientnav-link A { color: #3a8077; text-decoration: underline; } .panel-patientnav-link A:hover { text-decoration: none; } #panel-patientnav-base { background-image: url(../img-patientadvice/panel-navigation-base.gif); background-repeat: no-repeat; width: 200px; height: 7px; margin-bottom: 10px; } .panel-patientalert-top { color: #ffe100; font-size: 1.2em; font-weight: bold; line-height: 29px; background-image: url(../img-patientadvice/panel-alert-outblock.gif); text-indent: 15px; width: 552px; height: 32px; } .panel-patientalert-link { font-size: 1.1em; line-height: 29px; background-image: url(../img-patientadvice/panel-alert-link.gif); text-indent: 15px; width: 552px; height: 32px; margin-bottom: 10px; } .panel-patientalert-option { font-size: 1.1em; line-height: 29px; background-image: url(../img-patientadvice/panel-alert-link.gif); text-indent: 15px; width: 552px; height: 32px; } .panel-patientalert-reply { color: #ffe100; font-size: 1.2em; font-weight: bold; line-height: 29px; background-image: url(../img-patientadvice/panel-alert-reply.gif); text-indent: 15px; width: 552px; height: 32px; } .panel-patientalert-list { font-size: 1.1em; background-color: #faf9f4; width: 552px; } #panel-gplogin-top { background-image: url(../img-gpadvice/panel-login-top.gif); background-repeat: no-repeat; width: 200px; height: 43px; float: left; clear: both; } #panel-gplogin-main { background-color: #4f97be; width: 200px; float: left; clear: both; } #panel-gplogin-body { color: #ffe100; font-size: 1em; width: 173px; float: left; clear: both; margin-left: 15px; } #panel-gplogin-btn { background-color: #4f97be; background-image: url(../img-gpadvice/panel-login-btn01.gif); background-repeat: repeat; text-indent: -5000px; width: 200px; height: 34px; float: left; overflow: hidden; clear: both; margin-bottom: 15px; } #panel-gplogin-btn A { background-color: #4f97be; background-image: url(../img-gpadvice/panel-login-btn01.gif); background-repeat: repeat; text-indent: -5000px; width: 200px; height: 34px; float: left; } #panel-gplogin-btn A:hover { background-color: #4f97be; background-image: url(../img-gpadvice/panel-login-btn02.gif); background-repeat: repeat; text-indent: -5000px; width: 200px; height: 34px; float: left; } #panel-gplogout-btn { background-image: url(../img-gpadvice/panel-logout-btn01.gif); background-repeat: repeat; text-indent: -5000px; width: 200px; height: 34px; float: left; overflow: hidden; clear: both; margin-bottom: 15px; } #panel-gplogout-btn A { background-image: url(../img-gpadvice/panel-logout-btn01.gif); background-repeat: repeat; text-indent: -5000px; width: 200px; height: 34px; float: left; } #panel-gplogout-btn A:hover { background-image: url(../img-gpadvice/panel-logout-btn02.gif); background-repeat: repeat; text-indent: -5000px; width: 200px; height: 34px; float: left; } .panel-gplogin-form { color: #666; font-size: 1em; background-color: #fff; border: solid 1px #3a8077; } #panel-gpnav-top { background-image: url(../img-gpadvice/panel-navigation-top.gif); background-repeat: no-repeat; text-indent: -5000px; width: 200px; height: 42px; } .panel-gpnav-link { color: #397698; font-size: 1em; font-weight: bold; line-height: 22px; background-image: url(../img-patientadvice/panel-navigation-link.gif); background-repeat: no-repeat; text-indent: 10px; width: 200px; height: 24px; } .panel-gpnav-link A { color: #397698; text-decoration: underline; } .panel-gpnav-link A:hover { text-decoration: none; } #panel-gpnav-base { background-image: url(../img-gpadvice/panel-navigation-base.gif); background-repeat: no-repeat; width: 200px; height: 7px; margin-bottom: 10px; } .panel-gpalert-top { color: #ffe100; font-size: 1.2em; font-weight: bold; line-height: 29px; background-image: url(../img-gpadvice/panel-alert-outblock.gif); text-indent: 15px; width: 552px; height: 32px; } .panel-gpalert-link { font-size: 1.1em; line-height: 29px; background-image: url(../img-gpadvice/panel-alert-link.gif); text-indent: 15px; width: 552px; height: 32px; margin-bottom: 10px; } .panel-gpalert-option { font-size: 1.1em; line-height: 29px; background-image: url(../img-gpadvice/panel-alert-link.gif); text-indent: 15px; width: 552px; height: 32px; } .panel-gpalert-reply { color: #ffe100; font-size: 1.2em; font-weight: bold; line-height: 29px; background-image: url(../img-gpadvice/panel-alert-reply.gif); text-indent: 15px; width: 552px; height: 32px; } .panel-gpalert-list { font-size: 1.1em; background-color: #faf9f4; width: 552px; } #panel-resetpassword { background-image: url(../img-interface/panel-resetpassword-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 200px; height: 156px; float: left; clear: both; } #panel-resetpassword A { background-image: url(../img-interface/panel-resetpassword-01.gif); background-repeat: no-repeat; width: 200px; height: 156px; float: left; clear: both; } #panel-resetpassword A:hover { background-image: url(../img-interface/panel-resetpassword-02.gif); background-repeat: no-repeat; width: 200px; height: 156px; float: left; clear: both; } #box-eyetreatments { background-image: url(../img-interface/panel-eyetreatments-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 203px; height: 119px; float: left; overflow: hidden; margin-top: 35px; } #box-eyetreatments A { text-indent: -5000px; width: 203px; height: 119px; float: left; } #box-eyetreatments A:hover { background-image: url(../img-interface/panel-eyetreatments-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 203px; height: 119px; float: left; } #box-patientadvice { background-image: url(../img-interface/panel-patientadvice-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 208px; height: 119px; float: left; overflow: hidden; margin-top: 35px; } #box-patientadvice A { text-indent: -5000px; width: 208px; height: 119px; float: left; } #box-patientadvice A:hover { background-image: url(../img-interface/panel-patientadvice-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 208px; height: 119px; float: left; } #box-gpadvice { background-image: url(../img-interface/panel-gpadvice-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 208px; height: 119px; float: left; overflow: hidden; margin-top: 35px; } #box-gpadvice A { text-indent: -5000px; width: 208px; height: 119px; float: left; } #box-gpadvice A:hover { background-image: url(../img-interface/panel-gpadvice-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 208px; height: 119px; float: left; } #box-ourlocation { background-image: url(../img-interface/panel-ourlocation-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 205px; height: 119px; float: left; overflow: hidden; margin-top: 35px; } #box-ourlocation A { text-indent: -5000px; width: 205px; height: 119px; float: left; } #box-ourlocation A:hover { background-image: url(../img-interface/panel-ourlocation-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 205px; height: 119px; float: left; } #stripes-base { background-image: url(../img-interface/stripes-base.gif); background-repeat: no-repeat; text-indent: -5000px; width: 838px; height: 45px; float: left; clear: both; margin-top: 16px; } .img-green { float: left; clear: right; margin-top: 27px; border: solid 1px #5d8b37; } .img-comment-corners-top { width: 7px; height: 7px; margin-top: 2px; background-repeat: no-repeat} .img-comment-corners-bottom { width: 7px; height: 7px; background-repeat: no-repeat} .img-comment-top { height: 7px; background:url(../img-interface/img-text-block-top.gif); background-repeat: repeat; margin-top: 2px} .img-comment-bottom { height: 7px; background:url(../img-interface/img-text-block-top.gif); background-repeat: repeat} .img-comment-middle-extrem { width: 7px; background:url(../img-interface/img-text-block-extrem-middle.gif); background-repeat: repeat} .img-comment-middle { background:url(../img-interface/image-text-block-middle.gif); background-repeat: repeat; color: #fff; text-indent: 3px; font-size:10px; text-align:left } /* Footer Panel Items */ #footer { width: 838px; height: auto; float: left; font-size: 1em; line-height: 18px; clear: both; margin-top: 15px; } #footer a { color: #3372ad; text-decoration: underline; } #footer a:hover { text-decoration: none; } /* Navigation Strip Items */ #nav { background-repeat: no-repeat; width: 565px; height: auto; float: right; margin-top: 45px; } /* Button 01 Styles */ #btn01 a { background-image: url(../img-interface/btn01a.gif); background-repeat: no-repeat; text-indent: -5000px; width: 122px; height: 22px; float: left; margin-bottom: 5px; } #btn01 a:hover { background-image: url(../img-interface/btn01b.gif); background-repeat: no-repeat; width: 122px; height: 22px; float: left; } #btn01-on a { background-image: url(../img-interface/btn01c.gif); background-repeat: no-repeat; text-indent: -5000px; width: 122px; height: 22px; float: left; } #btn01-on a:hover { background-image: url(../img-interface/btn01b.gif); background-repeat: no-repeat; width: 122px; height: 22px; float: left; } /* Button 02 Styles */ #btn02 a { background-image: url(../img-interface/btn02a.gif); background-repeat: no-repeat; text-indent: -5000px; width: 141px; height: 22px; float: left; margin-bottom: 5px; } #btn02 a:hover { background-image: url(../img-interface/btn02b.gif); background-repeat: no-repeat; width: 141px; height: 22px; float: left; } #btn02-on a { background-image: url(../img-interface/btn02c.gif); background-repeat: no-repeat; text-indent: -5000px; width: 141px; height: 22px; float: left; } #btn02-on a:hover { background-image: url(../img-interface/btn02b.gif); background-repeat: no-repeat; width: 141px; height: 22px; float: left; } /* Button 03 Styles */ #btn03 a { background-image: url(../img-interface/btn03a.gif); background-repeat: no-repeat; text-indent: -5000px; width: 140px; height: 22px; float: left; margin-bottom: 5px; } #btn03 a:hover { background-image: url(../img-interface/btn03b.gif); background-repeat: no-repeat; width: 140px; height: 22px; float: left; } #btn03-on a { background-image: url(../img-interface/btn03c.gif); background-repeat: no-repeat; text-indent: -5000px; width: 140px; height: 22px; float: left; } #btn03-on a:hover { background-image: url(../img-interface/btn03b.gif); background-repeat: no-repeat; width: 140px; height: 22px; float: left; } /* Button 04 Styles */ #btn04 a { background-image: url(../img-interface/btn04a.gif); background-repeat: no-repeat; text-indent: -5000px; width: 158px; height: 22px; float: left; margin-bottom: 5px; } #btn04 a:hover { background-image: url(../img-interface/btn04b.gif); background-repeat: no-repeat; width: 158px; height: 22px; float: left; } #btn04-on a { background-image: url(../img-interface/btn04c.gif); background-repeat: no-repeat; text-indent: -5000px; width: 158px; height: 22px; float: left; } #btn04-on a:hover { background-image: url(../img-interface/btn04b.gif); background-repeat: no-repeat; width: 158px; height: 22px; float: left; } /* Button 05 Styles */ #btn05 a { background-image: url(../img-interface/btn05a.gif); background-repeat: no-repeat; text-indent: -5000px; width: 122px; height: 22px; float: left; clear: both; } #btn05 a:hover { background-image: url(../img-interface/btn05b.gif); background-repeat: no-repeat; width: 122px; height: 22px; float: left; } #btn05-on a { background-image: url(../img-interface/btn05c.gif); background-repeat: no-repeat; text-indent: -5000px; width: 122px; height: 22px; float: left; } #btn05-on a:hover { background-image: url(../img-interface/btn05b.gif); background-repeat: no-repeat; width: 122px; height: 22px; float: left; } /* Button 06 Styles */ #btn06 a { background-image: url(../img-interface/btn06a.gif); background-repeat: no-repeat; text-indent: -5000px; width: 141px; height: 22px; float: left; } #btn06 a:hover { background-image: url(../img-interface/btn06b.gif); background-repeat: no-repeat; width: 141px; height: 22px; float: left; } #btn06-on a { background-image: url(../img-interface/btn06c.gif); background-repeat: no-repeat; text-indent: -5000px; width: 141px; height: 22px; float: left; } #btn06-on a:hover { background-image: url(../img-interface/btn06b.gif); background-repeat: no-repeat; width: 141px; height: 22px; float: left; } /* Button 07 Styles */ #btn07 a { background-image: url(../img-interface/btn07a.gif); background-repeat: no-repeat; text-indent: -5000px; width: 140px; height: 22px; float: left; } #btn07 a:hover { background-image: url(../img-interface/btn07b.gif); background-repeat: no-repeat; width: 140px; height: 22px; float: left; } #btn07-on a { background-image: url(../img-interface/btn07c.gif); background-repeat: no-repeat; text-indent: -5000px; width: 140px; height: 22px; float: left; } #btn07-on a:hover { background-image: url(../img-interface/btn07b.gif); background-repeat: no-repeat; width: 140px; height: 22px; float: left; } /* Button 08 Styles */ #btn08 a { background-image: url(../img-interface/btn08a.gif); background-repeat: no-repeat; text-indent: -5000px; width: 158px; height: 22px; float: left; } #btn08 a:hover { background-image: url(../img-interface/btn08b.gif); background-repeat: no-repeat; width: 158px; height: 22px; float: left; } #btn08-on a { background-image: url(../img-interface/btn08c.gif); background-repeat: no-repeat; text-indent: -5000px; width: 158px; height: 22px; float: left; } #btn08-on a:hover { background-image: url(../img-interface/btn08b.gif); background-repeat: no-repeat; width: 158px; height: 22px; float: left; } .errors { width: 98%; clear: both; border: #FFA8A8 1px solid; background: #FFDEBA; overflow: hidden; } .errors_icon { width: 50px; height: 50px; background: url(../imgs/icon_error.gif) center no-repeat; float: left; } .errors_text { float: left; padding: 18px; padding-left: 0; font-size: 12px; } span.error-red { color: #d43701; font-size: 7pt; font-weight: bold; } span.error-green { color: #1ca02b; font-size: 7pt; font-weight: bold; }