/* ------------------------------------------------------------- CVS / pharmacy ------------------------------------------------------------- Description: RX Manage styles Filename: cvs_style_manage.css Version: 2.0 Date: Oct 17, 2007 ------------------------------------------------------------- */ /* ========================================================================// Index of styles used in specific elements and components for the CVS website within this CSS. 1. TABS 2. FORMS 3. CALENDAR 4. RESULTS TABLE - 7 COLUMNS 5. RESULTS TABLE - 8 COLUMNS 6. BOXES 7. DIVIDERS 8 IMAGES Used in: /content/manage/rm_1.jsp /content/manage/rm_2.jsp /content/manage/rm_3.jsp /content/manage/rm_4.jsp /content/manage/rm_5.jsp /content/manage/rm_6.jsp ========================================================================// */ /* ========================================================================// COMMON PREFIXES: ========================================================================// cont: content ttl: title subttl: subtitle subttllnk: subtitle link box: includes boxttl: includes titles lnk: links img: images bg: backgrounds drop: dropdown dash: line tbl: table sha: shadow col7: table with 7 cols col8: table with 8 cols col7: table with 9 cols pos: positioning */ /* ========================================================================// 1. TABS: These are the styles for specific tabs. ========================================================================// */ /* Tab Styles Begin */ .tab_drugon {font:bold 16px Arial, Helvetica, sans-serif;color:#D23F50;background-color:#ebedee;padding:8px 0 0 0;} .tab_drugonblue {font:bold 16px Arial, Helvetica, sans-serif;color:#1aa1cf;background-color:#ebedee;padding:8px 0 0 0;} .tab_drugonred {font:bold 15px Arial, Helvetica, sans-serif;color:#c90016;background-color:#ebedee;padding:8px 0 0 0;} .tab_drugonred a{font:bold 15px Arial, Helvetica, sans-serif;color:#c90016;} .tab_drugonred a:hover {color:#c90016;text-decoration:none;} .tab_seconddrug {font:bold 14px Arial, Helvetica, sans-serif;color:#1aa1cf;padding:8px 0 0 0;background-color:#ffffff;} .tab_drugonalt {font:bold 16px Arial, Helvetica, sans-serif;color:#c90016;padding:6px 0 0 0;background-color:#ffffff;/*height:24px;*/} .tab_myaccount_on {font:bold 16px Arial, Helvetica, sans-serif;color:#D23F50;background:url(../images/common/tag_myaccount_on.gif) repeat-x;text-decoration:none;} .tab_myaccount_off {background:url(../images/common/tag_myaccount_off.gif) repeat-x;} .tab_myaccounttext_off {font:bold 15px Arial, Helvetica, sans-serif;color:#545252;text-decoration:none;} .tab_faq_on {font:bold 16px Arial, Helvetica, sans-serif;color:#D23F50;background:url(../images/common/tag_myaccount_on.gif) repeat-x;text-decoration:none;} .tab_faq_off {font:bold 15px Arial, Helvetica, sans-serif;color:#545252;text-decoration:none;} .tab_faq_off a{font:bold 15px Arial, Helvetica, sans-serif;color:#545252;text-decoration:none;} .tab_faq_off a:hover{font:bold 15px Arial, Helvetica, sans-serif;color:#545252;text-decoration:none;} .tab_hi_rh1_on {font:bold 16px Arial, Helvetica, sans-serif;color:#D23F50;background:url(../images/common/tag_hi_rh1_on.gif) repeat-x;padding-bottom:5px;} .tab_hi_rh1_off {font:bold 15px Arial, Helvetica, sans-serif;color:#545252;background:url(../images/common/tag_hi_rh1_off.gif) repeat-x;padding-bottom:5px;} .tab_hi_rh_text_off {font:bold 15px Arial, Helvetica, sans-serif; color:#545252;} .tbl_buttons {float:left;display:block;margin:0;} .tab_drugonalt_pc {font:bold 15px Arial, Helvetica, sans-serif;color:#c90016;background-color:#ffffff;/*height:24px;*/padding:6px 0 0 0;} .pres_det_off {font:bold 15px Arial, Helvetica, sans-serif;color:#545252;height:26px;background:url(../images/common/tag_center_off.gif) repeat-x;padding:8px 0 0 0;text-decoration:none;} .pres_det_off a {font:bold 15px Arial, Helvetica, sans-serif;color:#545252;text-decoration:none;} .pres_det_off a:hover {color:#545252;text-decoration:none;} .pres_detSecond_off {font:bold 15px Arial, Helvetica, sans-serif;color:#545252;height:18px;padding:6px 0 0 0;background:url(../images/common/tag_center_off_down.gif) repeat-x;display:block;} .pres_detSecond_off a {font:bold 15px Arial, Helvetica, sans-serif;color:#545252;height:18px;padding:6px 0 0 0;background:url(../images/common/tag_center_off_down.gif) repeat-x;display:block;} .pres_detSecond_off a:hover {color:#545252;display:block;text-decoration:underline;} .pres_det_offstore {font:bold 15px Arial, Helvetica, sans-serif;color:#545252;/*height:28px;*/background:url(../images/common/tag_center_off_store.gif) repeat-x bottom;padding:6px 0 0 0;text-decoration:none;} .pres_det_offstore a {font:bold 15px Arial, Helvetica, sans-serif;color:#545252;text-decoration:none;} .pres_det_offstore a:hover {color:#545252;text-decoration:underline;} /* Tab Styles End */ /* ========================================================================// 2. FORMS: These are the styles for form (dropdowns, text fields, etc.) elements. ========================================================================// */ /* Form Styles Begin */ .drop_int {font:12px Arial, Helvetica, sans-serif;color:#56595c;} .drop_refillstore {width:20px;padding:0 0 0 5px;} .drop_refillstoresecond {width:50px;} .form_fs_textfield {width:250px;} /* Form Styles End */ /* ========================================================================// 3. CALENDAR: These are the styles for the the Calendar component. ========================================================================// */ /* Prescription Calendar Styles Begin */ .box_calendarrow {text-indent:5px;height:21px;width:196px;padding:3px 0 3px 0;border-bottom:1px solid #e8e8e4;} .box_calendar {font:14px Arial, Helvetica, sans-serif;color:#545252;width:229px;height:190px;padding:9px;background-color:#eff3f4;border:1px solid #c4c5c6;} .box_calendarsubttl {text-indent:5px;width:196px;padding:3px 0 3px 0;border-bottom:1px solid #d3d3d3;} .cont_calendaron {color:#fff;background-color:#13b0d8;} .cont_calendarGray {font:14px Arial, Helvetica, sans-serif;color:#7f8384;} .tbl_calendarlarge {width:941px;padding-top:15px;} /* Prescription Calendar Styles End */ /* ========================================================================// 4. RESULTS TABLE - 7 COLUMNS: These are the styles for a 7 column results table. ========================================================================// */ .col7_resultfourth {width:76px;} .col7_resultfifth {width:141px;} .tbl_shortheader {height:16px;border-bottom:1px solid #c4c5c6;} /* ========================================================================// 5. RESULTS TABLE - 8 COLUMNS: These are the styles for a 8 column results table. ========================================================================// */ .tbl_largeheader {width:941px;height:16px;border-left:1px solid #fff;border-bottom:1px solid #c4c5c6;} .tbl_shortheader {height:16px;border-left:1px solid #fff;border-bottom:1px solid #c4c5c6;} .tbl_largeresults {border-bottom:3px solid #ecedef;background-color:#ffffff;} .tbl_largeheader_special {width:941px;height:16px;border-bottom:1px solid #c4c5c6;} /* ========================================================================// 6. BOXES: Here all of the styles for boxes are listed. ========================================================================// */ /* Box Styles Begin */ .box_main {background-color:#ebedee;} .box_mainint {background:#1aa1cf url(../images/common/img_shadow_ct9.jpg) repeat-x top;padding:0px;width:240px;} .box_prescriptionemp {background-color:#ecedef;width:960px;} .box_prescriptiontemp3 {background-color:#ecedef;width:740px;} .box_contentname {padding:11px 0 10px 9px;border-left:1px solid #fff;} .box_contentname_element {padding:11px 0 0px 9px;border-left:1px solid #fff;} .box_contentnamecalendar {padding:0 0 10px 9px;} .box_commonrow {background:#FFF;padding-top:2px;padding-bottom:7px;} .box_myaccount_top {background:url(../images/common/myaccount_top_box.gif) repeat-x;height:23px;} .box_myaccount_bottom {background:url(../images/common/myaccount_bottom_box.gif) repeat-x;height:23px;} .box_leftfirst_manage {background:url(../images/common/top_left_callout_2.jpg) no-repeat top left;width:240px;} /* Box Styles End */ /* ========================================================================// 7. DIVIDERS: Here all of the styles for dividers are listed. ========================================================================// */ /* Divider styles begin */ .bg_vertsep {background:#fff url(../images/common/back_vertsep.gif) repeat-y center;} .cont_orsep {font-weight:bold;color:#1aa1cf;background-color:#fff;text-align:center;margin-top:28px;padding-bottom:1px;} /* Divider styles end */ /* ========================================================================// 8. IMAGE: Here all of the styles for images ========================================================================// */ /* Divider styles begin */ .image_bottom {vertical-align:bottom;} /* Divider styles end */