/* Description for widgets. small-rand: main - main9 po - main2.random su/sc/pe - main5.random small-norm: po - main2 su/sc/pe - main5 -> main2 small-cert: sc - main8 pe - main1 big-rand: main - main10 po - main7.random su/sc/pe - main6.random -> main4.random big-norm: po - main7 su/sc/pe - main6 -> main4 big-res: po - main6.res_type1 su - main6.res_type3 -------------------------------- () rand(toppage/right_menu) norm(quiz) res/cert(quiz_results) */ * { margin: 0px; padding: 0px; } html, body { width: 100%; height: 100%; padding: 0; margin: 0; } a { outline: none; -moz-outline: 0; border: none; border-width: 0px; } a:active { outline: none; -moz-outline: 0; } a:focus { outline: none; -moz-outline: 0; } img { border: none; border-width: 0px; } .clear { clear: both; font-size: 0pt; line-height: 0px; height: 0px; } /* ------------------------- ninteisyo_shindan ------------------------- */ #main1 { width: 158px; height: 248px; position: relative; margin: 0px; background-color: #ffd5db; font-family: "MS PGothic", tahoma; font-size: 9pt; color: #252525; line-height: 15px; border-right: 2px solid #c0c0c0; border-bottom: 2px solid #c0c0c0; } #main1 .inner { width: 156px; height: 246px; border: 1px solid #6d7970; position: relative; } #main1 .inner .ic1 { margin: 0px 0 0 39px; height: 34px; font-size: 0; line-height: 0; float: left; } #main1 .line { margin: 5px 0 0 0px; height: 5px; font-size: 0; line-height: 0; background: url("images/line.gif") repeat-x; float: left; width: 156px; } /* ----- name ----- */ #main1 .name { margin: 4px 0 0 4px; height: 31px; } #main1 .name .name-l { width: 30px; margin: 0 4px 0 0; float: left; } #main1 .name .name-r { width: 105px; height: 30px; overflow: hidden; float: left; font-size: 9pt; font-weight: bold; line-height: 14px; } #main1 .name .scrol { float: left; width: 6px; height: 30px; position: relative; margin: 0 0 0 2px; } #main1 .name .scrol .ar_top { left: 0px; top: 0px; position: absolute; } #main1 .name .scrol .ar_bot { left: 0px; bottom: 2px; position: absolute; } #main1 .name .scrol .middle { left: 0px; top: 10px; position: absolute; } #main1 .txt { margin: 2px 0 0 6px; background: url("images/star.gif") left 3px no-repeat; padding: 0 0 0 12px; font-size: 8pt; } #main1 .txt span { color: #ff0000; font-weight: bold; } /* ----- txt2 ----- */ #main1 .txt2 { margin: 1px 0 0 7px; height: 30px; } #main1 .txt2 .img { float: left; width: 7px; } #main1 .txt2 .img img { float: left; margin: 4px 0 0 0; } #main1 .txt2 .text { float: left; width: 120px; height: 30px; overflow: hidden; margin: 0 9px 0 2px; color: #f845ff; font-weight: bold;} #main1 .txt2 .scrol { float: left; width: 6px; height: 30px; position: relative; } #main1 .txt2 .scrol .ar_top { left: 0px; top: 0px; position: absolute; } #main1 .txt2 .scrol .ar_bot { left: 0px; bottom: 2px; position: absolute; } #main1 .txt2 .scrol .middle { left: 0px; top: 10px; position: absolute; } /* ----- bottom ----- */ #main1 .bottom { margin: 4px 0 0 6px; } #main1 .bottom .bot-l { overflow: hidden; float: left; width: 77px; padding: 3px 10px 0 3px; position: relative; margin: 0 4px 0 0; border: 1px solid #ababab; background-color: #fff; } #main1 .bottom .bot-l .scrol { width: 6px; height: 104px; right: 2px; top: 0px; position: absolute; } #main1 .bottom .bot-l .scrol .ar_top { left: 0px; top: 4px; position: absolute; } #main1 .bottom .bot-l .scrol .ar_bot { left: 0px; bottom: 1px; position: absolute; } #main1 .bottom .bot-l .scrol .middle { left: 0px; top: 20px; position: absolute; } #main1 .bottom .bot-r { width: 50px; position: relative; float: left; } #main1 .bottom .bot-r .grey { margin: 2px 0 3px 0; color: #6d6d6d; } #main1 .copy { font-size: 7.5pt; width: 35px; margin: 0 auto; padding-top: 3px; color: #000; } #main1 .copy {*margin-top: -5px;} /*for IE*/ /* ----------------------------------- pollblogparts160300 ----------------------------------- */ #main2 { width: 150px; height: 340px; position: relative; margin: 0px; background-color: #fff; font-family: "MS PGothic", tahoma; font-size: 9pt; color: #000; line-height: 15px; border: 5px solid #257b44; } #main2 .inner { width: 146px; height: 336px; margin: 1px; border: 1px solid #257b44; position: relative; } #main2.random { height: 375px; } #main2.random .inner { height: 371px; } #main2 .inner .ic1 { margin: 2px 0 0 2px; height: 34px; font-size: 0; line-height: 0; float: left; } #main2 .inner .opis { float: left; margin: 3px 0 0 0; position: relative; font-size: 8pt; } #main2 .inner .opis .red { font-weight: bold; color: #ff0000; } /* ----- name ----- */ #main2 .name { margin: 4px 0 0 6px; height: 40px;} #main2 .name .name-l { width: 30px; height: 40px;margin: 0 5px 0 0; float: left; } #main2 .name .name-r { width: 84px; height: 40px; overflow: hidden; float: left; font-size: 7.5pt; font-weight: bold; color: #157237; line-height: 13px;} #main2 .name .scrol { float: left; width: 7px; height: 40px; position: relative; margin: 0 0 0 6px; } #main2 .name .scrol .ar_top { left: 0px; top: 0px; position: absolute; } #main2 .name .scrol .ar_bot { left: 0px; bottom: 2px; position: absolute; } #main2 .name .scrol .middle { left: 0px; top: 10px; position: absolute; } /* ----- unknown ----- */ #main2 .unknown { width: 132px; height: 55px; overflow: hidden; border: 1px solid #4b4b4b; margin: 4px 0 0 6px; font-size: 8pt; background-color: #d9d9d9; line-height: 12px; position: relative; color: #000; } #main2 .unknown .ins { width: 118px; height: 38px; padding: 2px 10px 0 4px; overflow: hidden; } /* #main2 .unknown .scrol { right: 3px; top: 0px; position: absolute; height: 38px; width: 6px; } #main2 .unknown .scrol .ar_top { left: 0px; top: 4px; position: absolute; } #main2 .unknown .scrol .ar_bot { left: 0px; bottom: 2px; position: absolute; } #main2 .unknown .scrol .middle { left: 0px; top: 10px; position: absolute; } */ /* ----- yell ----- */ #main2 .yell { font-weight: bold; margin: 6px 0 0 6px; width: 133px; height: 55px; background-color: #fff8c6; line-height: 13px; position: relative; color: #863900; } #main2 .yell .ins { overflow: hidden; width: 118px; height: 100%; padding: 0 10px 0 5px; } #main2 .yell p { padding: 2px 0 0 0; } #main2 .yell .scrol { right: 3px; top: 0px; position: absolute; height: 98%; width: 6px; } #main2 .yell .scrol .ar_top { left: 0px; top: 0px; position: absolute; } #main2 .yell .scrol .ar_bot { left: 0px; bottom: 0px; position: absolute; } #main2 .yell .scrol .middle { left: 0px; top: 10px; position: absolute; } #main2 .block_answer { margin: 0; } #main2.random .block_answer { margin: 0; padding: 0; } #main2 #ans_type1.block_answer { margin: 0; } #main2.random #ans_type1.block_answer { margin: 0; height: 120px; } /* ----- rule ----- */ #main2 .rule { position: relative; margin: 3px 0 0 5px; } #main2 .rule .img { float: left; width: 10px; } #main2 .rule .img img { float: left; } #main2 .rule .txt { display: inline; width: 124px; color: #ff0000; margin: 0 0 0 2px; line-height: 13px; font-size: 7.5pt;} /* ----- radio ----- */ #main2 .radio { position: relative; margin: 5px 0 0 0px; width: 140px; height: 113px; overflow: hidden; font-size: 7.5pt;} #main2.random .radio { height: 104px; } #main2 .radio .scrol { right: 4px; top: 0px; position: absolute; height: 98%; width: 6px; } #main2 .radio .scrol .ar_top { left: 0px; top: 0px; position: absolute; } #main2 .radio .scrol .ar_bot { left: 0px; bottom: 0px; position: absolute; } #main2 .radio .scrol .middle { left: 0px; top: 10px; position: absolute; } #main2 .radio .item { width: 100%; margin: 0 0 5px 0; } *html #main2 .radio .item { margin: 0 0 2px 0; } *:first-child+html #main2 .radio .item { margin: 0 0 4px 0; } #main2 .radio .item .rad { float: left; margin: 1px 0 0 0; } *:first-child+html #main2 .radio .item .rad { margin: -3px 0 0 0; } *html #main2 .radio .item .rad { margin: -2px 0 0 0; } @-moz-document url-prefix() { #main2 .radio .item .rad { margin: 0px 0 0 0; } } #main2 .radio .item p { _float: left; margin: 0 0 0 2px; } #main2 .radio .item p.kart { background: url("images/kart.gif") right top no-repeat; padding: 0 21px 0 0; } #main2 .radio .item .greenn { color: #157237; font-weight: bold; } #main2 .radio .item .inp { width: 46px; height: 13px; float: left; padding: 0 0 0 2px; border: 1px solid #4b4b4b; margin: 0 0 0 4px; font-size: 9pt; font-family: "MS PGothic", tahoma; } /* ----- bottom ----- */ #main2 .bottom { width: 100%; height: auto; position: absolute; bottom: 0px; background-color:#DFDFDF; } #main2 .bottom .butt-l { float: left; margin: 5px 0 0 6px; } #main2 .bottom .butt-r { float: right; margin: 5px 5px 0 0px; } #main2 .bottom .butt-l-s { float: left; margin: 3px 0 0 6px; } #main2 .bottom .butt-r-s { float: left; margin: 3px 0 0 6px; } #main2 .bottom .copy { font-size: 7.5pt; width: 29px; margin: 2px auto 0 auto; padding-bottom: 1px; } #main2 .bottom .butt1 { margin: 5px 0 0px 24px; } *html #main2 .bottom .butt1 { margin: 5px 0 -3px 24px; } *:first-child+html #main2 .bottom .butt1 { margin: 5px 0 -3px 24px; } /* ----------------------------------- personalityquizblogparts160300_shufflebtnver ----------------------------------- */ #main3 { width: 150px; position: relative; margin: 0px; background-color: #fff; font-family: "MS PGothic", tahoma; font-size: 9pt; color: #000; line-height: 15px; border: 5px solid #257b44; } #main3 .inner { width: 146px; margin: 1px; border: 1px solid #257b44; position: relative; } #main3 .inner .ic1 { margin: 2px 4px 0 2px; height: 34px; font-size: 0; line-height: 0; float: left; } #main3 .inner .opis { float: left; margin: 3px 0 0 0; } #main3 .inner .opis .red { font-weight: bold; color: #ff0000; } /* ----- name ----- */ #main3 .name { margin: 4px 0 0 6px; height: 40px; } #main3 .name .name-l { width: 30px; margin: 0 5px 0 0; float: left; } #main3 .name .name-r { width: 84px; height: 40px; overflow: hidden; float: left; font-size: 7.5pt; font-weight: bold; color: #157237; line-height: 13px; } #main3 .name .scrol { float: left; width: 6px; height: 40px; position: relative; margin: 0 0 0 6px; } #main3 .name .scrol .ar_top { left: 0px; top: 0px; position: absolute; } #main3 .name .scrol .ar_bot { left: 0px; bottom: 2px; position: absolute; } #main3 .name .scrol .middle { left: 0px; top: 10px; position: absolute; } /* ----- unknown ----- */ #main3 .unknown { width: 132px; height: 40px; border: 1px solid #4b4b4b; margin: 4px 0 0 6px; font-size: 8pt; background-color: #d9d9d9; line-height: 12px; position: relative; color: #000; } #main3 .unknown .ins { overflow: hidden; width: 118px; height: 38px; padding: 2px 10px 0 4px; } #main3 .unknown .scrol { right: 3px; top: 0px; position: absolute; height: 38px; width: 6px; } #main3 .unknown .scrol .ar_top { left: 0px; top: 4px; position: absolute; } #main3 .unknown .scrol .ar_bot { left: 0px; bottom: 2px; position: absolute; } #main3 .unknown .scrol .middle { left: 0px; top: 10px; position: absolute; } /* ----- yell ----- */ #main3 .yell { margin: 6px 0 0 6px; width: 133px; height: 25px; background-color: #fff8c6; line-height: 13px; position: relative; color: #863900; } #main3 .yell .ins { overflow: hidden; width: 118px; height: 25px; padding: 0 10px 0 5px; } #main3 .yell .scrol { right: 3px; top: 0px; position: absolute; height: 25px; width: 6px; } #main3 .yell .scrol .ar_top { left: 0px; top: 0px; position: absolute; } #main3 .yell .scrol .ar_bot { left: 0px; bottom: 0px; position: absolute; } #main3 .yell .scrol .middle { left: 0px; top: 10px; position: absolute; } /* ----- rule ----- */ #main3 .rule { margin: 3px 0 0 5px; } #main3 .rule .img { float: left; width: 10px; } #main3 .rule .img img { float: left; } #main3 .rule .txt { float: left; width: 124px; color: #ff0000; margin: 0 0 0 2px; line-height: 13px; } /* ----- radio ----- */ #main3 .radio { position: relative; margin: 5px 0 0 10px; width: 130px; height: 58px; overflow: hidden; } #main3 .radio .scrol { right: 4px; top: 0px; position: absolute; height: 52px; width: 6px; } #main3 .radio .scrol .ar_top { left: 0px; top: 0px; position: absolute; } #main3 .radio .scrol .ar_bot { left: 0px; bottom: 0px; position: absolute; } #main3 .radio .scrol .middle { left: 0px; top: 10px; position: absolute; } #main3 .radio .item { width: 100%; margin: 0 0 5px 0; } *html #main3 .radio .item { margin: 0 0 2px 0; } *:first-child+html #main3 .radio .item { margin: 0 0 4px 0; } #main3 .radio .item .rad { float: left; margin: 1px 0 0 0; } *:first-child+html #main3 .radio .item .rad { margin: -3px 0 0 0; } *html #main3 .radio .item .rad { margin: -2px 0 0 0; } @-moz-document url-prefix() { #main3 .radio .item .rad { margin: 0px 0 0 0; } } #main3 .radio .item p { _float: left; margin: 0 0 0 2px; } #main3 .radio .item p.kart { background: url("images/kart.gif") right top no-repeat; padding: 0 21px 0 0; } #main3 .radio .item .greenn { color: #157237; font-weight: bold; } #main3 .radio .item .inp { width: 46px; height: 13px; float: left; padding: 0 0 0 2px; border: 1px solid #4b4b4b; margin: 0 0 0 4px; font-size: 9pt; font-family: "MS PGothic", tahoma; } /* ----- bottom ----- */ #main3 .bottom { margin: 7px 0 0 0; background-color: #dfdfdf; height: 91px; } #main3 .bottom .butt-l { float: left; margin: 5px 0 0 6px; } #main3 .bottom .butt-r { float: right; margin: 5px 5px 0 0px; } #main3 .bottom .butt { float: left; margin: 3px 0 0 6px; } #main3 .bottom .copy { font-size: 7.5pt; width: 35px; margin: 0px auto 0px auto; } /* ----------------------------------- personalityquizblogparts350300 ----------------------------------- */ #main4 { width: 340px; height: 330px; position: relative; margin: 0px; background-color: #fff; font-family: "MS PGothic", tahoma; font-size: 8pt; color: #000; line-height: 15px; border: 5px solid #257b44; } #main4 .inner { width: 336px; height: 326px; margin: 1px; border: 1px solid #257b44; position: relative; } #main4.random { height: 350px; } #main4.random .inner { height: 346px; } #main4 .inner .ic1 { margin: 3px 10px 0 2px; height: 44px; font-size: 0; line-height: 0; float: left; } #main4 .inner .opis { right: 4px; top: 8px; position: absolute; width: 147px; height: 18px; padding: 3px 0 0 5px; background: url("images/fon.gif") no-repeat; font-size: 8pt; } #main4 .inner .opis .red { font-weight: bold; color: #ff0000; } #main4 .inner .opis img { margin: 0 3px 0 0; } /* ----- name ----- */ #main4 .name { margin: 9px 0 0 6px; width: 323px; height: 38px;} #main4 .name .name-l { width: 30px; margin: 0 5px 0 0; float: left; } #main4 .name .name-r { width: 271px; height: 100%; float: left; font-weight: bold; font-size: 7.5pt; color: #157237; line-height: 13px; overflow: hidden; } #main4 .name .scrol { float: left; width: 7px; height: 98%; position: relative; margin: 0 0 0 6px; } #main4 .name .scrol .ar_top { left: 0px; top: 0px; position: absolute; } #main4 .name .scrol .ar_bot { left: 0px; bottom: 0px; position: absolute; } #main4 .name .scrol .middle { left: 0px; top: 10px; position: absolute; } #main4 .line { width: 323px; height: 7px; margin: 3px 0 0 6px; line-height: 0px; font-size: 0pt; background: url("images/line1.gif") repeat-x; clear: both; } /* ----- unknown ----- */ /* Big widget. Block of questions.*/ #main4 .unknown { width: 327px; height: 63px; margin: 4px 0 0 5px; background: url("images/bigfon.gif") no-repeat; font-size: 9pt; line-height: 13px; position: relative; color: #000; } #main4 .unknown .ins { padding: 6px 14px 4px 4px; width: 309px; height: 50px; overflow: hidden; } #main4 .unknown .scrol { right: 6px; top: 4px; position: absolute; height: 53px; width: 6px; } #main4 .unknown .scrol .ar_top { left: 0px; top: 4px; position: absolute; } #main4 .unknown .scrol .ar_bot { left: 0px; bottom: 2px; position: absolute; } #main4 .unknown .scrol .middle { left: 0px; top: 10px; position: absolute; } /* ----- yell ----- */ #main4 .yell { margin: 7px 0 0 6px; width: 324px; height: 46px; background-color: #fff8c6; line-height: 13px; position: relative; color: #863900; font-size: 9pt; font-weight: bold; } #main4 .yell .ins { width: 308px; height: 100%; padding: 0 11px 0 5px; overflow: hidden; } #main4 .yell p { padding: 6px 0 0 0; } #main4 .yell .scrol { right: 5px; top: 0px; position: absolute; height: 98%; width: 6px; } #main4 .yell .scrol .ar_top { left: 0px; top: 0px; position: absolute; } #main4 .yell .scrol .ar_bot { left: 0px; bottom: 0px; position: absolute; } #main4 .yell .scrol .middle { left: 0px; top: 10px; position: absolute; } /* ----- rule ----- */ #main4 .rule { margin: 4px 0 0 7px; } #main4 .rule .img { float: left; width: 10px; } #main4 .rule .img img { float: left; } #main4 .rule .txt { float: left; width: 308px; color: #ff0000; margin: 0 0 0 2px; line-height: 13px; } /* ----- radio ----- */ #main4 .radio { position: relative; margin: 5px 0 0 7px; width: 321px; height: 100px; overflow: hidden; font-size: 9pt; } #main4 .radio .scrol { right: 3px; top: 0px; position: absolute; height: 98%; width: 6px; } #main4.random .radio { height: 98px; } #main4 .radio .scrol .ar_top { left: 0px; top: 0px; position: absolute; } #main4 .radio .scrol .ar_bot { left: 0px; bottom: 0px; position: absolute; } #main4 .radio .scrol .middle { left: 0px; top: 10px; position: absolute; } #main4 .radio .item { width: 100%; margin: 0 0 5px 0; } *html #main4 .radio .item { margin: 0 0 2px 0; } *:first-child+html #main4 .radio .item { margin: 0 0 4px 0; } #main4 .radio .item .rad { float: left; margin: 1px 0 0 0; } *:first-child+html #main4 .radio .item .rad { margin: -3px 0 0 0; } *html #main4 .radio .item .rad { margin: -2px 0 0 0; } @-moz-document url-prefix() { #main4 .radio .item .rad { margin: 0px 0 0 0; } } #main4 .radio .item p { _float: left; margin: 0 0 0 2px; } #main4 .radio .item p.kart { background: url("images/kart.gif") right top no-repeat; padding: 0 21px 0 0; } #main4 .radio .item .greenn { color: #157237; font-weight: bold; } #main4 .radio .item .inp { width: 254px; height: 15px; float: left; padding: 0 0 0 2px; border: 1px solid #4b4b4b; margin: 0 0 0 4px; font-size: 10pt; font-family: "MS PGothic", tahoma; } /* ----- bottom ----- */ #main4 .bottom { width: 100%; height: auto; position: absolute; bottom: 0px; background-color:#DFDFDF; } #main4 .bottom .butt-l { float: left; margin: 5px 0 0 9px; } #main4 .bottom .butt-r { float: right; margin: 5px 9px 0 0px; } #main4 .bottom .butt-l-s { float: left; margin: 3px 0 0 9px; } #main4 .bottom .butt-r-s { float: right; margin: 3px 9px 0 0px; } #main4 .bottom .copy { font-size: 7.5pt; width: 29px; margin: 2px auto 0 auto; padding-bottom: 1px; } /* ------------------------- personalityquizblogpartstop160300 ------------------------- */ #main5 { width: 150px; height: 340px; position: relative; margin: 0px; background-color: #fff; font-family: "MS PGothic", tahoma; font-size: 9pt; color: #4b4b4b; line-height: 15px; border: 5px solid #257b44; } #main5 .inner { width: 146px; height: 336px; margin: 1px; border: 1px solid #257b44; position: relative; } #main5.random { height: 375px; } #main5.random .inner { height: 371px; } #main5 .inner .ic1 { margin: 2px 0 0 2px; height: 34px; font-size: 0; line-height: 0; float: left; } /* ----- name ----- */ #main5 .name { margin: 4px 0 0 6px; height: 31px; } #main5 .name .name-l { width: 30px; margin: 0 5px 0 0; float: left; } #main5 .name .name-r { width: 105px; float: left; font-size: 7.5pt; } #main5 .name span { color: #ff0000; } #main5 .name span.bold { font-weight: bold; } /* ----- txt ----- */ #main5 .txt { margin: 5px 2px 6px 9px; color: #157237; font-weight: bold; } #main5 .unknown { width: 122px; border: 1px solid #4b4b4b; padding: 4px 5px 12px 5px; margin: 0 0 0 6px; font-size: 8pt; background-color: #d9d9d9; line-height: 12px; position: relative; color: #000; } #main5 .unknown .zoom { right: -1px; bottom: -1px; position: absolute; } #main5 .bottom { width: 100%; height: auto; position: absolute; bottom: 0px; background-color:#DFDFDF; } #main5 .bottom .butt-s { margin: 5px 0 0 23px; } #main5 .bottom .butt-l-s { float: left; margin: 3px 0 0 6px; } #main5 .bottom .butt-r-s { float: left; margin: 3px 0 0 6px; } #main5 .copy { font-size: 7.5pt; width: 29px; margin: 2px auto 0 auto; padding-bottom: 1px; } #main5 .txtred { color: #ff0000; margin: 7px 0 -7px 15px; } #main5 .txtred .znak { padding: 3px 0 4px 33px; background: url("images/red.gif") no-repeat; height:20px;} /* ----- rule ----- */ #main5 .rule { margin: 4px 0 -3px 5px; } #main5 .rule .img { float: left; width: 10px; } #main5 .rule .img img { float: left; } #main5 .rule .txt { float: left; width: 124px; color: #ff0000; margin: 0 0 0 2px; font-weight: normal; line-height: 13px; } /* ------------------------- personalityquizblogpartstop350300 ------------------------- */ /* Big widget. Block of preview.*/ #main6 { width: 340px; height: 330px; _height: auto; position: relative; margin: 0px; background-color: #fff; font-family: "MS PGothic", tahoma; font-size: 9pt; color: #4b4b4b; line-height: 15px; border: 5px solid #257b44; } #main6 .inner { width: 336px; height: 326px; margin: 1px; border: 1px solid #257b44; position: relative; } #main6.res_type1 { height: 290px; } #main6.res_type1 .inner { height: 286px; } #main6.res_type3 { height: 290px; } #main6.res_type3 .inner { height: 286px; } #main6.random { height: 350px; } #main6.random .inner { height: 346px; } #main6 .inner .opis { right: 4px; top: 8px; position: absolute; width: 147px; height: 30px; padding: 3px 0 0 5px; background: url("images/fon1.gif") no-repeat; font-size: 8pt; line-height: 12px; } #main6 .inner .opis_ext { right: 4px; top: 8px; position: absolute; width: 147px; height: 18px; padding: 3px 0 0 5px; background: url("images/fon.gif") no-repeat; font-size: 8pt; line-height: 12px; } #main6 .inner .red { font-weight: bold; color: #ff0000; } #main6 .inner .nobold { font-weight: normal; } #main6 .inner .opis img { margin: 0 3px 0 0; } #main6 .inner .ic3 { padding: 0 0 0 4px; } #main6 .inner .ic1 { margin: 3px 0 0 2px; height: 44px; font-size: 0; line-height: 0; float: left; } /* ----- name ----- */ #main6 .name { margin: 9px 0 0 6px; height: 38px; } #main6 .name .name-l { width: 30px; margin: 0 5px 0 0; float: left; } #main6 .name .name-r { width: 271px; float: left; font-size: 7.5pt; font-weight: bold; color: #157237; line-height: 13px; } #main6 .line { width: 323px; height: 7px; margin: 3px 0 0 6px; line-height: 0px; font-size: 0pt; background: url("images/line1.gif") repeat-x; clear: both; } /* ----- unknown ----- */ #main6 .unknown { width: 325px; margin: 4px 0 0 5px; padding: 4px 1px 0 0; font-size: 9pt; line-height: 13px; position: relative; color: #000; } #main6 .unknown .shad_t { left: 0px; top: 0px; position: absolute; } #main6 .unknown .shad_r { right: 0px; top: 0px; position: absolute; } #main6 .unknown .shad_b { right: 0px; bottom: -4px; position: absolute; } #main6 .unknown .ins { padding: 3px 15px 14px 4px; width: 304px; border: 1px solid #4b4b4b; background-color: #d9d9d9; position: relative; } #main6 .unknown .ins .zoom { right: -1px; _right: -2px; bottom: -1px; position: absolute; margin: 0!important; } #main6 .bottom { width: 100%; height: auto; position: absolute; bottom: 0px; background-color:#DFDFDF; } #main6 .bottom .butt-s { margin: 5px 0 0 118px; float: left; } #main6 .bottom .butt-l-s { float: left; margin: 3px 0 0 9px; } #main6 .bottom .butt-r-s { float: right; margin: 3px 9px 0 0px; } #main6 .copy { font-size: 7.5pt; width: 29px; margin: 2px auto 0 auto; padding-bottom: 1px; } #main6.res_type3 .copy { margin-top: -4px; } /* ----- yell ----- */ #main6 .yell { margin: 7px 0 0 6px; width: 324px; height: 23px; background-color: #fff8c6; line-height: 13px; position: relative; color: #863900; font-size: 9pt; font-weight: bold; } #main6.res_type3 .yell { margin-top: 0px; } #main6 .yell .ins { width: 308px; height: 23px; padding: 0 11px 0 5px; overflow: hidden; } #main6 .yell p { padding: 6px 0 0 0; } #main6 .yell .scrol { right: 5px; top: 0px; position: absolute; height: 23px; width: 6px; } #main6 .yell .scrol .ar_top { left: 0px; top: 0px; position: absolute; } #main6 .yell .scrol .ar_bot { left: 0px; bottom: 0px; position: absolute; } #main6 .yell .scrol .middle { left: 0px; top: 10px; position: absolute; } #main6 .line2 { margin: 3px 0 0 4px; } #main6 .flash { margin: 2px 6px 0 6px; } #main6 .butt1 { margin: 9px auto 0 80px; _margin-left: 40px; float: left; } #main6 .butt1m { margin: 9px 40px 0 auto; _margin-right: 20px; float: right; } #main6 .butts { margin: 0 0 0 3px; } #main6 .back { float: left; } #main6 .butt2 { margin: 17px 5px 0 25px; float: left; } #main6 .butt2m { margin: 17px 5px 0 5px; float: left; } #main6 .next { float: right; } #main6 .txtred { color: #ff0000; margin: 5px 0 -7px 110px; } #main6 .txtred .znak { padding: 3px 0 4px 33px; background: url("images/red.gif") no-repeat; height:20px;} /* ----- rule ----- */ #main6 .rule { margin: 4px 0 -3px 5px; } #main6 .rule .img { float: left; width: 10px; } #main6 .rule .img img { float: left; } #main6 .rule .txt { float: left; width: 310px; color: #ff0000; margin: 0 0 0 2px; font-weight: normal; line-height: 13px; } /* ----------------------------------- pollblogparts350300 ----------------------------------- */ #main7 { width: 340px; height: 330px; position: relative; margin: 0px; background-color: #fff; font-family: "MS PGothic", tahoma; font-size: 8pt; color: #000; line-height: 15px; border: 5px solid #257b44; } #main7 .inner { width: 336px; height: 326px; margin: 1px; border: 1px solid #257b44; position: relative; } #main7.random { height: 350px; } #main7.random .inner { height: 346px; } #main7 .inner .ic1 { margin: 3px 10px 0 3px; height: 44px; font-size: 0; line-height: 0; float: left; } #main7 .inner .opis { right: 4px; top: 8px; position: absolute; width: 147px; height: 18px; padding: 3px 0 0 5px; background: url("images/fon.gif") no-repeat; font-size: 8pt; } #main7 .inner .opis .red { font-weight: bold; color: #ff0000; } #main7 .inner .opis img { margin: 0 3px 0 0; } /* ----- name ----- */ #main7 .name { margin: 9px 0 0 5px; width: 323px; height: 30px; } #main7 .name .name-l { width: 30px; margin: 0 7px 0 0; float: left; } #main7 .name .name-r { width: 272px; height: 28px; float: left; margin: 3px 0 0 0; font-weight: bold; color: #157237; line-height: 13px; overflow: hidden; } #main7 .name .scrol { float: left; width: 6px; height: 28px; position: relative; margin: 0 0 0 6px; } #main7 .name .scrol .ar_top { left: 0px; top: 0px; position: absolute; } #main7 .name .scrol .ar_bot { left: 0px; bottom: 0px; position: absolute; } #main7 .name .scrol .middle { left: 0px; top: 10px; position: absolute; } #main7 .line { width: 323px; height: 7px; margin: 7px 0 0px 6px; line-height: 0px; font-size: 0pt; background: url("images/line1.gif") repeat-x; clear: both; } /* ----- unknown ----- */ #main7 .unknown { width: 327px; height: 63px; margin: 8px 0 0 5px; background: url("images/bigfon.gif") no-repeat; font-size: 9pt; line-height: 13px; position: relative; color: #000; } #main7 .unknown .ins { padding: 6px 14px 4px 4px; width: 309px; height: 50px; overflow: hidden; } #main7 .unknown .scrol { right: 7px; top: 4px; position: absolute; height: 53px; width: 6px; } #main7 .unknown .scrol .ar_top { left: 0px; top: 4px; position: absolute; } #main7 .unknown .scrol .ar_bot { left: 0px; bottom: 2px; position: absolute; } #main7 .unknown .scrol .middle { left: 0px; top: 10px; position: absolute; } /* ----- rule ----- */ #main7 .rule { margin: 4px 0 0 7px; } #main7 .rule .img { float: left; width: 10px; } #main7 .rule .img img { float: left; } #main7 .rule .txt { float: left; width: 308px; color: #ff0000; margin: 0 0 0 2px; line-height: 13px; } /* ----- radio ----- */ #main7 .radio { position: relative; margin: 5px 0 0 7px; width: 321px; height: 86px; overflow: hidden; font-size: 9pt; } #main7 .radio .scrol { right: 3px; top: 0px; position: absolute; height: 98%; width: 6px; } #main7 .radio .scrol .ar_top { left: 0px; top: 0px; position: absolute; } #main7 .radio .scrol .ar_bot { left: 0px; bottom: 0px; position: absolute; } #main7 .radio .scrol .middle { left: 0px; top: 10px; position: absolute; } #main7 .radio .item { width: 100%; margin: 0 0 3px 0; } *html #main7 .radio .item { margin: 0 0 1px 0; } *:first-child+html #main7 .radio .item { margin: 0 0 2px 0; } #main7 .radio .item .rad { float: left; margin: 1px 0 0 0; } *:first-child+html #main7 .radio .item .rad { margin: -3px 0 0 0; } *html #main7 .radio .item .rad { margin: -2px 0 0 0; } @-moz-document url-prefix() { #main7 .radio .item .rad { margin: 0px 0 0 0; } } #main7 .radio .item p { _float: left; margin: 0 0 0 2px; } #main7 .radio .item p.kart { background: url("images/kart.gif") right top no-repeat; padding: 0 21px 0 0; } #main7 .radio .item .greenn { color: #157237; font-weight: bold; } #main7 .radio .item .inp { width: 230px; height: 15px; float: left; padding: 0 0 0 2px; border: 1px solid #4b4b4b; margin: 0 0 0 4px; font-size: 10pt; font-family: "MS PGothic", tahoma; } /* ----- bottom ----- */ #main7 .bottom { width: 100%; height: auto; position: absolute; bottom: 0px; background-color:#DFDFDF; } #main7 .bottom .butt1 { margin: 5px 0 0 118px; float: left; } #main7 .bottom .butt-l-s { float: left; margin: 3px 0 0 9px; } #main7 .bottom .butt-r-s { float: right; margin: 3px 9px 0 0px; } #main7 .bottom .copy { font-size: 7.5pt; width: 29px; margin: 2px auto 0 auto; padding-bottom: 1px; } /* ----------------------------------- ninteisyo ----------------------------------- */ #main8 { width: 160px; height: 250px; background: url("images/bg.gif") no-repeat; position: relative; margin: 0px; font-family: "MS PGothic", tahoma; font-size: 9pt; color: #252525; line-height: 15px; } #main8 .ic1 { margin: 20px 0px 0 40px; font-size: 0; line-height: 0; float: left; } /* ----- name ----- */ #main8 .name { margin: 9px 0 0 7px; height: 32px; } #main8 .name .name-l { width: 30px; margin: 0 5px 0 0; float: left; } #main8 .name .name-r { width: 94px; height: 32px; overflow: hidden; float: left; font-size: 9pt; font-weight: bold; line-height: 16px; } #main8 .name .scrol { float: left; width: 6px; height: 32px; position: relative; margin: 0 0 0 6px; } #main8 .name .scrol .ar_top { left: 0px; top: 0px; position: absolute; } #main8 .name .scrol .ar_bot { left: 0px; bottom: 0px; position: absolute; } #main8 .name .scrol .middle { left: 0px; top: 10px; position: absolute; } /* ----- stat ----- */ #main8 .stat { margin: 2px 0 0 7px; width: 145px; font-size: 8pt; } #main8 .stat p { padding: 0 0 0 11px; background: url("images/star_1.gif") left 2px no-repeat; } #main8 .stat span { font-weight: bold; color: #fb1e1e; } /* ----- unknown ----- */ #main8 .unknown { width: 138px; height: 48px; margin: 11px 0 0 12px; font-size: 9pt; line-height: 15px; position: relative; color: #3232b5; font-weight: bold; } #main8 .unknown .ins { width: 118px; height: 46px; padding: 2px 10px 0 4px; overflow: hidden; } #main8 .unknown .scrol { right: 3px; top: 0px; position: absolute; height: 48px; width: 6px; } #main8 .unknown .scrol .ar_top { left: 0px; top: 0px; position: absolute; } #main8 .unknown .scrol .ar_bot { left: 0px; bottom: 0px; position: absolute; } #main8 .unknown .scrol .middle { left: 0px; top: 10px; position: absolute; } /* ----- butts ----- */ #main8 .butts { font-size: 8pt; color: #6d6d6d; margin: 0px 0 0 13px; } #main8 .butts .grey { margin: 2px 0 3px 0; } #main8 .red_b { right: 5px; bottom: 20px; position: absolute; } *:first-child+html #main8 .red_b { right: 5px; bottom: 18px; position: absolute; } *html #main8 .red_b { right: 5px; bottom: 18px; position: absolute; } #main8 .copy { left: 0px; bottom: 4px; width: 160px; position: absolute; text-align: center; color: #000; font-size: 7.5pt; } /* ----------------------------------- shuffleblogpartstop160300 ----------------------------------- */ #main9 { width: 150px; height: 375px; position: relative; margin: 0px; background-color: #dadada; font-family: "MS PGothic", tahoma; font-size: 9pt; color: #252525; line-height: 15px; border: 5px solid #3952c5; } #main9 .inner { width: 146px; height: 371px; margin: 1px; border: 1px solid #3952c5; position: relative; } #main9 .inner .ic1 { margin: 5px 0 0 31px; font-size: 0; line-height: 0; float: left; } #main9 .line { width: 134px; height: 3px; margin: 3px 0 0 6px; line-height: 0px; font-size: 0pt; background: url("images/line3.gif") repeat-x; clear: both; } /* ----- txt ----- */ #main9 .txt-blue { margin: 0 0 0 6px; color: #3952c5; font-weight: bold; } #main9 .txt { font-size: 8pt; margin: 0 0 0 6px; font-weight: bold; height: 80px; } /* ----- fongrey ----- */ #main9 .fongrey { width: 100%; height: auto; position: absolute; bottom: 0px; background-color:#C4C4C4; } #main9 .fongrey .fongrey_img { float: left; margin: 8px 0 0 5px; } /* ----- copy ----- */ #main9 .copy { font-size: 7.5pt; width: 29px; margin: 2px auto 0 auto; padding-bottom: 1px; } /* ----------------------------------- shuffleblogpartstop350300 ----------------------------------- */ #main10 { width: 340px; height: 350px; position: relative; margin: 0px; background-color: #dadada; font-family: "MS PGothic", tahoma; font-size: 9pt; color: #252525; line-height: 15px; border: 5px solid #3952c5; } #main10 .inner { width: 336px; height: 346px; margin: 1px; border: 1px solid #3952c5; position: relative; } #main10 .inner .ic1 { margin: 5px 0 0 62px; float: left; *margin-bottom: -5px; } #main10 .line { width: 316px; height: 7px; margin: 7px 0 0 10px; line-height: 0px; font-size: 0pt; background: url("images/line4.gif") repeat-x; clear: both; } /* ----- txt ----- */ #main10 .txt { width: 218px; height: 133px; background: url("images/bg1.gif") no-repeat; margin: 7px 0 0 10px; padding: 11px 0 0 100px; } #main10 .txt .blue { color: #3952c5; font-size: 10pt; font-weight: bold; } /* ----- fongrey ----- */ #main10 .fongrey { width: 100%; height: auto; position: absolute; bottom: 0px; background-color:#C4C4C4; } #main10 .fongrey .fongrey_img { float: left; margin: 8px 0 0 7px; } /* ----- copy ----- */ #main10 .copy { font-size: 7.5pt; width: 29px; margin: 2px auto 0 auto; padding-bottom: 1px; } /*---------------------------------------Tool tips styles ----------------------------------------------*/ #dhtmlgoodies_tooltip{background-color:#EEE;border:1px solid #000;position:absolute;display:none;z-index:20000;padding:2px;font-size:12px;font-family: Arial, sans-serif;}