﻿* { font-family: Arial, Verdana, Sans-Serif, Helvetica; color: #9D8D85; margin: 0px; padding: 0px; } /* Comp color 9D8D85 */
body { background-color: #F8FAE2; background-image: url(images/pagebg.gif); background-repeat: repeat; margin-bottom: 5px; }
.Page { width: 780px; height: 100%; margin: auto; background-color: #fff; font-size: 9pt; }
.header { background-color: #fff; height: 48px; width: 776px; }
.PageTitle { width: 330px; height: 20px; position: relative; top: 24px; left: 10px; float: left; }
.PageLogin {  float: left; width: auto; position: relative; top: 10px; left: 256px; }
.CenterContent { width: 100%; height: 100%; }
.AlignTop { vertical-align: top; }
.border { border:solid 1px black; }
a { font-size: 9pt; }

/* Admin Menu */
.AdminMenu {width: auto; float: right; position: relative; top: 30px; right: 10px; }
.AdminMenuItem { float: left; width: auto; }
.AdminMenuLink { font-weight: bold; color: #00ADEF; font-size: 9pt; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; }
.AdminMenuLink:hover { color: #CBDB2A; }

/* login */
.Login { font-weight: bold; color: #00ADEF; font-size: 9pt; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; }
.LoginName { font-weight: bold; color: #00ADEF; font-size: 9pt; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; }
.LoginName:hover { color: #CBDB2A; }

/* Tables */
.CenterContentTable { width: 100%; height: 250px; }
.LeftColumn { width: 210px; height: 100%; }
.leftPageBackground { vertical-align: top;  background-image: url(images/leftPageBg.gif); background-repeat: no-repeat; background-position: left top; }

/* Content Area */
.PageContent { vertical-align: top; width: 450px; background-image: url(images/contentbg.gif); background-repeat: no-repeat; background-position: left top; padding-top: 20px; padding-left: 10px; padding-right: 10px; }

/* Images */
.PageImages { width: 120px; height: 98%; background-color: #B2E6FA; background-image: url(images/SmileImages.gif); background-repeat: repeat-y; background-position: right top; }

/* Footer */
.footerbg { width: 780px; height: 84px; background-image: url(../../images/footerbg.gif); background-repeat: no-repeat; background-position: bottom; }
.leftTopFooter { background-image: url(../../images/leftTopFooter.gif); background-repeat: no-repeat; background-position: left bottom; }
.rightTopFooter { vertical-align: bottom; text-align: right; }
.AskTheDr { float: left; position: relative; top: 3px; left: 5px; }
.copyright { width: 200px; color: #fff; font-size: 7pt; float: left; position: relative; top: 65px; left: 238px; }
.SmileMore { float: right; position: relative; top: 7px; right: 10px; }

.buttonbar { width: 98%; margin-left: auto; margin-right: auto; text-align: center; }
.Pager { text-align: center; }
.Pager Table span { font-size: 8pt; color: Red!important; display: block; width: 10px; float: left; }
.Pager Table a { font-size: 8pt; color: Red; text-decoration: none; display: block; width: 10px; float: left; }
.Pager Table a:hover { font-size: 8pt; color: #9D8D85; text-decoration: underline; display: block; width: 10px; float: left; }

/* Forms */
.specialNote { color: #FF0000; font-size: 8pt; font-style: italic; }
.Required { color: #FF0000; font-size: 9pt; font-weight: bold; }
.label { text-align: right; font-size: 9pt; color: #9D8D85; font-weight: normal; width: 100px; }
.input { font-size: 8pt; color: #000; border: solid 1px #9D8D85; width: 205px; height: 14px; }
.select { font-size: 8pt; color: #000; border: solid 1px #9D8D85; width: 209px; height: 18px; }
.textarea { width: 250px; height: 80px; border: solid 1px #9D8D85; font-size: 8pt; }
.checkbox {text-align: left; font-size: 9pt; color: #9D8D85; font-weight: bold;}
.LinkButton { text-decoration: none; display: block; background-color: #9D8D85; color: #FFF; font-size: 9pt; font-weight: bold; border: solid 1px #00ADEF; }
.LinkButton:hover { color: #CBDB2A; }

/* Menu \*/
.MainSiteMenu { width: 190px; padding-top: 15px; }
.MainMenuItem { clear: both; width: 136px; padding-top: 2px; padding-bottom: 2px; *padding-top: 4px; *padding-bottom: 4px; font-size: 9pt; text-indent: 30px;  display: block; cursor: pointer; *cursor: hand; }
.MainMenuItemOver { clear: both; width: 136px; font-size: 9pt; text-indent: 30px; display: block; background-image: url(images/menuItemOver.gif); background-position: left center; background-repeat: no-repeat; cursor: pointer; *cursor: hand; }
.MainMenuItemSelected { clear: both; width: 136px; font-size: 9pt; text-indent: 30px; display: block; background-image: url(images/menuItemSelected.gif); background-position: left center; background-repeat: no-repeat; cursor: pointer; *cursor: hand; }
/**/
/* Safari Hack */
::root .MainSiteMenu { width: 190px; padding-top: 15px; }
::root .MainMenuItem { clear: both; width: 136px; padding-top: .075em; padding-bottom: 0em; font-size: 9pt; text-indent: 30px;  display: block; cursor: pointer; *cursor: hand; }
::root .MainMenuItemOver { clear: both; width: 136px; font-size: 9pt; text-indent: 30px; display: block; background-image: url(images/menuItemOver.gif); background-position: left center; background-repeat: no-repeat; cursor: pointer; *cursor: hand; }
::root .MainMenuItemSelected { clear: both; width: 136px; font-size: 9pt; text-indent: 30px; display: block; background-image: url(images/menuItemSelected.gif); background-position: left center; background-repeat: no-repeat; cursor: pointer; *cursor: hand; }
