root { display: block; } /**/ body { padding:0; margin:0; font: normal 12px Tahoma, sans-serif; text-decoration: none; color: #515151; } a {font: bold 11px Tahoma, sans-serif; color:#515151; text-decoration:underline;} a:hover {text-decoration:none;} #aciklama { font: normal 13px Tahoma, sans-serif; } #aciklama p { margin:0 6px 6px; padding:0; } #aciklama h3 { margin:0 0 5px; padding:0; font-size:120%; } /**/ .example{color:#666;}.not_example{color:#c6c;} /**/ .esge {margin:auto; width: 780px;} /**/ #header {clear:both; background: #0a59a6 url(/i/header_k_ba.png) repeat-x;} #parentbanner {clear:both; background: transparent url(/i/parban_k_ba.png) repeat-x;} #parentmenu {clear:both; background: #ffffff;} #wrapper {clear:both; overflow:hidden; background:#ffffff;} #footer {clear:both; background:#ffffff url(/i/k/pe.png) no-repeat center bottom;} .bos {clear:both; height: 20px;} .boson {clear:both; height: 10px;} .bosbes {clear:both; height: 5px;} .gizle {display: none;} /**/ /**/ #lobo {height: 47px; background: #0a59a6;} #loboal {height: 1px; background: #03386c;} #lobo #logo {float:left; width: 145px;height: 47px; background: transparent url(/i/demle-ust-logo.png) no-repeat center center;} #lobo #logo .demle_a {float:left; width: 145px;height: 47px; background: none;} #lobo #logo .demle_a:hover {background: transparent url(/i/demle-ust-logo-a.png) no-repeat center center;} #lobo #logo h1 {display: none;} #lobo #arama {float: right; width: 300px; height: 29px; margin-top:8px; overflow: hidden;} #lobo #arama form, #lobo #arama input {margin:0; padding: 0; border: 0;} #lobo #arama .loboq { display: block; float: left; padding: 8px 30px 5px 10px; width: 239px; height: 16px; font: bold 12px Tahoma, sans-serif; color:#ffffff; background: #0d326e url(/i/us_in3_p.png) no-repeat left top; } #lobo #arama .lobos { display: block; float: left; cursor: pointer; height: 30px; width: 21px; height: 29px; background: #0d326e url(/i/us_in_p_sa.png) no-repeat;} /**/ #pababo {height: 36px; background: #669dd3;} /**/ #fobo {padding:20px 4px 0 4px; text-align:center;} #fobo a {font-size: 14px; font-family: Tahoma, sans-serif; font-weight: bold; color:#3b3b3b; text-decoration:underline;} #fobo a:hover {text-decoration: none;} /**/ #ic_so {float:left; padding:0; width: 140px;} #ic_or {float:left; padding:0; width: 300px;} #ic_sa {float:left; padding:0; width: 300px;} #ic_sor {float:left; padding:0; width: 460px;} .ic_bo {float:left; padding:0; width: 20px; height: 2px;} /**/ #ft_bo {float:left; padding:0; width: 140px; height: 89px; background:url(/i/ft_ba.png) no-repeat;} #ft_bo #f_al {display: block; padding: 12px 4px;height: 21px;} #ft_bo #t_al {display: block; padding: 12px 4px;height: 20px;} /**/ #ic_or #io_ba, #ic_sor #io_ba {font: normal 24px Verdana, sans-serif; color: #3e8ad3;} #ic_or .yasu {float: left; width: 300px; margin-top:2px; border: none; border-top:1px solid #9cceff;} #ic_or .yasu .puan {float: left; width: 87px; height: 97px; background: transparent url(/i/ta_sa_p.png) no-repeat center center;} #ic_or .yasu .puan .demleyen {float: left; width: 87px; height: 52px; margin-top: 10px;} #ic_or .yasu .puan .demleyen .dkisi {width: 87px; font: bold 24px Arial, sans-serif; color: #d0b01d; text-align: center;} #ic_or .yasu .puan .demleyen .dyazi {width: 87px; font: bold 14px Arial, sans-serif; color: #d0b01d; text-align: center;} #ic_or .yasu .puan .demle {width: 87px; text-align: center;} #ic_or .yasu .puan .demle a {padding-right: 12px; font-size: 14px; font-family: Tahoma, sans-serif; font-weight: bold; text-decoration: none; color: #3e8ad3; background: transparent url(/i/tazele.png) no-repeat right center;} #ic_or .yasu .puan .demle a:hover {color:#2c6397;} #ic_or .yasu .yazi {float: left; margin: 10px 0 0 8px; width: 425px;} #ic_or .yasu .yazi .metin{margin: 0 0 5px 0; width: 425px; height: 32px;} #ic_or .yasu .yazi .metin a{font: 600 13px Tahoma, sans-serif; color:#515151; text-decoration: none;} #ic_or .yasu .yazi .metin a:hover{color:#000000;} #ic_or .yasu .yazi .sahip{margin: 0 0 5px 0; width: 425px; font: bold 14px Tahoma, sans-serif; color: #03386c; text-align: right;} #ic_or .yasu .yazi .bilgi{width: 425px;} #ic_or .yasu .yazi .bilgi a{margin-left:10px; padding-left: 18px; height: 16px; line-height:16px; font-size: 13px; font-family: Tahoma, sans-serif; font-weight: bold; text-decoration: none; color:#3e8ad3;} #ic_or .yasu .yazi .bilgi .yorum {background:url(/i/yo_p.png) no-repeat left center; } #ic_or .yasu .yazi .bilgi .favori {background: transparent url(/i/fa_p.png) no-repeat left center;} #ic_or .yasu .yazi .bilgi .ekleyen {background: transparent url(/i/ek_p.png) no-repeat left center;} #ic_or .yasu .yazi .bilgi a:hover {text-decoration: underline;} #ic_or #io_banner {float: left; margin: 16px 26px;} #ic_sor #io_banner {float: left; margin: 16px 96px;} #ic_sor .soz #tiso {display:block; float:left; width: 30px; height: 30px; background:url(/i/ti-so.png) no-repeat left top; } #ic_sor .soz #tisa {display:block; float:left; width: 650px; background:url(/i/ti-sa.png) no-repeat right bottom; } #ic_sor .soz .baslik{display:block; float:left; padding:8px 30px 4px 0; clear:both; color:#515151; font:normal 32px Arial, sans-serif;} #ic_sor .sahip{display:block; padding:8px 30px 0 0; clear:both; text-align:right; color:#03386c; font:bold 18px Tahoma, sans-serif;} #ic_sor .ekleyen{display:block; padding:8px 0 0 0; color:#000000; font:normal 12px Tahoma, sans-serif;} #ic_sor .ekleyen a{color:#000000; font:bold 14px Tahoma, sans-serif;} #ic_sor .bilgi {display:block; float:left; width: 560px;} #ic_sor .bilgi .kategori span, #ic_sor .bilgi .etiket span{color:#515151; font:bold 10px Tahoma, sans-serif;} #ic_sor .bilgi .kategori a, #ic_sor .bilgi .etiket a{color:#0a59a6; font:normal 12px Tahoma, sans-serif; text-decoration:none;} #ic_sor .bilgi .kategori a:hover, #ic_sor .bilgi .etiket a:hover{text-decoration:underline;} #ic_sor #gosterim {float:left; width: 120px; height:36px; text-align:center;} #ic_sor #gosterim span{display:block; font:bold 18px Tahoma, sans-serif;} #ic_sor .detay {display:block; width: 460px;} #ic_sor .detay #begenme {float:left; width: 213px; height:36px; text-align:center;} #ic_sor .detay #begenme #bm {display:block; float:left; width: 93px; height: 20px;} #ic_sor .detay #begenme #bm .gizle {overflow:hidden;} #ic_sor .detay #begenme #bm .begen{float:left;width:60px; height:20px; background: transparent url(/i/sharing/like.png) no-repeat center center;} #ic_sor .detay #begenme #bm .begenme{float:left; margin-left: 10px; width:23px; height:20px; background: transparent url(/i/sharing/dislike.png) no-repeat center center;} #ic_sor .detay #begenme #degerler {display:block; float:left; width: 120px; height: 36px;} #ic_sor .detay #begenme #degerler .begen{display:block; margin:2px 10px 4px; padding:0; height: 4px; background-color: #83f03c; border:1px solid #58e000;cursor: pointer;} #ic_sor .detay #begenme #degerler .begenme{display:block; margin:4px 10px 0px; padding:0; height: 4px; background-color: #f43d6b; border:1px solid #e9003a;cursor: pointer;} #ic_sor .detay .paylas {display:block; float:left; width:467px; height:20px;} #ic_sor .detay .paylas a {display:block; float:left; margin-left:8px; height: 20px;} #ic_sor .detay .paylas .gizle {overflow:hidden;} #ic_sor .detay .paylas .facebook {width:60px; height:20px; background:url(/i/sharing/f.png) no-repeat center center;} #ic_sor .detay .paylas .twitter {width:60px; height:20px; background:url(/i/sharing/t.png) no-repeat center center;} #ic_sor .detay .paylas .eposta {width:60px; height:20px; background:url(/i/sharing/e.png) no-repeat center center;} #ic_sor .detay .paylas .favori {width:60px; height:20px; background: transparent url(/i/sharing/k.png) no-repeat center center;} #ic_sor .detay .paylas .sikayet {float:right; padding-left: 18px; line-height:20px; font-size: 13px; font-family: Tahoma, sans-serif; font-weight: bold; text-decoration: none; color:#cc2200; background: transparent url(/i/fl_p.png) no-repeat left center;} #ic_sor .yorum {float:left; padding:0; width: 460px;} #ic_sor .yorum .yust {padding:0; width: 460px; height:66px; background: #4190d5 url(/i/y_ust.png) no-repeat;} #ic_sor .yorum .yust a {display:block; float:left; height:66px; line-height:66px; font-size: 14px; font-family: Tahoma, sans-serif; font-weight: bold; color:#ffffff; text-decoration:none; text-indent:20px;} #ic_sor .yorum .yust a:hover {color:#f5f6f7;} #ic_sor .yorum .yust a img {width: 24px; height: 24px; margin: 0px 10px 0 0px; border: 1px solid #f5f6f7;vertical-align:middle;} #ic_sor .yorum .yust b.buyuk {display:block; float:right; margin-right:20px; height:66px; line-height:66px; font-size: 18px; font-family: Arial, sans-serif; font-weight: bold; color:#ffffff;} #ic_sor .yorum .yust b.kucuk {display:block; float:right; margin-right:4px; height:66px; line-height:66px; font-size: 10px; font-family: Arial, sans-serif; font-weight: bold; color:#ffffff;} #ic_sor .yorum .yorta {display:block; width: 616px; padding:0 32px; background: #ffffff url(/i/y_orta.png) repeat-y left center;} #ic_sor .yorum .yalt {display:block; width: 460px; height:11px; background: #ffffff url(/i/y_alt.png) no-repeat;} /**/ .sekmeler, .sek_aktif {float: left; margin:6px 16px 0 0;} .sekmeler a{float: left;height: 30px; line-height:30px; font-size: 13px; font-family: Tahoma, sans-serif; font-weight: bold; text-decoration: none; color: #425260;background: transparent url(/i/se_p_so.png) no-repeat left center; /*default background color of tabs, left corner image*/} .sekmeler a span{float: left;display: block;margin:0 0 0 10px;padding:0 10px 0 0;height: 30px;line-height:30px;cursor: pointer;background: transparent url(/i/se_p_sa.png) no-repeat right center; /*right corner image*/} .sekmeler a:hover{color: #000000; background: transparent url(/i/se_a_so.png) no-repeat left center; /*left corner image*/} .sekmeler a:hover span{background: transparent url(/i/se_a_sa.png) no-repeat right center; /*right corner image*/} .sek_aktif a {float: left;height: 30px; line-height:30px; font-size: 13px; font-family: Tahoma, sans-serif; font-weight: bold; text-decoration: none; color: #000000;background: transparent url(/i/se_a_so.png) no-repeat left center; /*default background color of tabs, left corner image*/} .sek_aktif a span {float: left;display: block;margin:0 0 0 10px;padding:0 10px 0 0;height: 30px;line-height:30px;cursor: pointer;background: transparent url(/i/se_a_sa.png) no-repeat right center; /*right corner image*/} /**/ .etiketler {float: left; margin:4px 16px 0 0;} .etiketler a{float: left;height: 30px; line-height:30px; font-size: 13px; font-family: Tahoma, sans-serif; font-weight: bold; text-decoration: none; color: #425260;background: transparent url(/i/et_p_so.png) no-repeat left center; /*default background color of tabs, left corner image*/} .etiketler a span{float: left;display: block;margin:0 0 0 10px;padding:0 10px 0 0;height: 30px;line-height:30px;cursor: pointer;background: transparent url(/i/et_p_sa.png) no-repeat right center; /*right corner image*/} .etiketler a:hover{background: transparent url(/i/et_a_so.png) no-repeat left center; /*left corner image*/color: #ffffff;} .etiketler a:hover span{background: transparent url(/i/et_a_sa.png) no-repeat right center; /*right corner image*/} /**/ .sayfalar{margin: 0;padding: 2px;text-align:center; font: normal 14px Verdana, sans-serif; color: #575757;} .sayfalar ul{margin: 0 auto;padding: 0;color:#e9003a;} .sayfalar li{list-style-type: none;display: inline;padding-bottom: 1px;} .sayfalar a, .sayfalar a:visited{padding: 4px 5px;border: 1px solid #f46e8f;font: bold 12px Verdana, sans-serif;text-decoration: none;color: #e9003a;} .sayfalar a:hover, .sayfalar a:active{border: 1px solid #970026;color: #ffffff;background-color: #e9003a;} .sayfalar a.currentpage, .sayfalar a.previouscpage, .sayfalar a.nextcpage{background-color: #f46e8f;color:#970026;border-color: #970026;font-weight: bold;cursor: default;} .sayfalar a.bolpage{border: 1px solid #f46e8f;color: #e9003a;background-color: #ffffff;} .sayfalar a.disablelink, .pagination a.disablelink:hover{ background-color: white; cursor: default; color: #929292; border-color: #929292; font-weight: normal !important; } .sayfalar a.prevnext{font-weight: bold;} /* .sayfalar li span {float:left; display: block; margin:0; padding: 0; width: 25px;height: 24px; line-height:24px;font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; color:#373d4a; background:#707a8e url(/i/page/op.png) no-repeat center center;} .sayfalar a, .sayfalar a:visited{float:left; display: block; width: 25px;height: 24px; line-height:24px;font-size: 12px; font-family: Arial, sans-serif; font-weight: bold;text-decoration: none;color: #ffffff; background:#707a8e url(/i/page/op.png) no-repeat center center;} .sayfalar a:hover, .sayfalar a:active{color:#373d4a; background:#707a8e url(/i/page/oa.png) no-repeat center center;} .sayfalar a.currentpage{color:#373d4a; background:#707a8e url(/i/page/oa.png) no-repeat center center;} .sayfalar a.nextpage{width: 49px;background:#707a8e url(/i/page/ip.png) no-repeat center center;} .sayfalar a.nextpage:hover, .sayfalar a.nextcpage{color:#373d4a; width: 49px;background:#707a8e url(/i/page/ia.png) no-repeat center center;} .sayfalar a.previous{width: 49px;background:#707a8e url(/i/page/gp.png) no-repeat center center;} .sayfalar a.previous:hover, .sayfalar a.previouscpage{color:#373d4a; width: 49px;background:#707a8e url(/i/page/ga.png) no-repeat center center;} */ .sayfalar span {display:block;padding-top:8px;} /**/ #popup_container { font-family: Arial, sans-serif; font-size: 12px; min-width: 300px; /* Dialog will be no smaller than this */ max-width: 600px; /* Dialog will wrap after this width */ background: #FFF; border: solid 5px #999; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #popup_title { font-size: 14px; font-weight: bold; text-align: center; line-height: 1.75em; color: #666; background: #CCC url(/i/alerts/title.gif) top repeat-x; border: solid 1px #FFF; border-bottom: solid 1px #999; cursor: default; padding: 0em; margin: 0em; } #popup_content { background: 16px 16px no-repeat url(/i/alerts/info.gif); padding: 1em 1.75em; margin: 0em; } #popup_content.alert { background-image: url(/i/alerts/info.gif); } #popup_content.confirm { background-image: url(/i/alerts/important.gif); } #popup_content.prompt { background-image: url(/i/alerts/help.gif); } #popup_message { padding-left: 48px; } #popup_panel { text-align: center; margin: 1em 0em 0em 1em; } #popup_prompt { margin: .5em 0em; } /**/ .ayirac{ clear:both; background: transparent url(/i/ayir.png) repeat-x center center; display: block; margin: 0px; padding:4px 4px; height: 10px; width : %100; } .gerekli{ color: #e9003a; } form.jqtransformdone label{ margin-top:4px; margin-right: 8px; display: block; float:left; color:#515151; font:bold 14px Arial, sans-serif; } form.jqtransformdone div.rowElem{ clear:both; padding:4px 0px; } /* ------------- * Buttons * ------------- */ button.jqTransformButton { margin: 0px; padding: 0px; border: none; background-color: transparent; cursor: pointer; overflow: visible; font-family: Arial; } *:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */ button.jqTransformButton span { background: transparent url(/i/jqtransform/btn_right.gif) no-repeat right top; display: block; float: left; padding: 0px 4px 0px 0px; /* sliding doors padding */ margin: 0px; height: 33px; } button.jqTransformButton span span { background: transparent url(/i/jqtransform/btn_left.gif) no-repeat top left; color: #333; padding: 8px 4px 0px 8px; font-weight: bold; font-size: 12px; line-height: 13px; display: block; text-decoration: none; height: 33px; } /*hover*/ button.jqTransformButton_hover span span { background-position: left -33px ; } button.jqTransformButton_hover span { background-position: right -33px ; } /*clicked*/ button.jqTransformButton_click span span { background-position: left -66px ; } button.jqTransformButton_click span { background-position: right -66px ; } /* IE 6 */ * html button.jqTransformButton { height:33px; } * button.jqTransformButton span span { height: 25px; } /* IE 7 */ *+ html button.jqTransformButton { height:33px; } *+ button.jqTransformButton span span { height: 25px; } /* ------------- * Inputs * ------------- */ .jqTransformInputWrapper { background: transparent url(/i/jqtransform/input/input_text_left.gif) no-repeat left top; height: 31px; padding: 0px; float:left; } .jqTransformInputInner { background: transparent url(/i/jqtransform/input/input_text_right.gif) no-repeat top right; padding: 0px; margin: 0px; } .jqTransformInputInner div { height: 31px; margin:0px 0px 0px 8px; } .jqTransformInputInner div input { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px; vertical-align: middle; /*height: 31px;*/ height: 18px; color:#404040; border: none; padding: 8px 0px 0px 0px; margin: 0px; background:transparent; } /* IE6 */ * html .jqTransformInputInner div input { padding: 6px 0 0 0; margin: 0 0 0 -8px; height:24px; } /* Ie7 */ *+ html .jqTransformInputInner div input { padding: 6px 0 0 0; margin-left:-10px; height:24px; } /*hover*/ .jqTransformInputWrapper_hover{ background-position: left -31px ;} .jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px ;} /*focus*/ .jqTransformInputWrapper_focus{ background-position: left -62px ;} .jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px ;} .jqTransformSafari .jqTransformInputInner div { position: relative; overflow: hidden; margin:0px 8px; } .jqTransformSafari .jqTransformInputInner div input { background-color: none; position: absolute; top: -10px; left: -2px; height: 42px; padding-left: 4px; } /* ------------- * Textarea * ------------- */ table.jqTransformTextarea td#jqTransformTextarea-mm textarea{ font-size: 12px; line-height: 16px; } table.jqTransformTextarea td{ font-size: 1px; line-height: 1px; width: 5px; height: 5px; margin: 0; padding: 0; } table.jqTransformTextarea{} table.jqTransformTextarea tr{ /*border: 1px solid red;*/ } table.jqTransformTextarea textarea{ margin: 0; padding: 0; border: 0; background: none; } table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(/i/jqtransform/textarea/textarea_tl.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(/i/jqtransform/textarea/textarea_tm.gif) repeat-x top left;} table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(/i/jqtransform/textarea/textarea_tr.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(/i/jqtransform/textarea/textarea_ml.gif) repeat-y top left;} table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(/i/jqtransform/textarea/textarea-mm.gif) repeat;} table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(/i/jqtransform/textarea/textarea_mr.gif) repeat-y top left;} table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(/i/jqtransform/textarea/textarea_bl.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(/i/jqtransform/textarea/textarea_bm.gif) repeat-x top left;} table.jqTransformTextarea td#jqTransformTextarea-br{background: url(/i/jqtransform/textarea/textarea_br.gif) no-repeat top left;} /*hover*/ table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;} table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(/i/jqtransform/textarea/textarea-mm-hover.gif);} table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;} table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;} /*focus*/ table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;} table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(/i/jqtransform/textarea/textarea-mm-focus.gif);} table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;} table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;} table.jqTransformTextarea .jqTransformSafariTextarea div { position: relative; overflow: hidden; border: 0px solid red; } table.jqTransformTextarea .jqTransformSafariTextarea textarea{ background: none; position: absolute; top:-10px; left:-10px; padding: 10px 10px 10px 10px; resize: none; } /* ------------- * Radios * ------------- */ .jqTransformRadioWrapper {float: left;display:block;margin:0px 4px; margin-top:5px;} .jqTransformRadio { background: transparent url(/i/jqtransform/radio.gif) no-repeat center top; vertical-align: middle; height: 19px; width: 18px; display:block;/*display: -moz-inline-block;*/ } /* ------------- * Checkboxes * ------------- */ span.jqTransformCheckboxWrapper{ display:block;float:left; margin-top:5px; } a.jqTransformCheckbox { background: transparent url(/i/jqtransform/checkbox.gif) no-repeat center top; vertical-align: middle; height: 19px; width: 18px; display:block;/*display: -moz-inline-block;*/ } /* ------------- * Checked - Used for both Radio and Checkbox * ------------- */ a.jqTransformChecked { background-position: center bottom;} /* ------------- * Selects * ------------- */ .jqTransformSelectWrapper { width: 45px; position:relative; height: 31px; background: url(/i/jqtransform/select_left.gif) no-repeat top left; float:left; } .jqTransformSelectWrapper div span { font-size: 12px; float: none; position: absolute; white-space: nowrap; height: 31px; line-height: 15px; padding: 8px 0 0 7px; overflow: hidden; cursor:pointer; /*border: 1px solid #CCCCCC;*/ /* border-right: none;*/ } .jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 0px; width: 31px; height: 31px; background: url(/i/jqtransform/select_right.gif) no-repeat center center; } .jqTransformSelectWrapper ul { position: absolute; width: 43px; top: 30px; left: 0px; list-style: none; background-color: #FFF; border: solid 1px #CCC; display: none; margin: 0px; padding: 0px; height: 150px; overflow: auto; overflow-y: auto; z-index:10; } .jqTransformSelectWrapper ul a { display: block; padding: 5px; text-decoration: none; color:#333; background-color: #FFF; font-size: 12px; } .jqTransformSelectWrapper ul a.selected { background: #EDEDED; color: #333; } .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background:#3582c4; color: #fff; } /* ------------- * Hidden - used to hide the original form elements * ------------- */ .jqTransformHidden {display: none;} /**/