/* My Diabetes Care general-purpose CSS, INCOMPLETE 2008 Andrew Quicke, Clearsite P/L. Last edit: 081104 */ /* for correct display of Form Controls in IE6/7 and Firefox 2 use Doctype without prolog (standards mode)*/ *{ box-sizing: border-box; -moz-box-sizing: border-box; ms-box-sizing: border-box; } a:link { text-decoration: underline; color: #4B73A0; } a:visited { text-decoration: underline; color: #4B73A0; } a:hover { color: #FF6900; text-decoration: underline; } body { color: #465564; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; margin: 0; padding: 0; } address { color: #8c8c8c; font-size: 9px; font-style: normal; line-height: 11px; margin: 0; padding: 0; bottom: 0; border-bottom: 0; font-family: Verdana, Arial, Helvetica, sans-serif; } p { color: #465564; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 14px; text-decoration: none; padding: 0; margin: 0px 0px 7px 0px; } td { color: #465564; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; } h1 { color: #5A8CC8; font-size: 22px; font-style: normal; font-weight: bold; line-height: 23px; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 7px 0px; padding: 0px 0px 0px 0px; } h2 { color: #4B73A0; font-size: 18px; font-style: normal; font-weight: bold; line-height: 19px; font-family: Arial, Helvetica, sans-serif; border-bottom-style: none; margin: 0px 0px 7px 0px; padding: 0px 0px 0px 0px; } h3 { color: #4B73A0; font-size: 14px; font-style: normal; font-weight: bold; line-height: 15px; font-family: Arial, Helvetica, sans-serif; border-bottom-style: none; margin: 0px 0px 7px 0px; padding: 0px 0px 0px 0px; } h4 { font-weight: bold; color: #4B73A0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } h5 { color: #5A8CC8; font-size: 11px; font-style: normal; font-weight: bold; line-height: 12px; font-family: Arial, Helvetica, sans-serif; text-transform: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } h6 { color: #5A8CC8; font-size: 10px; font-style: normal; font-weight: bold; line-height: 11px; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-width: 0; outline-width: 0; } ul { text-indent: 0; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 7px 16px; border-width: 0; outline-width: 0; list-style-position: outside; list-style-image: url(../DC_shared_images/elements_bullets/blt_std-dot_dB_6x6.gif); } ol { text-indent: 0px; list-style-type: decimal; list-style-position: outside; margin: 0px 0px 0px 0px; padding: 0px 0px 7px 30px; border-width: 0 0 0 0; outline-width: 0; } form { color: #8C8C8C; margin: 0px; border: 0; } input { color: #4B73A0; font-size: 11px; font-style: normal; font-weight: normal; background-color: #FFFFFF; width: 100%; font-family: Arial, Helvetica, sans-serif; border-width: 1px; border-style: solid; border-color: #D2D2D2; padding-left: 2px; padding-right: 2px; line-height: 12px; height: 18px; } .input_spacer { /*this is used to create am invisible vertical space equal to the height of a input control, for controlling the vertical position of the first line of text within a cell. e.g. a table with 2 columns might make a form layout where the left column contains rows of text labels and the right containing corresponding "input" fields. In such a case the text labels will be equally spaced with the fields. However if one row is to contain a multiline input field (a "text area") then the label corresponding to this will not be spaced equally from the top of the control. To do this a ".input_spacer" is applied to a space before the start of the text label, to control the vertical starting position of the first line of the text. For an example of this see the page on the BCP website : "http://www.bcpmarketing.com.au/BCP_pages/company/contact/contact.html" */ color: #646464; font-size: 10px; font-style: normal; font-weight: normal; line-height: 14px; background-color: #F0F0F0; width: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; border-width: 1px; border-style: solid; border-color: #5C80B4; height: 19px; margin-bottom: 1px; margin-top: 1px; visibility: hidden; } select { color: #4B73A0; font-size: 11px; font-weight: normal; line-height: 12px; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; border-color: #D2D2D2; width: 100%; height: 18px; margin-top: 1px; margin-bottom: 1px; border-width: 1px; border-style: solid; } textarea { color: #4B73A0; font-size: 11px; font-weight: normal; line-height: 12px; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; border-color: #D2D2D2; border-style: solid; border-width: 1px; overflow: auto; width: 100%; margin-bottom: 1px; margin-top: 1px; padding-bottom: 1px; padding: 2px 2px 2px 2px; } label { color: #465564; font-size: 12px; font-style: normal; line-height: 14px; text-decoration: none; border: 0; font-family: Arial, Helvetica, sans-serif; margin-left: 4px; } sup { /* not satisified with this stuff - best I could do to get reasonable results in IE7 and Firefox 2, although still problems and differences */ line-height: 0px; /* line-height 0 (zero) ensures the superscript does not interfer with the normal line spacing of the pararaph (mozilla) */ vertical-align: text-top; } .border_B { /* applies a double-pixel width border to the BOTTOM edge of a container. Should be applied to tables or cells */ background-image: url(../DC_shared_images/bkg_grid/G_wt_4x4_B2.gif); background-repeat: repeat-x; background-position: bottom; } .border_R { /* applies a double-pixel width border to the RIGHT side of a container. Should be applied to tables or cells */ background-image: url(../DC_shared_images/bkg_grid/G_wt_4x4_R2.gif); background-repeat: repeat-y; background-position: right; } .form_chkBox { /* class style to be applied to individual checkboxes, to over-ride background colour settings from parent tags/classes/whatever they're called */ color: #646464; background-color: transparent; margin: 0; padding: 0; width: 15px; height: 15px; vertical-align: middle; border: 0 #b2d5ff; outline-style: none; outline-width: 0; } .form_btn { color: #646464; font-size: 9px; font-weight: bold; line-height: 9px; background-color: #E6E6E6; margin: 0; padding: 0; width: 100%; height: 22px; border-width: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; max-width: 100%; border-bottom-color: #C8C8C8; border-top-color: #F0F0F0; border-left-color: #DCDCDC; border-right-color: #DCDCDC; vertical-align: middle; } .txt_noAfter { margin: 0; padding: 0; } .txt_bold { font-weight: bold; } .txt_bold_underline { font-weight: bold; text-decoration: underline; } .txt_bold_italic { font-weight: bold; font-style: italic; } .txt_bold_italic_underline { font-weight: bold; font-style: italic; text-decoration: underline; } .txt_bold_wt { font-weight: bold; color: #FFFFFF; } .txt_bold_dB { font-weight: bold; color: #5A8CC8; } .txt_bold_dkB { font-weight: bold; color: #4B73A0; } .txt_italic { font-style: italic; } .txt_underline { text-decoration: underline; } .txt_intro01 { color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 18px; text-decoration: none; padding: 0; margin: 0px 0px 14px 0px; } .txt_intro01_bullet01 { font-size: 12px; line-height: 18px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-style: normal; font-weight: normal; text-decoration: none; background-image: url(../N_shared_images/elements_bullets/blt_std-dot_G120LG_6x6.gif); background-repeat: no-repeat; background-position:0px 5px; } .txt_intro02 { font-weight: bold; color: #5A8CC8; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; } .txt_callout { font-weight: normal; color: #4B4B4B; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; text-decoration: none; padding: 0; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .txt_sml { font-size: 10px; line-height: 11px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 11px; } .txt_sml_bold { font-size: 11px; line-height: 11px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 12px; font-weight: bold; color: #5A6E82; } .txt_sml_noAfter { font-size: 9px; line-height: 11px; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; } .txt_sml_noAfter_bold { font-size: 9px; line-height: 11px; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } .txt_caption { font-size: 9px; line-height: 10px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 12px; color: #A8B2BF; } .txt_nav { font-size: 9px; line-height: 10px; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #646464; text-decoration: none; font-style: normal; } .txt_nav a:link { text-decoration: none; font-weight: normal; color: #646464; } .txt_nav a:visited { text-decoration: none; font-weight: normal; color: #646464; } .txt_nav a:hover { text-decoration: underline; color: #FF6900; font-weight: normal; } .txt_nav_wt { font-size: 9px; line-height: 10px; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-style: normal; } .txt_nav_wt a:link { text-decoration: none; font-weight: normal; color: #FFFFFF; } .txt_nav_wt a:visited { text-decoration: none; font-weight: normal; color: #FFFFFF; } .txt_nav_wt a:hover { text-decoration: underline; color: #FFBE00; font-weight: normal; } .txt_subM { font-size: 11px; line-height: 12px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 8px; font-family: Arial, Helvetica, sans-serif; color: #465564; text-decoration: none; font-style: normal; background-image: url(../DC_shared_images/elements_arrows/tri_R_TdB_4x7.gif); background-repeat: no-repeat; background-position:0px 2px; } .txt_subM a:link { text-decoration: none; color: #4B73A0; font-weight: normal; } .txt_subM a:visited { text-decoration: none; color: #4B73A0; font-weight: normal; } .txt_subM a:hover { text-decoration: underline; color: #FF6900; font-weight: normal; } .txt_subM02 { font-size: 9px; line-height: 11px; margin: 0px 0px 0px 8px; padding: 0px 0px 0px 8px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-style: normal; background-image: url(../DC_shared_images/elements_arrows/tri_R_TdDB_4x7.gif); background-repeat: no-repeat; background-position:0px 2px; background-color: #F0F0F0; } .txt_subM02 a:link { text-decoration: none; color: #000000; font-weight: normal; } .txt_subM02 a:visited { text-decoration: none; color: #000000; font-weight: normal; } .txt_subM02 a:hover { text-decoration: underline; color: #4B73A0; font-weight: normal; } .txt_wt { color: #FFFFFF; } .txt_wt_noAfter { color: #FFFFFF; margin: 0; padding: 0; } .txt_col_dB { color: #5A8CC8; } .txt_col_dKb { color: #4B73A0; } .txt_col_dC { color: #14AAE6; } .txt_col_G170 { color: #AAAAAA; } .txt_col_G150 { color: #969696; } .txt_col_G130 { color: #828282; } .txt_col_G100 { color: #646464; } a.btn_PgTop { display: inline-block; width: 26px; height: 10px; background: url("../DC_shared_images/elements_buttons/btn_top_combo.gif"); text-decoration: none; background-repeat: no-repeat; background-position: 0 0; } a:visited.btn_PgTop { } a:hover.btn_PgTop { background-position: -26 0; text-decoration: none; } body,html { /*scrollbar-face-color:#FFFFFF; scrollbar-arrow-color:#5A8CC8; scrollbar-track-color:#E6E6E6; scrollbar-shadow-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#E6E6E6; scrollbar-darkshadow-color:#5A8CC8; border-color: #FFFFFF; border-style: none; border-width: 0px; */ /* page background tiling */ /* background-image: url(../DC_shared_images/bkg_base/tile_bkg_ext_01_4x4.gif); background-repeat: repeat; */ } .div_infoPanel { height: 315px; overflow: auto; width: 730px; }