/* ---------------------------------------------------------------------------------------------------------- LT WebDevelopment http://www.ltdevelopment.cz Výstupní zařízení: screen, projection Autor: Lukáš Tomek (info@lukastomek.cz) Vytvořeno: 11/07/2008 ---------------------------------------------------------------------------------------------------------- */ /* -- Basics -- */ html, body, div, p, ul, ol, li, form, fieldset, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; list-style: none; } body { font: normal 62.8%/1.3 sans-serif; background: #fff; color: #333333; } a { color: #666666; } a:hover { text-decoration: underline !important; } a img { border:0; } input, select, textarea { font-family: lucida, sans-serif; font-size: 1em; vertical-align: middle; } input.button, select.button, textarea.button { background: #fff; padding: 2px 0; border: 1px solid #595959; color: #000 !important; } button.button { margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; } input.submit { width: 98px !important; height: 25px; overflow: visible; padding: 0 5px; color: #fff; font-weight: bold; border: none; cursor: pointer; } label { cursor: pointer; padding-right: 5px; line-height: 20px; vertical-align: middle; } h1 { font-size: 2em; margin-bottom: .5em; } h2 { font-size: 1.45em; } h3 { font-size: 1.4em; } h4 { font-size: 1.1em; } h5 { font-size: 1.1em; } h6 { font-size: 1em; } h1, h2, h3, h4, h5, h6 { color: #3f3f3f; } table { border-collapse: collapse; width: 100%; } table th { text-align: left; } table td.right { padding-left: 5px; } table th.right { padding-left: 5px; } table td.left { padding-right: 5px; } table th.left { padding-right: 5px; } blockquote { margin: 0; padding: 10px 20px; color: #333333; line-height: 1.6; font-family: Georgia, serif; } fieldset { border: 0 !important; } /* -- User friendly features --*/ .hidden { display: none; } /* -- Basics layout -- */ #view { position: relative; } #head { font-size: 1.2em; position: relative; z-index: 10; } #content { font-size: 1.2em; z-index: 1; clear: both; } #foot { font-size: 1.2em; z-index: 1; } /* -- Graphic overlays -- */ a.overlaid, .overlaid a { display: block; cursor: pointer; overflow: hidden; } .overlaid { position: relative; width: 100%; height: 100%; } .overlaid span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } /* -- Main classes -- */ .fr { float: right !important; } .fl { float: left !important; } .clear { clear: both !important; } .right { text-align: right !important; } .left { text-align: left !important; } .center { text-align: center !important; } .last { margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important; background: none; } .small { font-size: .90em; } .big { font-size: 1.2em; } .biggest { font-size: 2em; } .light { color: #999999 !important; } .clearfix { height: 100%; overflow: hidden; padding-bottom: .6em; } .alt { font-weight: bold !important; } .yellow { color: #FFFF00 !important; } .red { color: #b7092a !important; } .test { border: 1px black solid; } .noOverflow{ overflow: visible !important; } .smile { vertical-align: middle; margin: 0 2px; } .noBrd { border: none !important; } .noBrdL { border-left: none !important; } .noBrdR { border-right: none !important; } .autoWidth { width: auto !important; } .inlink { display: block; padding-left: 14px; background: url('../images/bg-inlink.gif') 0 4px no-repeat; } .relative { position: relative; } .sub { vertical-align: sub; font-size: 10px; padding-left: 5px; } .sup { vertical-align: super; font-size: 10px; padding-left: 5px; } /* -- Online/ offline stav -- */ .online { color: #73e800 !important; } .offline { color: #ff0000 !important; } /* -- Main constructs -- */ #topMenu h1 { width: 83px; height: 25px; overflow: hidden; position: absolute; top: 12px; left: 15px; } #topMenu h1 span { background: url('../images/bg-top.gif') 0 0 no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #head h2 { width: 100%; height: 100%; overflow: hidden; text-align: center; line-height: 100px; } #head h2 a { width: 100%; height: 100%; display: block; text-decoration: none; cursor: pointer; } #head h2 span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /* -- Layout -- */ #view { width: 990px; margin: 0 auto; background-color: #fff; padding-bottom: 50px; } #topMenu { position: relative; height: 40px !important; padding: 2px 3px 0; } #head { height: 150px !important; margin-bottom: 10px; } #logo { width: 740px !important; height: 100%; float: left; } #quickLogin { width: 230px !important; height: 134px !important; padding: 8px 10px; float: right; position: relative; } #quickSearch { width: 420px; position: absolute; bottom: 0; right: 250px; z-index: 10; padding: 10px; } #menu { height: 90px; margin-bottom: 10px; } #mainMenu { height: 36px !important; } #subMenu { height: 54px !important; } #content { margin-bottom: 10px; } #foot { background-color: #ededed; clear: both; padding-top: 18px; line-height: 20px; border: 1px #ededed solid; border-bottom: none; overflow: hidden; } /* -- Topmenu -- */ #topMenu ul { padding: 12px 12px 0; font-size: 1.2em; } #topMenu li { display: inline; } #topMenu li a { color: #3f3f3f; padding: 2px 5px; } #topMenu li strong { background-color: #ab010e; color: #fff; font-weight: bold; padding: 2px 5px; } /* -- Search in logo -- */ #quickSearch input.button { border: 1px #8e8fba solid; padding: 5px; width: 280px; margin-right: 6px; } #quickSearch input.submit { width: 109px !important; height: 28px; } #quickSearch .phrases { position: absolute; top: 38px; left: 20px; z-index: 1000; width: 290px; border: 1px #3f3f3f solid; background: #fff; opacity:0.9; filter:alpha(opacity:90); } #quickSearch .phrases .item { margin: 0 !important; } #quickSearch .phrases .h, #quickSearch .phrases .h * { text-align: left; padding: 2px 5px; font-weight: normal; background-color: #3f3f3f; color: #fff !important; } #quickSearch .phrases .h { border: 1px #fff solid; } #quickSearch .phrases a { display: block; width: 100%; height: 100%; overflow: hidden; text-decoration: none !important; } #quickSearch .phrases a:hover { background-color: #e8e8e8; } #quickSearch .phrases a span { padding: 7px; display: block; } /* -- QuickLogin form next to logo -- */ #quickLogin form { height: 100%; background: url('../images/ico/ico-loginform.gif') 5px 60px no-repeat; } #quickLogin h3 { color: #fff; margin-bottom: 10px; } #quickLogin input { width: 98%; border: none; } #quickLogin .button { border: 1px #fff solid !important; } #quickLogin * > .clearfix { } #quickLogin, #quickLogin label, #quickLogin a { color: #fff; } #quickLogin a:hover { color: #dddddd !important; } #quickLogin .lab { width: 32%; } #quickLogin .con { width: 67%; } #quickLogin .notLogged { position: absolute; width: 230px; left: 10px; bottom: 5px; } #quickLogin .notLogged li { display: inline; margin-right: 5px; } #quickLogin img { border: 2px #fff solid; margin-right: 10px; } #quickLogin .edit { padding-top: 6px; } #quickLogin .new { color: #FFFF00 !important; font-weight: bold; } /* -- Submenu -- */ #subMenu { padding: 10px 6px 0; } #subMenu li { float: left; margin: 0 5px; padding-top: 8px; padding-bottom: 5px; font-size: 1.3em; color: #a9010e; vertical-align: middle; } #subMenu li a { color: #a9010e; margin-left: 2px; font-weight: bold; padding: 5px; } #subMenu li.profiles { font-size: 2.5em; float: right; padding-top: 0; } #subMenu li.active a { text-decoration: none; color: #fff !important; background-color: #DB2032; } /* -- Main menu -- */ #mainMenu li { position: relative; list-style: none; display: inline; float: left; font-size: 1.2em; } #mainMenu li a { height: 26px; padding-top: 10px; text-align: center; display: block; cursor: pointer; font-weight: bold; color: #fff; } #mainMenu li a:hover { background-color: #626162; } #mainMenu li a span { position: absolute; top: 0; left: 0; z-index: 0; height: 100%; width: 100%; } #mainMenu li a:hover span, #mainMenu li.active a span { background-position: 0 -36px !important; } /* -- Footer layout -- */ #foot span { padding: 0 10px; } #foot .menu { padding: 0 18px 60px; } #foot .menu li { display: inline; color: #2e4066; margin-right: 4px; } #foot .menu li a { color: #2e4066; margin-right: 7px; } #foot p, #foot p a { color: #666666; } #foot p.black { margin-top: 8px; padding: 5px 18px; clear: both; } #foot p.black, #foot p.black a { color: #fff; background-color: #000; } #foot p.black a:hover { color: #dddddd !important; } #foot .text { width: 340px; margin-left: 9px; } #foot > .text { margin-left: 18px; } #foot .contactForm { width: 580px; height: 180px; padding: 10px; margin-right: 10px; background: url('../images/bg-foot_contactform.gif') repeat-x; } #foot > .contactForm { margin-right: 18px; } #foot .contactForm h3 { color: #2e4066; } #foot .contactForm .lab { width: 32% !important; text-align: right; } #foot .contactForm .con { width: 67%; } #foot .formBox .col1 { padding-top: 22px; } #foot .formBox .button { width: 99%; border-color: #8687b5; } #foot .formBox textarea { height: 75px; } #foot .formBox .submit { width: 109px !important; height: 28px; background: #7172A8 url('../images/bg-submit_contactform.gif') no-repeat !important; } #foot .formBox .button:focus { border-color: #2e4066; } #foot .logos { overflow: hidden; clear: both; padding: 0 18px; } #foot .logos li { position: relative; display: inline; list-style: none; margin-left: 45px; float: right; margin-top: 15px; } #foot .logos li a { display: block; height: 26px; padding-top: 10px; text-align: center; cursor: pointer; overflow: hidden; } #foot .logos li a span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #foot .logos li.hotmix { width: 187px; margin: 0; } #foot .logos li.hotmix a { height: 46px; } #foot .logos li.fashion { width: 101px; } #foot .logos li.rnb { width: 51px; } #foot .logos li.bboy { width: 87px; } #foot .logos li.partylist { width: 125px; } #foot .logos li.dance { width: 82px; } #foot .logos li.hotmix a span { background: url('../images/bg-foot_hotmix.gif') 0 100% no-repeat; } #foot .logos li.fashion a span { background: url('../images/bg-foot_fashion.gif') 0 100% no-repeat; } #foot .logos li.rnb a span { background: url('../images/bg-foot_rnb.gif') 0 100% no-repeat; } #foot .logos li.bboy a span { background: url('../images/bg-foot_bboy.gif') 0 100% no-repeat; } #foot .logos li.partylist a span { background: url('../images/bg-foot_partylist.gif') 0 100% no-repeat; } #foot .logos li.dance a span { background: url('../images/bg-foot_dance.gif') 0 100% no-repeat; } /* -- Error messages and notices -- */ .msgErr { border: 1px solid #DB2133; background: #FBE8EA url('../images/ico/msg-error.png') 20px 15px no-repeat; padding: 15px 20px 10px 87px; min-height: 40px; _height: 40px; margin-bottom: 1.5em; } .msgErr h5 { color: #DB2133; margin-bottom: 10px; font-size: 1.2em; line-height: 1.6; } .msgErr li { margin-bottom: 5px; font-size: 1.1em; } .msgErr li a { font-weight: bold; } .msgNotice { border: 1px solid #FF6701; background: #FFF2BF url('../images/ico/msg-notice.png') 20px 10px no-repeat; padding: 10px 20px 7px 87px; min-height: 40px; _height: 40px; margin-bottom: 1.5em; } .msgNotice h5 { color: #000; margin-bottom: 5px; font-size: 1.2em; line-height: 1.6; } .msgNotice li { margin-bottom: 5px; font-size: 1.1em; } .msgOk { border: 1px solid #349901; background: #D9F2BF url('../images/ico/msg-ok.png') 20px 8px no-repeat; padding: 10px 20px 7px 87px; min-height: 40px; _height: 40px; margin-bottom: 1.5em; } .msgOk h5 { color: #000; margin-bottom: 5px; font-size: 1.1em; line-height: 1.6; } .msgOk li { margin-bottom: 5px; font-size: 1em; } .button_error { border: 1px #96010d solid !important; background-color: #ffc8cc !important; } /* -- Main icons -- */ .ico { position: relative; padding-right: 23px; height: 20px; padding-bottom: 2px; vertical-align: middle; background: 100% 50% no-repeat; } .ico span { position: absolute; width: 100%; height: 100%; } .ico-email { background-image: url('../images/ico/email.gif'); } .ico-print { background-image: url('../images/ico/print.gif'); } .ico-facebook { padding-right: 18px; background-image: url('../images/ico/ico-facebook.gif'); } .ico-linkuj { padding-right: 18px; background-image: url('../images/ico/ico-linkuj.gif'); } .ico-favourite { background-image: url('../images/ico/favourite.gif'); } .ico-invite { background-image: url('../images/ico/ico-send_profil.gif'); } .ico-detail span { background-image: url('../images/ico/ico-detail.gif'); } .ico-send-message span { background-image: url('../images/ico/ico-send_message.gif'); } .ico-delete { background-image: url('../images/ico/delete-red.gif'); } .ico-star1 span { background-image: url('../images/ico/rating-star1.gif'); } .ico-star2 span { background-image: url('../images/ico/rating-star2.gif'); } .ico-delete span { background-image: url('../images/ico/delete-red.gif'); } .ico-main-photo span { background-image: url('../images/ico/main-photo.gif'); } .ico-delete-video span { background-image: url('../images/ico/delete-video.png'); } .ico-email span { background-image: url('../images/ico/email.gif'); } .ico-print span { background-image: url('../images/ico/print.gif'); } .ico-favourite span { background-image: url('../images/ico/favourite.gif'); } .ico-calendar span { background-image: url('../images/ico/ico-calendar.gif'); } .ico-left { padding-right: 0; padding-left: 23px; background-position: 0 50%; } .ico-block { display: block; width: 16px; height: 13px; padding: 3px 0 0; float: left; margin: 2px; text-indent: 20px; font-size: 9px; text-align: center; overflow: hidden; background: none; } .ico-block span { width: 16px; height: 16px; top: 0; left: 0; } .ico-star1, .ico-star2 { margin: 0 0 0 5px; } /* -- Cols layout -- */ .cols { overflow: hidden; } .cols .col1 { width: 310px; float: left; } .cols .col1 .col1 { width: 310px; float: left; margin: 0; } .cols .col1 .col2 { width: 310px; float: right; } .cols .col2 { width: 250px; float: right; } .cols .col2 .col1 { width: 310px; float: left; } .cols .col2 .col2 { width: 310px; float: right; } .cols2v1 .col1 { width: 730px; } .colsFifty .col1 { width: 49% !important; float: left; } .colsFifty .col2 { width: 49% !important; float: right; } .cols3 .col1 { float: left; width: 468px; } .cols3 .col2 { float: left; width: 235px; margin-left: 10px; } .cols3 .col3 { float: right; width: 250px; } .cols4 .col1 { float: left !important; width: 25% !important; } .cols4 .col2 { float: left !important; width: 25% !important; } .cols4 .col3 { float: left !important; width: 25% !important; } .cols4 .col4 { float: left !important; width: 24.9% !important; } .cols5 .col1 { float: left; width: 20%; } .cols5 .col2 { float: left; width: 20%; } .cols5 .col3 { float: left; width: 20%; } .cols5 .col4 { float: left; width: 20%; } .cols5 .col5 { float: left; width: 19.9%; } /* -- Forms layout -- */ .formBox .lab { float: left; width: 19%; text-align: right; padding-right: 1%; } .formBox .con { float: right; width: 80%; } .formBox .clearfix { } .formBox .button { width: 98%; } .formBox .button:focus { border-color: #000; } /* -- Basic content constructs -- */ .list { margin-bottom: 0 !important; } .offsetTop { margin-top: 1em; } .offsetBottom { margin-bottom: 1em; } .info { font-size: .91em !important; margin-bottom: 5px; color: #999999 !important; } .more { font-size: 1.2em; text-align: right; margin-top: 1.5em; font-weight: bold !important; } .more, .more * { color: #3f3f3f; } /* -- Items constructs -- */ .item { margin-bottom: 1em; overflow: hidden; clear: both; height: 100%; } .item h2 { margin-bottom: 5px; } .item .img { float: left; width: 80px; border: 3px solid #a6c5fe; margin-bottom: 10px; } .item .img2 { width: 100%; text-align: center; margin: 8px 0; } .item .img img { display: block; } .item .img2 img { border: 3px #fff solid; } .item .disc { float: left; width: 100%; clear: both; } .item .disc p { padding-top: 10px; text-align: justify; text-indent: 15px; } .item .perex { margin-bottom: 1em; } .item .cont { margin-bottom: 0 !important; } .item .list { margin-bottom: 1em; } .item .list li { margin-bottom: .33em !important; } .item .self { margin-left: 96px; } .noImg .self { margin: 0 !important; } .userItem h2, .userItem h2 a { color: #a6c5fe !important; } /* -- Backgrounds of content part -- */ .bgLogin { background: url('../images/bg-content-registration.jpg') 398px 0 no-repeat; padding-top: 48px !important; } .bgMessages { background: url('../images/bg-content-messages.jpg') 385px 0 no-repeat; padding-top: 48px !important; } .loading { background: url('../images/ajax_load.gif') 50% 50% no-repeat !important; height: 200px; } /* -- Coloring people via sex -- */ .m { color: #0082BF !important; border-color: #66ccff !important; } .w { color: #E83602 !important; border-color: #feb4a0 !important; } /* -- Advertisement boxes -- */ .adv { margin: 0 0 10px 0; overflow: hidden; } .adv div { float: left; } .advItem { } .advItem p { font-size: 10px !important; background: #e5e5e5; overflow: hidden; color: #7b7b7b; padding: 6px; } .advSide p { float: right; width: 15px !important; height: 60px; padding: 0; text-indent: 15px; background: #e5e5e5 url('../images/bg-advertise_side.gif') 0 0 no-repeat; } .adv250 { width: 250px !important; } .adv468 { width: 483px !important; height: 60px !important; border: 1px #fff solid; } .advMultiBox { padding-top: 13px; } .advMultiBox .col1 { width: 300px !important; } .advMultiBox .col2 { width: 160px !important; } .advMultiBox p { right: 0; } /* -- All Boxes -- */ .box { margin: 0 0 10px 0; clear: both; } .box .h { padding: 6px 10px 4px; } .box .h * { color: #3f3f3f; font-weight: normal; } .box .in { position: relative; padding: 10px; min-height: 23px; clear: both; } .box .in h3, .box .in h4, .box .in h5 { margin-bottom: 5px; } .box .in h4 a, .box .in h5 a, .box .in h6 a { color: #000; } .box .in .list { margin-bottom: 1.5em; } .box .in .list li { margin-bottom: 1em; } .box .in .list li a { color: #000; } .box .in .item { margin-bottom: 15px; } .box .rhombus { background-color: #d6d6d6; border: 1px solid #7b7b7b; margin-top: 1px; padding: 10px; overflow: hidden; } .box .rhombus h3 { margin-bottom: .75em; } .boxG .h { background-color: #999999; } .boxG .h * { color: #fff; } .boxG .in { background: #e9e9e9 url('../images/bg-box_grey.gif') repeat-x; border: 1px #999999 solid; border-width: 0 1px 1px; } .boxB .h { background-color: #3f3f3f; } .boxB .h * { color: #fff; } .boxB .in { background: #eef0fd url('../images/bg-box_black_grey.gif') repeat-x; border: 1px #dfddde solid; border-width: 0 1px 1px; } .boxB .bar span { background-color: #3f3f3f; } .boxR .h { background-color: #bb2d2d; } .boxR .h * { color: #fff; } .boxR .in { background: #e8e8e8 url('../images/bg-box_red.gif') repeat-x; border: 1px #dfddde solid; border-width: 0 1px 1px; } .boxR .bar span { background-color: #bb2d2d; } .boxLightB .in { background-color: #666666; } .boxLightB .item { margin: 0 !important; border-bottom: 1px #cccccc dotted; padding: 8px 5px; clear: both; } .boxLightB .item p { margin-bottom: 5px; color: #fff; } .boxLightB .formBox label { color: #fff; } .boxLightB .rhombus label { color: #333333; } .boxLightB .in a { color: #fff !important; } .boxLightG .in { border: 1px #cdcdcd solid; background-color: #e5e5e5; } .boxLightG .item { margin: 0 !important; border-bottom: 1px #cccccc dotted; padding: 8px 5px; clear: both; } .boxLightG .item p { margin-bottom: 5px; color: #fff; } .boxItems .item { border-bottom: 1px #b0bedb dashed; padding-bottom: 7px; } .boxItems .img { margin-top: 5px; } .boxItems .item h2, .boxItems .item h2 * { color: #ff6600; } .boxItems .bigItem h2 { font-size: 2em; } .boxItems .bigItem .perex { font-size: 1.3em; } .boxCloud .in { line-height: 1.75; text-align: center; background: #eef0fd; } .boxCloud a { padding: 5px 7px; white-space: nowrap; color: #3f3f3f; } .boxCloud a:hover { color: #fff !important; background: #b7092a !important; } .boxCloud .lvl1 { font-size: 1em; } .boxCloud .lvl2 { font-size: 1.1em; } .boxCloud .lvl3 { font-size: 1.2em; } .boxCloud .lvl4 { font-size: 1.3em; } .boxCloud .lvl5 { font-size: 1.4em; } .boxCloud .lvl6 { font-size: 1.5em; } .boxCloud .lvl7 { font-size: 1.6em; } .boxCloud .lvl8 { font-size: 1.7em; } .boxCloud .lvl9 { font-size: 1.8em; } .boxCloud .lvl10 { font-size: 1.9em; } .boxSendArticle { margin-bottom: 30px; } .boxSendArticle .in { padding: 15px 15px 2px; background-color: #eef0fd; border: 2px #666666 solid; border-left: none; clear: both; position: relative; } .boxSendArticle .close { position: absolute; right: 5px; top: -25px; z-index: 1100; } .boxCalendar .in { background: #eef0fd; font-weight: bold; } .boxCalendar ul { padding-bottom: 15px; } .boxCalendar li { display: block; font-size: 1.2em; } .boxCalendar li a { color: #3f3f3f; } .boxCalendar .case { border: 1px #dfddde solid; background-color: #f9fbfc; padding: 5px; text-align: center; } .boxCalendar table { border-collapse: separate; } .boxCalendar td, .boxCalendar th { border: 1px #dddddd solid; padding: 6px 3px; text-align: center; } .boxCalendar th { background-color: #ab010e; color: #fff; } .boxCalendar td { background-color: #e4e4e4; color: #888888; } .boxCalendar .today, .boxCalendar .today * { background-color: #dc2738; color: #fff !important; } .boxCalendar .old { border: none; background: none; color: #999999; } .boxCalendar .action { background-color: #999999; } .boxCalendar .action a { color: #ffffff; } .boxCalendar .old a { color: #999999; } .boxCalendar .left, .boxCalendar .right { width: 30px; float: left; } .boxCalendarList .item { padding-bottom: 10px !important; } .boxCalendarList .img { border-color: #e8e8e8; width: 135px; } .boxCalendarList .self { margin-left: 151px; } .boxCalendarList .list { padding: 10px 0 20px; color: #a9010e; } .boxCalendarList p { margin-bottom: 1.5em; text-align: justify; } .boxCalendarList .ico-invite { padding: 5px 8px 5px 30px; background-position: 8px 5px; } .boxCalendarList .inviteDone { background-color: #a9010e; color: #fff !important; } .boxCalendarList .boxInvite { } .boxCalendarList .boxInvite .h, .boxCalendarList .boxInvite .h * { background-color: #a9010e; color: #fff; padding-bottom: 2px; } .boxCalendarList .boxInvite .h { height: 23px; } .boxCalendarList .boxInvite .in { background-color: #e4e4e4; border: 1px #a9010e solid; border-top: none; padding-bottom: 0; } .boxCalendarList .boxInvite .con { } .boxNews .in { border-color: #403f3f; background: #a7010e; } .boxNews .in .item * { color: #fff !important; font-weight: normal; } .boxNews .item { border-bottom: 1px #c97f69 dashed; padding-bottom: 2px; margin-bottom: 5px !important; } .boxNews .item a:hover { color: #dddddd !important; } .boxNews .big * { font-weight: bold !important; } .boxNews .more, .boxNews .more * { color: #ff7a22 !important; } .boxNews .more a:hover { color: #fa6432 !important; } .boxGallery .in { background: #e9ebfc url('../images/bg-box_black_blue.gif') repeat-x; } .boxGallery .item { overflow: hidden; } .boxGallery .img { width: 65px; border-color: #fff; } .boxGallery .self { margin-left: 81px; } .boxGallery h4 { font-size: 1em; } .boxGallery h4 a { color: #ab010e !important; } .boxGallery .more, .boxGallery .more * { color: #ab010e; } .boxOtherGallery .in { border: none; background: none; padding: 0 0 1.5em 0; } .boxOtherGallery .list { padding-bottom: 1em; } .boxOtherGallery li { margin: 1px 0 0 0 !important; } .boxOtherGallery li a { display: block; padding: 7px 7px 7px 22px; height: 100%; background: #d6d6d6 url('../images/bg-galleryList.gif') 12px 12px no-repeat; } .boxOtherGallery li a:hover, .boxOtherGallery li.active a { background-color: #e9e9e9; } .boxOtherGallery p { padding: 0 3px; font-weight: bold; font-size: 1.2em; } .boxLogin .in { padding-left: 0; } .boxLogin .in form { position: relative; width: 598px; height: 315px; background: url('../images/bg-content-lostpass.jpg') 0 0 no-repeat; } .boxLogin .in fieldset { padding: 20px 0 0 10px; } .boxLogin .in .form { position: absolute; width: 280px; left: 10px; top: 125px; } .boxRegistration .in { padding-left: 0; } .boxRegistration .in .part1 { position: relative; width: 508px; height: 299px; padding: 16px 80px 0 10px; background: url('../images/bg-content-regform.jpg') 0 0 no-repeat; } .boxRegistration .in .part2 { width: 505px; padding: 16px 60px 0 10px; background: url('../images/bg-content-regform.gif') repeat-x; margin-top: 10px; } .boxRegistration .in .clearfix { padding-bottom: 13px; } .boxRegistration .in h4 { margin-bottom: 30px; } .boxRegistration .in p { clear: both; text-align: right; } .boxRegistration .in .lab { width: 31%; } .boxRegistration .in .con { width: 68%; } .boxRegistration .in .clear { padding-top: 2.5em; } .boxRegistration .in .top { position: absolute; width: 508px; top: 190px; left: 10px; } .boxRegistration .in .confirm { padding: 10px 0 5px; } .boxRegistration .in a { color: #bb2d2d; } .boxInquiry .quest { font-size: 1.3em; } .boxInquiry .con { float: left; width: 10%; } .boxInquiry .lab { float: left; width: 88%; text-align: left; padding: 0 0 0 2px; line-height: 18px; } .boxInquiry label { border-bottom: 1px #bb2d2d dashed; } .boxInquiry .res { text-align: right; float: right; color: #bb2d2d; } .boxInquiry .bar { border: 1px #333333 solid; height: 6px; padding: 1px; margin-top: 4px; width: 80%; float: left; } .boxInquiry .bar span { background-color: #333333; height: 6px !important; overflow: hidden; float: left; } .boxInquiry .colsFifty .col2 { width: 45% !important; } .boxComments { margin-bottom: 20px; } .boxComments .item { position: relative; border-color: #d1d1d1; padding: 15px 10px; margin: 0 !important; } .boxComments .last { padding-bottom: 15px !important; } .boxComments .reply, .boxComments .lvl1 { padding-left: 30px; } .boxComments .lvl2 { padding-left: 45px; } .boxComments .lvl3 { padding-left: 60px; } .boxComments .lvl4 { padding-left: 75px; } .boxComments .lvl5 { padding-left: 90px; } .boxComments .lvl6 { padding-left: 105px; } .boxComments .lvl7 { padding-left: 120px; } .boxComments .lvl8 { padding-left: 135px; } .boxComments .lvl9 { padding-left: 150px; } .boxComments .img { width: 30px; padding: 1px; border-width: 2px; border-color: #d1d1d1; } .boxComments .self { margin-left: 46px; } .boxComments .subject { margin-bottom: 1em; } .boxComments .react { position: absolute; top: 10px; right: 15px; } .boxComments .info, .boxComments .info *, .boxComments .react { font-size: 1em !important; color: #bb2d2d !important; } .boxComments .unknown * { color: #888888 !important; } .boxComments .highlight { background-color: #f4f5fd; } .boxComments .text { width: 86%; } .boxComments .rating { position: absolute; top: 40px; right: 7px; width: 68px; } /*.boxComments .rating a { height: 13px; display: block; color: #fff !important; font-size: 11px; text-decoration: none !important; margin-top: 1px; line-height: 13px; width: 10px; padding-left: 3px; } .boxComments .rating a.plus { background-color: #35c234; float: right; } .boxComments .rating a.minus { background-color: #ff0000; float: left; }*/ .boxComments .rating a { height: 18px; display: block; color: #fff !important; font-size: 11px; text-decoration: none !important; margin-top: 1px; line-height: 13px; width: 15px; padding-left: 3px; } .boxComments .rating a.plus { background: url('../images/palec-nahoru.gif') no-repeat; float: right; } .boxComments .rating a.minus { background: url('../images/palec-dolu.gif') no-repeat; float: left; } .boxComments .rating span.value { width: 32px; margin: 3px auto 0; display: block; text-align: center; font-size: 12px; font-weight: bold; color: #888888; } .boxComments .rating span.plus { color: #35c234 !important; } .boxComments .rating span.minus { color: #ff0000 !important; } .boxComments .item .show_hide { margin-left: 20px; font-style: italic; border-bottom: 1px #bb2d2d dotted; text-decoration: none !important; cursor: pointer; } .boxComments .unknown .show_hide { border-color: #888888; } .boxComments .marked { border: 2px #d1d1d1 solid !important; background-color: #f4f5fd !important; } .boxArticles .h h3 { padding-left: 6px; } .boxArticles .h form select { width: 200px; } .boxArticles .in { padding-right: 2px; } .boxArticles .item { padding: 0 5px 7px; } .boxArticles .more { padding-right: 8px; } .boxArticles .more, .boxArticles .more * { color: #ab010e; } .boxArticle { margin-bottom: 20px; } .boxArticle p { margin-bottom: 1em !important; } .boxArticle .img { float: left; width: 80px; border: 3px solid #a6c5fe; margin-right: 10px; } .boxArticle .img img { float: left; } .boxArticle .self { margin-left: 96px; } .boxArticle .info { font-size: 1em !important; } .boxArticle .set { margin-top: 40px; } .boxArticle .set li { display: inline; margin-right: 15px; } .boxMessages .in { padding: 72px 0 0 !important; } .boxMessages .bookmarks { overflow: hidden; } .boxMessages .bookmarks li { float: left; margin-right: 1px; } .boxMessages .bookmarks li a { display: block; height: 21px; padding-top: 7px; color: #373737 !important; text-align: center; font-weight: bold; } .boxMessages .bookmarks li a:hover, .boxMessages .bookmarks li.active a { text-decoration: none !important; } .boxMessages .bookmarks li.book_1 a { width: 128px; background: url('../images/messages-bm_1.gif') no-repeat; } .boxMessages .bookmarks li.active a, .boxMessages .bookmarks li.book_1 a:hover { background-position: 0 -28px; } .boxMessages .bookmarks li.book_2 a { width: 136px; background: url('../images/messages-bm_2.gif') no-repeat; color: #fff !important; } .boxMessages .bookmarks li.book_3 { float: right; margin: 0; } .boxMessages .bookmarks li.book_3 a { width: 136px; background: url('../images/messages-bm_3.gif') no-repeat; color: #fff !important; } .boxMessages .mess_content { clear: both; position: relative; padding: 15px 15px 50px; background: url('../images/messages-bg.jpg') 0 -2px repeat-x; } .boxMessages .stats { position: absolute; top: -85px; right: 0px; } .boxMessages .new_mess { position: absolute; top: -85px; left: 10px; } .boxMessages table { margin: 1em 0; } .boxMessages td { border: 1px #d8d8d8 solid; background: url('../images/messages-td-bg.gif') repeat-x; padding: 0 !important; } .boxMessages td a { display: block; padding: 8px 8px 14px; height: 10px; } .boxMessages .noBrd { background: none; } .boxMessages .img { width: 50px; text-align: center; } .boxMessages .img a { padding: 0; } .boxMessages .img img { border: 1px #d8d8d8 solid; float: left; } .boxMessages .subject { width: 48%; font-weight: bold; } .boxMessages .nick { width: 15%; } .boxMessages .status { width: 40px; } .boxMessages .status a { position: relative; } .boxMessages .status span { position: absolute; top: 0; left: 0; width: 40px; height: 31px; float: right; overflow: hidden; text-indent: 55px; background: url('../images/messages-unread.gif') no-repeat; } .boxMessages .input { width: 30px; text-align: right; } .boxMessages .delete { border: 0; color: #000; width: auto !important; padding-right: 25px; background: url('../images/ico/delete-grey2.gif') 100% 60% no-repeat; } .boxMessages .mess_detail { padding: 10px 10px 5px; background-color: #ededed; border: 1px #dadada solid; } .boxMessages .mess_detail p { margin-bottom: 10px; } .boxMessages .mess_detail .button { margin-right: 10px; } .boxMessages .mess_detail .cols { overflow: hidden; } .boxMessages .text { padding: 10px; background-color: #fff; border: 1px #dadada solid; height: 180px; overflow: auto; } .boxMessages .ico { display: inline; } .boxMessages .reply { display: block; float: right; width: 98px; height: 21px; padding-top: 4px; color: #fff !important; text-decoration: none; font-weight: bold; text-align: center; } .boxMessages .highlight { background: #fff; } .boxMessages .highlight a { color: #b7092a !important; text-decoration: none !important; } .boxMessages td p { padding: 15px 0; } .boxMessages .message_editor input { border: 1px #595959 solid; border-bottom: none; padding: 3px 5px; } .boxMessages .message_editor textarea { width: 670px; padding: 10px; } .boxMessages .inputUserList { position: absolute; width: 178px; height: 100px; overflow: auto; top: 22px; left: 107px; z-index: 1000; border: 1px #595959 solid; background: #fff; opacity:0.6; filter:alpha(opacity:60); } .boxMessages .inputUserList .item { margin: 0 !important; height: 25px; } .boxMessages .inputUserList a { display: block; height: 15px; padding: 5px; overflow: hidden; text-decoration: none !important; } .boxMessages .inputUserList a:hover { background-color: #e8e8e8; } .boxGalleryItems .items { padding-top: 20px; overflow: hidden; } .boxGalleryItems .item { float: left; clear: none; margin: 3px 18px; } .boxGalleryItems .item .img { width: 134px; height: 134px; float: none; margin: 0 0 2px 0; border: 1px #888888 solid; text-align: center; padding: 2px; background: #3f3e3e url('../images/bg-photo.gif') repeat-x; } .boxGalleryItems .item .img img { border: 2px #fff solid; margin: 0 auto; } .boxGalleryItems .item .menu { width: 132px; height: 30px; padding: 2px 3px; border: 1px #c4c3c3 solid; background-color: #ededed; font-size: 11px; } .boxPhotoDetail { } .boxPhotoDetail .in { background-color: #444444; padding: 20px; } .boxPhotoDetail .img { text-align: center; } .boxPhotoDetail .img img { border: 5px #fff solid; } .boxPhotoDetail .rhombus li { display: inline; margin-right: 15px; } .boxPhotoDetail .menu { padding-bottom: 20px; } .boxPhotoDetail .menu, .boxPhotoDetail .menu * { color: #fff !important; } .boxProfList { margin-bottom: 1.5em; } .boxProfList .in { padding-left: 0; padding-right: 0; } .boxProfList .item { width: 133px; height: 179px; float: left; clear: none; margin-left: 10px; margin-right: 1px; } .boxProfList .img { float: none; width: 131px; height: 117px; border-width: 1px 1px 4px; padding: 7px 0; margin: 0; } .boxProfList .m .img { border-bottom-color: #816bf5; } .boxProfList .w .img { border-bottom-color: #f34145; } .boxProfList .img img { float: none; margin: 0 auto; } .boxProfList .self { float: none; margin: 0; padding: 4px 2px 0; } .boxProfList .self * { font-weight: normal; } .boxProfList .disAll { float: left; width: 100%; clear: both; height: 40px; background: #9f0000 url('../images/bg-more.gif') repeat-y; } .boxProfList .disAll p { margin: 0; padding: 11px 10px; } .boxProfList .disAll *, .boxProfList .disAll a:hover { color: #fff !important; } .boxProfiles .img { width: 30px; padding: 3px; border: 1px #fef9d3 solid; background-color: #d9d8d4; margin-bottom: 0; } .boxProfiles .self { margin-left: 45px; } .boxProfiles .m, .boxProfiles .m * { color: #816bf5 !important; } .boxProfiles .w, .boxProfiles .w * { color: #f34145 !important; } .boxProfiles .more, .boxProfiles .more * { color: #2e4066; } .boxVideos .img { border: none; width: 40px; height: 40px; margin-top: 5px; } .boxVideos .img a { display: block; width: 100%; height: 100%; background: url('../images/bg-video.gif') no-repeat; } .boxVideos .self { margin-left: 55px; margin-top: 6px; } .boxVideos h4 { font-weight: normal !important; } .boxVideosContent {} .boxVideosContent .item { width: 49%; clear: none; margin-bottom: 1em !important; padding-bottom: 1.5em; border: 1px #d8d8d8 solid; border-width: 0 1px 1px 0; } .boxVideosContent .img { border: none; width: 40px; height: 40px; margin-top: 5px; } .boxVideosContent .img a { display: block; width: 100%; height: 100%; background: url('../images/bg-video.gif') no-repeat; } .boxVideosContent .self { margin-left: 55px; margin-top: 6px; } .boxVideosContent h4 { height: 35px; } .boxMainPhoto .in { position: relative; width: 260px; height: 276px; border: 1px #9f9f9f solid; overflow: visible; text-align: center !important; } .boxMainPhoto .img { width: 259px; height: 259px; margin: 0 auto; } .boxMainPhoto .img img { border: 3px #4b4b4b solid; } .boxMainPhoto .icons { position: absolute; right: 2px; bottom: -22px; z-index: 10; height: 20px; text-align: right; } .boxMainPhoto .ico { float: left; } .boxProfilesPhotos .in { padding: 7px 0 0 0; } .boxProfilesPhotos .img { width: 80px; height: 80px; padding: 4px; margin-right: 5px; text-align: center; border: 1px #9f9f9f solid; } .boxProfilesPhotos .img img { margin: 0 auto; } .boxProfilesPhotos .edit .img { position: relative; margin-bottom: 25px; } .boxProfilesPhotos .icons { position: absolute; right: 2px; bottom: -21px; z-index: 10; height: 20px; text-align: right; } .boxProfilesPhotos .ico { display: block; float: left; } .boxInformation .formBox .lab { width: 25% !important; } .boxInformation .formBox .con { width: 74% !important; font-weight: bold; } .boxUserVideo .item { position: relative; padding: 8px 10px; height: 16px; background-color: #333333; margin: 0 !important; } .boxUserVideo .item * { color: #fff; } .boxUserVideo .item .ico { position: absolute; top: 5px; right: 5px; width: 20px; } .boxUserVideo .video { background-color: #E5E5E5; } .boxUserVideo .video object, .boxUserVideo .video embed { width: 100%; } .boxUserVideo form { padding: 10px 10px 8px; background-color: #E5E5E5; } .boxDiscussion .in { padding: 10px 0 0 0; } .boxDiscussion .head { position: relative; padding: 8px 15px 8px 8px; background-color: #e2e2e2; } .boxDiscussion .head * { color: #3f3f3f; } .boxDiscussion .head .ico { position: absolute; right: 5px; top: 5px; height: 20px; } .boxDiscussion .perex { padding: 8px; } .boxDiscussion .item { margin-bottom: 0 !important; } .boxSearch .lab, .boxSearch .con { float: none; padding: 0; width: 100%; text-align: left; } .boxSearch .clearfix { padding: .5em 0 1em; } .boxSearch .red { border-color: #ff0101; } .boxSearch .submit { width: 109px !important; height: 28px; } .boxNewIcon .item .img { width: 47px !important; } .boxNewIcon .item .self { margin-left: 55px; } #iconUploadImg .img { float: left; margin-bottom: 1em; border: 5px black solid; } .boxTableList th, .boxTableList td { padding: 10px 5px; border-bottom: 1px #d8d8d8 solid; } .boxTableList .action { width: 80px; } .boxTableList .img img { border: 2px #d8d8d8 solid; } .boxTableList .highlight td { background-color: #f4f5fd; } .boxPartyList .item { border-bottom: 1px #aab8d6 dashed; padding-bottom: 8px; } .boxPartyList .item * a { color: #ab010e !important; } .boxBestPhoto .in img { border: 2px black solid; padding: 1px; } .boxBestPhoto .detail { text-align: left !important; } .boxNextProfile { position: relative; } .boxNextProfile .in { padding: 8px 38px 12px 12px; height: 95px; overflow: hidden; background: #b5e4e6 url('../images/bg-box_next_profile.gif') repeat-x; border: 2px #66cccc solid; } .boxNextProfile .in .img { float: left; width: 47px; height: 47px; border: 3px #fff solid; } .boxNextProfile .in h4 { padding-bottom: 5px; font-size: 1.5em; } .boxNextProfile .in h4 a { color: #e83602; } .boxNextProfile .in .self { margin-left: 65px; color: #333333; } .boxNextProfile .in .self li { margin-bottom: 3px; } .boxNextProfile a.next { position: absolute; width: 38px; height: 50px; top: 65px; right: 0; z-index: 1000; cursor: pointer; } .boxNextProfile a.next span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url('../images/bg-box_next_profile-arrow.gif') no-repeat; } .boxCourses .h {} .boxCourses .h h4 a { color: #de212f; font-weight: bold; font-size: 1.2em; padding-left: 15px; background: url('../images/bg-course-inlink.gif') 0 50% no-repeat; } .boxCourses .h h4 span { color: #999999; font-size: .8em; display: block; text-align: right; } .boxCourses .in .bookmarks { margin-bottom: 20px; border-bottom: 2px #a2a2a2 solid; margin-top: 60px; } .boxCourses .in .bookmarks li { position: relative; top: -27px; float: left; margin-right: 2px; width: 120px; height: 27px; text-align: center; background: #e15f68 url('../images/bg-course-bookmark2.gif') no-repeat; z-index: 100; } .boxCourses .in .bookmarks li a { display: block; float: left; padding: 7px 0; color: #fff; width: 100%; height: 15px; } .boxCourses .in .bookmarks li a:hover { color: #000 !important; } .boxCourses .in .bookmarks li.active { width: 122px; height: 29px; top: -27px; background: #a2a2a2 url('../images/bg-course-bookmark1.gif') no-repeat; } .boxCourses .in .bookmarks li.active a { color: #000; font-weight: bold; text-decoration: none; border-bottom: 2px #fff solid !important; } .boxCourses .in .filter { padding: 15px 15px 0px; height: 100%; background: #6ad069 url('../images/bg-course-filter.gif') repeat-x; } .boxCourses .in .filter label { display: block; color: #000; font-weight: bold; } .boxCourses .in .filter select { width: 80%; } .boxCourses .in .filter .w100 { width: 95%; } .boxCourses .in .filter .datepicker { padding-right: 20px; background: #fff url('../images/ico/ico-calendar.gif') 99% 50% no-repeat; } .boxCourses .in .filter .checkboxes { padding-top: 10px; } .boxCourses .in .filter .checkboxes .fl { padding-right: 4px; } .boxCourses .in .filter .radio { padding-top: 5px; } .boxCourses .in .filter .radio label { display: inline; } .boxCourses .in .filter .radio .clearfix { padding-bottom: .4em !important; } .boxCourses .in .rhombus { padding: 15px; border: 0; background-color: #f1fee2; } .boxCourses .in .rhombus label { color: #000; margin: 0 15px 0 5px; } .boxCourses .in .rhombus h5 { margin: 2px 20px 0 0; color: #000; float: left; } .boxCourses .in .submit { position: relative; width: 122px !important; height: 32px !important; float: right; z-index: 100; font-size: 1.3em; margin: -42px 15px 0 0; background: url('../images/bg-course-submit.gif') no-repeat; } .boxCourses .in .list { clear: both; overflow: hidden; } .boxCourses .in table { margin-top: 20px; } .boxCourses .in table tr td { min-height: 50px; padding: 10px; border: 1px #d8d8d8 solid; border-width: 1px 0; } .boxCourses .in table tr.even td { background-color: #f5f5f5; } .boxCourses .in table tr td, .boxCourses .in table tr td a { color: #de3d49; } .boxCourses .in table tr td.detail { width: 60px; } .boxCourses .in table tr td a.detail { display: block; width: 57px; height: 20px; padding-top: 4px; color: #fff !important; text-align: center; background: url('../images/bg-course-detail.gif') no-repeat; } .boxCoursesHp .h h3 { color: #6bd06a; font-size: 1.8em; padding-top: 8px; } .boxCoursesHp .h h4 a { font-size: 1.1em; } .boxCoursesHp .h h4 span { font-size: .8em; } .boxCoursesHp .in .filter { padding-bottom: 15px !important; } .boxCoursesHp .in .filter label { font-weight: normal !important; } .boxCoursesHp .in .filter .col1, .boxCoursesHp .in .filter .col2 { width: 45% !important; float: left !important; } .boxCoursesHp .in .submit { margin-top: 10px !important; float: left; } .boxCourse a { color: #000; } .boxCourse .h { font-weight: bold; padding-bottom: 10px; overflow: hidden; height: 100%; } .boxCourse .h h3 { font-size: 2em; color: #de3d49; } .boxCourse .h h4 { color: #000; font-size: 1.5em; } .boxCourse .in { overflow: hidden; height: 100%; padding: 10px; border: 1px #f1f1f1 solid; background: #f1f1f1 url('../images/bg-coursedetail-in.gif') repeat-x; } .boxCourse .in .self { float: left; width: 70%; } .boxCourse .in .img { width: 25%; float: right; text-align: right; } .boxCourse .in .clearfix { padding: 5px 0 !important; } .boxCourse .in .lab { font-weight: normal; color: #f2630d; } .boxCourse .in .style a { font-weight: bold; color: #000; } .boxCourse .in .date { background-color: #fbfbfb; } .boxCourse .in .date .con { width: 90px; float: left; } .boxCourse .rhombus { border: none; background: none !important; padding: 25px 10px 0 !important; } .boxCourse .rhombus p { margin-bottom: 15px; } .boxCourse .gallery { overflow: hidden; height: 100%; padding: 10px 10px 50px 10px; } .boxCourse .gallery .img { float: left; width: 145px; height: 145px; } .boxCourse .back { display: block; width: 245px; height: 35px; padding-top: 11px; text-align: center; font-weight: bold; color: #ffff00; font-size: 1.5em; margin: 10px 10px 50px; background: #383838 url('../images/bg-coursedetail-submit.gif') no-repeat; } .boxCourse .link { padding: 20px 10px 20px; color: #f2630d; } .boxCourse .link a { color: #de3d49; font-size: 1.4em; } .boxNewCourse .in { padding: 18px !important; background: #f2f2f2 url('../images/bg-course-form.gif') repeat-x !important; } .boxNewCourse .fieldset { background-color: #ffffff; padding: 15px 20px; margin-bottom: 20px; clear: both; } .boxNewCourse .legend { margin: 5px 3px; color: #1c1c1c; float: left; } .boxNewCourse .legend .required { width: 42px; height: 16px; float: right; margin-left: 10px; text-indent: -500px; } .boxNewCourse .legend .required span { background: url('../images/bg-course-required.png') no-repeat; } .termsLabel { padding-right: 50px; background: url('../images/bg-course-required.png') 100% 50% no-repeat; } .boxNewCourse .offsetTop { margin-top: 3em; } .boxNewCourse .radio label { margin: 0 20px 0 5px; } .boxNewCourse select { margin-right: 10px; } .boxNewCourse .block { display: block; } .boxNewCourse .datepicker { padding-right: 20px; background: url('../images/ico/ico-calendar.gif') 99% 50% no-repeat; } .boxNewCourse .message_editor input { border: 1px #595959 solid; border-bottom: none; padding: 3px 5px; } .boxNewCourse .message_editor textarea { width: 99%; } .boxNewCourse .cols3 .col1, .boxNewCourse .cols3 .col2, .boxNewCourse .cols3 .col3 { width: 32% !important; float: left !important; } .boxNewCourse .in .display { padding-left: 10px; float: right; } .boxNewCourse .in .submit { position: relative; width: 122px !important; height: 32px !important; float: right; z-index: 100; margin: -8px 0 0 0; background: url('../images/bg-course-submit.gif') no-repeat; } .boxNewCourse .new { margin-top: 20px; } .boxDashboard {} .boxDashboard .h { } .boxDashboard .h h3 { font-size: 1.7em; padding: 0 10px !important; margin: 0 !important; } .boxDashboard .in { padding-top: 0 !important; padding-right: 0 !important; } .boxDashboard .in .item { position: relative; margin: 0 0 4px 12px; padding: 4px 0 0 0; height: 41px; overflow: visible !important; background: #f0fcff url('../images/bg-dashboard-item1.gif') 100% 0 no-repeat; } .boxDashboard .in .item .date { position: relative; left: -12px; display: block; width: 45px; height: 18px; padding: 2px 5px 0 0; margin: -4px 5px 0 0; float: left; text-align: center; color: #1c1c1c; font-size: .9em; background: url('../images/bg-dashboard-date.gif') no-repeat; } .boxDashboard .in .item .img { width: 31px; border: 1px #fff8d4 solid; padding: 2px; background-color: #d7d9d8; margin: 0; } .boxDashboard .in .item .self { margin-left: 10px; width: 430px; float: left; padding-top: 5px; } .boxDashboard .in .item .actions { float: right; padding-top: 10px; } .boxDashboard .in .item .actions li { width: 18px; height: 18px; float: left; padding-right: 10px; text-indent: -1000px; } .boxDashboard .in .item .actions li a { float: left; height: 18px; } .boxDashboard .in .item .actions .ico_1 span { background: url('../images/bg-dashboard-ico1.gif') no-repeat; } .boxDashboard .in .item .actions .ico_2 span { background: url('../images/bg-dashboard-ico2.gif') no-repeat; } .boxDashboard .in .item .actions .ico_3 span { background: url('../images/bg-dashboard-ico3.gif') no-repeat; } .boxDashboard .in .even { background: #e1f8ff url('../images/bg-dashboard-item2.gif') 100% 0 no-repeat; } .boxDashboard .in .form { position: relative; padding: 15px 15px 0; height: 75px; margin-bottom: 18px; color: #fff; background-color: #888888; } .boxDashboard .in .form form { width: 430px; } .boxDashboard .in .form form h4 { color: #fff; } .boxDashboard .in .form form .button { width: 345px; padding: 7px 78px 7px 7px; border: 1px #858585 solid; } .boxDashboard .in .form form .submit { position: absolute; right: 3px; top: 3px; z-index: 100; width: 70px !important; float: right; padding: 0 10px; color: #000; background: #e9e9e9; } .boxDashboard .in .form .arrow { position: absolute; width: 55px; height: 13px; top: 90px; left: 200px; background: url('../images/bg-dashboard-form.gif') 0 0 no-repeat; } .boxDashboard .in .form a { color: #fff; } .boxDashboardSmall .h h3 { padding: 0 !important; font-size: 1.4em; } .boxDashboardSmall .in { padding: 0; } .boxDashboardSmall .in .form { height: 68px; padding: 10px 10px 5px; margin-bottom: 14px; } .boxDashboardSmall .in .form form { width: auto; } .boxDashboardSmall .in .form form .button { width: 225px !important; } .boxDashboardSmall .in .form .arrow { left: 100px; top: 83px; } .boxDashboardSmall .in .item { margin-left: 0; overflow: hidden !important; height: 100%; padding-bottom: 5px; background: #f0fcff; } .boxDashboardSmall .in .item .date { left: 0; } .boxDashboardSmall .in .item .self { margin-left: 5px; width: 180px; padding-top: 0; } .boxDashboardSmall .in .even { background: #e1f8ff; } .boxDashboardSmall .more, .boxDashboardSmall .more a { color: #f2630d; margin: 0; } .boxText ul, .boxText ol { padding: 2px 0 5px 18px; line-height: 18px; } .boxText ol li { list-style: decimal; } .boxText ul li { list-style: square; } .boxText table {} .boxText h3 - h6 {} .boxText hr {} .boxText img {} .boxText code {} .boxText address {} .boxText p { margin-bottom: 1em !important; } .boxText p a {} .boxText p a:hover{} .boxText .codes { overflow: hidden; height: 100%; margin-bottom: 20px; } .boxText .codes .img { width: 230px; float: left; } .boxText .codes .self { margin-left: 250px; } .boxText .codes textarea { width: 95%; height: 150px; } .paging { clear: both; overflow: hidden; /*background-color: #eef0fd; border: 1px #dfddde solid;*/ } .paging p { padding: 13px 10px; } .paging ul { text-align: right; font-weight: bold; padding: 8px 10px 10px; } .paging ul li { display: inline; list-style: none; } .paging ul li a, .paging ul li span { margin: 0 4px 0 2px; } .paging ul li span { color: #ab010e; font-size: 1.5em; } #sliderPaging { position: relative; padding: 7px 5px 17px; } #sliderPaging .fl { width: 200px; padding-top: 7px; } #sliderPaging .fr { width: 325px; top: 1.25em; margin-right: 30px; } #sliderPaging a.prev, #sliderPaging a.next { display: block; border: none; height: 16px; margin: 0; position: absolute; top: 2.0em; padding: 2px 0; } #sliderPaging a.prev { float: left; margin-right: 10px; padding-left: 25px; background: url('../images/bg-slider-prev.gif') 0 70% no-repeat; right: 450px; } #sliderPaging a.next { float: right; margin-left: 6px; padding-right: 25px; background: url('../images/bg-slider-next.gif') 100% 70% no-repeat; right: 10px; } #sliderPaging a.prev:hover, #sliderPaging a.next:hover { } #slider { background: #c7c7c7 url('../images/bg-slider.gif') repeat-x !important; height: 5px; position: relative; margin-top: 12px; right: 80px; } #slider .ui-slider-handle { top: -21px; position: absolute; left: 0; cursor: pointer; cursor: pointer; font-weight: bold; width: 45px; height: 50px; background: url('../images/bg-slider-handle.gif') 0 0 no-repeat; overflow: hidden; text-indent: 53px; } #slider .ui-slider-disabled .ui-slider-handle { opacity:0.5; } #slider .ui-slider-actual { position: absolute; left: 0; top: 33px; font-size: 10px; color: #ab010e; font-weight: bold !important; text-align: center; text-indent: 0; width: 41px; }