/********************************************************** moo_soft.css CSS used throughout the MOO system *********************************************************** The code contained herein contstitutes Medical Office Online, Inc's copyright and is intended for use by its customers and potential customers only. User may not modify, remove, delete, augment, add to, publish, transmit, participate in the transfer or sale of, create derivative works from, or in any way exploit any of the code contained herein, in whole or in part. This Web site is offered to the user conditioned on acceptance by the user without modification of the terms, conditions, and notices contained herein. By accessing and using this Web site, the User is deemed to have agreed to all such terms, conditions, and notices. ***********************************************************/ BODY{ font : normal 9pt Verdana, Geneva, Arial, Helvetica, sans-serif; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; margin-top: 0px; } TABLE{ border-collapse: collapse; } INPUT, SELECT, TEXTAREA{ color: #000000; font : bold 10pt Verdana, Helvetica, Arial; } A:LINK { text-decoration : underline; color : #0000FF; font : normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; } A:VISITED { text-decoration : underline; color : #0000FF; font : normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; } A:HOVER { text-decoration : underline; color : #0066FF; font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; } .regText { font: 8pt Arial; color: black; } .regField { font: 10pt Arial; color: black; } .boldText { font: 9pt Arial; color: black; font-weight: bold; } .menubarBG { background-image: url(button_bar_bg.gif?OpenImageResource); background-repeat: repeat-x; } .menubarBG2 { background-image: url(button_bar_bg2.gif?OpenImageResource); background-repeat: repeat-x; } @media screen{ .menuButton { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background-color: #4F6DB5; border: 1px outset; margin-left: 1px; margin-right: 1px; padding-left: 0px; padding-right: 0px; } .hiddenHelp { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #C1CCE6; background-color: #C1CCE6; } } @media print{ .menuButton { display: none; } .hiddenHelp { display: none; } } .menuButton-hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background-color: #4F6DB5; border: 1px inset; margin-left: 1px; margin-right: 1px; padding-left: 0px; padding-right: 0px; cursor: default; } .menuButton-active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #FFFFFF; cursor: hand } a.activeTab:visited { color: #000066; font-weight: bold; text-decoration: none; } a.activeTab { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000066; font-weight: bold; text-decoration: none; background-color: #C1CCE6; padding: 5px 8px 5px 8px; height: 30px; margin: 0px 0px 0px 2px; border-width: 2px 2px 5px 2px; border-style: solid; border-color: C1CCE6 C1CCE6 C1CCE6 C1CCE6; } a.activeTab:hover { font-weight: bold; color: #000066; cursor: default; text-decoration: none; } a.activeTab:active { font-weight: bold; color: #000066; cursor: default; text-decoration: text; } a.activeTab2:visited { color: #000066; font-weight: bold; text-decoration: none; } a.activeTab2 { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000066; font-weight: bold; text-decoration: none; background-color: #ADBCDE; padding: 5px 8px 5px 8px; height: 30px; margin: 0px 0px 0px 2px; border-width: 2px 2px 5px 2px; border-style: solid; border-color: ADBCDE ADBCDE ADBCDE ADBCDE; } a.activeTab2:hover { font-weight: bold; color: #000066; cursor: default; text-decoration: none; } a.activeTab2:active { font-weight: bold; color: #000066; cursor: default; text-decoration: text; } a.inactiveTab:visited { color: #000099; font-weight: bold; text-decoration: none; } a.inactiveTab { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000099; font-weight: bold; text-decoration: none; background-color: #EDF1F8; padding: 5px 8px 5px 8px; height: 24px; margin: 2px 0px 3px 2px; } a.inactiveTab:hover { color: #1C1CFF; font-weight: bold; cursor: hand; text-decoration: none; } a.inactiveTab:active { color: #1C1CFF; font-weight: bold; cursor: hand; text-decoration: none; } a.inactiveTab2:visited { color: #000099; font-weight: bold; text-decoration: none; } a.inactiveTab2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000099; font-weight: bold; text-decoration: none; background-color: #EDF1F8; padding: 5px 8px 5px 8px; height: 24px; margin: 2px 0px 3px 2px; } a.inactiveTab2:hover { color: #1C1CFF; font-weight: bold; cursor: hand; text-decoration: none; } a.inactiveTab2:active { color: #1C1CFF; font-weight: bold; cursor: hand; text-decoration: none; } a.disabledLink { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #676767; font-weight: normal; text-decoration: none; cursor: text } a.disabledLink:visited { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #676767; font-weight: normal; text-decoration: none; cursor: text } a.disabledLink:hover { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #676767; font-weight: normal; text-decoration: none; cursor: text } .requiredField { border-color: red; border-width: 2px; border-style: inset } .requiredSelectbox { color: white; background-color: red } .regularField { border-color: none; } .textbox { border: 1px #8FA4D1 solid; background-color: #F8F8F8; padding-left: 8px; padding-right: 8px; padding-bottom: 8px; padding-top:8px } .textbox-printable { border: 1px #000000 solid; background-color: #FFFFFF; padding-left: 8px; padding-right: 8px; padding-bottom: 8px; padding-top:8px } .textbox2 { border: 1px #8FA4D1 solid; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top:4px; } .dataTable-cell { padding-left: 5px } @media screen{ A.linkButton { font: bold xx-small Verdana, Arial, Helvetica, sans-serif xx-small bold; color: #424282; text-decoration: none; padding-left: 8px; padding-right: 8px; padding-bottom: 3px; padding-top: 3px height: 15px; width: 95px; border: 1px #424282 solid; background: #8FA4D1 } } @media print{ A.linkButton { display:none; } } A.linkButton:visited { font: bold xx-small Verdana, Arial, Helvetica, sans-serif; color: #424282; text-decoration: none } A.linkButton:hover { font: bold xx-small Verdana, Arial, Helvetica, sans-serif; color: white; background: #8FA4D1; cursor: hand; text-decoration:none; border: 1px white solid } .JSComputed { border-style: none; background-color: #F8F8F8; color: #000000; font-weight:normal; text-align:right; cursor: default } .JSComputedBold { border-style: none; background-color: #F8F8F8; color: #000000; font-weight:bold; text-align:left; cursor: default } .labelField { border-style: none; background-color: #F8F8F8; color: #000000; font-weight: normal; font-size: 7pt; text-align: left; cursor: default; } .sectionLabelField { border-style: none; background-color: #F8F8F8; color: #000000; font-weight: bold; font-size: 9pt; text-align:left; cursor: default; } a.countLink { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: red; font-weight: normal; text-decoration: underline; } a.countLink:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: red; font-weight: normal; text-decoration: underline; } a.countLink:hover { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: blue; font-weight: normal; text-decoration: underline; } a.countLink2 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: black; font-weight: normal; text-decoration: none; } a.countLink2:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: black; font-weight: normal; text-decoration: none; } a.countLink2:hover { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: black; font-weight: normal; text-decoration: none; } a.boldLink { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: black; font-weight: bold; text-decoration: none; } a.boldLink:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: black; font-weight: bold; text-decoration: none; } a.boldLink:hover { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: blue; font-weight: bold; text-decoration: none; } a.boldWhiteLink { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #F8F8F8; font-weight: bold; text-decoration: none; } a.boldWhiteLink:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #F8F8F8; font-weight: bold; text-decoration: none; } a.boldWhiteLink:hover { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #DCDCFF; font-weight: bold; text-decoration: none; } a.blackLink { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; font-weight: normal; text-decoration: none; } a.blackLink:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; font-weight: normal; text-decoration: none; } a.blackLink:hover { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #606060; font-weight: normal; text-decoration: none; } .countDisabledCell { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #676767; font-weight: normal; text-decoration: none; cursor: text } .comboButton { height: 5px; width: auto; font-size: 1px !important; background-color: #D4D0C8; border-top: 2px solid #CCCCCC; border-left: 2px solid #CCCCCC; border-right: 2px solid #808080; border-bottom: 2px solid #000000; vertical-align: middle; padding: 6px 2px 6px 2px; cursor: default; } .comboButton-over { height: 5px; width: auto; font-size: 1px !important; background-color: #D4D0C8; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; vertical-align: middle; padding: 7px 3px 7px 3px; cursor: default; } .comboOpt { width: 100%; font-family: Arial !important; font-size: 13px !important; color: black !important; text-decoration: none !important; display: block; background-color: white; border: solid white 1px; cursor: default; line-height: 14px; } .comboOpt-Over { width: 100%; font-family: Arial !important; font-size: 13px !important; color: white !important; text-decoration: none !important; display: block; background-color: #0A246A; border: dotted #000080 1px; cursor: default; line-height: 14px; } @media screen{ .printHidden { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; color: #999999; font-weight: normal; } a.printHidden { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; color: #0000FF; font-weight: normal; text-decoration: underline; } a.printHidden:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; color: #0000FF; font-weight: normal; text-decoration: underline; } a.printHidden:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; color: #0066FF; font-weight: normal; text-decoration: underline; } .pagebreak {color: #666666; page-break-after: always;} .buttonBarBackground {width: 100%; position:absolute; z-index:0;} .buttonBarLeftLogo {display: block;} .buttonBarLeftPrintText {display: none;} .buttonBarRightButtons {display: block;} .buttonBarRightPrintDate {display: none;} } @media print{ .printHidden{ display:none; } .pagebreak {visibility:hidden; page-break-after: always;} .buttonBarBackground {width: 100%; position:absolute; z-index:0; visibility: hidden;} .buttonBarLeftLogo {display: none;} .buttonBarLeftPrintText { display: block; font : normal 9pt Verdana, Geneva, Arial, Helvetica, sans-serif; background: #FFFFFF; color: #000000; } .buttonBarRightButtons {display: none;} .buttonBarRightPrintDate { display: block; font : normal 9pt Verdana, Geneva, Arial, Helvetica, sans-serif; background: #FFFFFF; color: #000000; } } /* MOO Logo for menu bar */ .g1 {height: 1px; line-height: 1px; overflow: hidden; width: 1; background: #8FA4D1;} .g2 {height: 1px; line-height: 1px; overflow: hidden; width: 1; background: #8B9DCB;} .g3 {height: 1px; line-height: 1px; overflow: hidden; width: 1; background: #7D8DBF;} .g4 {height: 1px; line-height: 1px; overflow: hidden; width: 1; background: #717DBC;} .g5 {height: 1px; line-height: 1px; overflow: hidden; width: 1; background: #424492;} .g6 {height: 1px; line-height: 1px; overflow: hidden; width: 1; background: #2A2797;} .g7 {height: 1px; line-height: 1px; overflow: hidden; width: 1; background: #0B0BAA;} .g8 {height: 1px; line-height: 1px; overflow: hidden; width: 1; background: #0E099E;} .g9 {height: 1px; line-height: 1px; overflow: hidden; width: 1; background: #5056B2;} .g10 {height: 1px; line-height: 1px; overflow: hidden; width: 1; background: #DDE2F8;} /* Rounded corners */ .mooBG {background: #000080;} .ic0 {background: #000080; height: 1px; line-height: 1px; overflow: hidden; width: 1} .ic1 {background: #C1CCE6; height: 1px; line-height: 1px; overflow: hidden; width: 1} .ic2 {background: #8991C7; height: 1px; line-height: 1px; overflow: hidden; width: 1} .ic3 {background: #3D40A0; height: 1px; line-height: 1px; overflow: hidden; width: 1} /* Rounded corners sub-tabs */ .mooSBG {background: #C1CCE6;} .is0 {background: #C1CCE6; height: 1px; line-height: 1px; overflow: hidden; width: 1} .is1 {background: #ADBCDE; height: 1px; line-height: 1px; overflow: hidden; width: 1} .is2 {background: #B5C2E1; height: 1px; line-height: 1px; overflow: hidden; width: 1} .is3 {background: #BAC6E3; height: 1px; line-height: 1px; overflow: hidden; width: 1} /* horizontal line and background for menubar */ .menuBarBgBright {display:block; background: #FFFFFF; } .menuBarBgLight {display:block; background: #8FA4D1;} .menuBarBgDark {display:block; background: #4F6DB5;} /* button bar partial divider */ .dp1 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #FFFFFF;} .dp2 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #8FA4D1;} .dp3 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #4F6DB5;} .dp4 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #000080;} /* button bar full divider */ .df1 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #FFFFFF;} .df2 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #4F6DB5;} .df3 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #8FA4D1;} .df4 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #000080;} /* write-in pencil */ .wi1 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #F8F8F8;} .wi2 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #800080;} .wi3 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #808080;} .wi4 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #E098C8;} .wi5 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #F800F8;} .wi6 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #282828;} .wi7 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #F8F880;} .wi8 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #808000;} .wi9 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #F8F878;} .wi10 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #F8B818;} .wi11 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #E0A070;} .wi12 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #000000;} .wi13 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #202000;} .wi14 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #786048;} .wi15 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #B0B0B0;} .wi16 {height: 1px; line-height: 1px; width: 1; overflow: hidden; background: #600000;} @media screen { .menuBarTitle { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000080; font-weight: bold; } } @media print { .menuBarTitle { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000000; font-weight: bold; background: #FFFFFF; } } .menuBarLabel { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000080; font-weight: normal; } .menuBarInfo { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000080; font-weight: bold; } .searchBoxBorder { border-color: #FFFFFF; border-style: solid; border-width: 1px; } /* bright link for href */ A.brightLink:LINK { text-decoration : underline; color : #CFCFCF; font : normal 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; } A.brightLink:VISITED { text-decoration : underline; color : #CFCFCF; font : normal 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; } A.brightLink:HOVER { text-decoration : underline; color : #FFFFFF; font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; } /* standard link for href */ A.standardLink:LINK { text-decoration : underline; color : #0000FF; font : normal 7pt Verdana, Geneva, Arial, Helvetica, sans-serif; } A.standardLink:VISITED { text-decoration : underline; color : #0000FF; font : normal 7pt Verdana, Geneva, Arial, Helvetica, sans-serif; } A.standardLink:HOVER { text-decoration : underline; color : #0066FF; font : 7pt Verdana, Geneva, Arial, Helvetica, sans-serif;