/* +------------------------------------------------------------+ *//* | General XHTML Elements | *//* +------------------------------------------------------------+ */body { color: #444444; background-color: #DEDEDE; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; text-align: left; margin: 10px; }a { color: #3E6B8A; background-color: inherit; font-weight: bold; text-decoration: none; cursor: pointer; }p { color: inherit; background-color: inherit; margin: 5px 0px 7px 0px; }sup { color: inherit; background-color: inherit; display: inline; padding: 0px; vertical-align: super; font-size: 8px; }a:hover { color: inherit; background-color: inherit; text-decoration: underline; }fieldset { color: inherit; background-color: inherit; border: none; padding: 5px 0px 5px 0px; }fieldset p { color: inherit; background-color: inherit; display: block; font-size: 12px; margin: 5px 5px 5px 2px; }form { color: inherit; background-color: inherit; margin: 0px 0px 5px 0px; }img { color: inherit; background-color: inherit; border: none; }li { color: inherit; background-color: inherit; padding-bottom: 5px; }/* +------------------------------------------------------------+ *//* | General XHTML Classes | *//* +------------------------------------------------------------+ */.center { color: inherit; background-color: inherit; text-align: center; }.inlinecenter { color: inherit; background-color: inherit; text-align: center; }p.inline { color: inherit; background-color: inherit; display: inline; padding: 0px; }.strong { color: inherit; background-color: inherit; font-weight: bold; }.big { font-weight: bold; font-size: 14px; }.hidden { color: inherit; background-color: inherit; display: none; }a.unfancy { color: inherit; background-color: inherit; text-decoration: underline; font-weight: normal; }a.unfancy:hover { color: inherit; background-color: inherit; text-decoration: underline; }/* +------------------------------------------------------------+ *//* | Skin Specific Divs | *//* +------------------------------------------------------------+ */#skin_wrapper { color: inherit; background-color: inherit; width: 99%; padding: 0px; margin: auto; }#skin_header { color: inherit; background-color: #FFFFFF; border: 1px solid #36586F; padding: 5px; margin-bottom: 4px; }#skin_ct { color: inherit; background-color: #FFFFFF; border: 1px solid #36586F; width: 100%; padding: 0px; }#skin_ct_lcol { color: inherit; background-color: #FDFDFD; padding: 7px 9px 7px 7px; margin: 0px; vertical-align: top; border-right: 1px solid #CDCDCD; width: 160px; text-align: left; }#skin_ct_mcol { color: inherit; background-color: #FDFDFD; padding: 7px 7px 7px 7px; margin: 0px; border: none; vertical-align: top; }#skin_ct_rcol { color: inherit; background-color: #FDFDFD; padding: 7px 7px 7px 9px; margin: 0px; vertical-align: top; border-left: 1px solid #CDCDCD; width: 160px; }#skin_footer { color: inherit; background-color: inherit; padding: 0px; margin-top: 10px; text-align: center; }#skin_pgtitle { color: #FFFFFF; background-color: #4e9987; padding: 3px 5px 3px 5px; margin: 0px 0px 10px 0px; border: 1px solid #36586F; font-weight: bold; }#skin_content { color: inherit; background-color: inherit; margin: auto; }#skin_ht { color: inherit; background-color: inherit; border: 0px; margin: 0px; padding: 0px; width: 100%; }#skin_ht_lcol { color: inherit; background-color: inherit; width: 25%; text-align: left; vertical-align: top; }#skin_ht_rcol { color: inherit; background-color: #FDFDFD; width: 75%; text-align: right; vertical-align: top; }/* +------------------------------------------------------------+ *//* | Skin Specific Classes | *//* +------------------------------------------------------------+ */.skin_fenavh { color: #FFFFFF; background-color: #4e9987; padding: 3px 5px 3px 5px; margin: 0px 0px 0px 0px; border: 1px solid #36586F; font-weight: bold; }.skin_fenav ul { color: inherit; background-color: inherit; padding: 0px; margin: 0px 0px 10px 0px; list-style: none; }.skin_fenav ul li { color: inherit; background-color: inherit; padding: 0px; margin: 0px; border-bottom: 1px solid #CDCDCD; list-style: none; }.skin_fenav ul li a { color: #333333; background-color: inherit; font-weight: normal; display: block; text-decoration: none; padding: 3px 5px 3px 5px; }.skin_fenav ul li a:hover { color: #333333; background-color: #cdd6be; text-decoration: none; }.skin_button { color: #FFFFFF; background-color: #4e9987; padding: 0px; border: 1px solid #36586F; margin: 0px 0px 10px 3px; display: block; float: right; }.skin_button a { color: #333333; background-color: #cdd6be; font-weight: normal; display: block; padding: 2px 7px 2px 7px; }.skin_button a:hover { color: #333333; background-color: #EFEFEF; text-decoration: none; }.skin_headacct { color: inherit; background-color: inherit; width: 100%; text-align: right; clear: both; }.skin_fenavmini { color: inherit; background-color: inherit; padding: 5px; margin: 0px 0px 10px 0px; border-left: 1px solid #36586F; border-right: 1px solid #36586F; border-bottom: 1px solid #36586F; }/* +------------------------------------------------------------+ *//* | KHXC Required Divs | *//* +------------------------------------------------------------+ */#khxc_debug { color: #333333; background-color: #FFFFFF; border: 1px solid #36586F; padding: 10px; overflow: hidden; margin-top: 10px; }#khxc_printable { color: inherit; background-color: #FFFFFF; border: 1px solid #36586F; width: 800px; padding: 10px; margin: auto; }/* +------------------------------------------------------------+ *//* | KHXC Required Classes: Messages | *//* +------------------------------------------------------------+ */.khxc_error { color: #FF0000; background-color: inherit; font-weight: bold; }.khxc_confirm { color: #339933; background-color: inherit; font-weight: bold; }.khxc_imgfloatrt { color: inherit; background-color: inherit; float: right; margin-bottom: 10px; margin-left: 10px; display: inline; }.khxc_inline { color: inherit; background-color: inherit; display: inline; }/* +------------------------------------------------------------+ *//* | KHXC Required Classes: Boxed Monospace Code | *//* +------------------------------------------------------------+ */.khxc_preboxed { color: inherit; background-color: #F7F7F7; margin: 5px 0px 0px 0px; padding: 5px; border: 1px solid #36586F; font-family: Fixed, monospace; overflow: hidden; }/* +------------------------------------------------------------+ *//* | KHXC Required Classes: Form Fields | *//* +------------------------------------------------------------+ */.khxc_formfieldradcb { color: inherit; background-color: inherit; }.khxc_formfield { color: inherit; background-color: #FFFFFF; border: 1px solid #36586F; font-size: 12px; margin: 5px 5px 0px 2px; }.khxc_formfield:hover { color: inherit; background-color: #DEDEDE; }.khxc_formfieldp { color: #3E6B8A; background-color: inherit; display: block; padding: 0px; margin: 0px; }.khxc_formfieldpnfs { color: inherit; background-color: inherit; display: block; padding: 0px 5px 0px 5px; margin: 0px 0px 5px 0px; }.khxc_formfielda { color: #3E6B8A; background-color: inherit; display: block; padding: 0px 5px 0px 5px; margin: 0px 0px 2px 0px; }.khxc_formbutton { color: #333333; background-color: #cdd6be; border: 1px solid #36586F; padding: 1px; margin: 0px 0px 5px 0px; font-size: 12px; width: 130px; }.khxc_formbutton:hover { color: #333333; background-color: #EFEFEF; }.khxc_quickbutton { color: #333333; background-color: #cdd6be; border: 1px solid #36586F; padding: 1px; margin: 0px; font-size: 12px; width: 130px; }.khxc_quickbutton:hover { color: #333333; background-color: #EFEFEF; }.khxc_quickform { color: inherit; background-color: inherit; margin: 5px 0px 0px 0px; }.khxc_quickfield { color: inherit; background-color: #DEDEDE; border: 1px solid #36586F; font-size: 12px; margin: 1px 0px 0px 0px; }.khxc_quickfield:hover { color: inherit; background-color: #FFFFFF; }.khxc_formfieldradcb_rnc { color: inherit; background-color: #FFA4A4; }.khxc_formfield_rnc { color: inherit; background-color: #FFA4A4; border: 1px solid #36586F; font-size: 12px; margin: 5px 5px 0px 2px; }.khxc_formfield_rnc:hover { color: inherit; background-color: #DEDEDE; }/* +------------------------------------------------------------+ *//* | KHXC Required Classes: Form Displays | *//* +------------------------------------------------------------+ */.khxc_formsecthead { color: #FFFFFF; background-color: #4e9987; padding: 2px 5px 2px 5px; margin: 0px; border-top: 1px solid #36586F; border-left: 1px solid #36586F; border-right: 1px solid #36586F; font-weight: bold; }table.khxc_formtblone { color: inherit; background-color: inherit; margin: 0px 0px 5px 0px; border-spacing: 3px; width: 100%; border: 1px solid #36586F; }table.khxc_formtbltwo { color: inherit; background-color: inherit; margin: 0px 0px 5px 0px; border-spacing: 3px; width: 100%; border: 1px solid #36586F; }td.khxc_formtbltwo { color: inherit; background-color: #F7F7F7; padding: 4px 2px 2px 2px; width: 50%; border-top: 1px solid #BCBCBC; border-left: 1px solid #BCBCBC; vertical-align: top; }td.khxc_formtbltwospan { color: inherit; background-color: #F7F7F7; padding: 4px 2px 2px 2px; width: 100%; border-top: 1px solid #BCBCBC; border-left: 1px solid #BCBCBC; vertical-align: top; }td.khxc_formtblone { color: inherit; background-color: #F7F7F7; padding: 4px 2px 2px 2px; width: 100%; border-top: 1px solid #BCBCBC; border-left: 1px solid #BCBCBC; vertical-align: top; }/* +------------------------------------------------------------+ *//* | KHXC Required Classes: Sort Table Displays | *//* +------------------------------------------------------------+ */table.khxc_sorttable { color: inherit; background-color: inherit; margin: 0px 0px 0px 0px; border-spacing: 3px; width: 100%; border: 1px solid #36586F; }th.khxc_sorttable { color: inherit; background-color: #E9E9E9; padding: 4px 3px 4px 3px; border-top: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; vertical-align: top; }td.khxc_sorttable { color: inherit; background-color: inherit; padding: 4px 3px 4px 3px; border-top: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; vertical-align: top; }/* +------------------------------------------------------------+ *//* | KHXC Required Classes: Regular Table Displays | *//* +------------------------------------------------------------+ */.khxc_regtablehead { color: #FFFFFF; background-color: #4e9987; padding: 2px 5px 2px 5px; margin: 0px; border: 1px solid #36586F; font-weight: bold; clear: both; }table.khxc_regtable { color: inherit; background-color: inherit; margin: 0px 0px 5px 0px; border-spacing: 3px; width: 100%; border-left: 1px solid #36586F; border-right: 1px solid #36586F; border-bottom: 1px solid #36586F; }tr.khxc_regtable { color: inherit; background-color: inherit; padding: 5px; border: 1px solid #36586F; }th.khxc_regtable { color: inherit; background-color: inherit; padding: 4px 3px 4px 3px; border-top: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; vertical-align: top; }td.khxc_regtable { color: inherit; background-color: #F7F7F7; padding: 4px 3px 4px 3px; border-top: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; vertical-align: top; }.khxc_regtable p { color: inherit; background-color: inherit; padding: 0px; margin: 0px 0px 5px 0px; }/* +------------------------------------------------------------+ *//* | KHXC Required Classes: Ghost Table Displays | *//* +------------------------------------------------------------+ */table.khxc_ghost { color: inherit; background-color: inherit; margin: 0px; padding: 0px; border-spacing: 3px; width: 100%; }td.khxc_ghost { color: inherit; background-color: inherit; padding: 0px; margin: 0px; vertical-align: top; }.khxc_ghost form { color: inherit; background-color: inherit; display: inline;}td.khxc_ghost img { color: inherit; background-color: inherit; margin-right: 10px; margin-bottom: 10px; }td.khxc_ghost p { margin: 0px 0px 6px 0px;}/* +------------------------------------------------------------+ *//* | KHXC Required Classes: Boxed Paragraphs | *//* +------------------------------------------------------------+ */p.khxc_uktablesp { color: inherit; background-color: inherit; margin: 0px; font-size: 1px; }/* +------------------------------------------------------------+ *//* | KHXC Required Classes: Online Store Displays | *//* +------------------------------------------------------------+ */.khxc_storehead { color: #FFFFFF; background-color: #4e9987; padding: 2px 5px 2px 5px; margin: 10px 0px 2px 0px; border: 1px solid #36586F; font-weight: bold; clear: both; }.khxc_storelink { color: inherit; background-color: #F7F7F7; padding: 0px 5px 0px 5px; margin: 5px 0px 10px 0px; border: 1px solid #36586F; }.khxc_storelink p { color: #3E6B8A; background-color: inherit; margin: 4px 0px 4px 0px; }/* +------------------------------------------------------------+ *//* | KHXC Required Classes: Category List Display Tables | *//* +------------------------------------------------------------+ */table.khxc_cptbl_cat { color: inherit; background-color: inherit; margin: 0px 0px 10px 0px; border-spacing: 3px; width: 100%; }tr.khxc_cptbl_cat { color: inherit; background-color: inherit; }td.khxc_cptbl_cat { color: inherit; background-color: inherit; padding: 4px 4px 2px 4px; border: 1px solid #36586F; vertical-align: top; }td.khxc_cptbl_cat_blank { color: inherit; background-color: inherit; display: none; }/* +------------------------------------------------------------+ *//* | KHXC Required Classes: Product List Display Tables | *//* +------------------------------------------------------------+ */table.khxc_cptbl_prod { color: inherit; background-color: inherit; margin: 0px 0px 10px 0px; border-spacing: 3px; width: 100%; }tr.khxc_cptbl_prod { color: inherit; background-color: inherit; }td.khxc_cptbl_prod { color: inherit; background-color: inherit; padding: 4px 4px 2px 4px; border: 1px solid #36586F; vertical-align: top; }td.khxc_cptbl_prod_blank { color: inherit; background-color: inherit; display: none; }/* +------------------------------------------------------------+ *//* | KHXC Required Classes: Product Detail Display Tables | *//* +------------------------------------------------------------+ */table.khxc_cptbl_det { color: inherit; background-color: inherit; margin: 0px 0px 10px 0px; border-spacing: 3px; width: 100%; }tr.khxc_cptbl_det { color: inherit; background-color: inherit; }td.khxc_cptbl_det { color: inherit; background-color: inherit; padding: 4px 4px 2px 4px; border: 1px solid #36586F; vertical-align: top; }td.khxc_cptbl_det_blank { color: inherit; background-color: inherit; display: none; }/* +------------------------------------------------------------+ *//* | KHXC Required Classes: Price Displays | *//* +------------------------------------------------------------+ */.khxc_pricediv { color: inherit; background-color: inherit; margin: 2px 0px 2px 0px; }.khxc_price { color: inherit; background-color: inherit; display: inline; }.khxc_pricex { color: #FF0000; background-color: inherit; display: inline; text-decoration: line-through; }/* +------------------------------------------------------------+ *//* | KHXC Required Classes: Shopping Cart Displays | *//* +------------------------------------------------------------+ */.khxc_cartbutton { color: #333333; background-color: #cdd6be; border: 1px solid #36586F; padding: 1px; font-size: 12px; font-weight: normal; text-align: center; display: block; margin: 0px 0px 5px 0px; width: 125px; }.khxc_cartbutton:hover { color: #333333; background-color: #EFEFEF; text-decoration: none; cursor: default; }/* +------------------------------------------------------------+ *//* | KHXC Required Classes: Misc | *//* +------------------------------------------------------------+ */.khxc_clearboth { color: inherit; background-color: inherit; clear: both; }.khxc_outstock { color: #FF0000; background-color: inherit; }a.khxc_hrefbutton { color: #333333; background-color: #cdd6be; border: 1px solid #36586F; padding: 2px 5px 2px 5px; font-size: 12px; font-weight: normal; text-align: center; display: block; }a.khxc_hrefbutton:hover { color: #333333; background-color: #EFEFEF; text-decoration: none; cursor: default; }.khxc_outline { color: inherit; background-color: #F7F7F7; border: 1px solid #36586F; padding: 5px; margin-top: 5px; }.khxc_outline p { color: inherit; background-color: inherit; margin: 0px 0px 3px 0px;}/* +------------------------------------------------------------+ *//* | End | *//* +------------------------------------------------------------+ */ /* ######### CSS for Shade Tabs. Remove if not using ######### */ .shadetabs{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs li{ display: inline; margin: 0; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; padding: 3px 7px; margin-right: 3px; border: 1px solid #778; color: #2d2b2b; background: white url(../../shade.gif) top left repeat-x; } .shadetabs li a:visited{ color: #2d2b2b; } .shadetabs li a:hover{ text-decoration: underline; color: #2d2b2b; } .shadetabs li a.selected{ /*selected main tab style */ position: relative; top: 1px; } .shadetabs li a.selected{ /*selected main tab style */ background-image: url(../../shadeactive.gif); border-bottom-color: white; } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } } /* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */ .modernbricksmenu2{ padding: 0; width: 362px; border-top: 5px solid #D25A0B; /*Brown color theme*/ background: transparent; voice-family: "\"}\""; voice-family: inherit; } .modernbricksmenu2 ul{ margin:0; margin-left: 10px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; } .modernbricksmenu2 li{ display: inline; margin: 0 2px 0 0; padding: 0; text-transform:uppercase; } .modernbricksmenu2 a{ float: left; display: block; font: bold 11px Arial; color: white; text-decoration: none; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 10px; background-color: black; /*Brown color theme*/ border-top: 1px solid white; } .modernbricksmenu2 a:hover{ background-color: #D25A0B; /*Brown color theme*/ color: white; } .modernbricksmenu2 a.selected{ /*currently selected tab*/ background-color: #D25A0B; /*Brown color theme*/ color: white; border-color: #D25A0B; /*Brown color theme*/ } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } } /* ######### CSS for Indented CSS Tabs. Remove if not using ######### */ .indentmenu{ font: bold 13px Arial; width: 100%; /*leave this value as is in most cases*/ } .indentmenu ul{ margin: 0; padding: 0; float: left; /* width: 80%; width of menu*/ border-top: 1px solid navy; /*navy border*/ background: black url(../../indentbg.gif) center center repeat-x; } .indentmenu ul li{ display: inline; } .indentmenu ul li a{ float: left; color: white; /*text color*/ padding: 5px 11px; text-decoration: none; border-right: 1px solid navy; /*navy divider between menu items*/ } .indentmenu ul li a:visited{ color: white; } .indentmenu ul li a.selected{ color: white !important; padding-top: 6px; /*shift text down 1px*/ padding-bottom: 4px; background: black url(../../indentbg2.gif) center center repeat-x; } .tabcontentstyle{ /*style of tab content oontainer*/ border: 1px solid gray; width: 450px; margin-bottom: 1em; padding: 10px; } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url("images/macFFBgHack.png") repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } .drag-handle{ /*Overwrite default drag handle bar background color with below*/ background-color: #03277C; } #interVeil{ /*CSS for veil that covers entire page while modal window is visible*/ position: absolute; background: black url(blackdot.gif); width: 10px; left: 0; top: 0; z-index: 5; visibility: hidden; filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); opacity: 0.8; } .dhtmlwindow{ position: absolute; border: 2px solid black; visibility: hidden; background-color: white; } .drag-handle{ /*CSS for Drag Handle*/ padding: 1px; text-indent: 3px; font: bold 14px Arial; background-color: #CA0000; color: white; cursor: move; overflow: hidden; width: auto; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/ position: absolute; right: 1px; top: 2px; cursor: hand; cursor: pointer; } * html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/ width: 100%; } .drag-contentarea{ /*CSS for Content Display Area div*/ border-top: 1px solid brown; background-color: white; color: black; height: 150px; padding: 2px; overflow: auto; } .drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/ border-top: 1px solid gray; background-color: #F8F8F8; height: 13px; /*height of resize image*/ } .drag-resizearea{ /*CSS for Resize Area itself*/ float: right; width: 13px; /*width of resize image*/ height: 13px; /*height of resize image*/ cursor: nw-resize; font-size: 0; }