/* $Date: 2009-11-24 17:32:23 -0500 (Tue, 24 Nov 2009) $ $Rev: 4186 $ $Id: container.css 4186 2009-11-24 22:32:23Z matthew $ Author - Matthew Holmes ----------------------------------------------------------*/ /* CONTAINER CORE CSS */ /*---===== ROUND BOX CONTAINER - BASE SETUP - BEGINS =====---*/ .box_rd {width:auto; margin-bottom:15px;} .box_rd .header {border-left-style:solid; border-right-style:solid; position:relative;} .box_rd .header h2 {position:relative; top:0; margin:0; padding-left:10px; padding-right:10px; font-size:1.300em; line-height:0.7em;} .box_rd .box_content {border-left-style:solid; border-right-style:solid; background-color:transparent; height:100%; padding:0 10px 1px 10px; _width:100%; /*IE6 HACK*/} .box_rd .crn_style div {position:relative; border-left-style:solid; border-right-style:solid; font-size:1px; height:1px; line-height:0; color:transparent;} .box_rd .top_corner .top_border {border-top-style:solid;} .box_rd .bottom_corner .bottom_border {border-bottom-style:solid;} /*---===== ROUND BOX CONTAINER - BASE SETUP - ENDS =====---*/ /*---===== ROUND BOX CONTAINER - BORDER STROKES (1px, 2px, or 3px) - BEGINS =====---*/ /* CONTAINER BORDER STROKE NOTES: 0px stroke: use class name .stroke_0px with class .box_rd, DO NOT use base_border class with .stroke_0px 1px stroke: use class name .stroke_1px with class .box_rd 2px stroke: use class name .stroke_2px with class .box_rd 3px stroke: use class name .stroke_3px with class .box_rd Example: class="box_rd stroke_1px" */ /*--- 0PX BORDER STROKE - NO STROKE ---*/ /* NO STROKE NOTES: DO NOT use base_border class with .stroke_0px */ .stroke_0px .header, .stroke_0px .box_content, .stroke_0px .crn_style div {border-color:transparent; _border-color:#fff; /* IE6 ONLY */} .stroke_0px .header {border-left-width:0; border-right-width:0;} .stroke_0px .box_content {border-left-width:0; border-right-width:0;} .stroke_0px .top_corner .top_border {z-index:2; top:2px; _top:1px; /* IE6 ONLY */ border-top-width:1px; margin-left:5px; margin-right:5px;} .stroke_0px .top_corner .rd_1 {border-left-width:2px; border-right-width:2px; margin-left:5px; margin-right:5px;} .stroke_0px .top_corner .rd_2 {border-left-width:2px; border-right-width:2px; margin-left:3px; margin-right:3px;} .stroke_0px .top_corner .rd_3 {border-left-width:1px; border-right-width:1px; margin-left:2px; margin-right:2px;} .stroke_0px .top_corner .rd_4 {border-left-width:1px; border-right-width:1px; margin-left:1px; margin-right:1px;} .stroke_0px .top_corner .rd_5 {border-left-width:1px; border-right-width:1px; margin-left:1px; margin-right:1px;} .stroke_0px .top_corner .rd_6 {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .stroke_0px .top_corner .rd_7 {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .stroke_0px .bottom_corner .bottom_border {z-index:2; bottom:2px; _bottom:1px; /* IE6 ONLY */ border-bottom-width:1px; margin-left:5px; margin-right:5px;} .stroke_0px .bottom_corner .rd_1 {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .stroke_0px .bottom_corner .rd_2 {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .stroke_0px .bottom_corner .rd_3 {border-left-width:1px; border-right-width:1px; margin-left:1px; margin-right:1px;} .stroke_0px .bottom_corner .rd_4 {border-left-width:1px; border-right-width:1px; margin-left:1px; margin-right:1px;} .stroke_0px .bottom_corner .rd_5 {border-left-width:1px; border-right-width:1px; margin-left:2px; margin-right:2px;} .stroke_0px .bottom_corner .rd_6 {border-left-width:2px; border-right-width:2px; margin-left:3px; margin-right:3px;} .stroke_0px .bottom_corner .rd_7 {border-left-width:2px; border-right-width:2px; margin-left:5px; margin-right:5px;} /*--- 1PX BORDER STROKE ---*/ .stroke_1px .header {border-left-width:1px; border-right-width:1px;} .stroke_1px .box_content {border-left-width:1px; border-right-width:1px;} .stroke_1px .top_corner .top_border {z-index:2; top:2px; _top:1px; /* IE6 ONLY */ border-top-width:1px; margin-left:5px; margin-right:5px;} .stroke_1px .top_corner .rd_1 {border-left-width:2px; border-right-width:2px; margin-left:5px; margin-right:5px;} .stroke_1px .top_corner .rd_2 {border-left-width:2px; border-right-width:2px; margin-left:3px; margin-right:3px;} .stroke_1px .top_corner .rd_3 {border-left-width:1px; border-right-width:1px; margin-left:2px; margin-right:2px;} .stroke_1px .top_corner .rd_4 {border-left-width:1px; border-right-width:1px; margin-left:1px; margin-right:1px;} .stroke_1px .top_corner .rd_5 {border-left-width:1px; border-right-width:1px; margin-left:1px; margin-right:1px;} .stroke_1px .top_corner .rd_6 {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .stroke_1px .top_corner .rd_7 {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .stroke_1px .bottom_corner .bottom_border {z-index:2; bottom:2px; _bottom:1px; /* IE6 ONLY */ border-bottom-width:1px; margin-left:5px; margin-right:5px;} .stroke_1px .bottom_corner .rd_1 {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .stroke_1px .bottom_corner .rd_2 {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .stroke_1px .bottom_corner .rd_3 {border-left-width:1px; border-right-width:1px; margin-left:1px; margin-right:1px;} .stroke_1px .bottom_corner .rd_4 {border-left-width:1px; border-right-width:1px; margin-left:1px; margin-right:1px;} .stroke_1px .bottom_corner .rd_5 {border-left-width:1px; border-right-width:1px; margin-left:2px; margin-right:2px;} .stroke_1px .bottom_corner .rd_6 {border-left-width:2px; border-right-width:2px; margin-left:3px; margin-right:3px;} .stroke_1px .bottom_corner .rd_7 {border-left-width:2px; border-right-width:2px; margin-left:5px; margin-right:5px;} /*--- 2PX BORDER STROKE ---*/ .stroke_2px .header {border-left-width:2px; border-right-width:2px;} .stroke_2px .box_content {border-left-width:2px; border-right-width:2px;} .stroke_2px .top_corner .top_border {z-index:2; top:3px; _top:2px; /* IE6 ONLY */ border-top-width:2px; margin-left:6px; margin-right:6px;} .stroke_2px .top_corner .rd_1 {border-left-width:1px; border-right-width:1px; margin-left:5px; margin-right:5px;} .stroke_2px .top_corner .rd_2 {border-left-width:3px; border-right-width:3px; margin-left:3px; margin-right:3px;} .stroke_2px .top_corner .rd_3 {border-left-width:4px; border-right-width:4px; margin-left:2px; margin-right:2px;} .stroke_2px .top_corner .rd_4 {border-left-width:3px; border-right-width:3px; margin-left:1px; margin-right:1px;} .stroke_2px .top_corner .rd_5 {border-left-width:2px; border-right-width:2px; margin-left:1px; margin-right:1px;} .stroke_2px .top_corner .rd_6 {border-left-width:3px; border-right-width:3px; margin-left:0; margin-right:0;} .stroke_2px .top_corner .rd_7 {border-left-width:2px; border-right-width:2px; margin-left:0; margin-right:0;} .stroke_2px .bottom_corner .bottom_border {z-index:2; bottom:3px; _bottom:2px; /* IE6 ONLY */ border-bottom-width:2px; margin-left:6px; margin-right:6px;} .stroke_2px .bottom_corner .rd_1 {border-left-width:2px; border-right-width:2px; margin-left:0; margin-right:0;} .stroke_2px .bottom_corner .rd_2 {border-left-width:3px; border-right-width:3px; margin-left:0; margin-right:0;} .stroke_2px .bottom_corner .rd_3 {border-left-width:2px; border-right-width:2px; margin-left:1px; margin-right:1px;} .stroke_2px .bottom_corner .rd_4 {border-left-width:3px; border-right-width:3px; margin-left:1px; margin-right:1px;} .stroke_2px .bottom_corner .rd_5 {border-left-width:4px; border-right-width:4px; margin-left:2px; margin-right:2px;} .stroke_2px .bottom_corner .rd_6 {border-left-width:3px; border-right-width:3px; margin-left:3px; margin-right:3px;} .stroke_2px .bottom_corner .rd_7 {border-left-width:1px; border-right-width:1px; margin-left:5px; margin-right:5px;} /*--- 3PX BORDER STROKE ---*/ .stroke_3px .header {border-left-width:3px; border-right-width:3px;} .stroke_3px .box_content {border-left-width:3px; border-right-width:3px;} .stroke_3px .top_corner .top_border {z-index:2; top:4px; _top:3px; /* IE6 ONLY */ border-top-width:3px; margin-left:7px; margin-right:7px;} .stroke_3px .top_corner .rd_1 {border-left-width:2px; border-right-width:2px; margin-left:5px; margin-right:5px;} .stroke_3px .top_corner .rd_2 {border-left-width:4px; border-right-width:4px; margin-left:3px; margin-right:3px;} .stroke_3px .top_corner .rd_3 {border-left-width:5px; border-right-width:5px; margin-left:2px; margin-right:2px;} .stroke_3px .top_corner .rd_4 {border-left-width:6px; border-right-width:6px; margin-left:1px; margin-right:1px;} .stroke_3px .top_corner .rd_5 {border-left-width:4px; border-right-width:4px; margin-left:1px; margin-right:1px;} .stroke_3px .top_corner .rd_6 {border-left-width:4px; border-right-width:4px; margin-left:0; margin-right:0;} .stroke_3px .top_corner .rd_7 {border-left-width:4px; border-right-width:4px; margin-left:0; margin-right:0;} .stroke_3px .bottom_corner .bottom_border {z-index:2; bottom:4px; _bottom:3px; /* IE6 ONLY */ border-bottom-width:3px; margin-left:7px; margin-right:7px;} .stroke_3px .bottom_corner .rd_1 {border-left-width:4px; border-right-width:4px; margin-left:0; margin-right:0;} .stroke_3px .bottom_corner .rd_2 {border-left-width:4px; border-right-width:4px; margin-left:0; margin-right:0;} .stroke_3px .bottom_corner .rd_3 {border-left-width:4px; border-right-width:4px; margin-left:1px; margin-right:1px;} .stroke_3px .bottom_corner .rd_4 {border-left-width:6px; border-right-width:6px; margin-left:1px; margin-right:1px;} .stroke_3px .bottom_corner .rd_5 {border-left-width:5px; border-right-width:5px; margin-left:2px; margin-right:2px;} .stroke_3px .bottom_corner .rd_6 {border-left-width:4px; border-right-width:4px; margin-left:3px; margin-right:3px;} .stroke_3px .bottom_corner .rd_7 {border-left-width:2px; border-right-width:2px; margin-left:5px; margin-right:5px;} /*---===== ROUND BOX CONTAINER - BORDER STROKES (1px, 2px, or 3px) - ENDS =====---*/ /*---===== ROUND BOX CONTAINER - DISABLE CORNERS - BEGINS =====---*/ /*--- DISABLE ALL CORNERS ---*/ /* DISABLE ALL CONTAINER CORNERS NOTES: Disable 0px stroke corners: use class name .all_corners_off_0px with .stroke_0px and .box_rd Disable 1px stroke corners: use class name .all_corners_off_1px with .stroke_1px and .box_rd Disable 2px stroke corners: use class name .all_corners_off_2px with .stroke_2px and .box_rd Disable 3px stroke corners: use class name .all_corners_off_3px with .stroke_3px and .box_rd Example: class="box_rd stroke_1px all_corners_off_1px" */ .all_corners_off_0px .top_corner .top_border, .all_corners_off_0px .top_corner .rd_1, .all_corners_off_0px .top_corner .rd_2, .all_corners_off_0px .top_corner .rd_3, .all_corners_off_0px .top_corner .rd_4, .all_corners_off_0px .top_corner .rd_5, .all_corners_off_0px .top_corner .rd_6, .all_corners_off_0px .top_corner .rd_7, .all_corners_off_0px .bottom_corner .bottom_border, .all_corners_off_0px .bottom_corner .rd_1, .all_corners_off_0px .bottom_corner .rd_2, .all_corners_off_0px .bottom_corner .rd_3, .all_corners_off_0px .bottom_corner .rd_4, .all_corners_off_0px .bottom_corner .rd_5, .all_corners_off_0px .bottom_corner .rd_6, .all_corners_off_0px .bottom_corner .rd_7 {border-width:0; margin-left:0; margin-right:0;} .all_corners_off_1px .top_corner .top_border, .all_corners_off_1px .top_corner .rd_1, .all_corners_off_1px .top_corner .rd_2, .all_corners_off_1px .top_corner .rd_3, .all_corners_off_1px .top_corner .rd_4, .all_corners_off_1px .top_corner .rd_5, .all_corners_off_1px .top_corner .rd_6, .all_corners_off_1px .top_corner .rd_7, .all_corners_off_1px .bottom_corner .bottom_border, .all_corners_off_1px .bottom_corner .rd_1, .all_corners_off_1px .bottom_corner .rd_2, .all_corners_off_1px .bottom_corner .rd_3, .all_corners_off_1px .bottom_corner .rd_4, .all_corners_off_1px .bottom_corner .rd_5, .all_corners_off_1px .bottom_corner .rd_6, .all_corners_off_1px .bottom_corner .rd_7 {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .all_corners_off_2px .top_corner .top_border, .all_corners_off_2px .top_corner .rd_1, .all_corners_off_2px .top_corner .rd_2, .all_corners_off_2px .top_corner .rd_3, .all_corners_off_2px .top_corner .rd_4, .all_corners_off_2px .top_corner .rd_5, .all_corners_off_2px .top_corner .rd_6, .all_corners_off_2px .top_corner .rd_7, .all_corners_off_2px .bottom_corner .bottom_border, .all_corners_off_2px .bottom_corner .rd_1, .all_corners_off_2px .bottom_corner .rd_2, .all_corners_off_2px .bottom_corner .rd_3, .all_corners_off_2px .bottom_corner .rd_4, .all_corners_off_2px .bottom_corner .rd_5, .all_corners_off_2px .bottom_corner .rd_6, .all_corners_off_2px .bottom_corner .rd_7 {border-left-width:2px; border-right-width:2px; margin-left:0; margin-right:0;} .all_corners_off_3px .top_corner .top_border, .all_corners_off_3px .top_corner .rd_1, .all_corners_off_3px .top_corner .rd_2, .all_corners_off_3px .top_corner .rd_3, .all_corners_off_3px .top_corner .rd_4, .all_corners_off_3px .top_corner .rd_5, .all_corners_off_3px .top_corner .rd_6, .all_corners_off_3px .top_corner .rd_7, .all_corners_off_3px .bottom_corner .bottom_border, .all_corners_off_3px .bottom_corner .rd_1, .all_corners_off_3px .bottom_corner .rd_2, .all_corners_off_3px .bottom_corner .rd_3, .all_corners_off_3px .bottom_corner .rd_4, .all_corners_off_3px .bottom_corner .rd_5, .all_corners_off_3px .bottom_corner .rd_6, .all_corners_off_3px .bottom_corner .rd_7 {border-left-width:3px; border-right-width:3px; margin-left:0; margin-right:0;} /*--- DISABLE BOTH TOP CORNERS ---*/ /* DISABLE CONTAINER TOP CORNERS NOTES: Disable 0px stroke top corners: use class name .top_corners_off_0px with .stroke_0px and .box_rd Disable 1px stroke top corners: use class name .top_corners_off_1px with .stroke_1px and .box_rd Disable 2px stroke top corners: use class name .top_corners_off_2px with .stroke_2px and .box_rd Disable 3px stroke top corners: use class name .top_corners_off_3px with .stroke_3px and .box_rd Example: class="box_rd stroke_1px top_corners_off_1px" */ .top_corners_off_0px .top_corner .rd_1, .top_corners_off_0px .top_corner .rd_2, .top_corners_off_0px .top_corner .rd_3, .top_corners_off_0px .top_corner .rd_4, .top_corners_off_0px .top_corner .rd_5, .top_corners_off_0px .top_corner .rd_6, .top_corners_off_0px .top_corner .rd_7, .top_corners_off_0px .top_corner .top_border {border-left-width:0; border-right-width:0; margin-left:0; margin-right:0;} .top_corners_off_1px .top_corner .rd_1, .top_corners_off_1px .top_corner .rd_2, .top_corners_off_1px .top_corner .rd_3, .top_corners_off_1px .top_corner .rd_4, .top_corners_off_1px .top_corner .rd_5, .top_corners_off_1px .top_corner .rd_6, .top_corners_off_1px .top_corner .rd_7, .top_corners_off_1px .top_corner .top_border {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .top_corners_off_2px .top_corner .rd_1, .top_corners_off_2px .top_corner .rd_2, .top_corners_off_2px .top_corner .rd_3, .top_corners_off_2px .top_corner .rd_4, .top_corners_off_2px .top_corner .rd_5, .top_corners_off_2px .top_corner .rd_6, .top_corners_off_2px .top_corner .rd_7, .top_corners_off_2px .top_corner .top_border {border-left-width:2px; border-right-width:2px; margin-left:0; margin-right:0;} .top_corners_off_3px .top_corner .rd_1, .top_corners_off_3px .top_corner .rd_2, .top_corners_off_3px .top_corner .rd_3, .top_corners_off_3px .top_corner .rd_4, .top_corners_off_3px .top_corner .rd_5, .top_corners_off_3px .top_corner .rd_6, .top_corners_off_3px .top_corner .rd_7, .top_corners_off_3px .top_corner .top_border {border-left-width:3px; border-right-width:3px; margin-left:0; margin-right:0;} /*--- DISABLE EITHER LEFT OR RIGHT TOP CORNER ---*/ /* DISABLE CONTAINER TOP LEFT CORNER NOTES: Disable 0px stroke top left corner: use class name .top_left_corners_off_0px with .stroke_0px and .box_rd Disable 1px stroke top left corner: use class name .top_left_corners_off_1px with .stroke_1px and .box_rd Disable 2px stroke top left corner: use class name .top_left_corners_off_2px with .stroke_2px and .box_rd Disable 3px stroke top left corner: use class name .top_left_corners_off_3px with .stroke_3px and .box_rd Example: class="box_rd stroke_1px top_left_corner_off_1px" DISABLE CONTAINER TOP RIGHT CORNER NOTES: Disable 0px stroke top right corner: use class name .top_right_corners_off_0px with .stroke_0px and .box_rd Disable 1px stroke top right corner: use class name .top_right_corners_off_1px with .stroke_1px and .box_rd Disable 2px stroke top right corner: use class name .top_right_corners_off_2px with .stroke_2px and .box_rd Disable 3px stroke top right corner: use class name .top_right_corners_off_3px with .stroke_3px and .box_rd Example: class="box_rd stroke_1px top_right_corner_off_1px" */ .top_left_corner_off_0px .top_corner .rd_1, .top_left_corner_off_0px .top_corner .rd_2, .top_left_corner_off_0px .top_corner .rd_3, .top_left_corner_off_0px .top_corner .rd_4, .top_left_corner_off_0px .top_corner .rd_5, .top_left_corner_off_0px .top_corner .rd_6, .top_left_corner_off_0px .top_corner .rd_7, .top_left_corner_off_0px .top_corner .top_border {margin-left:0; border-left-width:0;} .top_left_corner_off_1px .top_corner .rd_1, .top_left_corner_off_1px .top_corner .rd_2, .top_left_corner_off_1px .top_corner .rd_3, .top_left_corner_off_1px .top_corner .rd_4, .top_left_corner_off_1px .top_corner .rd_5, .top_left_corner_off_1px .top_corner .rd_6, .top_left_corner_off_1px .top_corner .rd_7, .top_left_corner_off_1px .top_corner .top_border {margin-left:0; border-left-width:1px;} .top_left_corner_off_2px .top_corner .rd_1, .top_left_corner_off_2px .top_corner .rd_2, .top_left_corner_off_2px .top_corner .rd_3, .top_left_corner_off_2px .top_corner .rd_4, .top_left_corner_off_2px .top_corner .rd_5, .top_left_corner_off_2px .top_corner .rd_6, .top_left_corner_off_2px .top_corner .rd_7, .top_left_corner_off_2px .top_corner .top_border {margin-left:0; border-left-width:2px;} .top_left_corner_off_3px .top_corner .rd_1, .top_left_corner_off_3px .top_corner .rd_2, .top_left_corner_off_3px .top_corner .rd_3, .top_left_corner_off_3px .top_corner .rd_4, .top_left_corner_off_3px .top_corner .rd_5, .top_left_corner_off_3px .top_corner .rd_6, .top_left_corner_off_3px .top_corner .rd_7, .top_left_corner_off_3px .top_corner .top_border {margin-left:0; border-left-width:3px;} .top_right_corner_off_0px .top_corner .rd_1, .top_right_corner_off_0px .top_corner .rd_2, .top_right_corner_off_0px .top_corner .rd_3, .top_right_corner_off_0px .top_corner .rd_4, .top_right_corner_off_0px .top_corner .rd_5, .top_right_corner_off_0px .top_corner .rd_6, .top_right_corner_off_0px .top_corner .rd_7, .top_right_corner_off_0px .top_corner .top_border {margin-right:0; border-right-width:0;} .top_right_corner_off_1px .top_corner .rd_1, .top_right_corner_off_1px .top_corner .rd_2, .top_right_corner_off_1px .top_corner .rd_3, .top_right_corner_off_1px .top_corner .rd_4, .top_right_corner_off_1px .top_corner .rd_5, .top_right_corner_off_1px .top_corner .rd_6, .top_right_corner_off_1px .top_corner .rd_7, .top_right_corner_off_1px .top_corner .top_border {margin-right:0; border-right-width:1px;} .top_right_corner_off_2px .top_corner .rd_1, .top_right_corner_off_2px .top_corner .rd_2, .top_right_corner_off_2px .top_corner .rd_3, .top_right_corner_off_2px .top_corner .rd_4, .top_right_corner_off_2px .top_corner .rd_5, .top_right_corner_off_2px .top_corner .rd_6, .top_right_corner_off_2px .top_corner .rd_7, .top_right_corner_off_2px .top_corner .top_border {margin-right:0; border-right-width:2px;} .top_right_corner_off_3px .top_corner .rd_1, .top_right_corner_off_3px .top_corner .rd_2, .top_right_corner_off_3px .top_corner .rd_3, .top_right_corner_off_3px .top_corner .rd_4, .top_right_corner_off_3px .top_corner .rd_5, .top_right_corner_off_3px .top_corner .rd_6, .top_right_corner_off_3px .top_corner .rd_7, .top_right_corner_off_3px .top_corner .top_border {margin-right:0; border-right-width:3px;} /*--- DISABLE BOTH BOTTOM CORNERS ---*/ /* DISABLE CONTAINER BOTTOM CORNERS NOTES: Disable 1px stroke bottom corners: use class name .bottom_corners_off_0px with .stroke_0px and .box_rd Disable 1px stroke bottom corners: use class name .bottom_corners_off_1px with .stroke_1px and .box_rd Disable 2px stroke bottom corners: use class name .bottom_corners_off_2px with .stroke_2px and .box_rd Disable 3px stroke bottom corners: use class name .bottom_corners_off_3px with .stroke_3px and .box_rd Example: class="box_rd stroke_1px bottom_corners_off_1px" */ .bottom_corners_off_0px .bottom_corner .rd_1, .bottom_corners_off_0px .bottom_corner .rd_2, .bottom_corners_off_0px .bottom_corner .rd_3, .bottom_corners_off_0px .bottom_corner .rd_4, .bottom_corners_off_0px .bottom_corner .rd_5, .bottom_corners_off_0px .bottom_corner .rd_6, .bottom_corners_off_0px .bottom_corner .rd_7, .bottom_corners_off_0px .bottom_corner .bottom_border {border-left-width:0; border-right-width:0; margin-left:0; margin-right:0;} .bottom_corners_off_1px .bottom_corner .rd_1, .bottom_corners_off_1px .bottom_corner .rd_2, .bottom_corners_off_1px .bottom_corner .rd_3, .bottom_corners_off_1px .bottom_corner .rd_4, .bottom_corners_off_1px .bottom_corner .rd_5, .bottom_corners_off_1px .bottom_corner .rd_6, .bottom_corners_off_1px .bottom_corner .rd_7, .bottom_corners_off_1px .bottom_corner .bottom_border {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .bottom_corners_off_2px .bottom_corner .rd_1, .bottom_corners_off_2px .bottom_corner .rd_2, .bottom_corners_off_2px .bottom_corner .rd_3, .bottom_corners_off_2px .bottom_corner .rd_4, .bottom_corners_off_2px .bottom_corner .rd_5, .bottom_corners_off_2px .bottom_corner .rd_6, .bottom_corners_off_2px .bottom_corner .rd_7, .bottom_corners_off_2px .bottom_corner .bottom_border {border-left-width:2px; border-right-width:2px; margin-left:0; margin-right:0;} .bottom_corners_off_3px .bottom_corner .rd_1, .bottom_corners_off_3px .bottom_corner .rd_2, .bottom_corners_off_3px .bottom_corner .rd_3, .bottom_corners_off_3px .bottom_corner .rd_4, .bottom_corners_off_3px .bottom_corner .rd_5, .bottom_corners_off_3px .bottom_corner .rd_6, .bottom_corners_off_3px .bottom_corner .rd_7, .bottom_corners_off_3px .bottom_corner .bottom_border {border-left-width:3px; border-right-width:3px; margin-left:0; margin-right:0;} /*--- DISABLE EITHER LEFT OR RIGHT BOTTOM CORNER ---*/ /* DISABLE CONTAINER BOTTOM LEFT CORNER NOTES: Disable 0px stroke bottom left corner: use class name .bottom_left_corners_off_0px with .stroke_0px and .box_rd Disable 1px stroke bottom left corner: use class name .bottom_left_corners_off_1px with .stroke_1px and .box_rd Disable 2px stroke bottom left corner: use class name .bottom_left_corners_off_2px with .stroke_2px and .box_rd Disable 3px stroke bottom left corner: use class name .bottom_left_corners_off_3px with .stroke_3px and .box_rd Example: class="box_rd stroke_1px bottom_left_corner_off_1px" DISABLE CONTAINER BOTTOM RIGHT CORNER NOTES: Disable 0px stroke bottom right corner: use class name .bottom_right_corners_off_0px with .stroke_0px and .box_rd Disable 1px stroke bottom right corner: use class name .bottom_right_corners_off_1px with .stroke_1px and .box_rd Disable 2px stroke bottom right corner: use class name .bottom_right_corners_off_2px with .stroke_2px and .box_rd Disable 3px stroke bottom right corner: use class name .bottom_right_corners_off_3px with .stroke_3px and .box_rd Example: class="box_rd stroke_1px bottom_right_corner_off_1px" */ .bottom_left_corner_off_0px .bottom_corner .rd_1, .bottom_left_corner_off_0px .bottom_corner .rd_2, .bottom_left_corner_off_0px .bottom_corner .rd_3, .bottom_left_corner_off_0px .bottom_corner .rd_4, .bottom_left_corner_off_0px .bottom_corner .rd_5, .bottom_left_corner_off_0px .bottom_corner .rd_6, .bottom_left_corner_off_0px .bottom_corner .rd_7, .bottom_left_corner_off_0px .bottom_corner .bottom_border {margin-left:0; border-left-width:0;} .bottom_left_corner_off_1px .bottom_corner .rd_1, .bottom_left_corner_off_1px .bottom_corner .rd_2, .bottom_left_corner_off_1px .bottom_corner .rd_3, .bottom_left_corner_off_1px .bottom_corner .rd_4, .bottom_left_corner_off_1px .bottom_corner .rd_5, .bottom_left_corner_off_1px .bottom_corner .rd_6, .bottom_left_corner_off_1px .bottom_corner .rd_7, .bottom_left_corner_off_1px .bottom_corner .bottom_border {margin-left:0; border-left-width:1px;} .bottom_left_corner_off_2px .bottom_corner .rd_1, .bottom_left_corner_off_2px .bottom_corner .rd_2, .bottom_left_corner_off_2px .bottom_corner .rd_3, .bottom_left_corner_off_2px .bottom_corner .rd_4, .bottom_left_corner_off_2px .bottom_corner .rd_5, .bottom_left_corner_off_2px .bottom_corner .rd_6, .bottom_left_corner_off_2px .bottom_corner .rd_7, .bottom_left_corner_off_2px .bottom_corner .bottom_border {margin-left:0; border-left-width:2px;} .bottom_left_corner_off_3px .bottom_corner .rd_1, .bottom_left_corner_off_3px .bottom_corner .rd_2, .bottom_left_corner_off_3px .bottom_corner .rd_3, .bottom_left_corner_off_3px .bottom_corner .rd_4, .bottom_left_corner_off_3px .bottom_corner .rd_5, .bottom_left_corner_off_3px .bottom_corner .rd_6, .bottom_left_corner_off_3px .bottom_corner .rd_7, .bottom_left_corner_off_3px .bottom_corner .bottom_border {margin-left:0; border-left-width:3px;} .bottom_right_corner_off_0px .bottom_corner .rd_1, .bottom_right_corner_off_0px .bottom_corner .rd_2, .bottom_right_corner_off_0px .bottom_corner .rd_3, .bottom_right_corner_off_0px .bottom_corner .rd_4, .bottom_right_corner_off_0px .bottom_corner .rd_5, .bottom_right_corner_off_0px .bottom_corner .rd_6, .bottom_right_corner_off_0px .bottom_corner .rd_7, .bottom_right_corner_off_0px .bottom_corner .bottom_border {margin-right:0; border-right-width:0;} .bottom_right_corner_off_1px .bottom_corner .rd_1, .bottom_right_corner_off_1px .bottom_corner .rd_2, .bottom_right_corner_off_1px .bottom_corner .rd_3, .bottom_right_corner_off_1px .bottom_corner .rd_4, .bottom_right_corner_off_1px .bottom_corner .rd_5, .bottom_right_corner_off_1px .bottom_corner .rd_6, .bottom_right_corner_off_1px .bottom_corner .rd_7, .bottom_right_corner_off_1px .bottom_corner .bottom_border {margin-right:0; border-right-width:1px;} .bottom_right_corner_off_2px .bottom_corner .rd_1, .bottom_right_corner_off_2px .bottom_corner .rd_2, .bottom_right_corner_off_2px .bottom_corner .rd_3, .bottom_right_corner_off_2px .bottom_corner .rd_4, .bottom_right_corner_off_2px .bottom_corner .rd_5, .bottom_right_corner_off_2px .bottom_corner .rd_6, .bottom_right_corner_off_2px .bottom_corner .rd_7, .bottom_right_corner_off_2px .bottom_corner .bottom_border {margin-right:0; border-right-width:2px;} .bottom_right_corner_off_3px .bottom_corner .rd_1, .bottom_right_corner_off_3px .bottom_corner .rd_2, .bottom_right_corner_off_3px .bottom_corner .rd_3, .bottom_right_corner_off_3px .bottom_corner .rd_4, .bottom_right_corner_off_3px .bottom_corner .rd_5, .bottom_right_corner_off_3px .bottom_corner .rd_6, .bottom_right_corner_off_3px .bottom_corner .rd_7, .bottom_right_corner_off_3px .bottom_corner .bottom_border {margin-right:0; border-right-width:3px;} /*--- DISABLE BOTH TOP LEFT AND BOTTOM LEFT CORNERS ---*/ /* DISABLE CONTAINER TOP LEFT AND BOTTOM LEFT CORNERS NOTES: Disable 0px stroke top left and bottom left corners: use class name .left_corners_off_0px with .stroke_0px and .box_rd Disable 1px stroke top left and bottom left corners: use class name .left_corners_off_1px with .stroke_1px and .box_rd Disable 2px stroke top left and bottom left corners: use class name .left_corners_off_2px with .stroke_2px and .box_rd Disable 3px stroke top left and bottom left corners: use class name .left_corners_off_3px with .stroke_3px and .box_rd Example: class="box_rd stroke_1px left_corners_off_1px" */ .left_corners_off_0px .top_corner .top_border, .left_corners_off_0px .top_corner .rd_1, .left_corners_off_0px .top_corner .rd_2, .left_corners_off_0px .top_corner .rd_3, .left_corners_off_0px .top_corner .rd_4, .left_corners_off_0px .top_corner .rd_5, .left_corners_off_0px .top_corner .rd_6, .left_corners_off_0px .top_corner .rd_7, .left_corners_off_0px .bottom_corner .bottom_border, .left_corners_off_0px .bottom_corner .rd_1, .left_corners_off_0px .bottom_corner .rd_2, .left_corners_off_0px .bottom_corner .rd_3, .left_corners_off_0px .bottom_corner .rd_4, .left_corners_off_0px .bottom_corner .rd_5, .left_corners_off_0px .bottom_corner .rd_6, .left_corners_off_0px .bottom_corner .rd_7 {margin-left:0; border-left-width:0;} .left_corners_off_1px .top_corner .top_border, .left_corners_off_1px .top_corner .rd_1, .left_corners_off_1px .top_corner .rd_2, .left_corners_off_1px .top_corner .rd_3, .left_corners_off_1px .top_corner .rd_4, .left_corners_off_1px .top_corner .rd_5, .left_corners_off_1px .top_corner .rd_6, .left_corners_off_1px .top_corner .rd_7, .left_corners_off_1px .bottom_corner .bottom_border, .left_corners_off_1px .bottom_corner .rd_1, .left_corners_off_1px .bottom_corner .rd_2, .left_corners_off_1px .bottom_corner .rd_3, .left_corners_off_1px .bottom_corner .rd_4, .left_corners_off_1px .bottom_corner .rd_5, .left_corners_off_1px .bottom_corner .rd_6, .left_corners_off_1px .bottom_corner .rd_7 {margin-left:0; border-left-width:1px;} .left_corners_off_2px .top_corner .top_border, .left_corners_off_2px .top_corner .rd_1, .left_corners_off_2px .top_corner .rd_2, .left_corners_off_2px .top_corner .rd_3, .left_corners_off_2px .top_corner .rd_4, .left_corners_off_2px .top_corner .rd_5, .left_corners_off_2px .top_corner .rd_6, .left_corners_off_2px .top_corner .rd_7, .left_corners_off_2px .bottom_corner .bottom_border, .left_corners_off_2px .bottom_corner .rd_1, .left_corners_off_2px .bottom_corner .rd_2, .left_corners_off_2px .bottom_corner .rd_3, .left_corners_off_2px .bottom_corner .rd_4, .left_corners_off_2px .bottom_corner .rd_5, .left_corners_off_2px .bottom_corner .rd_6, .left_corners_off_2px .bottom_corner .rd_7 {margin-left:0; border-left-width:2px;} .left_corners_off_3px .top_corner .top_border, .left_corners_off_3px .top_corner .rd_1, .left_corners_off_3px .top_corner .rd_2, .left_corners_off_3px .top_corner .rd_3, .left_corners_off_3px .top_corner .rd_4, .left_corners_off_3px .top_corner .rd_5, .left_corners_off_3px .top_corner .rd_6, .left_corners_off_3px .top_corner .rd_7, .left_corners_off_3px .bottom_corner .bottom_border, .left_corners_off_3px .bottom_corner .rd_1, .left_corners_off_3px .bottom_corner .rd_2, .left_corners_off_3px .bottom_corner .rd_3, .left_corners_off_3px .bottom_corner .rd_4, .left_corners_off_3px .bottom_corner .rd_5, .left_corners_off_3px .bottom_corner .rd_6, .left_corners_off_3px .bottom_corner .rd_7 {margin-left:0; border-left-width:3px;} /*--- DISABLE BOTH TOP RIGHT AND BOTTOM RIGHT CORNERS ---*/ /* DISABLE CONTAINER TOP LEFT AND BOTTOM LEFT CORNERS NOTES: Disable 0px stroke top right and bottom right corners: use class name .right_corners_off_0px with .stroke_0px and .box_rd Disable 1px stroke top right and bottom right corners: use class name .right_corners_off_1px with .stroke_1px and .box_rd Disable 2px stroke top right and bottom right corners: use class name .right_corners_off_2px with .stroke_2px and .box_rd Disable 3px stroke top right and bottom right corners: use class name .right_corners_off_3px with .stroke_3px and .box_rd Example: class="box_rd stroke_1px right_corners_off_1px" */ .right_corners_off_0px .top_corner .top_border, .right_corners_off_0px .top_corner .rd_1, .right_corners_off_0px .top_corner .rd_2, .right_corners_off_0px .top_corner .rd_3, .right_corners_off_0px .top_corner .rd_4, .right_corners_off_0px .top_corner .rd_5, .right_corners_off_0px .top_corner .rd_6, .right_corners_off_0px .top_corner .rd_7, .right_corners_off_0px .bottom_corner .bottom_border, .right_corners_off_0px .bottom_corner .rd_1, .right_corners_off_0px .bottom_corner .rd_2, .right_corners_off_0px .bottom_corner .rd_3, .right_corners_off_0px .bottom_corner .rd_4, .right_corners_off_0px .bottom_corner .rd_5, .right_corners_off_0px .bottom_corner .rd_6, .right_corners_off_0px .bottom_corner .rd_7 {margin-right:0; border-right-width:0;} .right_corners_off_1px .top_corner .top_border, .right_corners_off_1px .top_corner .rd_1, .right_corners_off_1px .top_corner .rd_2, .right_corners_off_1px .top_corner .rd_3, .right_corners_off_1px .top_corner .rd_4, .right_corners_off_1px .top_corner .rd_5, .right_corners_off_1px .top_corner .rd_6, .right_corners_off_1px .top_corner .rd_7, .right_corners_off_1px .bottom_corner .bottom_border, .right_corners_off_1px .bottom_corner .rd_1, .right_corners_off_1px .bottom_corner .rd_2, .right_corners_off_1px .bottom_corner .rd_3, .right_corners_off_1px .bottom_corner .rd_4, .right_corners_off_1px .bottom_corner .rd_5, .right_corners_off_1px .bottom_corner .rd_6, .right_corners_off_1px .bottom_corner .rd_7 {margin-right:0; border-right-width:1px;} .right_corners_off_2px .top_corner .top_border, .right_corners_off_2px .top_corner .rd_1, .right_corners_off_2px .top_corner .rd_2, .right_corners_off_2px .top_corner .rd_3, .right_corners_off_2px .top_corner .rd_4, .right_corners_off_2px .top_corner .rd_5, .right_corners_off_2px .top_corner .rd_6, .right_corners_off_2px .top_corner .rd_7, .right_corners_off_2px .bottom_corner .bottom_border, .right_corners_off_2px .bottom_corner .rd_1, .right_corners_off_2px .bottom_corner .rd_2, .right_corners_off_2px .bottom_corner .rd_3, .right_corners_off_2px .bottom_corner .rd_4, .right_corners_off_2px .bottom_corner .rd_5, .right_corners_off_2px .bottom_corner .rd_6, .right_corners_off_2px .bottom_corner .rd_7 {margin-right:0; border-right-width:2px;} .right_corners_off_3px .top_corner .top_border, .right_corners_off_3px .top_corner .rd_1, .right_corners_off_3px .top_corner .rd_2, .right_corners_off_3px .top_corner .rd_3, .right_corners_off_3px .top_corner .rd_4, .right_corners_off_3px .top_corner .rd_5, .right_corners_off_3px .top_corner .rd_6, .right_corners_off_3px .top_corner .rd_7, .right_corners_off_3px .bottom_corner .bottom_border, .right_corners_off_3px .bottom_corner .rd_1, .right_corners_off_3px .bottom_corner .rd_2, .right_corners_off_3px .bottom_corner .rd_3, .right_corners_off_3px .bottom_corner .rd_4, .right_corners_off_3px .bottom_corner .rd_5, .right_corners_off_3px .bottom_corner .rd_6, .right_corners_off_3px .bottom_corner .rd_7 {margin-right:0; border-right-width:3px;} /*---===== ROUND BOX CONTAINER - DISABLE CORNERS - ENDS =====---*/ /*---===== ROUND BOX CONTAINER - BORDER COLOR - BEGINS =====---*/ /* Set container border color. */ .base_border .header, .base_border .box_content, .base_border .crn_style div {border-color:#999;} /*---===== ROUND BOX CONTAINER - BORDER COLOR - ENDS =====---*/ /*---===== ROUND BOX CONTAINER - BOX BACKGROUND COLOR - BEGINS =====---*/ /* Set container background color. */ .base_box_bck .top_corner div, .base_box_bck .bottom_corner div, .base_box_bck .header h2, .base_box_bck .box_content {background-color:#fff;} /*---===== ROUND BOX CONTAINER - BOX BACKGROUND COLOR - ENDS =====---*/ /*---===== ROUND BOX CONTAINER - HEADER (NO BACKGROUND COLOR) - BEGINS =====---*/ /* Set container header h2 color. */ .base_header_top .header_top h2, .base_header_bottom .header_bottom h2 {color:#000;} .base_header_top .header_top h2 {padding-top:.6em; padding-bottom:.25em;} .base_header_top .header_bottom {display:none;} .base_header_bottom .header_bottom h2 {padding-top:.1em; padding-bottom:.6em;} .base_header_bottom .header_top {display:none;} /*---===== ROUND BOX CONTAINER - HEADER (NO BACKGROUND COLOR) - ENDS =====---*/ /*---===== ROUND BOX CONTAINER - HEADER (BACKGROUND COLOR) - BEGINS =====---*/ /* Set container header h2 color. */ .base_header_bck_top .header_top h2, .base_header_bck_bottom .header_bottom h2 {color:#fff;} /* Set container header background color. */ .base_header_bck_top .header_top h2, .base_header_bck_top .top_corner div, .base_header_bck_bottom .header_bottom h2, .base_header_bck_bottom .bottom_corner div {background-color:#999;} .base_header_bck_top .header_top h2 {padding-top:.5em; padding-bottom:.75em;} .base_header_bck_top .box_content {padding-top:7px;} .base_header_bck_top .header_bottom {display:none;} .base_header_bck_bottom .header_bottom h2 {padding-top:.75em; padding-bottom:.5em;} .base_header_bck_bottom .header_top {display:none;} /*---===== ROUND BOX CONTAINER - HEADER (BACKGROUND COLOR) - ENDS =====---*/ /*---===== ROUND BOX CONTAINER - OUTER BOX WITH INNER BOX - BEGINS =====---*/ .box_rd_outer .box_rd_inner {margin-bottom:0;} .box_rd_outer .box_content {padding-top:6px; padding-bottom:6px;} .box_rd_outer .box_content .box_rd_inner .box_content {padding-top:0; padding-bottom:1px;} .box_rd_outer .header_top h2 {padding-bottom:.4em;} .box_rd_outer .header_bottom h2 {padding-top:.4em;} /* Set inner container background color. */ .box_rd_outer .base_box_bck .top_corner div, .box_rd_outer .base_box_bck .bottom_corner div, .box_rd_outer .base_box_bck .header h2, .box_rd_outer .base_box_bck .box_content {background-color:#efefef;} /*--- 0PX BORDER STROKE INNER BOX ---*/ .box_rd_outer .stroke_0px .header, .box_rd_outer .stroke_0px .box_content, .box_rd_outer .stroke_0px .crn_style div {border-color:transparent; _border-color:#fff; /* IE6 ONLY */} .box_rd_outer .stroke_0px .header {border-left-width:0; border-right-width:0;} .box_rd_outer .stroke_0px .box_content {border-left-width:0; border-right-width:0;} .box_rd_outer .stroke_0px .top_corner .top_border {z-index:2; top:2px; _top:1px; /* IE6 ONLY */ border-top-width:1px; margin-left:5px; margin-right:5px;} .box_rd_outer .stroke_0px .top_corner .rd_1 {border-left-width:2px; border-right-width:2px; margin-left:5px; margin-right:5px;} .box_rd_outer .stroke_0px .top_corner .rd_2 {border-left-width:2px; border-right-width:2px; margin-left:3px; margin-right:3px;} .box_rd_outer .stroke_0px .top_corner .rd_3 {border-left-width:1px; border-right-width:1px; margin-left:2px; margin-right:2px;} .box_rd_outer .stroke_0px .top_corner .rd_4 {border-left-width:1px; border-right-width:1px; margin-left:1px; margin-right:1px;} .box_rd_outer .stroke_0px .top_corner .rd_5 {border-left-width:1px; border-right-width:1px; margin-left:1px; margin-right:1px;} .box_rd_outer .stroke_0px .top_corner .rd_6 {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .box_rd_outer .stroke_0px .top_corner .rd_7 {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .box_rd_outer .stroke_0px .bottom_corner .bottom_border {z-index:2; bottom:2px; _bottom:1px; /* IE6 ONLY */ border-bottom-width:1px; margin-left:5px; margin-right:5px;} .box_rd_outer .stroke_0px .bottom_corner .rd_1 {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .box_rd_outer .stroke_0px .bottom_corner .rd_2 {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .box_rd_outer .stroke_0px .bottom_corner .rd_3 {border-left-width:1px; border-right-width:1px; margin-left:1px; margin-right:1px;} .box_rd_outer .stroke_0px .bottom_corner .rd_4 {border-left-width:1px; border-right-width:1px; margin-left:1px; margin-right:1px;} .box_rd_outer .stroke_0px .bottom_corner .rd_5 {border-left-width:1px; border-right-width:1px; margin-left:2px; margin-right:2px;} .box_rd_outer .stroke_0px .bottom_corner .rd_6 {border-left-width:2px; border-right-width:2px; margin-left:3px; margin-right:3px;} .box_rd_outer .stroke_0px .bottom_corner .rd_7 {border-left-width:2px; border-right-width:2px; margin-left:5px; margin-right:5px;} /*--- 1PX BORDER STROKE INNER BOX ---*/ .box_rd_outer .stroke_1px .header {border-left-width:1px; border-right-width:1px;} .box_rd_outer .stroke_1px .box_content {border-left-width:1px; border-right-width:1px;} .box_rd_outer .stroke_1px .top_corner .top_border {z-index:2; top:2px; _top:1px; /* IE6 ONLY */ border-top-width:1px; margin-left:5px; margin-right:5px;} .box_rd_outer .stroke_1px .top_corner .rd_1 {border-left-width:2px; border-right-width:2px; margin-left:5px; margin-right:5px;} .box_rd_outer .stroke_1px .top_corner .rd_2 {border-left-width:2px; border-right-width:2px; margin-left:3px; margin-right:3px;} .box_rd_outer .stroke_1px .top_corner .rd_3 {border-left-width:1px; border-right-width:1px; margin-left:2px; margin-right:2px;} .box_rd_outer .stroke_1px .top_corner .rd_4 {border-left-width:1px; border-right-width:1px; margin-left:1px; margin-right:1px;} .box_rd_outer .stroke_1px .top_corner .rd_5 {border-left-width:1px; border-right-width:1px; margin-left:1px; margin-right:1px;} .box_rd_outer .stroke_1px .top_corner .rd_6 {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .box_rd_outer .stroke_1px .top_corner .rd_7 {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .box_rd_outer .stroke_1px .bottom_corner .bottom_border {z-index:2; bottom:2px; _bottom:1px; /* IE6 ONLY */ border-bottom-width:1px; margin-left:5px; margin-right:5px;} .box_rd_outer .stroke_1px .bottom_corner .rd_1 {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .box_rd_outer .stroke_1px .bottom_corner .rd_2 {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} .box_rd_outer .stroke_1px .bottom_corner .rd_3 {border-left-width:1px; border-right-width:1px; margin-left:1px; margin-right:1px;} .box_rd_outer .stroke_1px .bottom_corner .rd_4 {border-left-width:1px; border-right-width:1px; margin-left:1px; margin-right:1px;} .box_rd_outer .stroke_1px .bottom_corner .rd_5 {border-left-width:1px; border-right-width:1px; margin-left:2px; margin-right:2px;} .box_rd_outer .stroke_1px .bottom_corner .rd_6 {border-left-width:2px; border-right-width:2px; margin-left:3px; margin-right:3px;} .box_rd_outer .stroke_1px .bottom_corner .rd_7 {border-left-width:2px; border-right-width:2px; margin-left:5px; margin-right:5px;} /*---===== ROUND BOX CONTAINER - OUTER CONTAINER WITH 0PX STROKE INNER CONTAINER - ENDS =====---*/ /*---===== ROUND BOX CONTAINER - SHADOW - BEGINS =====---*/ .box_rd_shadow {position:relative; padding-top:18px; padding-left:20px; margin-bottom:0;} .box_rd_shadow .box_rd {margin-bottom:0;} .box_rd_shadow_bck {background-image:url("/images/core/container/box_rd_shadow_bck.png"); background-repeat:no-repeat; _background:none; /* IE6 ONLY, turns off shadow for IE6 */ *height:1%; /* IE7 ONLY, fixes background refresh bug */} .box_rd_shadow_top_right {position:absolute; right:0; top:0; width:20px; height:18px; background-position:right top;} .box_rd_shadow_bottom_left {position:absolute; left:0; bottom:0; width:20px; height:18px; background-position:left bottom;} .box_rd_shadow_bottom_right {background-position:right bottom;} .box_rd_shadow_top_left {position:relative; left:-20px; top:-18px; background-position:left top;} .box_rd_shadow_content {position:relative; left:10px; top:8px;} /* TURN OFF ROUND BOX SHADOW: */ .box_rd_shadow_off .box_rd_shadow_bck {background:none;} /*---===== ROUND BOX CONTAINER - SHADOW - ENDS =====---*/ /*--- ROUND BOX CONTAINER BASE SETUP - BEGINS ----------------------------------------------------*/ .box_rd5 {width:auto; margin-bottom:15px;} .box_rd5 .header {border-left-width:1px; border-left-style:solid; border-right-width:1px; border-right-style:solid; position:relative; height:30px;} .box_rd5 .header h2 {font-size:1.5em; padding:4px 10px 9px 10px; margin:0; position:relative; top:0; line-height:0.7em;} .box_rd5 .box_content {border-left-width:1px; border-left-style:solid; border-right-width:1px; border-right-style:solid; background-color:#FFF; height:100%; padding:0 10px 1px 10px; _width:100%; /*IE6 HACK*/} .box_rd5 .crn_style div {border-left-width:1px; border-left-style:solid; border-right-width:1px; border-right-style:solid; font-size:1px; height:1px; line-height:1.0em;} .box_rd5 .top_corner .top_border {border-top-width:1px; border-top-style:solid; margin-left:5px; margin-right:5px; font-size:0; height:0;} .box_rd5 .top_corner .rd_1 {border-left-width:2px; border-right-width:2px; margin-left:3px; margin-right:3px; color:#FFF;} .box_rd5 .top_corner .rd_2 {margin-left:2px; margin-right:2px; color:#FFF;} .box_rd5 .top_corner .rd_3 {margin-left:1px; margin-right:1px; height:2px; color:#FFF;} .box_rd5 .bottom_corner .bottom_border {border-bottom-width:1px; border-bottom-style:solid; margin-left:5px; margin-right:5px; font-size:1px; height:0;} .box_rd5 .bottom_corner .rd_1 {margin-left:1px; margin-right:1px; height:2px; color:#FFF;} .box_rd5 .bottom_corner .rd_2 {margin-left:2px; margin-right:2px; color:#FFF;} .box_rd5 .bottom_corner .rd_3 {border-left-width:2px; border-right-width:2px; margin-left:3px; margin-right:3px; color:#FFF;} /*--- ROUND BOX CONTAINER BASE SETUP - ENDS ----------------------------------------------------*/ /*--- ROUND BOX CONTAINER OVERRIDES - BEGINS ----------------------------------------------------*/ .green .header h2 {background-color:#8EB342; color:#FFFFFF;} .green .top_corner div, .green .top_corner .rd_1, .green .top_corner .rd_2, .green .top_corner .rd_3 {background-color:#8EB342; color:#8EB342;} .green .box_content {padding-top:7px;} .blue h2 {background-color:#dbebf6; color:#666;} .blue .top_corner div, .blue .top_corner .rd_1, .blue .top_corner .rd_2, .blue .top_corner .rd_3 {background-color:#dbebf6; color:#dbebf6;} .blue .box_content {padding-top:7px;} .dkblue h2 {background-color:#63AEE7; color:#FFFFFF;} .dkblue .top_corner div, .dkblue .top_corner .rd_1, .dkblue .top_corner .rd_2, .dkblue .top_corner .rd_3 {background-color:#63AEE7; color:#63AEE7;} .dkblue .box_content {padding-top:7px;} .gray h2 {background-color:#EFEFEF; color:#666;} .gray .top_corner div, .gray .top_corner .rd_1, .gray .top_corner .rd_2, .gray .top_corner .rd_3 {background-color:#EFEFEF; color:#EFEFEF;} .gray .box_content {padding-top:7px;} /*--- BORDER COLOR OVERRIDES - BEGINS ----------------------------------------------------*/ .green_border .header h2, .green_border .box_content {border-color:#8EB342;} .green_border .header, .green_border .crn_style div, .green_border .top_corner .top_border, .green_border .bottom_corner .bottom_border {border-color:#8EB342; color:#FFF;} .blue_border .header h2, .blue_border .box_content {border-color:#DBEBF6;} .blue_border .header, .blue_border .crn_style div, .blue_border .top_corner .top_border, .blue_border .bottom_corner .bottom_border {border-color:#DBEBF6; color:#FFF;} .dkblue_border .header h2, .dkblue_border .box_content {border-color:#63AEE7;} .dkblue_border .header, .dkblue_border .crn_style div, .dkblue_border .top_corner .top_border, .dkblue_border .bottom_corner .bottom_border {border-color:#63AEE7; color:#FFF;} .gray_border .header h2, .gray_border .box_content {border-color:#CCC;} .gray_border .header, .gray_border .crn_style div, .gray_border .top_corner .top_border, .gray_border .bottom_corner .bottom_border {border-color:#CCC; color:#FFF;} .ededed_border .header h2, .ededed_border .box_content {border-color:#EDEDED;} .ededed_border .header, .ededed_border .crn_style div, .ededed_border .top_corner .top_border, .ededed_border .bottom_corner .bottom_border {border-color:#ededed; color:#FFF;} /*--- BORDER COLOR OVERRIDES - ENDS ----------------------------------------------------*/ /*--- TURN CORNERS OFF - BEGINS ----------------------------------------------------*/ /* TURNS ALL CORNERS OFF */ .all_corner_off .top_corner .rd_1, .all_corner_off .top_corner .rd_2, .all_corner_off .top_corner .rd_3, .all_corner_off .top_corner .top_border, .all_corner_off .bottom_corner .rd_1, .all_corner_off .bottom_corner .rd_2, .all_corner_off .bottom_corner .rd_3, .all_corner_off .bottom_corner .bottom_border {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} /* TURNS BOTH TOP CORNERS OFF */ .top_corner_off .top_corner .rd_1, .top_corner_off .top_corner .rd_2, .top_corner_off .top_corner .rd_3, .top_corner_off .top_corner .top_border {border-left-width:1px; border-right-width:1px; margin-left:0; margin-right:0;} /* TURNS EITHER LEFT OR RIGHT TOP CORNER OFF */ .top_left_corner_off .top_corner .rd_1, .top_left_corner_off .top_corner .rd_2, .top_left_corner_off .top_corner .rd_3, .top_left_corner_off .top_corner .top_border {margin-left:0; border-left-width:1px;} .top_right_corner_off .top_corner .rd_1, .top_right_corner_off .top_corner .rd_2, .top_right_corner_off .top_corner .rd_3, .top_right_corner_off .top_corner .top_border {margin-right:0; border-right-width:1px;} /* TURNS BOTH BOTTOM CORNERS OFF */ .bottom_corner_off .bottom_corner .rd_1, .bottom_corner_off .bottom_corner .rd_2, .bottom_corner_off .bottom_corner .rd_3, .bottom_corner_off .bottom_corner .bottom_border {border-left-width:1px; border-right-width:1px; font-size:1px; height:0px; margin-left:0; margin-right:0;} /* TURNS EITHER LEFT OR RIGHT BOTTOM CORNER OFF */ .btm_left_corner_off .bottom_corner .rd_1, .btm_left_corner_off .bottom_corner .rd_2, .btm_left_corner_off .bottom_corner .rd_3, .btm_left_corner_off .bottom_corner .bottom_border {margin-left:0; border-left-width:1px;} .btm_right_corner_off .bottom_corner .rd_1, .btm_right_corner_off .bottom_corner .rd_2, .btm_right_corner_off .bottom_corner .rd_3, .btm_right_corner_off .bottom_corner .bottom_border {margin-right:0; border-right-width:1px;} /* TURNS BOTH TOP LEFT AND BOTTOM LEFT CORNERS OFF */ .left_corner_off .top_corner .rd_1, .left_corner_off .top_corner .rd_2, .left_corner_off .top_corner .rd_3, .left_corner_off .top_corner .top_border, .left_corner_off .bottom_corner .rd_1, .left_corner_off .bottom_corner .rd_2, .left_corner_off .bottom_corner .rd_3, .left_corner_off .bottom_corner .bottom_border {margin-left:0; border-left-width:1px;} /* TURNS BOTH TOP RIGHT AND BOTTOM RIGHT CORNERS OFF */ .right_corner_off .top_corner .rd_1, .right_corner_off .top_corner .rd_2, .right_corner_off .top_corner .rd_3, .right_corner_off .top_corner .top_border, .right_corner_off .bottom_corner .rd_1, .right_corner_off .bottom_corner .rd_2, .right_corner_off .bottom_corner .rd_3, .right_corner_off .bottom_corner .bottom_border {margin-right:0; border-right-width:1px;} /*--- TURN CORNERS OFF - BEGINS ----------------------------------------------------*/ /*--- ROUND BOX CONTAINER OVERRIDES - ENDS ----------------------------------------------------*/ /*--- SQUARE BOX CONTAINER - BEGINS ----------------------------------------------------*/ .sq_box {background-color:#f8f8ff; border:1px dotted #dedede; color:#444444; padding:10px;} /*--- SQUARE BOX CONTAINER - ENDS ----------------------------------------------------*/