/* to work at any pages we changed div.wsfloater -> div#wsf_floater_id */ div#wsf_floater_id { margin: 0; padding: 0; position: fixed; /* http://softwareas.com/whats-the-maximum-z-index */ /* 2147483647 - most browsers max z-index; */ /* 2147483646 - because in FF 2147483647 does not higher than 2147483646 at nytimes.com */ z-index: 2147483646;/*2147483644;*//*same as at nytimes*//* 999999;*//*9998;*//*90*/ font-size: 13px; width: 308px; border: none; } div#wsf_floater_id table.in_floater , div#wsf_floater_id table.all_width , div#wsf_floater_id tr.middle_border table.all_width table { width: 100%; } div#wsf_floater_id form , div#wsf_floater_id fieldset { border: none; margin: 0; padding: 0; font-size: 13px; line-height: normal; width: auto; min-width: 0; /* ya.ru */ background: transparent; } /*div#wsf_floater_id **/ div#wsf_floater_id table.in_floater { text-align: left; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: black; margin: 0; padding: 0; border: none; float: none; } div#wsf_floater_id a , div#wsf_floater_id img , div#wsf_floater_id input , div#wsf_floater_id div , div#wsf_floater_id dl , div#wsf_floater_id dt , div#wsf_floater_id dd , div#wsf_floater_id span { text-align: left; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: black; margin: 0; padding: 0; border: none; float: none; height: auto; width: auto; } div#wsf_floater_id a { text-decoration: none; } div#wsf_floater_id table.in_floater tbody * { position: relative; } /* Not working div#wsf_floater_id table.in_floater tbody img { BEHAVIOR: url(#default) !important; } */ div#wsf_floater_id td { margin: 0 !important; padding: 0 !important; float: none; width: auto; height: auto; } div#wsf_floater_id a.btn { font-size: 13px; } div#wsf_floater_id a:hover , div#wsf_floater_id tr { background: transparent; } div#wsf_floater_id input , div#wsf_floater_id label { display: inline; } /* Instead of cellpadding="0" */ div#wsf_floater_id td { border: none; /* because of bug at http://www.moreman.ru/eshop/tovar.php?tid=1830 */ padding: 0; vertical-align: middle; background: transparent; } div#wsf_floater_id table { border: none; /* Instead of cellspacing="0" */ border-collapse: collapse; /* fixing default */ min-width: 0; margin: 0; background: transparent; line-height: normal; } div#wsf_floater_id table td.left , div#wsf_floater_id table td.right , div#wsf_floater_id table td.middle { font-size: 3px; } div#wsf_floater_id tr.title , div#wsf_floater_id tr.title table tr , div#wsf_floater_id tr.title td { height: 32px; /*font-size: 3px;*/ top: 0; left: 0; } div#wsf_floater_id tr.title td table.all_width td.toright a { /* this is fix for displaying in IE */ height: 32px; } div#wsf_floater_id tr.title table td { background-image: url( '../images/top_border.png'); background-repeat: repeat-x; } div#wsf_floater_id tr.title table td.left { background-image: url( '../images/top_left_bkg.png'); background-repeat: no-repeat; background-color: transparent; width: 10px; } div#wsf_floater_id tr.title table td.title div.logo { background-image: url( '../images/wordsmyth_logo.gif'); background-repeat: no-repeat; width: 159px; height: 25px; margin-top: 7px; } div#wsf_floater_id tr.title table td.toright { text-align: right; vertical-align: top; white-space: nowrap; } div#wsf_floater_id tr.title table td.toright img { margin-top: 10px; margin-left: 5px; } div#wsf_floater_id tr.title table td.right { background-image: url( '../images/top_right_bkg.png'); background-repeat: no-repeat; background-color: transparent; width: 14px; text-align: right; } div#wsf_floater_id tr.middle_border table tr.data td.data { background-color: #D2E2EF; padding-left: 13px !important; padding-top: 8px !important; } div#wsf_floater_id a.btn img { vertical-align: middle; margin-left: 0; /*margin-left: 5px;*/ } div#wsf_floater_id tr.title table td a.btn img { margin-top: 0; margin-left: 5px; } div#wsf_floater_id tr.middle_border table tr.data td.data input.word , div#wsf_floater_id tr.title table td.title div.logo_mini input.word { background-color: white; border: 1px solid #99AFC2; vertical-align: middle; /* height for input is bad working when resize. It also bad looks in FireFox */ /*height: 22px;*/ /*line-height: 22px;*/ font-size: 17px; padding-left: 5px; /* Strange IE 8 behavior in "data" margin-right for input should be used (instead of maring-left for image) */ margin-right: 5px; } div#wsf_floater_id tr.middle_border table tr.data td.data input.word { width: 225px; } div#wsf_floater_id tr.title table td.title div.logo_mini input.word { width: 150px; margin-top: 0; margin-left: 5px; /* Strange IE 8 behavior in the tilte margin-left for button should be used*/ margin-right: 0; } div#wsf_floater_id tr.title table td.title div.logo_mini { background-image: url( '../images/ws_small_logo.gif'); background-repeat: no-repeat; padding-left: 25px; margin-top: 10px; /* because of bug in IE 7 and 6 at adobe help page with word input width */ white-space: nowrap; } /* New minimize approach */ div#wsf_floater_id.mini tr.title table td.title div.logo_mini { display: block; } div#wsf_floater_id tr.title table td.title div.logo_mini { display: none; } div#wsf_floater_id.mini tr.title table td.title div.logo { display: none; } div#wsf_floater_id tr.title table td.title div.logo { display: block; } div#wsf_floater_id.mini tr.title .nomini { display: none; } div#wsf_floater_id.mini tr.middle_border { display: none; } /* dl.instructions, dl.instructions dt, dl.instructions dd, div.data_div this is in order to free all tags in div.data_div from special formating */ div#wsf_floater_id tr.middle_border table tr.data td.data dl.instructions { margin-left: 5px; margin-right: 18px; /*13 + 5*/ margin-top: 10px; margin-bottom: 9px; font-size: 13px; width: 262px; } div#wsf_floater_id tr.middle_border table tr.data td.data dl.instructions dt { font-weight: bold; } div#wsf_floater_id tr.middle_border table tr.data td.data dl.instructions dd { margin-left: 3px; padding-top: 5px; font-size: 0.85em; } div#wsf_floater_id tr.middle_border table tr.data td.data div.data_div { border: 1px solid #99AFC2; margin-right: 12px; margin-top: 6px; margin-bottom: 6px; background-color: white; height: 204px; } div#wsf_floater_id tr.middle_border table tr.data td.data iframe { width: 271px; height: 204px;/*auto;*/ } div#wsf_floater_id tr.bottom_border , div#wsf_floater_id tr.bottom_border table tr , div#wsf_floater_id tr.bottom_border td { height: 15px; } div#wsf_floater_id tr.bottom_border table td.middle { background-image: url( '../images/bottom_border.png'); background-repeat: repeat-x; background-position: top; } div#wsf_floater_id tr.bottom_border table td.left { background-image: url( '../images/bottom_left_bkg.png'); background-repeat: no-repeat; background-position: top right; width: 14px; } div#wsf_floater_id tr.bottom_border table td.right { background-image: url( '../images/bottom_right_bkg.png'); background-repeat: no-repeat; background-position: top right; width: 14px; } div#wsf_floater_id tr.middle_border table td.left { background-image: url( '../images/left_border.png'); background-repeat: repeat-y; width: 4px; } div#wsf_floater_id tr.middle_border table td.left img { width: 4px; } div#wsf_floater_id tr.middle_border table td.right { background-image: url( '../images/right_border.png'); background-repeat: repeat-y; width: 8px; } div#wsf_floater_id tr.middle_border table td.right img { width: 8px; }