/* @group reset */ /* based on eric meyer's reset */ html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,/*p,*/blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend,button, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} body{line-height:1;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} th,td{text-align:left;vertical-align:middle;} img{vertical-align:middle;} iframe{ border:none; } button{cursor:pointer;} /* button span{line-height:22px;} commented because of text vertical align in button in form */ button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{padding:0;border:none;} /* @end */ /* @group global */ body { width:100%; font:normal 10px/1.3 Arial,helvetica,sans-serif; color: #000; background-color: #5a5a5a; text-align:center; padding: 0; margin: 0; } /* @group classes */ .hr hr, .blind-readers, .no-css { position: absolute; left: -30000px; } /* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/ Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */ .hide-content, /* .ui-helper-hidden-accessible, */ .visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } .twoCol { float: left; width: 49.9%; } .twoThirdsCol { float: left; width: 66.6%; } .twoThirdsCol > .inner { padding-right: 10px; } .oneThirdCol + .twoThirdsCol > .inner { padding-left: 10px; padding-right: 0; } .oneThirdCol { float: left; width: 33.3%; } .oneThirdCol > .inner { padding-right: 10px; } .twoThirdsCol + .oneThirdCol > .inner { padding-left: 10px; padding-right: 0; } .threeCol { float: left; width: 33.3%; } .threeCol > .inner { padding: 0 10px 0 0; } .threeCol + .threeCol > .inner { padding: 0 10px; } .threeCol + .threeCol + .threeCol > .inner { padding: 0 0 0 10px; } .fourCol { float: left; width: 24.9%; } .fourCol > .inner { padding: 0 10px 0 0; } .fourCol + .fourCol > .inner { padding: 0 10px; } .fourCol + .fourCol + .fourCol + .fourCol > .inner { padding: 0 0 0 10px; } .text-one-row { white-space:nowrap; overflow:hidden;text-overflow:ellipsis; } .relative { position: relative; z-index: 2; left: 0; top: 0; } .rel { position: relative; } .red { color: #e3000d; } .red2 { color: #af1a1e; } .silver { color: #5b5a5a; } .no-pointer { cursor: auto !important; } em { font-style: italic; } .cb { clear: both; } .left-text { text-align: left; } .right-text { text-align: right; } .fleft { float: left; } .fright { float: right; } .cright { clear: right; } .cleft { clear: left; } .center { text-align:center; } .hdn { display:none; } .no-bg { background: none !important; } .red-bg { background-color: #e3000d; } .pink-bg { background-color: #ffcccc; } .blue-bg { background-color: #a6ffff; } .green-bg { background-color: #aeffae; } .yellow-bg { background-color: #ffff80; } .brown-bg { background-color: #ffbc79; } .light-brown-bg { background-color: #f0e9d6; } .black { color: #000; } .icon { position: absolute; z-index: 1; top: 0; left: 0; } .bb, tr.bb th, tr.bb td { border-bottom: 1px solid #CCC; padding: 5px 0;} tr.bb table th, tr.bb table td { border-bottom: none; padding: 0;} .col2 { width: 48%; padding: 5px 0 20px; /*border: 1px solid gray*/ } big { font-size: 110%; } .backlink { font-size: 11px; } .backlink a { color: #af1a1e; } .backlink-bottomleft { float: left; margin-top: 10px; } .backlink-topright { float: right; margin-right: 20px; } .vtop { vertical-align: top; } a.no-decor { text-decoration: none; } a { color: #000000; text-decoration: underline; } a:active, a:focus, a:hover { color: #af1a1e; } a.revert { color: #af1a1e; text-decoration: underline; } a.revert:active, a.revert:focus, a.revert:hover { color: #000000; } a.revert2 { color: #a5a5a5; text-decoration: underline; } a.revert2:active, a.revert2:focus, a.revert2:hover { color: #000000; } a.revert3 { color: #5a5a5a; text-decoration: underline; } a.revert3:active, a.revert3:focus, a.revert3:hover { color: #000000; } a.revert4 { color: #5b5a5a; text-decoration: underline; } a.revert4:active, a.revert4:focus, a.revert4:hover { color: #af1a1e; } a.link-command { font-size: 11px; } .col { float: left; } .strong, strong { font-weight: bold; } h1 { color: #5b5a5a; } .title-edit { font-size: 1.6em; font-weight: bold; margin-bottom: 10px; } .title-edit span { font-size: 0.8em; font-weight: normal; color: #595959; } ol.numbers li { padding: 6px 0 10px 40px;} ol.numbers li.ol1 { background: url(../img/icons/ol1.gif) no-repeat 0 0;} ol.numbers li.ol2 { background: url(../img/icons/ol2.gif) no-repeat 0 0;} ol.numbers li.ol3 { background: url(../img/icons/ol3.gif) no-repeat 0 0;} .cufon { font-family: 'Arial'; } /*- @group clearfix -*/ /* .clearfix:after { content:'.'; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; } .clearfix { height:1%; min-height: 1%;} */ /*- @end -*/ /* >> The Magnificent CLEARFIX << */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } /* Hides from IE-mac \*/ .clearfix { display: block; } .clear { clear: both; } /*- @end -*/ /* /@end */ /* @group site */ body { background-color: #ededed; }/* html, body { height: 100%; } #bodyWrapper { min-height: 100%; height: auto !important; height: 100%; margin-bottom: -60px; }*/ #body, #page { background: #ededed url(../img/bgs/body.png) repeat-x 0 0; } #bodyWrapper { position: relative; z-index: 3; } #footer, #page { width: 980px; margin: 0 auto; text-align: left; position: relative; z-index: 2;} #bannerTop { width:998px;text-align:center;overflow:hidden;position:relative;z-index:2;margin:0 auto; } #bannerTop img { max-width: 100%; margin: 10px 0; } #page-footer { background-color:#5a5a5a; height: /* 240px */ 220px; } #footer { position: relative; /*padding: 0 0 60px 0px;*/ margin-top: 60px; font-size: 1.2em; color: #fff; /*top:-64px; left:0; background:transparent url(../img/logo-grayscale.gif) no-repeat 695px 23px; height:68px; padding:64px 0 0 20px;*/ } #footer a { color: #fff; } #footer a:hover { color: #000; } #footer h3 { font-size: 1.166em; margin-bottom: 15px; } #footer ul { list-style: none; } #footer li { margin-bottom: 10px; } #footer .inner { padding: 15px 20px; } #footer .footer-col { float: left; width: 22%; margin-bottom: 15px; } #footer .footer-col a { font-weight: bold; } #footer .footer-col a:hover .icoCircle { background: #af1a1e; border-color: #af1a1e; } #footer .sharing { float: left; margin-top: 60px; } #footer .sharing li { float: left; margin-right: 15px; } #footer .sharing a .icoCircle { background: #af1a1e; } #footer .sharing a:hover .icoCircle { background: #fff; border-color: #fff; } #footer .threeCol { line-height:40px; } #footer .threeCol.partners { text-align: center; } #footer .threeCol.partners img { margin:-20px 0 0 10px; } #footer .threeCol.last ul { float: right; } #footer .threeCol.last li { float: left; margin: 0 3px; } #footer .threeCol.last li:before { content: "|"; position: relative; left: -3px; } #footer .threeCol.last li:first-child:before { content: ""; } #footerLogoGrayscale { position: absolute; right: 70px; top: -41px; z-index: -1; width: 61px; height: 64px; background: url(../img/logo-grayscale.gif) 0 0 no-repeat; } #main { padding:178px 0 0 37px;} .pg-title { color:#af1a1e; font-size:18px; margin-bottom: 5px; font-weight: bold; } .pg-subtitle { color:#5B5A5A; font-size:12px; } h1.logo { position: absolute; top:24px; left: 40px; overflow:hidden; padding: 0; } h1.logo a { background-color: transparent; color: #ffff00; display: block; position: absolute; top: 0; left: 0; z-index: 2; height: 0; width: 88px; background-position: left top; background-repeat: no-repeat; } h1#logo { height: 77px; width: 88px; } h1#logo a { padding-top: 77px; background-image: url(../img/logo.png); } .banner470x62 { width: 470px; height: 62px; overflow:hidden; } #header { height: 118px; position:absolute; top:0; left:0; z-index:10100; width:100%; } #header .banner { left: 198px; top:26px; position:absolute; z-index:10200; } #login { position:absolute; z-index:1; right:0; width: 235px; } #logged-in { width: 235px; height: 90px; margin-top: 25px; background: url(../img/login/logged-in-bg.png) no-repeat 78px 15px; } #logged-in h4 { height: 27px; text-align:left; float: left; overflow: hidden; white-space:nowrap; max-width: 140px; } #user-name-window { float: left; position: static; margin: 8px 0 0 12px; width: 15px; } .user-info-col { position: absolute; left: 60px; top: 25px; } .logged-in-menu { clear: both; padding-top: 0px; } .logged-in-menu a { color: #5b5a5a; font-size: 1em; } .logged-in-menu.heading li { /*border-color: #5b5a5a;*/ } #logged-user-name { font-size: 14px; } #logged-user-name a { text-decoration: none; } #logged-user-name .styled-selectbox-icon { right:-15px; top:4px; z-index:1; } #user-infos { padding: 0; clear: both; } #user-infos li { font-size: 1.2em; /*padding-top: 27px;*/ height:38px; position: relative; } #user-infos li.col { width: 55px;position:relative; } #user-infos li.col a {position:absolute; bottom:0px;left:17px;width:23px;/*height:20px;*/ text-align: center;font-weight: bold; text-decoration: none; } #user-infos #user-emails .a-cont-em { position:absolute; top:0;left:20px;width:23px;height:20px; } #user-infos #user-fp-points .a-cont-pt { position:absolute; top:0;left:20px;width:23px;height:20px } /*#user-infos #user-emails { width: 55px;position:relative; } #user-infos #user-emails strong { position:absolute; top:15px;left:39px; } #user-infos #user-emails .a-cont-em { position:absolute; bottom:0px;left:20px;width:23px;height:20px; background: silver } #user-infos #user-fp-points { width: 60px; padding-left: 13px; position:relative; } #user-infos #user-fp-points strong { position:absolute; top:15px;left:43px; } #user-infos #user-fp-points .a-cont-pt { position:absolute; bottom:0;left:20px;width:23px;height:20px }*/ #menu { position:absolute; z-index:10000; top:118px; left:20px; right: 0; /*width:100%; */} #menu #mainMenu { padding-top: 2px; } #mainMenu .menu-thumbs { display: inline; } #menu li > ul { display:none; } #menu .top-main-menu > li { display:block; float:left; /*background:transparent url(../img/menu/separator.png) no-repeat 100% 4px; */font-size:1.2em; border-left: 1px solid #ededed; margin-top: 1px; } #menu .top-main-menu > li > a { color:#5b5a5a; text-decoration:none; font-weight:bold; padding:0 18px; line-height:25px; display:block; clear:left; float:none; } #menu .top-main-menu li a:hover { font-weight:bold;color: #af1a1e; } #menu .top-main-menu li li a:hover { font-weight:normal; } .secondary-menu li a:hover { color: #af1a1e; } #menu .top-main-menu > li:first-child { padding-left: 0; border-left: none; } #menu .top-main-menu > li:last-child { padding-right: 0; background-image:none; } #menu .top-main-menu > li#mactive > a:hover, #menu .top-main-menu > li#mactive > a:focus, #menu .top-main-menu > li#mactive > a:active, #menu .top-main-menu > li#mactive > a { color: #af1a1e; font-weight:bold; background: transparent url(../img/menu/menu-active-left.png) no-repeat 0 0; position:relative; z-index:2; top:0; left:0; padding: 0 15px 0 20px; } #menu .top-main-menu > li#mactive > a span { background:transparent url(../img/menu/menu-active-right.png) no-repeat 100% 0; display:block; width:100%; height:100%; position: absolute; z-index:1; right: -5px; width: 5px; height: 25px; top:0; } #menu .top-main-menu ul, .secondary-menu .sub-menu ul { position:absolute; z-index:1; background: url(../img/menu/menu-bottom.png) no-repeat -1px 100%; padding-bottom: 27px; width: 153px; margin-top: -4px; } #menu .top-main-menu ul > li, .secondary-menu .sub-menu ul > li { font-size:1em; background:transparent url(../img/menu/menu-bg.png) repeat-y 0 0; padding: 0 15px; float: none; border: none; } #menu .top-main-menu ul > li.frst, #menu .top-main-menu ul > li:first-child, .secondary-menu .sub-menu ul > li.frst, .secondary-menu .sub-menu ul > li:first-child, .heading.secondary-menu .sub-menu ul > li.frst, .heading.secondary-menu .sub-menu ul > li:first-child { background:transparent url(../img/menu/first-item-bg.png) no-repeat 0 0; padding-top: 4px; } .secondary-menu .sub-menu ul > li.frst, .secondary-menu .sub-menu ul > li:first-child { padding-top: 10px; background:transparent url(../img/menu/first-item-bg-sec.png) no-repeat 0 0; } #menu .top-main-menu ul > li:last-child a, .secondary-menu .sub-menu ul > li:last-child a { background: transparent; } #menu .top-main-menu ul a, .secondary-menu .sub-menu ul a { background: transparent url(../img/menu/separator-horizontal2.png) no-repeat 0 100%; display:block; padding:6px 0 7px 5px; text-decoration:none; } .secondary-menu .sub-menu { line-height: normal; } #menu #loader { background: none; } #menu #adminMenu { position: absolute; right: 250px; top: 4px; } #menu #adminMenu .my-credit-val { padding-left: 10px; } #menu .top-main-menu li.adminItem { padding: 0 10px; margin-top: -1px; color: #5b5a5a;background:transparent url(../img/menu/separator.png) no-repeat 100% 1px; } #menu .top-main-menu li.adminItem img { vertical-align: middle; top: -2px; position: relative; } .arrow-down { display: inline; width: 19px; height: 17px; padding: 0 8px; font-size: 15px; text-decoration: none; background: url(../img/icons/icons3.png) no-repeat -141px -116px; } .arrow-down:hover {background: url(../img/icons/icons3.png) no-repeat -141px -116px; } #menu .top-main-menu a.arrow-down {padding: 0 8px; clear: none; display: inline; } #menu .dyn-menu { text-align: center; } #menu .menu-private a { color:#af1a1e; } .heading.secondary-menu li {margin: 0px; padding: 0; border-right: none; font-size: 11px; line-height: 11px; } .heading.secondary-menu strong { font-weight: normal;line-height:25px;} #menu .top-main-menu a.base:hover, #menu .top-main-menu li.parent:hover a.base, .secondary-menu a.base:hover, .secondary-menu li.parent:hover a.base { padding: 0; background:transparent url(../img/menu/menu-active-left.png) no-repeat top left; z-index: 999; position: relative; text-decoration: none; } #menu .top-main-menu a.base:hover strong, #menu .top-main-menu li.parent:hover strong, .secondary-menu a.base:hover strong, .secondary-menu li.parent:hover strong { padding:0 18px; line-height:25px;color: #af1a1e; display:block; background:transparent url(../img/menu/menu-active-right.png) no-repeat top right; } #menu .top-main-menu li.parent:hover, .secondary-menu li.parent:hover { background:none } .secondary-menu a.base { padding: 0 4px; } .secondary-menu a.logout { padding: 0 0 0 4px; } .secondary-menu a.base:hover .onhover, .secondary-menu li.parent:hover .onhover { padding: 0 4px; /* line-height:11px; */ } .logged-in-menu.secondary-menu { margin-left: -8px; } .logged-in-menu.secondary-menu .frst a { padding-top: 18px;} .logged-in-menu.secondary-menu li.parent a.base { padding: 0 0px; margin: 0; display: block;background:transparent; z-index: 999; position: relative; text-decoration: none; text-decoration: underline; } .logged-in-menu.secondary-menu li.parent strong { padding:0 8px; display: block; color: #5b5a5a; display:block; background:transparent; } .logged-in-menu.secondary-menu li.parent a.base:hover, .logged-in-menu.secondary-menu li.parent:hover a.base { padding: 0 0px; margin: 0; display: block;background:transparent url(../img/menu/menu-active-left.png) no-repeat top left; z-index: 999; position: relative; text-decoration: none; } .logged-in-menu.secondary-menu a.base:hover strong, .logged-in-menu.secondary-menu li.parent:hover strong { padding:0 8px; display: block; color: #af1a1e; display:block; background:transparent url(../img/menu/menu-active-right3.png) no-repeat top right; } .logged-in-menu.secondary-menu a.logout:hover { text-decoration: none;} /* menu ala Vodafone */ #menu .top-main-menu div.sub-menu { position:absolute; z-index:1; width: auto; margin-top: -1px; padding-top: 0px; } #menu .top-main-menu .sub-menu { background: url(../img/menu/menu-bottom-big.png) no-repeat -1px 100%; border-top: 1px solid #d5d5d5;} #menu .top-main-menu .sub-menu span.bgright {display: block; padding-top: 5px; margin-bottom: 2px; border-right: 1px solid #d5d5d5; } #menu .top-main-menu .sub-menu div { width: 160px; float: left; padding: 10px; margin: 10px 5px; } #menu .top-main-menu .sub-menu .bgright > div:first-child { margin-right: 0; } #menu .top-main-menu .sub-menu div.graybox { background: #dedede; margin: 10px 15px 20px 0; } #menu .top-main-menu .sub-menu div p { border-bottom: 1px solid #dedede; padding: 0 0 10px; margin: 0 0 10px; } #menu .top-main-menu .sub-menu div p.last { margin-bottom: 0; } #menu .top-main-menu .sub-menu div p.empty { height: 36px; } #menu .top-main-menu a.base:hover div strong, #menu .top-main-menu li.parent:hover div strong { padding: 0; display: inline; color: #000; font-size: 120%; line-height: 140%; background: none;} #menu .top-main-menu .sub-menu div small { font-size: 90%;color: #a5a5a5; } #menu .top-main-menu .sub-menu div small a { color: #a5a5a5; } /* #menu .top-main-menu .sub-menu div .menu-item-tit { text-decoration: none; } */ #menu .top-main-menu .sub-menu .menu-item-tit strong:hover { color: #af1a1e; } #menu .top-main-menu li div a:hover { font-weight: normal; } #menu .top-main-menu li.parent:hover .sub-menu div.graybox strong { display: block; margin-bottom: 5px; } #menu .top-main-menu .sub-menu div.graybox small { color: #7d7d7d; /*line-height: 20px; */} #menu .top-main-menu .sub-menu div.graybox small a { color: #7d7d7d; /* display: block; margin-bottom: 8px; */} #menu .top-main-menu .sub-menu div.graybox small a.menu-thumbs { display: inline; } #menu .top-main-menu .sub-menu div.graybox br { /* display: none; */ margin-bottom: 8px; } #menu .top-main-menu .sub-menu-list div.graybox { width: 270px; } #menu .top-main-menu .sub-menu-offers div.graybox { width: 190px; } #menu .top-main-menu .sub-menu-gallery div.graybox { padding: 10px 10px 10px 21px; } #menu .top-main-menu .sub-menu div small a:hover { color: #000; } #mainMenu .spec-menu { background:#ddd; } #mainMenu .spec-menu strong { color:#000; } #mainMenu li.spec-menu > a { padding:0 8px; } /* menu ala Vodafone ZAL */ /*#menu .top-main-menu div.sub-menu { position:absolute; z-index:1; width: auto; margin-top: -1px; padding-top: 0px; } .top-main-menu .sub-menu { background: url(../img/menu/menu-bottom-big.png) no-repeat -1px 100%; border-top: 1px solid #d5d5d5;} .top-main-menu .sub-menu span.bgright {display: block; padding-top: 5px; margin-bottom: 2px; border-right: 1px solid #d5d5d5; } .top-main-menu .sub-menu div { width: 160px; float: left; padding: 10px; margin: 10px 5px; } .top-main-menu .sub-menu div.graybox { background: #dedede; margin-right: 15px; } .top-main-menu .sub-menu div p { border-bottom: 1px solid #dedede; padding: 0 0 10px; margin: 0 0 10px; } #menu .top-main-menu a.base:hover div strong, #menu .top-main-menu li.parent:hover div strong { padding: 0; display: inline; color: #000; font-size: 120%; line-height: 140%; background: none;} .top-main-menu .sub-menu div small { font-size: 90%;color: #a5a5a5; } .top-main-menu .sub-menu div small a { color: #a5a5a5; } .top-main-menu .sub-menu div .menu-item-tit { text-decoration: none; } #menu .top-main-menu li div a:hover { font-weight: normal; } .top-main-menu .sub-menu div.graybox small { color: #7d7d7d; } .top-main-menu .sub-menu div.graybox small a { color: #7d7d7d; } */ .fitem { float: left; padding: 15px 0 0 15px; } .offset-bottom-10 { margin-bottom: 10px !important; } h3.fp-h3-title, .fitem h3 { font-size: 1.4em; font-weight: bold; margin-bottom: 5px; } .fitem li { position: relative; z-index: 1; top: 0; left: 0; font-size: 1.1em; padding: 0 0 2px 15px; } .fitem h3, .fitem p, .fitem li, .fitem a { color: #a2a2a2; } .fitem a:hover, .fitem a:focus { text-decoration: none; } .fitem .icon { width: 10px; height: 9px; background: url(../img/icons/icons.png) no-repeat 0 -108px; left: 3px; top: 4px; text-decoration: none; } #footerLanguage { width: 120px; } #footerInterface, #footerFp, #footerContact { width: 150px; } #kontakt-mail { padding-left: 25px; position: relative; z-index: 1; top: 0; left: 0; margin-bottom: 10px; } #kontakt-mail .icon { background: url(../img/icons/icons.png) no-repeat 0 -120px; width: 15px; height: 10px; left: 2px; top: 3px; } #social-media { position: relative; z-index: 1; top: 0; left: 0; background: url(../img/bgs/footer.gif) no-repeat; width: 107px; height: 23px; } #social-media a { width: 16px; height: 16px; overflow: hidden; top: 3px; position: absolute; } #social-media span { padding-top: 16px; display: block; } #social-media .facebook-icon { background: url(../img/icons/icons.png) no-repeat 0 -90px; left: 8px; } #social-media .rss-icon { background-position: 0 -70px; left: 33px; } #social-media .twitter-icon { background-position: 0 -50px; left: 59px; } #social-media .youtube-icon { background-position: 0 -30px; left: 85px; } .fb-icon { background: url("../img/icons/facebook-login.png") no-repeat; padding: 3px 0 4px 28px; } #content { width: 723px; float: left; padding-bottom: 100px; position: relative; /* z-index: 1;*/ top: 0; left: 0; } #sidebar { width: 200px; margin-left: 740px; height: 400px; font-size: 1.1em; display: table; } #sidebar.top-fixed { position:fixed;top:0; } #sidebar.top-released { position:absolute; } #sidebar .ads-side li h3 { font-size: 12px; font-weight: bold; height: 15px; overflow: hidden; } #fp-shouts a, #sidebar .ads-side li a { text-decoration: none; } /* #sidebar a { text-decoration: none; } */ #sidebar .banner { margin-bottom: 15px; } #sidebar .ads-create { background: #dadada; padding: 5px; text-align: center; /* width: 170px; */ } #sidebar .link-ad-list { margin-left: 20px; } #sidebar .ads-side li { margin: 10px 0; padding: 0 5px 0 5px; font-size: 12px; clear: both; } #sidebar .ads-side li a div { overflow: hidden; width: 180px; height: 90px; padding: 5px 0; } #sidebar .ads-side img { float: left; margin: 0 5px 0 0; } #top-profile { width: 555px; height: 202px; float: left; position: relative; z-index: 4; top: 0; left: 0; margin-bottom: 85px; margin-left: -3px; } .white-box .wtop { height: 12px; } .white-box .wbottom { height: 14px; } /* .white-box .wtop, .white-box .wbottom { display: none; } */ #messages { margin-left: -3px; } #messages #forum-detail-form { margin-bottom: 10px; margin-right: 5px; } #messages #forum-detail-form .fancy-submit-replaced { margin-right: 0; } #messages #forum-detail-form .textarea-wrapper { float: right; margin-bottom: 0; margin-right: 0; } /* #messages .messages.insform { display: none; } */ #messages #comments { width: 678px; margin: 0px 0 0 18px; } #messages .comment-content { width: 618px; } #info-container #messages #comments .wcenter { width: 585px; } #info-container #messages #comments .comment .wtop .wcenter { background-image: url("../img/boxes/top-center_bordered.png"); } #info-container #messages #comments .comment .wtop .wright { background-image: url("../img/boxes/top-right_bordered.png"); } #info-container #messages #comments .comment .wtop .wleft { background-image: url("../img/boxes/top-left_bordered.png"); } #info-container #messages #comments .comment .wbottom .wcenter { background-image: url("../img/boxes/btm-center_bordered.png"); } #info-container #messages #comments .comment .wbottom .wright { background-image: url("../img/boxes/btm-right_bordered.png"); } #info-container #messages #comments .comment .wbottom .wleft { background-image: url("../img/boxes/btm-left_bordered.png"); } #info-container #messages #comments .comment .wmiddle-expandable .wright-expandable { background-image: url("../img/boxes/middle-right_bordered.png"); } #info-container #messages #comments .comment .wmiddle-expandable .wleft-expandable { background-image: url("../img/boxes/middle-left_bordered.png"); } #info-container #messages #comments .comment .zobak-icn { background: url(../img/comment/zobak_bordered.png) no-repeat; } #info-container #messages #comments .comment:hover .wtop .wcenter { background-image: url("../img/boxes/top-center-dark-gray-shdw.png"); } #info-container #messages #comments .comment:hover .wtop .wright { background-image: url("../img/boxes/top-right-dark-gray-shdw.png"); } #info-container #messages #comments .comment:hover .wtop .wleft { background-image: url("../img/boxes/top-left-dark-gray-shdw.png"); } #info-container #messages #comments .comment:hover .wbottom .wcenter { background-image: url("../img/boxes/btm-center-dark-gray-shdw.png"); } #info-container #messages #comments .comment:hover .wbottom .wright { background-image: url("../img/boxes/btm-right-dark-gray-shdw.png"); } #info-container #messages #comments .comment:hover .wbottom .wleft { background-image: url("../img/boxes/btm-left-dark-gray-shdw.png"); } #info-container #messages #comments .comment:hover .wmiddle-expandable .wright-expandable { background-image: url("../img/boxes/mdl-right-dark-gray-shdw.png"); } #info-container #messages #comments .comment:hover .wmiddle-expandable .wleft-expandable { background-image: url("../img/boxes/mdl-left-dark-gray-shdw.png"); } #info-container #messages #comments .comment:hover .comment-content .wcenter-expandable { background-color: #DFDFDF; } #info-container #messages #comments .comment:hover .zobak-icn { background: url(../img/comment/zobak2.png) no-repeat #fff; } #info-container #messages .wbottom { height: 13px; position: static; } .wide-button span, .wide-button { background: url(../img/slidding-doors/wide-button.png) no-repeat; display: inline-block; text-decoration: none; font-size: 11px; font-weight: bold; color: #af1a1e; cursor: pointer; } a.wide-button .farrow-icn { background: url(../img/icons/icons.png) no-repeat -167px -17px; width: 7px; height: 5px; position: absolute; right: 9px; top: 9px; z-index: 2; padding: 0; } .wide-button { padding-right: 7px; background-position: 100% -22px; } .wide-button span { line-height: 22px; padding-left: 12px; padding-right: 30px; background-position: 0 0; } a:hover.wide-button span { background-position: 0 -56px; } a:hover.wide-button { background-position: 100% -78px; } a:hover.wide-button span, a:hover.wide-button { color: #fff; } a:hover.wide-button .farrow-icn { background-position: 0 -134px; } .wleft, .wright, .wcenter { float: left; } .wtop .wleft, .wmiddle .wleft, .wbottom .wleft { width: 18px; } .wcenter { width: 530px; } .wtop .wright, .wmiddle .wright, .wbottom .wright { width: 15px; } #info-container #messages .wtop .wcenter { background: url("../img/boxes/top-center_bordered.png") repeat-x; } .wtop .wcenter { background: url(../img/boxes/top-center.png) repeat-x; } .wmiddle .wcenter { background-color: #fff; } #info-container #messages .wbottom .wcenter { background: url("../img/boxes/btm-center_bordered.png") repeat-x; } .wbottom .wcenter { background: url(../img/boxes/btm-center.png) repeat-x; } .wcenter, .wbottom .wleft, .wbottom .wright, .wtop .wleft, .wtop .wright { height: 100%; } .wmiddle { height: 180px; } .wmiddle .wleft, .wmiddle .wright { height: 100%; } #info-container #messages .wtop .wright { background: url("../img/boxes/top-right_bordered.png") no-repeat; } .wtop .wright { background: url(../img/boxes/top-right.png) no-repeat; } #info-container #messages .wbottom .wright { background: url("../img/boxes/btm-right_bordered.png") no-repeat; } .wbottom .wright { background: url(../img/boxes/btm-right.png) no-repeat; } #info-container #messages .wmiddle .wright { background: url("../img/boxes/middle-right_bordered.png") no-repeat; } .wmiddle .wright { background: url(../img/boxes/middle-right.png) repeat-y; } #info-container #messages .wtop .wleft { background: url("../img/boxes/top-left_bordered.png") no-repeat; } .wtop .wleft { background: url(../img/boxes/top-left.png) no-repeat; } #info-container #messages .wbottom .wleft { background: url("../img/boxes/btm-left_bordered.png") no-repeat; } .wbottom .wleft { background: url(../img/boxes/btm-left.png) no-repeat; } #info-container #messages .wmiddle .wleft { background: url("../img/boxes/middle-left_bordered.png") no-repeat; } .wmiddle .wleft { background: url(../img/boxes/middle-left.png) repeat-y; } #info-container #messages .wmiddle-expandable .wright-expandable { background: url("../img/boxes/middle-right_bordered.png") 100% 0 repeat-y; } .wmiddle-expandable .wright-expandable { background: url(../img/boxes/middle-right.png) repeat-y 100% 0; padding-right: 15px; } #info-container #messages .wmiddle-expandable .wleft-expandable { background: url("../img/boxes/middle-left_bordered.png") repeat-y; } .wmiddle-expandable .wleft-expandable { background: url(../img/boxes/middle-left.png) repeat-y; padding-left: 18px; } #info-container #messages .wmiddle-expandable .wleft-expandable, #info-container #messages .wmiddle-expandable .wright-expandable { background-color: #fff; } #info-container .wtop .wright { background: url(../img/boxes/top-tabs-right.png) no-repeat; } #info-container .wtop .wleft { background: url(../img/boxes/top-tabs-left.png) no-repeat; } #info-container .wtop .wcenter { background: url(../img/boxes/top-tabs-center.png) repeat-x; } #info-container .wbottom .wright { background: url(../img/boxes/btm-tabs-right.png) no-repeat; } #info-container .wbottom .wleft { background: url(../img/boxes/btm-tabs-left.png) no-repeat; } #info-container .wbottom .wcenter { background: url(../img/boxes/btm-tabs-center.png) repeat-x; } #info-side-container.gray-box .wtop, .gray-box .wtop { height: 9px; } #info-side-container.gray-box .wbottom, .gray-box .wbottom { height: 10px; } #info-side-container.gray-box .wtop .wleft, #info-side-container.gray-box .wmiddle .wleft, #info-side-container.gray-box .wbottom .wleft, .gray-box .wtop .wleft, .gray-box .wmiddle .wleft, .gray-box .wbottom .wleft { width: 9px; } #info-side-container.gray-box .wtop .wright, .gray-box .wtop .wright { background: url(../img/boxes/top-gray-right.png) no-repeat; } #info-side-container.gray-box .wbottom .wright, .gray-box .wbottom .wright { background: url(../img/boxes/btm-gray-right.png) no-repeat; } #info-side-container.gray-box .wmiddle .wright, .gray-box .wmiddle .wright { background: #f0f0f0; } #info-side-container.gray-box .wtop .wleft, .gray-box .wtop .wleft { background: url(../img/boxes/top-gray-left.png) no-repeat; } #info-side-container.gray-box .wbottom .wleft, .gray-box .wbottom .wleft { background: url(../img/boxes/btm-gray-left.png) no-repeat; } #info-side-container.gray-box .wmiddle .wleft, .gray-box .wmiddle .wleft { background: #f0f0f0; } #info-side-container.gray-box .wtop .wcenter, #info-side-container.gray-box .wmiddle .wcenter, #info-side-container.gray-box .wbottom .wcenter, .gray-box .wtop .wcenter, .gray-box .wmiddle .wcenter, .gray-box .wbottom .wcenter { background: #f0f0f0; } .dark-gray-box.no-offset { padding-top: 37px; } .only-offset { padding-top: 37px; } .dark-gray-box .wtop, .dark-gray-box .wbottom { height: 5px; } .dark-gray-box .wtop .wright, .dark-gray-box .wmiddle .wright, .dark-gray-box .wbottom .wright, .dark-gray-box .wtop .wleft, .dark-gray-box .wmiddle .wleft, .dark-gray-box .wbottom .wleft { width: 5px; } .dark-gray-box .wtop .wright { background: url(../img/boxes/top-dark-gray-right.png) no-repeat; } .dark-gray-box .wbottom .wright { background: url(../img/boxes/btm-dark-gray-right.png) no-repeat; } .dark-gray-box .wmiddle .wright { background: #d7d7d7; } .dark-gray-box .wtop .wleft { background: url(../img/boxes/top-dark-gray-left.png) no-repeat; } .dark-gray-box .wbottom .wleft { background: url(../img/boxes/btm-dark-gray-left.png) no-repeat; } .dark-gray-box .wmiddle .wleft { background: #d7d7d7; } .dark-gray-box .wtop .wcenter, .dark-gray-box .wmiddle .wcenter, .dark-gray-box .wbottom .wcenter { background: #d7d7d7; } #info-tabs .incomming-msg-icn, #info-tabs .outcomming-msg-icn, #info-tabs .fotopatracka-icn { width: 20px; height: 15px; background: url(../img/icons/icons9.png) no-repeat !important; top: -4px; position: relative; } #info-tabs .incomming-msg-icn { background-position: -34px -39px !important; } #info-tabs .outcomming-msg-icn { background-position: -31px -160px !important; } #info-tabs .fotopatracka-icn { background-position: -111px -160px !important; } #info-tabs .d .number { padding-left: 15px; } .small-50 { width: 50px; } .frameiconblock { width: 50px; height: 100px; float: left; margin-right: 10px; } .frameiconblock .icon-nick { width: 100%; text-align: center; overflow: hidden; } .frameiconblock .icon-nick a { text-decoration: none; } #userFriends .frameiconblock, #userFans .frameiconblock, #userVisitors .frameiconblock {padding-right: 15px; margin-right: 15px; background: url(../img/line/frameiconblock.gif) no-repeat top right; } #userFriends .frameiconblock.last, #userFans .frameiconblock.last, #userVisitors .frameiconblock.last {padding-right: 0; margin-right: 0; background:none; } /* .frame { height: 55px; background: url(../img/bgs/box-50.gif) no-repeat; top: 0; left: 0; position: relative; z-index: 1; margin-bottom: 10px; } .frame.gold { background-image: url(../img/bgs/box-50-gold.gif); } .frame.teal { background-image: url(../img/bgs/box-50-teal.gif); } .frame table { width: 40px; height: 40px; position: absolute; top: 5px; left: 5px; z-index: 1; } .frame td { text-align: center; } .frame .jobs { position: absolute; bottom: -4px; width: 100%; text-align: center; left: 0; }*/ .profileWrapper { position: relative; z-index: 1; margin-bottom: 10px; background: none; padding: 5px 0; border: 1px solid #bbb; border-radius: 3px; text-align: center; } #guestBook .profileWrapper { position: absolute; padding-left: 5px; padding-right: 5px; } .profileWrapper.withAbilities { padding-bottom: 10px; } .profileWrapper .proLabel { width: 40px; left: 4px; top: 36px; } .proLabel { background: url("../img/pro.png") 50% 50% no-repeat #af1a1e; width: 25px; height: 9px; position: absolute; } .frame .jobs { position: absolute; bottom: -4px; width: 100%; text-align: center; left: 0; font-size: 0; line-height: 0; } .frame .jobs .ico.dot { margin: 0 2px; } .members .frame { margin-bottom: 5px; } /* .jobs .icon { position: relative; padding-left: 8px; background: url(../img/icons/icons.png) no-repeat; } .jobs .gjob-icn { background-position: -144px -9px; } .jobs .pjob-icn { background-position: -144px -30px; } .jobs .yjob-icn { background-position: -144px -50px; } .jobs .bjob-icn { background-position: -144px -70px; } */ .stats { background: url(../img/bgs/box-50-silver.gif) no-repeat; height: 104px; position: relative; z-index: 0; left:0; top: 0;} .stats a { background: url(../img/icons/icons.png) no-repeat; width: 35px; height: 30px; text-decoration: none; } .stats .recommendations { background-position: -360px 0; width: 25px; top: 5px; left: 15px; } .stats .recommendations span { position: absolute; width: 22px; bottom: 1px; right: 0; text-align: center; color: #fff; } .stats .calendar-icn { background-position: -265px 0px; top: 9px; left: 9px; height: 22px; } .stats .calendar-icn strong { display:block; margin:7px 0 0 10px; color: #6d6e71; } .stats .stars-icn span, .stats .stars-icn2 span, .stats .likes-icn span { color: #fff; margin:17px 0 0 14px; } .stats .stars-icn, .stats .stars-icn2 { background-position: -265px -30px; top: 70px; left: 8px; height: 25px; } .stats .stars-icn2 { background-position: -312px -30px; } .stats .stars-icn span, .stats .stars-icn2 span { margin: 12px 0 0 11px; display: block;text-align: center; width: 19px; } .stats .likes-icn, .stats .likes-icn2 { background-position: -265px -60px; top: 38px; left: 8px; } .stats .likes-icn2 { background-position: -312px -62px; color: #FFF; } .stats .likes-icn span, .stats .likes-icn2 span { margin: 16px 0 0 11px; display: block; text-align: center; width: 19px; } .stats.fan { height: 70px; } .stats-bottom { background: url(../img/bgs/box-50-silver.gif) no-repeat 0 100%; height: 4px; display: block; position: absolute; bottom: 0; width: 100%; left: 0; } .map-cz {position: absolute; left: 84px; bottom: 10px; } .map-sk {position: absolute; left: 185px; bottom: 10px; } .skype img { padding-right: 5px; } .icq img { padding-right: 2px; } .inline-icon-div, a.inline-icon { background: url(../img/icons/icons.png) no-repeat; width: 16px; height: 16px; display: block; overflow: hidden; padding-right: 4px; } .inline-icon span { padding-top: 16px; display: block; } a.inline-icon.facebook-icn { background-position: -580px -270px; } a.inline-icon.skype-icn { background-position: -634px -270px; } a.inline-icon.gplus-icn { background-position: -607px -270px; } a.inline-icon.youtube-icn { background-position: -688px -270px; } a.inline-icon.twitter-icn { background-position: -661px -270px; } a.inline-icon.flickr-icn { background-position: -715px -270px; } a.inline-icon.behance-icn { background-position: -742px -270px; } a.inline-icon.icq-icn { background-position: -770px -270px; } .more-inline-icon .inline-icon { display: inline-block; width: 8px; height: 8px; background-position: -166px -32px; } span.more-inline-icon { margin-left:10px } #system-info { font-size: 1.1em; color: #5b5a5a; line-height: 1.5; } #system-info span { color: #000; } #system-info span.more-inline-icon { margin-left:0; } .standart-tooltip { width: 150px; } .standart-tooltip .wmiddle { height: 77px; } .standart-tooltip .wcenter { width: 135px; } #test-tooltip { top: 302px; left: 697px; display: none; } .tooltip { position: absolute; z-index: 30000; left: 0; top: 0;text-align: left;} .tooltip.reverse { top: auto; bottom:0; } .tooltip .wtop { height: 18px; position: relative; z-index: 1; top: 0; left: 0; } .tooltip .wbottom { height: 7px; } .tooltip .wtop .wright, .tooltip .wmiddle .wright, .tooltip .wbottom .wright { width: 8px; } .tooltip .wtop .wleft, .tooltip .wmiddle .wleft, .tooltip .wbottom .wleft { width: 7px; } .tooltip .wtop .wright { background: url(../img/tooltip/top-right.png) no-repeat 0 100%; zoom: 1; } .tooltip .wbottom .wright { background: url(../img/tooltip/btm-right.png) no-repeat; } .tooltip .wmiddle .wright { background: url(../img/tooltip/midl-right.png); } .tooltip .wtop .wleft { background: url(../img/tooltip/top-left.png) no-repeat 0 100%; } .tooltip .wbottom .wleft { background: url(../img/tooltip/btm-left.png) no-repeat; } .tooltip .wmiddle .wleft { background: url(../img/tooltip/midl-left.png); } .tooltip .wtop .wcenter, .tooltip .wmiddle .wcenter, .tooltip .wbottom .wcenter { background: #f0f0f0; width: 150px; } .tooltip ul { font-size: 1.1em; padding:10px 10px 0 5px; } .tooltip li a { /*background: transparent url(../img/menu/separator-horizontal-short.png) no-repeat bottom center;*/ border-bottom:1px solid #efefef; font-size: 100%; color: #5b5a5a; display:block; padding:5px 10px 5px 5px; text-decoration:none; } .tooltip li a:hover { color: #af1a1e; } .tooltip .wtop .wcenter { background: url(../img/tooltip/top-center.png) repeat-x 0 100%; } .tooltip .wmiddle .wcenter { background-color: #fff; } .tooltip .wbottom .wcenter { background: url(../img/tooltip/btm-center.png) repeat-x; } .tooltip .tarrow { background: url(../img/tooltip/center-arrow.png) no-repeat 50% 0; height: 12px; width: 100%; display: block; position: absolute; z-index: 2; left: 0; bottom: 4px; } .tooltip.reverse .tarrow { background-image: url(../img/tooltip/reverse-center-arrow.png); bottom: -8px; } /*#user-set-tooltip li a { background: transparent url(../img/menu/separator-horizontal.png) no-repeat 0 100%; font-size: 110%; color: #5b5a5a; display:block; padding:6px 0 7px 5px; text-decoration:none; } #user-set-tooltip li a:hover { color: #af1a1e; } */ #main-container { width: 740px; clear: both; margin-left: -10px; } #main-container .wmiddle { height: 790px; } #main-container .wcenter { width: 730px; } #info-container { width: 730px; position: relative; top: 0px; z-index: 1; left: 0; margin-bottom: 50px; } #info-container .wmiddle { height: 225px; } #info-container .wcenter { width: 697px; } #info-container .wright { width: 15px; } #info-container .wleft { width: 18px; } #info-container .wtop { height: 39px;} #info-container #messages .wtop { height: 12px;} #info-container #messages .wcenter { width: 665px; } #info-container .fancy-tabs { position: absolute; top: -39px; left: 0; z-index: 1; width: 730px; } #info-container .fancy-tabs #create-btn { top:7px;right:15px; } #info-container .wbottom { height: 21px; position: relative; z-index: 2; left: 0; top: 0; } .fancy-tabs-helper { background-color: #ededed; position:absolute; width:740px; z-index:1; } #info-tabs { position: absolute; top: 6px; left: 12px; z-index: 1; height: 33px; overflow: hidden; } #info-tabs li { float: left; padding-right: 1px; background: url(../img/line/tab-line.gif) no-repeat 100% 5px; } #info-tabs a { padding-left: 12px; display: block; text-decoration: none; } #info-tabs .d { padding-right: 15px; display: block; font-size: 1.2em; line-height: 33px; height: 33px; cursor: pointer; } #info-tabs li.last, #info-tabs li.prev-item, #info-tabs #itactive { background-image: none; } #itactive a { /* background: url(../img/slidding-doors/tab-left.gif) no-repeat left top; */ color: #000; font-weight: bold; background: #fff; margin-top: 1px; border: 1px solid #dadada; border-radius: 10px 10px 0 0; } #itactive .d { /* background: url(../img/slidding-doors/tab-right.gif) no-repeat right top; */ font-weight: bold; } /* #itactive .inline-icon { width: 20px; height: 20px; display: inline-block; background: url(../img/icons/icons.png) no-repeat; vertical-align: text-top; padding-right: 10px; } #itactive .inline-icon.fotograf-icn { background: url(../img/icons/icons.png) -25px -60px; } #itactive .model-icn { background-position: -208px -17px; } #itactive .modeling-agenture-icn { background-position: -112px -90px; margin-right:4px; width:16px; } */ .ic7 .inline-icon { background: transparent url(../img/icons/icons7.png) no-repeat; } .infos .ic7 .inline-icon.skill-haircutter-icn { padding-left: 18px; height: 16px !important; } #itactive.ic4 .inline-icon { background: transparent url(../img/icons/icons4.png) no-repeat; } #itactive.ic4 .offers-icn { background-position: -12px -36px; } #itactive.ic4 .offers-v2-icn { background: url(../img/icons/icons8.png) 0 0; } #itactive.ic4 .market-icn { background-position: -12px -63px; } #profileInfoWrapper { position: relative; padding-top: 15px; float: left; width: 100%; text-align: left; } #profileInfoWrapper .jspVerticalBar { border-right: none; } #profileInfoContainer { margin: 0 30px 0 150px; font-size: 1.2em; line-height: 1.4em; } #profileInfoContainer.info-wide { margin-left: 20px; } #switchContainers { width: 150px; margin-left: -100%; margin-top: 15px; float: left; font-size: 1.4em; font-weight: bold; text-align: left; } #switchContainers .icoActive { color: #af1a1e; } #switchContainers a { text-decoration: none; line-height: 2em; } #info-container #note-container, #info-side-container { min-height: 130px; } #info-side-container { font-size: 1.1666em; line-height: 1.4em; } #info-side-container .ability { margin-bottom: 5px; } #info-side-container .twoCol.first .ability { margin-right: 10px; } #info-side-container .twoCol.last .ability { margin-left: 10px; } #info-side-container .ico.info { margin-left: 4px; vertical-align: middle; } #side-menu-note { position: absolute; top: 25px; right: -10px; width: 41px; } #side-menu-note li { text-align: center; padding: 5px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #e7e7e7; } #side-menu-note li#smnactive { border-color: #e7e7e7; border-left-color: #fff; } #side-menu-note li .ico { vertical-align: middle; } #side-menu-note .label { display: none; } #noteContent { padding-top: 5px; } .roundedGrayBox { border-radius: 5px; border: 1px solid #e9e9e9; padding: 5px 10px 3px 15px; } .wmiddle-expandable { height: auto; } /* .wmiddle-expandable { padding: 12px 15px 14px 18px; background: #fff; border-radius: 7px; }*/ #info-container.white-box .wmiddle-expandable .wcenter-expandable { background-color: #fff; } #info-container.white-box .wmiddle-expandable .wleft-expandable { background: url(../img/boxes/middle-tabs-left.png) repeat-y; padding-left: 18px; } #info-container.white-box .wmiddle-expandable .wright-expandable { background: url(../img/boxes/middle-tabs-right.png) repeat-y 100% 0; padding-right: 15px; } #main-container.dark-gray-box .dark-gray-box .wcenter-expandable, #main-container.dark-gray-box .wmiddle-expandable { background: #d7d7d7; } #main-container.dark-gray-box .wleft-expandable { padding-left: 5px; background-image: none; } #main-container.dark-gray-box .wright-expandable { padding-right: 5px; background-image: none; } #info-side-container.gray-box .wmiddle-expandable, #info-side-container.gray-box .wmiddle-expandable .wcenter-expandable { background: #f0f0f0; } #main-container.dark-gray-box #info-side-container.gray-box .wleft-expandable { padding-left: 9px; background-image: none; } #main-container.dark-gray-box #info-side-container.gray-box .wright-expandable { padding-right: 9px; background-image: none; } /* #info-container #note-container { width: 486px; height: 208px; margin-left: 210px; padding-top: 5px; } */ #note-container.white-border-gradient-box .wtop { height: 5px; } #note-container.white-border-gradient-box .wbottom { height: 6px; zoom: 1; } #note-container.white-border-gradient-box .wcenter { width: 474px; } #note-container.white-border-gradient-box .wtop .wright, #note-container.white-border-gradient-box .wbottom .wright, #note-container.white-border-gradient-box .wtop .wleft, #note-container.white-border-gradient-box .wbottom .wleft { width: 6px; } #note-container.white-border-gradient-box .wtop .wright { background: url(../img/boxes/top-border-gradient-right.gif) no-repeat; } #note-container.white-border-gradient-box .wbottom .wright { background: url(../img/boxes/btm-border-gradient-right.gif) no-repeat; } #note-container.white-border-gradient-box .wtop .wleft { background: url(../img/boxes/top-border-gradient-left.gif) no-repeat; } #note-container.white-border-gradient-box .wbottom .wleft { background: url(../img/boxes/btm-border-gradient-left.gif) no-repeat; } #note-container.white-border-gradient-box .wmiddle-expandable .wcenter-expandable { background: #f2f2f2 url(../img/boxes/middle-border-gradient-center.jpg?1) repeat-x 0 0; height: 204px; } #note-container.white-border-gradient-box .wmiddle-expandable .wleft-expandable { background: #d7d7d7; padding-left: 1px; } #note-container.white-border-gradient-box .wmiddle-expandable .wright-expandable { background: #d7d7d7; padding-right: 1px; } #note-container.white-border-gradient-box .wtop .wcenter { background: url(../img/boxes/top-border-gradient-center.gif) repeat-x; } #note-container.white-border-gradient-box .wbottom .wcenter { background: url(../img/boxes/btm-border-gradient-center.gif) repeat-x; } #info-container #note-container .textarea-expandable { /*width: 325px;*/ width: 345px; height: 195px; padding: 10px 0 0 10px; float: left; } #info-container #note-container .textarea-expandable .wcenter { /*width: 313px;*/ width: 333px;} #info-container #note-container .textarea-expandable .note-content { height: 185px; overflow: auto; font-size: 1.1em; /*overflow: scroll; */ } #info-container #note-container .textarea-expandable .note-content p { padding: 0 0 1em; } #info-container #note-container .textarea-expandable .members, .forum-item .members { width: 50px; margin-right: 10px; } #info-container #note-container .textarea-expandable .nick, .forum-item .nick { width: 50px; height: 13px; overflow: hidden; text-align: center} #info-container #note-container .white-border-box .wtop .wcenter { background: url(../img/boxes/top-border-center.png) repeat-x; } #info-container #note-container .white-border-box .wtop .wleft { background: url(../img/boxes/top-border-left.png) no-repeat; } #info-container #note-container .white-border-box .wtop .wright { background: url(../img/boxes/top-border-right.png) no-repeat; } #info-container #note-container .white-border-box .wbottom .wcenter { background: url(../img/boxes/btm-border-center.png) repeat-x; } #info-container #note-container .white-border-box .wbottom .wleft { background: url(../img/boxes/btm-border-left.png) no-repeat; } #info-container #note-container .white-border-box .wbottom .wright { background: url(../img/boxes/btm-border-right.png) no-repeat; } #info-container #note-container .white-border-box .wmiddle-expandable .wleft-expandable { background: #e7e7e7; padding-left: 1px; } #info-container #note-container .white-border-box .wmiddle-expandable .wright-expandable { background: #e7e7e7; padding-right: 1px; } #info-container #note-container .white-border-box .wmiddle-expandable .wcenter-expandable { background:#fff none; height: auto; } .textarea-expandable textarea { width: 100%; height: 170px; border: 0; font: normal normal normal 1.1em/1.5 normal Arial, helvetica, sans-serif; overflow-x: hidden; overflow-y: auto; resize: none; } .textarea-expandable .wcenter-expandable { padding: 0 5px; } /* #side-menu-note { margin-left: 355px; padding-top: 20px; font-size: 1.1em; margin-right: 0; width: 125px;} #side-menu-note li { padding-left: 16px; padding-bottom: 10px; background: url(../img/line/fancy-line2.png) no-repeat -12px 19px; } #side-menu-note a { text-decoration: none; position: relative; z-index: 1; top: 0; left: 0; display: block; padding-left: 11px; } #side-menu-note .icon { background: url(../img/icons/icons.png) no-repeat; } #side-menu-note .red-arrow-icn { background-position: -167px -17px; width: 6px; height: 6px; display: block; top: 5px; } #side-menu-note .last { background-image: none; } #side-menu-note span { color: #af2427; padding-right: 3px; } #side-menu-note li.active, #side-menu-note #smnactive { color: #000; margin: 0; padding: 10px 5px 18px 16px; font-weight: bold; font-size: 100%; background: url(../img/bgs/side-menu-active.png) no-repeat top left; } */ #fancy-buttons { position: absolute; width: 100%; height: 16px; z-index: -1; bottom: -10px; left:0; text-align: center; } #fancy-buttons .fbicons { text-align: center; clear: both; } #fancy-buttons .finline-icon { background: url(../img/icons/icons.png) no-repeat; padding-left:36px; padding-top:3px; position:relative; top:3px; margin: 0 1px; } #fancy-buttons .collapse-icn { background-position: -163px -173px; } #fancy-buttons .expand-icn { background-position: -201px -173px; } #fancy-buttons .maximalize-icn { background-position: -239px -173px; } #info-container-cleaner { position: static; margin-top: -42px; } #album-slideshow { width: 720px; height: 184px; /*background: url(../img/album-slideshow/bg_gray.png) no-repeat 0 25px;*/ margin-left: 5px; position: relative; z-index: 0; left: 0; top: 0; } #album-slideshow-album-detail h2, #album-slideshow h2 { font-size: 1.8em; height: 25px; text-align: center; margin-bottom: 15px; } #album-slideshow #album-stabs { width: 698px; top: 22px; left: 0; padding:0 11px; position: absolute; z-index: 1; } #album-stabs li { float: left; display: block; } #album-stabs .last { float: right; } #album-stabs a { /*background: url(../img/slidding-doors/slideshow-tab-left-gray.gif) no-repeat 0 -18px; */ display: block; background: #b6b6b6; color: #fff; text-decoration: none; font-size: 1.1em; line-height: 18px; white-space: nowrap; padding: 0 15px; margin-right: 1px; border-radius: 10px 10px 0 0; } /*#album-stabs span { height: 18px; line-height: 18px; white-space: nowrap; margin-left: 20px; background: url(../img/slidding-doors/slideshow-tab-right-gray.gif) no-repeat 100% -18px; padding-right: 20px; cursor: pointer; } #album-stabs a, #album-stabs span { display: block; } */ #album-stabs a:hover, #album-stabs a:focus { color: #af1a1e; } #album-stabs .last a:hover, #album-stabs .last a:focus { color: #000; } #album-stabs .last a { background: none; font-size: 12px; color: #5a5a5a; font-weight: bold; border-radius: 0; text-decoration: underline; } #album-stabs .last a:hover { color: #af1a1e; } #album-stabs .last a.icoInside.great { padding: 10px 6px 10px 40px; margin-top: -20px; } #album-stabs #asactive a { background: #fff; color: #af1a1e; } /* #album-stabs .last a { background-position: 0 0; } #album-stabs .last span { background-position: 100% 0; } #album-stabs #asactive a { background-position: 0 -36px; } #album-stabs #asactive span { background-position: 100% -36px; color: #af1a1e; } */ .ssitem ul { position: absolute; width: 100%; height: 101px; background: url(../img/overlay/80black.png) repeat; top: 0; left: 0; z-index: 1; } .ssitem h4, #album-slideshow-slider .ssitem li { text-align: center; color: #fff; width: auto; height: auto; margin: 0; font-size: 1.1em; } .ssitem h4 { font-weight: bold; display: block; position: absolute; top: 110px; z-index: 1; width: 105px; color: #8e8e8e; left: 0; height: 15px; overflow: hidden } #album-slideshow-slider .ssitem .date { position: absolute; bottom: 5px; width: 100%; } .ssitem .multi-lines { top: 104px; } .ssitem ul { display: none; } .ssitem.disable h4 { color: #fff; } .ssitem.disable .img-wrapper { background-color: #fff; display: block; height: 100px; } .ssitem.disable img { position: absolute; top: 0; left: 0; z-index: 1; clip: rect(1px 99px 99px 1px); } #album-slideshow-slider .ssitem .album-actions { display: none; position: relative; z-index: 1000; bottom: 50px; left: 15px; font-size:1.1em; } #album-slideshow-slider .ssitem .album-actions a { color: #fff; } #album-slideshow-album-detail { /*width: 702px; */ position: relative; z-index: 1; top:0; left: 0; margin: 40px 3px 10px -3px; padding-bottom: 30px; } #album-slideshow-album-detail h2 { /*margin: 0 0 4px 200px; width: 400px; overflow: hidden;*/ margin-bottom: 5px; } #album-slideshow-album-detail .icons { position: absolute; top: 5px; right: 15px; z-index: 1; } #album-slideshow-album-detail .icons li { float: left; width: 20px; height: 18px; margin-right: 15px; position: relative; z-index: 1; top:0; left: 0; } #album-slideshow-album-detail .icons .separator { width: 1px; height: 10px; position: absolute; right: -7px; top: 4px; background: url(../img/icons/icons.png) no-repeat -83px -147px; } /*#album-slideshow-album-detail .icons a { width: 100%; height: 100%; background: url(../img/icons/icons.png) no-repeat; }*/ #album-slideshow-album-detail .icons .slideshow-icn { background-position: -59px -141px; } #album-slideshow-album-detail .icons .send-msg-icn { background-position: -91px -141px; } #album-slideshow-album-detail .icons .last { margin-right: 0; } #album-slideshow-album-detail .icons a:hover.slideshow-icn, #album-slideshow-album-detail .icons a:focus.slideshow-icn { background-position: -59px -173px; } #album-slideshow-album-detail .icons a:hover.send-msg-icn, #album-slideshow-album-detail .icons a:focus.send-msg-icn { background-position: -91px -173px; } #album-slideshow-album-detail .paggination a { padding: 5px 10px; display: inline-block; margin-top: 20px; margin-bottom: -5px; border: 1px solid #888888; background: none; color: #5a5a5a; border-radius: 5px; -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,.2); -moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,.2); box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,.2); } #album-slideshow-album-detail .paggination a:hover { /*color: #af1a1e; border-color: #af1a1e;*/ color: #000; }/* #album-slideshow-album-detail .at-email a .at16nc { width: 20px; height: 20px; background: url(../img/icons/icons.png) -385px 0 no-repeat; } #album-slideshow-album-detail .at-email a:hover .at16nc { background-position: -385px -20px; } .addthis-btn.at-email a .at16nc { width: 23px; height: 16px; background: url(../img/icons/icons.png) -610px -4px no-repeat; margin-top: 2px; }*/ .addthis-btn.at-email a .at16nc { width: 20px; height: 20px; background: url(../img/icons/icons.png) -385px 0 no-repeat; } .addthis-btn.at-email a:hover .at16nc { background-position: -385px -20px; } .album-page li { float: left; } /* .ssditem { background:url(../img/album-slideshow/frame.png) no-repeat scroll 0 0 transparent; height:100px; margin:13px 21px 13px 0; padding:11px; width:100px; cursor: pointer; } .ssditem { cursor: pointer; }*/ .no-ssditem-bg .ssditem {background:none;padding:0;margin:0;} /*.album-admin.nahled .ssditem:hover { background:url(../img/album-slideshow/frame-selected.png) no-repeat scroll 0 0 transparent; }*/ .ssditem h4 { display: none; } /* .ssditem h4 a { background:url(../img/overlay/90gray.png) repeat scroll 0 0; font-size:1.1em; height:92px; position:absolute; text-align:center; top:11px; width:100px; left: 11px; padding-top: 10px; text-decoration: none; color: #000;overflow:hidden; } */ .ssditem h4 a span { font-weight: normal; display: block; margin-top: 10px; } .ssditem .separator { top: 0; position: absolute; z-index: 1; right: -11px; width: 1px; height: 100px; margin-top: 11px; background: url(../img/album-slideshow/vertical-line.png) no-repeat; } .ssditem.last, .album-admin .ssditem.last { margin-right: 0; } .ssditem.last .separator { display: none; } .ssditem .vimeo-logo, .ssditem .youtube-logo { position: absolute; z-index: 1000; bottom: 60px; right: 10px; width: 55px; height: 20px; } .ssditem .youtube-logo { background: url(../img/icons/youtube.png) no-repeat; } .ssditem .vimeo-logo { background: url(../img/icons/vimeo.png) no-repeat; } /* .ssditem .item-actions { display: none; position: absolute; z-index: 1000; bottom: 50px; left: 15px; font-size:1.1em; } */ .ssditem .img-loader { margin-left: 37px; margin-top: 37px; } .album-admin .ssditem { margin-right: 10px;} #selected-photos.album-admin h3.ttl { text-align: center; height: 30px; font-size: 100%; margin-top: 6px; color: #8e8e8e; } .album-page .ssditem h4 { display: none; color: #FFF; font-weight: normal; position: absolute; top: 0; bottom: 0; width: 100%; background:url(../img/overlay/10white.png) repeat scroll 0 0; } /*.album-page .ssditem h4.with-commands { background:url(../img/overlay/10white.png) repeat scroll 0 0; }*/ .album-page .ssditem h4 a { /*color: #FFF; background: none; text-decoration: underline; display: block; position: relative; width: 100%; height: 100%; top: 0; left: 0; padding: 0; text-align: center;*/; display: block; height: 100%; } .album-page .ssditem h4 a:hover { color: #e3000d;} .ssditem.simple { /*background: none; padding: 0; width:160px; height: 160px;*/ } #main-bottom-container { margin-top: 10px; } .frameblock { width: 50px; float: left; } .content-item { clear: both; } .rcmd-icn { color:#FFFFFF; float:left; height:23px; margin-right:10px; padding-left:8px; padding-top:2px; width:12px; } .item { clear: both; padding: 10px 0; } ul.top-menu { position: absolute; right: 0; top: 0; margin-top: 20px; } .heading li, .bottom-menu li, .top-menu li { float: left; padding-right: 4px; margin-right: 4px; border-right: 1px #000 solid; font-size: 11px; line-height: 11px; } .bottom-menu li.li-loader { border:none; } ul.top-menu2 { margin-top: 15px; right: 25px; } ul.top-menu3 { margin-top: 15px; left: 25px; } .heading .rcmd, .bottom-menu .last, .heading .last, .top-menu .last { padding-right: 0; margin-right: 0; border-right: 0; } .heading .right-i { float: right; } .heading .rcmd { float: right; color: #af1a1e; } .content-item p { font-size: 1.1em; color: #5b5a5a; line-height: 1.5em; overflow: hidden; /*height: 3em;*/ } a.send-msg-icn { background-position: 0 -159px; padding-right:0; height:12px; } a.block-usr-icn { background-position: -312px -100px; padding-right:0; height:12px; width:12px; } .sbutton { background: url(../img/slidding-doors/red-btn-left.png) no-repeat 0 0; padding-left: 10px; } .sbutton span { background: url(../img/slidding-doors/red-btn-right.png) no-repeat 100% 0; padding-right: 35px; height: 20px; line-height: 20px; cursor: pointer; } .bg-red { color: #fff; font-weight: bold; text-decoration: none; font-size: 1.1em; float: left; margin-bottom: 7px; } .bg-red:hover, .bg-red:focus { color: #5b0101; } .report-photo { float: right; font-size: 11px; padding-left: 20px; } .report-btn { float: right; color: #5B5A5A; font-size: 11px; } .report-btn .report-icn, #report-btn .report-icn { background:url("../img/icons/icons.png") no-repeat scroll 0 -145px transparent; height:12px; left:0; top:3px; width:15px; } .sbutton, .sbutton span { display: inline-block; } .sbutton span span { background:url("../img/icons/icons.png") no-repeat scroll 0px -132px; height:10px; left:auto; margin:0; padding:0; position:absolute; right:10px; top:6px; width:10px; } .sbutton:hover span span { background-position: -166px -5px; } .tab { position: absolute; z-index: 1; top: -14px; left: 12px; background: url(../img/bgs/tab.gif) no-repeat; width: 21px; height: 14px; } .tab.t2 { left: 36px; } .photo-icn { background:url("../img/icons/icons.png") no-repeat scroll -184px -30px transparent; height:10px; left:5px; top:2px; width:13px; } .gr-icn { background:url("../img/icons/icons.png") no-repeat scroll -283px -173px transparent; height:10px; left:5px; top:2px; width:13px; } .favorite-icn { background:url("../img/icons/icons.png") no-repeat scroll -283px -188px transparent; height:10px; left:5px; top:2px; width:13px; } .top-icn { /* background:url("../img/icons/icons.png") no-repeat scroll -283px -158px transparent; */ height:10px; left:18px; top:0px; width:13px; } a:hover.photo-icn, a:focus.photo-icn { background-position: -184px -16px; cursor: pointer; } #info-container.no-offset-bottom { margin-bottom: 0; } #bottom-info-menu { padding: 10px 0 10px 32px; } #info-container #note-container.wide { margin-left: 0; width: 690px; } #note-container.white-border-gradient-box.wide .wcenter { width: 678px; } #info-container #note-container.wide .textarea-expandable { width: 520px; } #info-container #note-container.wide .textarea-expandable .wcenter { width: 508px; } #info-container #note-container.wide #side-menu-note { margin-left: 545px; } #top-profile.fluid .wcenter-expandable { background-color: #fff; } #top-profile.fluid { height: auto; } #top-profile.fluid h2.ttl { margin-bottom: 5px; } #top-profile.fluid p { font-size: 1.1em; margin-bottom: 15px; padding-right: 15px; } #search { width: 235px; height: 23px; margin-right: 0; position: absolute; top: 4px; right: 9px; /*right: 24px; z-index: 1; */ } #search.offers-search { right: 200px; } #search.notes-search { width: 276px; right: 5px; } .label-hlp { font-size: 1.1em; color: #5b5a5a; line-height: 23px; margin-bottom: 10px; font-weight: bold; } .label-radio, label { float: left; font-size: 11px; /* font-size: 1.1em; probrat s Radkem velikost labelu */ color: #5b5a5a; line-height: 26px; margin-right: 10px; } #search-bg { /*background: url(../img/search/bg3.png) no-repeat;*/ background: url("../img/search/search-bg.png") no-repeat; width: 235px; height: 23px; display: block; float: right; } #search-text { border: 0; color: #5B5A5A; background-color: #fff; width: 98px; height: 14px; position: absolute; top: 4px; left: 12px; font-size: 1.1em; } #search-submit { height:21px; overflow:hidden; position:absolute; right:0; top:1px; width:30px; background: url(../img/icons/icons.png) no-repeat -250px -117px; } /*#search.over #search-submit, */ #search-submit:hover, #search-submit:focus { background-position: -250px -137px; } #search-text, #search-submit { border: 0; } #search-user, #search-user-on { position: absolute; top: 0px; right: 30px; width: 91px; height: 23px; overflow: hidden; /*background: url(../img/search/bg3-user.png) no-repeat;*/ } #search-user span { display: block; padding: 6px 5px 5px 10px; color: #717171;} #search-user-list {position: absolute; top: 23px; right: 30px; width: 91px;padding: 10px 0;color: #717171; background:url(../img/search/bg3-user-list.png) no-repeat bottom; } #search-user-list li { padding: 3px 10px; } #search-user-list li a { color: #717171; text-decoration: none;} #search-user-list li a:hover { color: #af1a1e;} #search-user.search-on {background: url(../img/search/bg3-user-on.png) no-repeat; } #show-btn { background: url(../img/btns/show-bg.png) no-repeat; width: 88px; height: 27px; display: block; line-height: 27px; padding-right: 30px; text-align: center; font-size: 1.2em; text-decoration: none; position: absolute; top: 0; left: 0; z-index: 0; } #show-btn.wider { background-image: url(../img/btns/show2-bg.png); width: 144px; } #create-notes-btn, #create-btn, .add-btn {/* width: 137px; padding-left: 33px; margin-bottom: 5px; background: url(../img/btns/create-bg.png) no-repeat 0 0; display: block; line-height: 29px; font-size: 1.1em; text-decoration: none; position: absolute; top: 0; right: 0; z-index: 0; */ position: absolute; top: 0; right: 0; font-size: 1.1em; text-decoration: none; margin-bottom: 5px; background: url(../img/btns/ico-add.png) 5px 50% no-repeat #fff; padding: 6px 15px 6px 35px; border-radius: 10px;/* -moz-box-shadow: 0 1px 1px rgba(1,1,1,.2); -webkit-box-shadow: 0 1px 1px rgba(1,1,1,.2); box-shadow: 0 1px 1px rgba(1,1,1,.2);*/ } #create-btn { position: static; float: right; } .fp-tabs #create-btn { border: 1px solid #ededed; } #create-btn.fright, .add-btn.fright { position: relative; top: 0; right: 0; z-index: 0; } #create-notes-btn { left: 10px; right: auto; width: 112px; background-image: url(../img/btns/create-notes-bg.png); } #viewcomments { position:relative;left:0;top:25px; } #viewcomments #create-btn { top:0px;right:290px; } .settings-show { height: 27px; color: #5b5a5a; } .settings-show-bg { height: 47px; color: #5b5a5a; background: url(../img/bgs/settings-show-bg.png) no-repeat top left;} /* .settings-show-bg .filter-box { width: 422px; height: 26px; background:none; } .settings-show-bg .offer-filter {top: 11px; right: 8px;width: 240px; } */ .settings-show-bg #filter-offers { position: absolute; z-index: 1; left:10px; top: 11px; } .notes-show { margin-left: -15px; } .settings-show { margin: 0 15px; } #info-container.small-margin-bottom { margin-bottom: 20px; } #album-slideshow-album-detail.offset-margin { margin: 20px 0 0 15px; } .paggination { text-align: center;/* line-height: 27px;*/ width: 690px; margin: 30px auto 10px; } .paggination.empty { display: none; } #albumPaggination .paggination { margin: 0; } .paggination li { /*display: inline; font-size: 1.1em;font-weight: bold; padding: 0; margin: 0 2px; color: #646363;-moz-border-radius: 4px; border-radius: 4px;*/ display: inline-block; margin-right: 3px; font-size: 12px; } /* .paggination li.current { background: #5b5a5a;padding: 1px 6px; color: #FFF; } .paggination li.dots { padding: 1px 6px; } .paggination li.dokeys a, .paggination li.dokeys { background: none; border: none;color: #646363; }*/ .paggination a, .paggination li.current { /*text-decoration: none; padding: 1px 6px; color: #FFF; background: #af1a1e; -moz-border-radius: 4px; border-radius: 4px;*/ display: inline-block; line-height: 16px; text-decoration: none; padding: 4px 8px 3px; color: #737373; border: 1px solid #b2b2b2; border-radius: 6px; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background: #fff; } .paggination li.current { box-shadow: inset 0 0 9px rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 9px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,.3); padding: 4px 8px 3px; color: #af1a1e; } .paggination a:hover { border-color: #af1a1e; background: #af1a1e; color: #fff; } .paggination li.dokeys a, .paggination li.dokeys a:hover { border: none; background: none; color: #000; padding: 5px 4px 4px; } .paggination li.dokeys a span { position: relative; top: -1px; } .styled-selectbox { width: 140px; float: left; height: 25px; cursor: pointer; } .styled-selectbox-left { padding-left: 10px; height: 100%; background: url(../img/styled-selectbox/left.png) no-repeat 0 0; display: inline; position: absolute; top: 0; left: 0; } .styled-selectbox-center { width: 120px; display: inline-block; height: 100%; background: url(../img/styled-selectbox/center.png) repeat-x; margin: 0 10px; line-height: 25px; font-size: 1.1em; } .styled-selectbox-right { padding-right: 10px; height: 100%; background: url(../img/styled-selectbox/right.png) no-repeat 0 0; display: inline; position: absolute; top: 0; right: 0; } .styled-selectbox-icon { width: 10px; height: 10px; position: absolute; right: 7px; top: 7px; z-index: 0; background: url(../img/icons/icons.png) no-repeat -288px -122px; } .styled-selectbox-icon.bind-tooltip-click { cursor:pointer; } .styled-selectbox:hover .styled-selectbox-icon, .styled-selectbox:focus .styled-selectbox-icon { background-position: -288px -137px; } #sort-btn-dropdown { left:50%; top:410px; width:200px; margin-left: 116px; } #sort-btn-dropdown .wcenter, #sort-btn-dropdown .wcenter-expandable { width: 178px; } #sort-btn-dropdown .wmiddle.wtabmiddle .wcenter, #sort-btn-dropdown .wtop.wtabtop .wcenter { width: 120px; } #show-btn-dropdown { left:0; top:0; width:200px; } #show-btn-dropdown .wcenter, #show-btn-dropdown .wcenter-expandable { width: 178px; } #show-btn-dropdown .wmiddle.wtabmiddle .wcenter, #show -btn-dropdown .wtop.wtabtop .wcenter { width: 120px; } .dropdown { position: absolute; z-index: 30000; left: 0; top: 0; text-align: left; font-size: 1.1em; color: #5b5a5a; } .dropdown .wtop { height: 11px; position: relative; z-index: 1; top: 0; left: 0; } .dropdown .wbottom { height: 13px; } .dropdown .wtop .wright, .dropdown .wbottom .wright { width: 11px; } .dropdown .wtop .wleft, .dropdown .wbottom .wleft { width: 11px; } .dropdown .wtop .wright { background: url(../img/dropdown/top-right.png) no-repeat 0 100%; zoom: 1; } .dropdown .wbottom .wright { background: url(../img/dropdown/btm-right.png) no-repeat; } .dropdown.tabstyle .wtop.wtabtop .wleft, .dropdown .wtop .wleft { background: url(../img/dropdown/top-left.png) no-repeat 0 100%; } .dropdown .wbottom .wleft { background: url(../img/dropdown/btm-left.png) no-repeat; } .dropdown .wtop .wcenter, .dropdown .wbottom .wcenter { background: #f0f0f0; } .dropdown .wtop .wcenter { background: url(../img/dropdown/top-center.png) repeat-x 0 100%; } .dropdown .wbottom .wcenter { background: url(../img/dropdown/btm-center.png) repeat-x; } .dropdown .wmiddle.wtabmiddle .wcenter, .dropdown .wmiddle-expandable .wcenter-expandable { background-color: #fff; } .dropdown .wmiddle.wtabmiddle .wleft, .dropdown .wmiddle-expandable .wleft-expandable { background: url(../img/dropdown/midl-left.png) repeat-y; padding-left: 11px; } .dropdown .wmiddle.wtabmiddle .wright, .dropdown .wmiddle-expandable .wright-expandable { background: url(../img/dropdown/midl-right.png) repeat-y 100% 0; padding-right: 10px; } .dropdown.tabstyle .wtop .wleft { background: url(../img/dropdown/midl-left.png) repeat-y; } .dropdown .wmiddle.wtabmiddle .wleft, .dropdown .wmiddle.wtabmiddle .wright { padding: 0; width: 11px; } .dropdown.tabstyle .wtop { margin-top: 25px; } .dropdown.tabstyle .wtabbottom, .dropdown.tabstyle .wmiddle.wtabmiddle, .dropdown.tabstyle .wtop.wtabtop { position: absolute; top: 0; left: 0; z-index: 1; margin-top: 2px; } .dropdown.tabstyle .wmiddle.wtabmiddle { height: 14px; top: 11px; } .dropdown.tabstyle .wmiddle.wtabmiddle span { position: relative; top: -6px; } .dropdown.tabstyle .wtabbottom { background: #fff; height:3px; left:8px; right:0; top:23px; width:111px; } #album-slideshow-album-detail.description-items { margin: 20px 0 0 20px; } #album-slideshow-album-detail.description-items .ssditem { /*height: 110px; background: url(../img/album-slideshow/frame-bigger.png) no-repeat; margin: 13px 15px 5px 0;*/ } #album-slideshow-album-detail.description-items .album-page { text-align: center; margin-left: 15px; } #album-slideshow-album-detail.description-items .ssditem:hover, #album-slideshow-album-detail.description-items .ssditem:focus { background-position: 0 -132px; } #album-slideshow-album-detail.description-items .ssditem h5 { font-size: 1.1em; padding-top: 2px; font-weight: normal; color: #5b5a5a; text-align: left; overflow: hidden; height: 1.1em; } /* #album-slideshow-album-detail.description-items .ssditem h4 a { height: 90px; }*/ #album-slideshow-album-detail.description-items .ssditem h5 a { text-decoration: none; } #album-slideshow-album-detail.description-items .ssditem .count { margin-left: 75px; color: #9e9e9e; padding-top: 2px; text-align: right; } #info-container .ssditem {margin: 13px 15px 5px 15px; } #next-album-detail, #prev-album-detail { position: absolute; top: 163px; left: 0; z-index: 0; height: 280px; width: 25px; background: url(../img/icons/icons2.png) no-repeat; display: block; } #next-album-detail { left: auto; right: -15px; background-position: -41px 0; } #prev-album-detail { left: -25px; background-position: 0 0; } #next-album-detail:hover, #next-album-detail:focus { background-position: -111px 0; } #prev-album-detail:hover, #prev-album-detail:focus { background-position: -70px 0; } .gdetail-images { width: 100%; text-align: center; padding: 45px 0 15px 0; } #gdetail .icon { width: 11px; height: 15px; display: block; background: url(../img/icons/icons3.png) no-repeat; top: 16px; } #gdetail .prev-small-icn { left: 20px; background-position: -1px -1px; } #gdetail .next-small-icn { left: auto; right: 20px; background-position: -28px -1px; } #gdetail :hover.prev-small-icn, #gdetail :focus.prev-small-icn { background-position: -1px -32px; } #gdetail :hover.next-small-icn, #gdetail :focus.next-small-icn { background-position: -28px -32px; } .full-container { margin-left:-13px; width:748px; margin-top: 8px; } .full-container .wcenter { width: 715px; } .full-container.white-box .wcenter-expandable { background-color: #fff; } .full-container.full-container2 { width:698px; margin: 0; } .full-container.full-container2 .wcenter { width: 200px; } /* #info-container #messages .forum-item { border-radius: 10px; border: 1px solid #e6e6e6; }*/ #info-container #messages .forum-item.red-box { border: none; } #info-container #messages .red-box .wtop .wcenter { background: url("../img/boxes/top-red-center.png") repeat-x; } #info-container #messages .red-box .wbottom .wcenter { background: url("../img/boxes/btm-red-center.png") repeat-x; } #info-container #messages .red-box .wmiddle-expandable .wright-expandable { background: url("../img/boxes/middle-red-right.png") repeat-y scroll 100% 0 #fff; } #info-container #messages .red-box .wmiddle-expandable .wleft-expandable { background: url("../img/boxes/middle-red-left.png") repeat-y scroll 0 0 #fff; } #info-container #messages .red-box .wtop .wright { background: url("../img/boxes/top-red-right.png") repeat-x; } #info-container #messages .red-box .wtop .wleft { background: url("../img/boxes/top-red-left.png") repeat-x; } #info-container #messages .red-box .wbottom .wright { background: url("../img/boxes/btm-red-right.png") repeat-x; } #info-container #messages .red-box .wbottom .wleft { background: url("../img/boxes/btm-red-left.png") repeat-x; } #info-container #messages .red-box .wmiddle-expandable .wcenter-expandable { background-color: #f9f4ee; } #messages .reply-msg.forum-item .foi-content { width: 605px; } #messages .reply-msg.forum-item { margin: 20px 0 0; } #info-container #notes .note-detail .wmiddle-expandable, #info-container #notes { width: 698px; } #info-container #notes { padding-top: 17px; margin-left: -3px; } /* #info-container #notes .note { background: url(../img/bgs/note-line2.png) no-repeat; }*/ #info-container #notes .note { background: #fff; border: 1px solid #d7d7d7; margin: 0 0 -1px 0; border-radius: 10px; height: 38px; } #info-container #notes .note.last { margin-bottom: 0; } #info-container #notes .note.active { /*height: 48px; margin-bottom: -30px;*/ margin-bottom: -15px; position: relative; z-index: 10 } #info-container #notes .note-detail-inner .frame { width: 50px; float: left; margin-right:5px; } #info-container #notes .foi-content.note-content { width: 598px; float: left; } #info-container #notes .note-example { border-bottom: 1px solid #d9d9d9; position: relative; top: 0; z-index: 1; left: -8px; padding-bottom: 0; margin-bottom: 10px; padding-left: 14px; width: 100%; display: block; xfloat: left; } #info-container #notes .note-example.last { border-bottom: 0; margin-bottom: 0; zoom: 1; padding-bottom: 1px; } #info-container #notes .note-example .fp-checkbox { position: relative; top: -5px; left: 0; } /* #info-container #notes */ .note-admin-box { position: absolute; top: 10px; right: 20px; /*background: url(../img/bgs/white-box.png) no-repeat;*/ background: #fff; border-radius: 5px; width: auto; height: auto; padding: 5px 0; } #info-container #notes .note-example .wide-button { margin-bottom: 10px; } #info-container #notes .note-example.last .wide-button { margin-bottom: 0; } #info-container #notes .num, #info-container #notes .num2 { display: block; float: left; height: 12px; line-height: 12px; margin: 13px 0; } #info-container #notes .num { border-right: 1px solid #5B5A5A; margin-right: 5px; padding-right: 5px; } #info-container #notes .light-gray-box { width: 700px; margin: 0 0 10px; } #info-container #notes .light-gray-box .wmiddle-expandable { width: 100%; } #info-container #notes .light-gray-box .wcenter { /*width: 677px;*/ width: 684px; } .white-box2 .wbottom, .white-box2 .wtop { height: 13px; } .white-box2 .wleft { width: 12px; } .white-box2 .wright { width: 14px; } .white-box2 .wtop .wcenter { background: url(../img/boxes/top-center-white-box2.png) repeat-x; } .white-box2 .wtop .wleft { background: url(../img/boxes/top-left-white-box2.png) no-repeat; } .white-box2 .wtop .wright { background: url(../img/boxes/top-right-white-box2.png) no-repeat; } .white-box2 .wmiddle-expandable .wleft-expandable { /*background-image: url(../img/boxes/mdl-left-white-box2.png);*/ padding-left: 12px; } .white-box2 .wmiddle-expandable .wright-expandable { /*background-image: url(../img/boxes/mdl-right-white-box2.png); */} .white-box2 .wbottom .wcenter { background: url(../img/boxes/btm-center-white-box2.png) repeat-x; } .white-box2 .wbottom .wleft { background: url(../img/boxes/btm-left-white-box2.png) no-repeat; } .white-box2 .wbottom .wright { background: url(../img/boxes/btm-right-white-box2.png) no-repeat; } .infos2 { float: left; margin: 4px 0; } .infos { /*margin-top: 15px;*/ padding: 0; } ul.infos { margin: 15px 0 -9px 0; padding: 10px 15px 10px;position: relative; z-index: 999;/* background: #f3f3f3*/;-moz-border-radius-topleft: 15px;border-top-left-radius: 15px;-moz-border-radius-topright: 15px;border-top-right-radius: 15px;} .infos li { float: left; border-right: 1px solid #ececec; padding-right: 6px; margin-right: 6px; } .infos .dlg-gallery-top { font-size: 11px; line-height: 20px; } .infos .right, .infos .last { border-right: 0; margin-right: 0; padding-right: 0; } .infos .inline-icon { padding-left: 17px; } .infos .inn { display: inline; height: 18px; } .infos .inn span { background: url(../img/icons/icons3.png) no-repeat; } /* .infos a span.at15t_email, .bookmarks a span.at15t_email { background: url("../img/icons/icons.png") no-repeat scroll 0 -159px transparent; width: 16px; height: 16px; display: block; overflow: hidden; padding-right: 4px; } */ .addthis-btn { float:left;margin-left:5px; } .addthis-btns { left:auto;margin-top:7px;position:absolute;right:120px;width:220px; } .addthis-btns-2 { left:auto;position:absolute;/*right:120px; */ right: 150px;} .infos a.inn .watch-icn { background-position: -122px -1px; padding-left: 12px; } .infos a.inn .watch-icn.active { background-position: -122px -31px; } .infos a.inn .eye-icn { background-position: -60px -1px; } .infos a.inn .eye-icn.active { background-position: -60px -31px; } .infos a.inn .favorite-big-icn { background-position: -88px -1px; padding-bottom: 4px; } .infos a.inn .favorite-big-icn.active { background-position: -88px -31px; } .infos .inn .lock-icn { background-position: 1px -30px; padding-bottom: 4px; background-image: url(../img/icons/icons5.png); } .infos .inn .lock-icn.active { background-position: 1px 0; } .infos a.inn .marker-icn { background-position: -68px -31px; padding-bottom: 4px; background-image: url(../img/icons/icons5.png); } .infos a.inn .marker-icn.active { background-position: -68px -1px; } .infos a.inn .answer-icn { background-position: -132px -32px; padding-bottom: 4px; background-image: url(../img/icons/icons5.png); } .infos a.inn .answer-icn.active { background-position: -132px -2px; } .infos a.inn .add-note { background-position: -164px -32px; padding-bottom: 4px; background-image: url(../img/icons/icons5.png); } .infos a.inn .add-note.active { background-position: -164px -2px; } .infos .right { float: right; } .w75 { width: 75px; } .gray { background:#ededed url(../img/bgs/gray-75.jpg) no-repeat 100% 0; } .inner-gray { background: url(../img/bgs/gray-75.jpg) no-repeat 0 100%; padding: 10px; } /*.infos a.icon { position: relative; z-index: 1; top: 0; left: 0; background-color: blue; } .infos .icon span { background: url(../img/icons/icons3.png) no-repeat; width: 15px; height: 15px; background-color: red; position: absolute; top: 0; left: 0; }*/ .gray-box-gray-border .wtop { height: 10px; } .gray-box-gray-border .wbottom { height: 11px; } .gray-box-gray-border .wleft { width: 11px; } .gray-box-gray-border .wcenter { width: 723px; } .gray-box-gray-border .wright { width: 11px; } .gray-box-gray-border .wtop .wleft { background-image: url(../img/boxes/top-left-gray-dark-border.png); } .gray-box-gray-border .wtop .wright { background-image: url(../img/boxes/top-right-gray-dark-border.png); } .gray-box-gray-border .wtop .wcenter { background-image: url(../img/boxes/top-center-gray-dark-border.png); } .gray-box-gray-border .wbottom .wleft { background-image: url(../img/boxes/btm-left-gray-dark-border.png); } .gray-box-gray-border .wbottom .wright { background-image: url(../img/boxes/btm-right-gray-dark-border.png); } .gray-box-gray-border .wbottom .wcenter { background-image: url(../img/boxes/btm-center-gray-dark-border.png); } .gray-box-gray-border .wmiddle-expandable .wleft-expandable { background-image: url(../img/boxes/mdl-left-gray-dark-border.png); padding-left: 11px; } .gray-box-gray-border .wmiddle-expandable .wright-expandable { background-image: url(../img/boxes/mdl-right-gray-dark-border.png); padding-right: 11px; } .gray-box-gray-border .wmiddle-expandable .wcenter-expandable { background-color: #ededed; } .gray-box-gray-border .wmiddle-expandable { width: 746px; } /* button { margin: 0; padding: 0; border: 0; background: transparent none; } */ .fbutton { background:transparent url(../img/slidding-doors/fbutton-left.png) no-repeat; padding: 0; margin: 0; border: 0; width: 100%; display: block; } .fbutton-right { background:url("../img/slidding-doors/fbutton-right.png") no-repeat scroll 100% 0 transparent; cursor: pointer; height: 37px; display: block; vertical-align: top; padding-left: 13px; } .fbutton-invert { background-image: url(../img/slidding-doors/gray-fbutton-left.png); } .fbutton-invert-right { background-image: url(../img/slidding-doors/gray-fbutton-right.png); } .fbutton .farrow-icn { background: url(../img/icons/icons3.png) no-repeat -68px -57px; width: 10px; height: 16px; right: 15px; top: 12px; left: auto; display: block; } a.fbutton-outer:hover .farrow-icn, button.fbutton-outer:hover .farrow-icn { background-position: -89px -57px; } .fbutton-invert .farrow-icn { background-position: -89px -57px; } a.fbutton-outer:hover .fbutton-invert .farrow-icn { background-position: -68px -57px; } /*.txt { width: 120px; display: block; background: url(../img/txtd/txts.png) no-repeat; position: relative; z-index: 0; top: 14px; }*/ .txt { width: 120px; display: block; position: relative; z-index: 0; top: 10px; } .txt-offer-interest, .txt-start-discuss, .txt-submit { width: 50px; height: 12px; padding-right: 55px; } /*.txt-offer-interest { width: 172px; background-position: 0 -34px; }*/ .txt-offer-interest { width: 195px; } /*.txt-start-discuss { width: 72px; background-position: 0 -86px; }*/ .txt-start-discuss { width: 72px; } .fbutton-outer:hover .txt-start-discuss { background-position: 0 -71px; } .fbutton-outer:hover .txt-offer-interest { background-position: 0 -49px; } button.fbutton-outer:hover .txt-submit { background-position: 0 -15px; } #comments-settings { width: 665px; margin:0 0 10px 68px; } #comments-settings .paggination { width: 585px; } #comments { width: 730px; padding-top: 5px; } #comments .emphasized .wmiddle-expandable .wcenter-expandable { background: #cfe8f1; } .comment .frame { width: 50px; float: left; margin-top: 10px; } .comment { position: relative; right: -5px; padding: 0 0 3px 0; } .comment-content { float: right; width: 668px; color: #7C7B7B; } .comment-content .wcenter { width: 635px; } .comment-content .wcenter-expandable { background-color: #fff; padding-bottom: 20px; } .comment-content .heading { margin-bottom: 10px; } .comment-text { font-size: 12px; margin-bottom: 10px; color: #5B5A5A; } .comment-text ul { padding-left: 20px; list-style: square outside none; } .comment-content .comment-text { padding-right: 60px; min-height: 16px; } .comment-text p { margin-bottom: 7px; font-size: 12px; line-height: 18px; } .comment-text .reaction { display: block; margin-bottom: 15px; font-style: italic; } .comment-text .reaction strong, .comment-text .reaction a { color: #979797; } .comment-text strong { color: #000000; } .zobak-icn { width: 9px; height: 15px; background: url(../img/comment/zobak.png) no-repeat; left:-6px; top:25px; } p.bottom-bg { /*height: 31px; background-color: #f3f3f3; margin-bottom: -10px; */position: relative; padding-right: 10px; position: absolute; bottom: 1px; right: 0; top: auto; margin-top: 10px; } p.bottom-bg .left-bg, p.bottom-bg .right-bg { /*background: url(../img/comment/bg.gif) no-repeat; height: 100%; display: block; position: absolute; z-index: 1; top: 0;*/ display: none; } p.bottom-bg .left-bg { width: 8px; left: 0; } p.bottom-bg .right-bg { width: 7px; right: 0; background-position: 100% 0; } p.bottom-bg .infos, p.bottom-bg .bookmarks { display:block; float:left; margin-top:0; margin-left:10px; margin-top:8px; } p.bottom-bg .infos a { display: block; text-decoration: none; } .bottom-bg .report-btn { display:block; left:auto; margin-top:3px; position:absolute; /*right:12px;*/ right: 0; } .comment.hovered .comment-content .wcenter-expandable { background-color: #dfdfdf; } .comment.hovered .zobak-icn { background: url(../img/comment/zobak2.png) no-repeat; } .comment.hovered .left-bg, .comment.hovered .right-bg { background-image: url(../img/comment/bg2.gif); } .comment.hovered .wtop .wleft { background-image: url(../img/boxes/top-left-dark-gray-shdw.png); } .comment.hovered .wtop .wcenter { background-image: url(../img/boxes/top-center-dark-gray-shdw.png); } .comment.hovered .wtop .wright { background-image: url(../img/boxes/top-right-dark-gray-shdw.png); } .comment.hovered .wmiddle-expandable .wleft-expandable { background-image: url(../img/boxes/mdl-left-dark-gray-shdw.png); } .comment.hovered .wmiddle-expandable .wright-expandable { background-image: url(../img/boxes/mdl-right-dark-gray-shdw.png); } .comment.hovered .wbottom .wleft { background-image: url(../img/boxes/btm-left-dark-gray-shdw.png); } .comment.hovered .wbottom .wcenter { background-image: url(../img/boxes/btm-center-dark-gray-shdw.png); } .comment.hovered .wbottom .wright { background-image: url(../img/boxes/btm-right-dark-gray-shdw.png); } h3.ttl_final { text-align: left; width: 100%; font-size: 1.2em; font-weight: bold; color: #5b5a5a; } #forums { bottom: -3px; position: relative; } #forums .box { width: 229px; float: left; padding: 10px 3px 0 0; } #forums .box > .light-brown-bg { background-color: transparent; } #forums .box > .full a strong { font-size: 14px; } /*#forums .solid-box-bg.full .wmiddle-expandable { height: 185px; overflow: hidden; }*/ #forums .solid-box-bg { margin-bottom: 3px; } #offer-detail .solid-box-bg .wtop, #forums .solid-box-bg .wtop, #offer-detail .solid-box-bg .wbottom, #forums .solid-box-bg .wbottom { height: 10px; } #offer-detail .solid-box-bg .wleft, #offer-detail .solid-box-bg .wright, #forums .solid-box-bg .wleft, #forums .solid-box-bg .wright { width: 9px; } #offer-detail .solid-box-bg.gray-bg .wtop .wleft, #forums .solid-box-bg.gray-bg .wtop .wleft { background-image: url(../img/boxes/solid-boxes/top-left-solid-gray.png); } #offer-detail .solid-box-bg.gray-bg .wtop .wright, #forums .solid-box-bg.gray-bg .wtop .wright { background-image: url(../img/boxes/solid-boxes/top-right-solid-gray.png); } #offer-detail .solid-box-bg.gray-bg .wcenter, #forums .solid-box-bg.gray-bg .wcenter, #offer-detail .solid-box-bg.gray-bg .wmiddle-expandable, #forums .solid-box-bg.gray-bg .wmiddle-expandable { background-color: #f0f0f0; } #offer-detail .solid-box-bg.gray-bg .wbottom .wleft, #forums .solid-box-bg.gray-bg .wbottom .wleft { background-image: url(../img/boxes/solid-boxes/bottom-left-solid-gray.png); } #offer-detail .solid-box-bg.gray-bg .wbottom .wright, #forums .solid-box-bg.gray-bg .wbottom .wright { background-image: url(../img/boxes/solid-boxes/bottom-right-solid-gray.png); } #forums .solid-box-bg.light-brown-bg .wtop .wleft { background-image: url(../img/boxes/solid-boxes/top-left-solid-light-brown.png); } #forums .solid-box-bg.light-brown-bg .wtop .wright { background-image: url(../img/boxes/solid-boxes/top-right-solid-light-brown.png); } #forums .solid-box-bg.light-brown-bg .wcenter, #forums .solid-box-bg.light-brown-bg .wmiddle-expandable { background-color: #f0e9d6; } #forums .solid-box-bg.light-brown-bg .wbottom .wleft { background-image: url(../img/boxes/solid-boxes/bottom-left-solid-light-brown.png); } #forums .solid-box-bg.light-brown-bg .wbottom .wright { background-image: url(../img/boxes/solid-boxes/bottom-right-solid-light-brown.png); } #forums .solid-box-bg.light-blue-bg .wtop .wleft { background-image: url(../img/boxes/solid-boxes/top-left-solid-dfe9ee.png); } #forums .solid-box-bg.light-blue-bg .wtop .wright { background-image: url(../img/boxes/solid-boxes/top-right-solid-dfe9ee.png); } #forums .solid-box-bg.light-blue-bg .wcenter, #forums .solid-box-bg.light-blue-bg .wmiddle-expandable { background-color: #dfe9ee; } #forums .solid-box-bg.light-blue-bg .wbottom .wleft { background-image: url(../img/boxes/solid-boxes/bottom-left-solid-dfe9ee.png); } #forums .solid-box-bg.light-blue-bg .wbottom .wright { background-image: url(../img/boxes/solid-boxes/bottom-right-solid-dfe9ee.png); } #forums .solid-box-bg.black-bg .wtop .wleft { background-image: url(../img/boxes/solid-boxes/top-left-solid-black.png); } #forums .solid-box-bg.black-bg .wtop .wright { background-image: url(../img/boxes/solid-boxes/top-right-solid-black.png); } #forums .solid-box-bg.black-bg .wcenter, #forums .solid-box-bg.black-bg .wmiddle-expandable { background-color: #000000; } #forums .solid-box-bg.black-bg .wbottom .wleft { background-image: url(../img/boxes/solid-boxes/bottom-left-solid-black.png); } #forums .solid-box-bg.black-bg .wbottom .wright { background-image: url(../img/boxes/solid-boxes/bottom-right-solid-black.png); } #offer-detail .solid-box-bg .wbottom .wcenter, #offer-detail .solid-box-bg .wtop .wcenter { width: 630px; background-image: none !important; } #info-container #forums .solid-box-bg .wbottom .wcenter, #info-container #forums .solid-box-bg .wtop .wcenter { width: 211px; background-image: none !important; } #forums .solid-box-bg .wmiddle-expandable { padding: 0 10px; } #forums .discussion-desc { padding:0 0 0 10px; margin-left: 50px; } #forums .discussion-desc p { font-size: 1.2em; } /* #forums .discussion-desc p a { text-decoration: none } */ .status { background-image: url(../img/icons/icons4.png); float: left; } .status.locked-icn { background-position: -61px -9px; } .status.new-comments-icn { background-position: -136px -9px; } .status.old-comments-icn { background-position: -96px -9px; } .status.comments-icn { background-position: -176px -9px; } .status.status-bigger.new-comments-icn { background-position: -165px -48px; } .status.status-bigger.old-comments-icn { background-position: -105px -48px; } .status.status-bigger.comments-icn { background-position: -225px -48px; } .status.status-bigger.locked-icn { background-position: -45px -46px; } .status-bigger { width: 27px; height: 25px; } .number-comments { float: left; } .discussion-desc .heading { height: 14px; margin-bottom: 5px; } .number-comments, .solid-box-bg p { font-size: 1.1em; padding-bottom: 5px; } #forum-comments .fcomment { margin:0 12px; position:relative;background-color:transparent; } #forum-comments .fcomment .wright { width: 16px; } #forum-comments .fcomment .wleft { width: 13px; } #forum-comments .fcomment .wtop { height: 10px; } #forum-comments .fcomment .wbottom { height: 12px; } #forum-comments .fcomment .wcenter { width: 677px; } #forum-comments .fcomment.last .wbottom { height: 16px; } .rows-forum { padding: 15px 0; margin-bottom: 15px; background: #fff; border-radius: 10px; } .row-forum { padding: 5px 10px 5px 15px; } .row-forum + .row-forum { border-top: 1px solid #ededed; } .row-forum.bg-gray { background: #f2f2f2; } .row-forum.emphasized { background: #cfe8f1; } .table { display: table; } .table .row { display: table-row; } .table .cell { display: table-cell; } .search-results #forum-comments { padding-bottom: 10px; } .fcomment .wtop .wleft { background-position: 0 -3px; } .fcomment .wtop .wcenter { background-position: 0 -3px; } .fcomment .wtop .wright { background-position: 0 -3px; } #forum-comments .fcomment .wmiddle-expandable .wright-expandable { padding-right: 16px; } #forum-comments .fcomment .wmiddle-expandable .wleft-expandable { padding-left: 13px; } .fcomment.gray-bg .wcenter-expandable { background-color: #f0f0f0; } .fcomment.gray-bg .wtop .wleft { background-image: url(../img/boxes/solid-box-with-shadow/top-left-fcomment-gray.png); } .fcomment.gray-bg .wtop .wcenter { background-image: url(../img/boxes/solid-box-with-shadow/top-center-fcomment-gray.png); } .fcomment.gray-bg .wtop .wright { background-image: url(../img/boxes/solid-box-with-shadow/top-right-fcomment-gray.png); } #forum-comments .fcomment.gray-bg .wmiddle-expandable .wright-expandable { background-image: url(../img/boxes/solid-box-with-shadow/middle-right-fcomment-gray.png); } #forum-comments .fcomment.gray-bg .wmiddle-expandable .wleft-expandable { background-image: url(../img/boxes/solid-box-with-shadow/middle-left-fcomment-gray.png); } .fcomment.gray-bg .wbottom .wleft { background-image: url(../img/boxes/solid-box-with-shadow/bottom-left-fcomment-gray.png); } .fcomment.gray-bg .wbottom .wcenter { background-image: url(../img/boxes/solid-box-with-shadow/bottom-center-fcomment-gray.png); } .fcomment.gray-bg .wbottom .wright { background-image: url(../img/boxes/solid-box-with-shadow/bottom-right-fcomment-gray.png); } .fcomment.light-blue-bg .wcenter-expandable { background-color: #e8f1f5; } .fcomment.light-blue-bg .wtop .wleft { background-image: url(../img/boxes/solid-box-with-shadow/top-left-fcomment-light-blu.png); } .fcomment.light-blue-bg .wtop .wcenter { background-image: url(../img/boxes/solid-box-with-shadow/top-center-fcomment-light-blu.png); } .fcomment.light-blue-bg .wtop .wright { background-image: url(../img/boxes/solid-box-with-shadow/top-right-fcomment-light-blu.png); } #forum-comments .fcomment.light-blue-bg .wmiddle-expandable .wright-expandable { background-image: url(../img/boxes/solid-box-with-shadow/middle-right-fcomment-light-blu.png); } #forum-comments .fcomment.light-blue-bg .wmiddle-expandable .wleft-expandable { background-image: url(../img/boxes/solid-box-with-shadow/middle-left-fcomment-light-blu.png); } .fcomment.light-blue-bg .wbottom .wleft { background-image: url(../img/boxes/solid-box-with-shadow/bottom-left-fcomment-light-blu.png); } .fcomment.light-blue-bg .wbottom .wcenter { background-image: url(../img/boxes/solid-box-with-shadow/bottom-center-fcomment-light-blu.png); } .fcomment.light-blue-bg .wbottom .wright { background-image: url(../img/boxes/solid-box-with-shadow/bottom-right-fcomment-light-blu.png); } /* gradient */ .fcomment.gradient-white-gray-bg .wcenter-expandable { background: url(../img/boxes/gradient-boxes/wcenter-silver-white.png) repeat-y; } .fcomment.gradient-white-gray-bg .wtop .wleft { background-image: url(../img/boxes/gradient-boxes/top-left-fcomment-silver-white.png); } .fcomment.gradient-white-gray-bg .wtop .wcenter { background-image: url(../img/boxes/gradient-boxes/top-center-fcomment-silver-white.png); } .fcomment.gradient-white-gray-bg .wtop .wright { background-image: url(../img/boxes/gradient-boxes/top-right-fcomment-silver-white.png); } #forum-comments .fcomment.gradient-white-gray-bg .wmiddle-expandable .wright-expandable { background-image: url(../img/boxes/gradient-boxes/middle-right-fcomment-silver-white.png); } #forum-comments .fcomment.gradient-white-gray-bg .wmiddle-expandable .wleft-expandable { background-image: url(../img/boxes/gradient-boxes/middle-left-fcomment-silver-white.png); } .fcomment.gradient-white-gray-bg .wbottom .wleft { background-image: url(../img/boxes/gradient-boxes/bottom-left-fcomment-silver-white.png); } .fcomment.gradient-white-gray-bg .wbottom .wcenter { background-image: url(../img/boxes/gradient-boxes/bottom-center-fcomment-silver-white.png); } .fcomment.gradient-white-gray-bg .wbottom .wright { background-image: url(../img/boxes/gradient-boxes/bottom-right-fcomment-silver-white.png); } /* /gradient */ .fcomment.light-brown-bg .wcenter-expandable { background-color: #f6f0df; } .fcomment.light-brown-bg .wtop .wleft { background-image: url(../img/boxes/solid-box-with-shadow/top-left-fcomment-light-bro.png); } .fcomment.light-brown-bg .wtop .wcenter { background-image: url(../img/boxes/solid-box-with-shadow/top-center-fcomment-light-bro.png); } .fcomment.light-brown-bg .wtop .wright { background-image: url(../img/boxes/solid-box-with-shadow/top-right-fcomment-light-bro.png); } #forum-comments .fcomment.light-brown-bg .wmiddle-expandable .wright-expandable { background-image: url(../img/boxes/solid-box-with-shadow/middle-right-fcomment-light-bro.png); } #forum-comments .fcomment.light-brown-bg .wmiddle-expandable .wleft-expandable { background-image: url(../img/boxes/solid-box-with-shadow/middle-left-fcomment-light-bro.png); } .fcomment.light-brown-bg .wbottom .wleft { background-image: url(../img/boxes/solid-box-with-shadow/bottom-left-fcomment-light-bro.png); } .fcomment.light-brown-bg .wbottom .wcenter { background-image: url(../img/boxes/solid-box-with-shadow/bottom-center-fcomment-light-bro.png); } .fcomment.light-brown-bg .wbottom .wright { background-image: url(../img/boxes/solid-box-with-shadow/bottom-right-fcomment-light-bro.png); } .fcomment .frameblock { width: 50px; float: left;} #forum-comments .frameblock { margin-top: 10px; } .fcontent { margin-left: 60px; padding-top: 10px; } .fcontent .heading { height: 20px; /*margin-bottom: 5px;*/ float: left; margin-right: 10px; } .fcnt { width: 537px; float: left; } /* .fcnt a { text-decoration: none; } */ .fcnt .inline-icon-div { background-image: url(../img/icons/icons4.png); width: 15px; height: 13px; } .fcnt .inline-icon-div a { display: block; height: 13px; } .fcnt .watch-icn { background-position: -216px -10px; } .fcnt .mark-icn { background-position: -248px -11px; } .ficn { position:absolute; right:15px; width:80px; } a.ficn { height: 25px; } .ficn .status-bigger { float: right; } .ficn .number-comments { font-size: 1.4em; line-height: 24px; float: right; width: 42px; padding-right: 6px; text-align: right; } .fcnt p { font-size: 1.2em; margin-bottom: 5px; margin-top: 0; } .fcnt .offer-text a { display: block; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .fcnt .blog-descr { font-size: 1.2em; } .fcnt .blog-descr p { font-size: 1em; } .sitem, .forum-item { margin: 0 0 0 -17px; } .sitem .frame, .forum-item .frame { width: 50px; float: left; margin-top: 5px; } .sitem .foi-content, .forum-item .foi-content { width: 653px; float: right; } .forum-item .foi-content .comment-text { font-size: 1.2em; } #messages .forum-item .foi-content { width: 583px; float: right; padding-bottom: 10px; } #messages .forum-item .foi-content.note-content p { font-size: 12px; } /* zvetseno z 11 na 12 kvuli vzkazum */ #notes .note-example .foi-content h3, #messages .forum-item .foi-content.note-content h3 { font-size: 14px; font-weight: normal; padding-bottom: 5px; } #messages .forum-item .foi-content.note-content p.bottom-bg.transparent-bg { background-color: transparent; } .sitem .heading, .forum-item .heading { margin-bottom: 8px; padding-right:35px; padding-top:5px; color: #5B5A5A; } .sitem h3.ttl, .forum-item h3.ttl { font-size: 1.3em; font-weight: bold; margin: 15px 0; } .forum-item h3.ttl { margin-bottom: 20px; } .sitem p, .forum-item p { font-size: 12px; line-height: 16px; color: #5b5a5a; display: block; padding-right: 12px; } .forum-item p { line-height: 17px; } .photos { margin: 10px 0 5px 0; } .photos.empty { margin: 0; } .photos img { float: left; padding: 1px; background-color: #c0c0c0; display: inline; margin-right: 10px; } .photos .youtube-logo { position: absolute; z-index: 1000; bottom: 3px; background: url(../img/icons/youtube.png) no-repeat; width: 55px; height: 20px; } .photos .vimeo-logo { position: absolute; z-index: 1000; bottom: 3px; background: url(../img/icons/vimeo.png) no-repeat; width: 55px; height: 16px; } .photos .youtube-logo-0 { left: 48px; } .photos .youtube-logo-1 { left: 160px; } .photos .youtube-logo-2 { left: 272px; } .photos .youtube-logo-3 { left: 384px; } .photos .youtube-logo-4 { left: 496px; } .sitem .photos, .forum-item .photos { margin-bottom: 25px; } .sitem p.bottom-bg, .forum-item p.bottom-bg { padding: 0 12px; margin-bottom: -5px; } .sitem p.bottom-bg .infos, .forum-item p.bottom-bg .infos { margin-left: 0; } .sitem p.bottom-bg img, .forum-item p.bottom-bg img { margin-top: 9px; } .forum-item p.bottom-bg img.img-loader { margin-top: 0; } .sitem .separator, .forum-item .separator { width: 1px; height: 13px; float: left; background: url(../img/line/vertical-line.gif) no-repeat; margin: 10px 5px 0; } .close { width: 15px; height: 15px; background: url(../img/icons/close-icn.png) no-repeat; position: absolute; top: 10px; right: 15px; z-index: 100; display: block; } .edit { width: 15px; height: 15px; background: url(../img/icons/edit-icn.png) no-repeat; position: absolute; top: 10px; right: 32px; z-index: 100; display: block; } .close:hover, .close:focus, .edit:hover, .edit:focus { background-position: 0 100%; } #forum-detail-form { margin: 10px 0 10px 10px; } #forum-detail-form .fancy-submit, #forum-detail-form .fancy-submit-replaced { float: right; margin: 10px 18px; } #notes { width: 728px; padding-top: 40px; margin-left: -6px; } .fp-pad-top-13 #notes { width: 100%; padding-top: 0; margin-left: 0; } .note { width: 100%; display: block; height: 42px; line-height: 39px; display: block; text-decoration: none; background: url(../img/bgs/note-line.png) no-repeat; margin-bottom: -8px; overflow: hidden; } #notes .note.active { margin-bottom: -20px; } .note-header { padding-left: 15px; float: left; font-size: 1.4em; color: #000; } .note.active .note-header { color: #af1a1e; } .note-total { float: right; margin-right: 62px; font-size: 1.2em; color: #5b5a5a; font-style: normal; background: url(../img/line/fancy-line4.png) no-repeat 100% 3px; padding-right: 20px; } .icn-note-arrow { width: 17px; height: 15px; background: url(../img/icons/icons6.png) no-repeat -2px -4px; position: absolute; right: 20px; z-index: 1; left: auto; top: 12px; } .note:hover .icn-note-arrow, .note:focus .icn-note-arrow { background-position: -2px -25px; } .note:hover.active .icn-note-arrow, .note:focus.active .icn-note-arrow, .note.active .icn-note-arrow { background-position: -2px -43px; right: 25px; } .note-detail { width: 723px; margin: 5px 0 5px 2px; overflow: hidden; } #notes .note-detail .wcenter { width: 712px; background-color: #e2e2e2; } .note-detail .wmiddle-expandable { width: 723px; } .note-detail .wmiddle-expandable .wright-expandable, .note-detail .wmiddle-expandable .wleft-expandable { background-image: none; background-color: #e2e2e2; } .note-detail .wmiddle-expandable .wleft-expandable { padding-left: 13px; } #notes .note-detail .wbottom .wleft { background-image: url("../img/boxes/btm-left-light-gray.png"); } #notes .note-detail .wbottom .wright { background-image: url("../img/boxes/btm-right-light-gray.png"); } #notes .note-detail .wcenter-expandable { padding: 10px 0 0 0; } .note-detail-inner { padding: 5px 0; display: block; } .note-detail-inner .heading { margin-bottom: 5px; } .note-detail-inner .note-detail-text { color: #5b5a5a; margin-bottom: 15px; font-size: 1.1em; margin-right: 70px; } .note-detail-inner .photos { margin-bottom: 15px; } .note-detail-inner .photos.empty { margin-bottom: 0; } /* .note-admin-box { position: absolute; top: 15px; right: 0; width: 68px; height: 20px; padding: 10px 0; background: url(../img/bgs/gray-box.png) no-repeat; } */ .note-admin-box li { float: left; line-height: 34px; background: url(../img/line/fancy-line5.png) no-repeat 100% 0;/* padding-right: 3px; margin-right: 5px;*/ } .note-admin-box li a { padding: 5px 10px; } .note-admin-box li.last { padding-right: 0; margin-right: 0; background-image: none; } .note-admin-box .inline-icon { background: url(../img/icons/icons6.png) no-repeat -2px -4px; } .note-admin-box .icn-note-settings { background-position: -16px 2px; /*margin-left: 12px; */} .note-admin-box .icn-note-settings:focus, .note-admin-box .icn-note-settings:hover { background-position: -16px -19px; } .note-admin-box .icn-note-delete { /*background-position: -58px -4px;*/ background-position: -47px 2px; } .note-admin-box .icn-note-delete:focus, .note-admin-box .icn-note-delete:hover { /*background-position: -58px -25px; */ background-position: -47px -19px; } .filter-container #search { right: 15px; width: 124px; } .filter-container #search-bg { background: url(../img/search/bg2.png); width: 124px; } .filter-container #search-text { left: 14px; top: 5px; width: 85px; } .full-container.filter-container.white-box .wcenter-expandable { /*height: 16px;*/ } .filter-container .heading { margin-bottom: 0; padding-top: 0; position: relative;/* top: -9px; left: -5px;*/ } .filter-container .heading a { text-decoration: none; } .filter-container .heading li { /*height: 30px; margin-bottom: -18px;*/ border-right: 0; background: url(../img/line/fancy-line6.jpg) no-repeat 100% 0; padding: 0 10px 0 0; } .filter-container .heading li a.vertical-aligned, .filter-container .heading li.vertical-aligned { line-height: 25px; } .filter-container .heading li.fright { float: right; width: 80px; /* 110px; */ background: url(../img/line/fancy-line6.jpg) no-repeat 0 0; padding:4px 5px 0 10px; } .filter-container .heading li.noborder { background:none; } .letter-filter { position: relative; top: 2px; } .letter-filter a { font-size: .78em; } .new-icn { padding-right: 8px; } .new-window-icn { background:url("../img/icons/icons.png") no-repeat scroll -164px -28px; position: absolute; right: 0; top: 0; width: 10px; height: 12px; } .filter-container .heading a.inline-icon { background-image: url(../img/icons/icons7.png); height: 17px; margin: 3px 5px; } .filter-container .heading li.icns { padding: 0; padding-right: 4px; } .skill-icn { background: url(../img/icons/icons8.png) no-repeat scroll 0 0 transparent; width: 20px; height: 20px; display: inline-block; margin-right: 5px; } .skill-icn-photographer.active-icn, .skill-icn-photographer:hover, a:hover .skill-icn-photographer { background-position: 0 -21px; } .skill-icn-photographer { background-position: 0 -47px; } .skill-icn-model.active-icn, a:hover .skill-icn-model, .skill-icn-model:hover { background-position: -37px -21px; } .skill-icn-model { background-position: -37px -47px; } .skill-icn-hostess.active-icn, a:hover .skill-icn-hostess, .skill-icn-hostess:hover { background-position: -272px -21px; } .skill-icn-hostess { background-position: -272px -47px; } .skill-icn-make_up_artist.active-icn, a:hover .skill-icn-make_up_artist, .skill-icn-make_up_artist:hover { background-position: -72px -21px; } .skill-icn-make_up_artist { background-position: -72px -47px; } .skill-icn-hair_stylist.active-icn, a:hover .skill-icn-hair_stylist, .skill-icn-hair_stylist:hover { background-position: -110px -21px; } .skill-icn-hair_stylist { background-position: -110px -47px; } .skill-icn-stylist.active-icn, a:hover .skill-icn-stylist, .skill-icn-stylist:hover { background-position: -140px -21px; } .skill-icn-stylist { background-position: -140px -47px; } .skill-icn-graphic.active-icn, a:hover .skill-icn-graphic, .skill-icn-graphic:hover { background-position: -172px -21px; } .skill-icn-graphic { background-position: -172px -47px; } .skill-icn-modelling_agency.active-icn, a:hover .skill-icn-modelling_agency, .skill-icn-modelling_agency:hover { background-position: -206px -21px; } .skill-icn-modelling_agency { background-position: -206px -47px; } /* .skill-icn.skill-icn-hostess, .skill-icn.skill-icn-hostess2:hover { background-position: -238px -21px; } .skill-icn.skill-icn-hostess2 { background-position: -238px -47px; } .skill-icn-hostess { background-position: -48px -23px; } .skill-icn-hostess2 { background-position: -48px -23px; } */ .skill-icn-other.active-icn, a:hover .skill-icn-other, .skill-icn-other:hover { background-position: -205px -21px; } .skill-icn-other { background-position: -205px -47px; } .skill-icn-blogger.active-icn, a:hover .skill-icn-blogger, .skill-icn-blogger:hover { background-position: -238px -21px; } .skill-icn-blogger { background-position: -238px -47px; } .ic7 .skill-photograph-icn, div.skill-photograph-icn, a.skill-photograph-icn { background-position: -5px -3px; } div.skill-photograph-icn.disable, a.skill-photograph-icn.disable { background: url(../img/icons/icons8.png) no-repeat 0px -51px !important; } .filter-box a.skill-designer-icn, .filter-box a.skill-graphic-icn, .filter-box a.skill-model-icn { padding-right: 0 !important; } .ic7 .skill-model-icn, div.skill-model-icn, a.skill-model-icn { background-position: -9px -28px; } div.skill-model-icn.disable, a.skill-model-icn.disable { background: url(../img/icons/icons8.png) no-repeat -40px -51px !important; } .ic7 .skill-graphic-icn, div.skill-graphic-icn, a.skill-graphic-icn { background-position: -9px -53px; } div.skill-graphic-icn.disable, a.skill-graphic-icn.disable { background: url(../img/icons/icons8.png) no-repeat -79px -52px !important; } .ic7 .skill-haircutter-icn, div.skill-haircutter-icn, a.skill-haircutter-icn { background-position: -47px -54px; } .ic7 .skill-haircutter-icn.disable, div.skill-haircutter-icn.disable, a.skill-haircutter-icn.disable { background: url(../img/icons/icons8.png) no-repeat -109px -53px !important; } .ic7 .skill-painter-icn, div.skill-painter-icn, a.skill-painter-icn { background-position: -2px -78px; } div.skill-painter-icn.disable, a.skill-painter-icn.disable { background: url(../img/icons/icons8.png) no-repeat -140px -51px !important; } div.skill-hostest-icn, a.skill-hostest-icn { background-position: -47px -26px; } div.skill-designer-icn, a.skill-designer-icn { background-position: -49px -2px; } div.skill-designer-icn.disable, a.skill-designer-icn.disable { background: url(../img/icons/icons8.png) no-repeat -172px -49px !important; } div.skill-connects-icn, a.skill-connects-icn { background: url(../img/icons/icons8.png) no-repeat -208px -24px !important; } div.skill-connects-icn.disable, a.skill-connects-icn.disable { background-position: -208px -50px !important; } .tb-like p, .tb-eye p, .tb-comments p, .tb-favorite p { padding-left: 10px; } a.mail-to-icn { background-position: -225px -4px; } a.settings-icn { background-position: -261px -4px; } a.detroy-icn { background-position: -295px -6px; } a:focus.mail-to-icn, a:hover.mail-to-icn { background-position: -225px -27px; } a:focus.settings-icn, a:hover.settings-icn { background-position: -260px -27px; } a:focus.detroy-icn, a:hover.detroy-icn { background-position: -295px -78px; } #name-order-tooltip { left:50%; margin-left:-491px; top:195px; width: 150px; } #name-order-tooltip .wmiddle { height: 65px;font-size: 1em; } #name-order-tooltip .wcenter { width: 130px; } #log-info-tooltip { width: 140px; } #log-info-tooltip .wmiddle { height: 145px; } #log-info-tooltip .wcenter { width: 120px; } #log-info-tooltip .login-dates { margin:5px; } #info-tooltip { width: 300px; } #info-tooltip .wcenter { width: 280px; } #info-tooltip p { margin:5px; } #file-descr-tooltip .tt-content-inner, #info-tooltip .tt-content-inner { font-size: 1.1em } #offer-filter-tooltip { width: 140px; } #offer-filter-tooltip .wmiddle { height: 65px; } #offer-filter-tooltip .wcenter { width: 120px; } #skill-order-tooltip { left:50%; margin-left:-144px; top:202px; width: 205px; } #skill-order-tooltip .tarrow { background-position: 58px 0; } #skill-order-tooltip .wmiddle { height: 100px; } #skill-order-tooltip .wcenter { width: 190px; } #skill-order-tooltip .col1, #skill-order-tooltip .col2 { width: 100px; float: left; padding: 5px 0 0 6px; } #skill-order-tooltip .col2 { width: 70px; } #skill-order-tooltip li { float: left; display: block; padding-left: 20px; position: relative; z-index: 1; left: 0; top: 0; } #skill-order-tooltip input { position: absolute; left: 0; top: 3px; z-index: 1; } #skill-order-tooltip label { font-size: 1em; } .search-offer { position: absolute; right: 20px; top: 7px; left: auto; } #search-btn { padding-left: 13px; width: 134px; line-height: 24px; height: 25px; background: url(../img/btns/search-offers-bg.png) no-repeat; display: block; text-decoration: none; font-size: 1.1em; } .legend { background: url(../img/legends/legend-bg.png) no-repeat; width: 149px; height: 24px; line-height: 24px; } .legend a { float: left; display: inline; } .legend .skills { padding: 3px 0 0 10px; display: block; float: left; } .type-offer { float: right; color: #5b5a5a; padding: 0 10px 0 0; } .skill-photograph-icn { width: 18px; } .legend .skill-wrapper { float: left; background: url(../img/line/fancy-line8.jpg) no-repeat 100% 2px; padding-right: 5px; margin-right: 5px; } .legend .skill-wrapper.last { margin-right: 0; padding-right: 0; background-image: none; } .legend2 { float: left; background: #e0e0e0; font-size: 90%; padding: 5px 10px; text-align: center; -moz-border-radius: 5px; border-radius: 5px; } .legend2 span { text-align: center; float: none; padding: 0; margin: 0 4px;} /* #filter-offers { position: absolute; z-index: 1; left:0; top: 1px; } */ #filter-offers { } .gray-separator { padding: 4px 0 0 11px; } .gray-separator li { border-width: 0 0 0 0; background: url(../img/line/fancy-line9.gif) no-repeat 100% 6px; } .gray-separator li.last { background-image: none; } .gray-separator .label { float: left; padding-right: 5px; line-height: 16px; } .gray-separator .label-container { float: right; } .offer-select { padding: 0 10px 0 0; margin-top: -4px; } label.lab { float: left; font-size: 1em; margin-right: 3px; } .kind-offer-select { width: 125px; } .kind-offer-select .styled-selectbox-center { width: 105px; font-size: 1em; } .offer-detail.fitem .heading, .offer-detail.forum-item .heading { padding-right: 10px; } .requirements { margin: 18px 0 0; padding-right: 5px; } .requirements h3.ttl { margin-bottom: 8px; } .requirements tr.fancy-bg td { background: url(../img/bgs/tr-bg.jpg) no-repeat; } .requirements table { margin: 0 5px 0 5px; position: relative; top: -5px; } .small-label { font-size: 1.1em; color: #5b5a5a; text-align: center; height: 22px; } .td-gender { width: 67px; } .td-old { width: 85px; } .td-height { width: 83px; } .td-dress { width: 73px; } .td-shoes { width: 74px; } .td-hair { width: 238px; } .fancy-label { font-size: 1.4em; color: #000000; text-align: center; height: 38px; } .requirements tr.fancy-bg td.fancy-label.td-gender { background-position: 0 0; } .requirements tr.fancy-bg td.fancy-label.td-old { background-position: -67px 0; } .requirements tr.fancy-bg td.fancy-label.td-height { background-position: -155px 0; } .requirements tr.fancy-bg td.fancy-label.td-dress { background-position: -238px 0; } .requirements tr.fancy-bg td.fancy-label.td-shoes { background-position: -311px 0; } .requirements tr.fancy-bg td.fancy-label.td-hair { background-position: -383px 0; } .row-labs span { width: 45px; float: left; text-align: right; } .row-labs strong { width: 175px; float: right; text-align: left; } .row-labs p { clear: both; padding-top: 6px; } .row-labs.v2 span { width: 70px; } .row-labs.v2 strong { width: 300px; } .row-labs strong, .row-labs span { display: block; } #info-icons-container { position: relative; left: 0; top: 0; z-index: 1; } #activities { clear: both; } .fp-width-460 .wcenter { width: 446px !important; } .fp-width-345 .wcenter { width: 329px !important; } .fp-width-345 .wmiddle-expandable { width:346px; } .light-gray-box .wtop, .light-gray-box .wbottom { height: 8px !important; } .light-gray-box .wtop .wright, .light-gray-box .wmiddle .wright, .light-gray-box .wbottom .wright, .light-gray-box .wtop .wleft, .light-gray-box .wmiddle .wleft, .light-gray-box .wbottom .wleft { width: 8px !important; } .light-gray-box .wtop .wright { background: url(../img/boxes/top-light-gray-right.png) no-repeat !important; } .light-gray-box .wbottom .wright { background: url(../img/boxes/btm-light-gray-right.png) no-repeat !important; } .light-gray-box .wtop .wleft { background: url(../img/boxes/top-light-gray-left.png) no-repeat !important; } .light-gray-box .wbottom .wleft { background: url(../img/boxes/btm-light-gray-left.png) no-repeat !important; } .light-gray-box .wmiddle-expandable { padding: 0 3px 0 0 !important; background-color: transparent !important; } .light-gray-box .wmiddle-expandable .wright-expandable, .light-gray-box .wmiddle-expandable .wleft-expandable, .light-gray-box .wmiddle-expandable .wcenter-expandable { background:none #f0f0f0 !important; } .light-gray-box .wmiddle-expandable .wleft-expandable { padding-left: 8px !important; } .light-gray-box .wmiddle-expandable .wright-expandable { padding-right: 8px !important; } .light-gray-box .wtop .wcenter, .light-gray-box .wmiddle .wcenter, .light-gray-box .wbottom .wcenter { background: #f0f0f0 !important; } #settings-options { clear: both; } #settings-options li { width: 75px; height: 62px; float: left; font-size: 1.1em; } #settings-options a { text-decoration: none; text-align: center; display: block; padding-top: 30px; background: url(../img/icons/icons9.png) no-repeat; } #settings-options .msgs a { background-position: -8px -32px; } #settings-options .photo-admin a { background-position: -93px -32px; } #settings-options .visitors a { background-position: -165px -32px; } #settings-options .directory a { background-position: -225px -32px; } #settings-options .notes a { background-position: -290px -32px; } #settings-options .personal-settings a { background-position: -8px -98px; } #settings-options .skills a { background-position: -88px -98px; } #settings-options .blocked-users a { background-position: -164px -93px; } #settings-options .adv-admin a { background-position: -224px -95px; } #settings-options .profile-admin a { background-position: -290px -92px; } #settings-options em { font-style: normal; color: #af1a1e; } #settings-options em.underline { text-decoration: underline; } #settings-options span { font-style: normal; color: #5b5a5a; } #help-link { position: absolute; right: 10px; top: 5px; } #advertisments { margin: 15px 0; } #activities .activity { width: 345px; float: left; overflow: hidden; margin: 0 1px 1px 0; } #activities { padding-top: 15px; } #activities .activity .frame { margin-bottom: 3px; } .activity-desc { margin-left: 60px; margin-right: 2px; } .activity-desc .heading { height: 14px; margin-bottom: 5px; } /* HD */ /*.paggination .current { color: #b20000; font-weight: bold; padding: 0 5px 0 5px; } .auto-item { width: 100%; } table.list { width: 100%; } table.list td { margin-right: 10px; overflow: hidden; } table.list tr.altrow td { background: #f4f4f4; } #add-group-tooltip { width: 150px; } #add-group-tooltip .wmiddle { height: 100px; } #add-group-tooltip .wcenter { width: 130px; } #add-group-tooltip .wmiddle { font-size: 1em; } #user-set-tooltip { min-width: 100px; } /* #user-set-tooltip .wmiddle { height: 80px; } */ #user-set-tooltip .wcenter { min-width: 80px; } #user-set-tooltip .wmiddle { font-size: 1em } /* #smnactive a { color: #ffffff; } */ /* .jedit input { font-size: 1em;padding:0 } */ .error-message, .error-container .message { font-weight:bold;color:#b20000; } form#AlbumVoidForm .compo-textinput { width: 150px; top:-4px; } form#AlbumVoidForm .compo-combobox { top: -4px; } form#AlbumVoidForm label { float: none; } form#FpfileAddForm th, form#FpfileAddFormVideo th, form#FpfileAddFormMap th { width:0; } form#FpfileAddFormVideo td.hlp, form#FpfileAddFormMap td.hlp { width:80px; padding-left: 15px; } .img-loader-14 { width: 14px; } .pp-photo-tag { margin-left:10px;font-weight:normal;font-size:.9em; } /* fpfiles */ .alb-items table { width: 90%; } .alb-items .alb-item-save { text-align: right; } .alb-items .ssditem { margin: 0 15px 0 0; } .alb-items .compo-textinput { width: 180px; } /* forums */ /* #banner-forum img { height: 100%; width: auto; } */ /* growl */ div.blockUI {z-index: 1001; position: fixed; padding: 0px; margin: 0px; /*width: 30%; */ width: 300px;top: 40%; left: 35%; text-align: center; color: #5a5a5a; /*border: 3px solid rgb(170, 170, 170);*/ background:#FFF; cursor: wait; border-bottom: 1px solid gray; border-right: 1px solid gray; -moz-border-radius: 10px;border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; } div.growlUI { /*height: 80px;*/ z-index:2000; } div.growlUI h2 { color: #444; padding: 23px 20px 23px 65px; text-align: left; font-size: 130%; } div.growlUIok { background: url(../img/block/ok.png) no-repeat 15px 15px; } div.growlUIerror { background: url(../img/block/error.png) no-repeat 15px 15px; } div.growlUIinfo { background: url(../img/block/info.png) no-repeat 15px 15px; } div.growlUI .close { top:5px; right: 5px;} div.growlUI .notify-escape { font-size: 80%; font-style: italic; padding-top: 1em; } /* /@end */ /* STEPS */ #steps { position: absolute; bottom: 50px; height: 29px; background: url(../img/bgs/bg-steps.gif) repeat-x 0 0; } #steps.steps-2 { left: 300px; } #steps.steps-3 { left: 270px; } #steps.steps-4 { left: 240px; } #steps.steps-5 { left: 210px; } #steps span { display: block; float: left; width: 33px; height: 29px; margin-right: 26px;color: #b4b4b4; overflow: hidden;background: url(../img/bgs/steps.gif) no-repeat 0 0; text-decoration: none; } #steps span.active { color: #FFF; text-shadow: 1px 1px #666; background: url(../img/bgs/steps.gif) no-repeat -33px 0;} #steps span.laststep { margin-right: 0; } #steps em { display: block; padding: 6px 0 4px; text-align: center; font-size: 120%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; } /* BIG BUTTONS */ .bigbtn, .bigbtn-next { display: inline-block; line-height: 40px; color: #fff; text-decoration: underline; background: #ae2a2e; padding: 0 20px; border-radius: 5px; border: 1px solid #ae2a2e; font-size: 13px; font-weight: bold; width: auto; } .bigbtn:hover, .bigbtn-next:hover, a.bigbtn:focus { color: #000; background: #fff; } /* .bigbtn, .bigbtn-next { display: block; height: 42px; color: #FFF !important; text-decoration: none; background: url(../img/slidding-doors/gray2-fbutton-left.png) no-repeat bottom left; } .bigbtn span, .bigbtn-next span {display: block; text-align: center; padding: 11px 20px 0px;height: 31px; line-height: 22px; overflow: hidden; font-weight: bold; font-size: 14px; background: url(../img/slidding-doors/gray2-fbutton-right.png) no-repeat bottom right; } .bigbtn:hover, .bigbtn-next:hover { color: #af1a1e !important; background: url(../img/slidding-doors/gray2-fbutton-left.png) no-repeat top left; } .bigbtn:hover span, .bigbtn-next:hover span {background: url(../img/slidding-doors/gray2-fbutton-right.png) no-repeat top right; } .bigbtn-next, .bigbtn.graybtn { color: #af1a1e !important; background: url(../img/slidding-doors/gray2-fbutton-left.png) no-repeat top left; } .bigbtn-next span {padding-right: 70px;background: url(../img/slidding-doors/gray2-fbutton-right-next.png) no-repeat top right; } .bigbtn-next:hover, .bigbtn.graybtn:hover {color: #FFF !important; background: url(../img/slidding-doors/gray2-fbutton-left.png) no-repeat bottom left; } .bigbtn-next:hover span {background: url(../img/slidding-doors/gray2-fbutton-right-next.png) no-repeat bottom right; } .bigbtn.graybtn span { background: url(../img/slidding-doors/gray2-fbutton-right.png) no-repeat top right; } .bigbtn.graybtn:hover span {background: url(../img/slidding-doors/gray2-fbutton-right.png) no-repeat bottom right; } .graybg .bigbtn span {background: url(../img/slidding-doors/gray2-fbutton-right-gray.png) no-repeat bottom right; } .graybg .bigbtn:hover span {background: url(../img/slidding-doors/gray2-fbutton-right-gray.png) no-repeat top right; } .graybg .bigbtn.graybtn span {background: url(../img/slidding-doors/gray2-fbutton-right-gray.png) no-repeat top right; } .graybg .bigbtn.graybtn:hover span {background: url(../img/slidding-doors/gray2-fbutton-right-gray.png) no-repeat bottom right; } .graybg .bigbtn-next span {background: url(../img/slidding-doors/gray2-fbutton-right-next-gray.png) no-repeat top right; } .graybg .bigbtn-next:hover span {background: url(../img/slidding-doors/gray2-fbutton-right-next-gray.png) no-repeat bottom right; } */ .bigbtn.left, .bigbtn-next.left, table.left { float: left; } .bigbtn.right, .bigbtn-next.right { float: right; } /* #tabsimageContainer .ui-tabs-panel { padding-bottom: 4em; } */ .confirm-msg { width: 100%; text-align: center; margin-top: 1em; font-size: 1.1em; } #annonceContainer { padding: 0 5px 20px 5px; font-size: 1.2em; line-height: 1.7em; } #annonceContainer h2 { font-size: 1.1em; } #annonceContainer .checkbox { margin-top: 20px; } .ui-autocomplete .small-50 { margin-right:7px; } .dialog-title { font-size: 18px; color: #5a5a5a; } .ui-dialog.d-credit { border:1px solid gray; } .ui-dialog.d-credit .ui-dialog-titlebar { padding: 0; } .ui-dialog.d-credit .ui-dialog-title { margin: 0; } .ui-widget-content.d-credit a.bigbtn { color: #fff; } .ui-widget-content.d-credit a.bigbtn:hover { color: #000; } .ui-widget-content.d-credit button.bigbtn { width:150px; } /* .ui-dialog.d-credit .ui-icon.ui-icon-closethick { } */ .d-credit {font-size: 120%; background: #FFF; } .d-credit p { padding-bottom: 15px;} .d-credit small { font-size: 90%;} .d-credit strong > small { display: block; height: 1.3em; } .d-credit .bigbtn { margin-top: -10px; } .d-credit h3 { font-size: 170%; margin-bottom: 10px; } .d-credit h3 strong { color: #af1a1e; } .d-credit h3 big { font-size: 180%; } .d-credit h3 img { margin: 0px 10px 5px 15px; } #creditAmount h3 { font-size: 220%; text-align: center; } #creditAmount p { text-align: center;} #creditAmount .more-credits { margin-top: 20px;} .credit-col3 { width: 680px; min-height: 149px; /* background: url(../img/bgs/credits-col3.png) no-repeat 0 0; */} .credit-col3 div { width: 150px; float: left; padding: 0 10px; color: #5a5a5a; } .credit-col3 div + div { background: url("../img/credits-bg.jpg") 0 10px no-repeat; } .credit-col3 ul { color: #5a5a5a; font-size: 90%; margin-left: 10px; } .credit-col3 img { vertical-align: middle; margin: 2px 7px 2px 0;} .credit-col3 big { font-size: 220%; color: #af1a1e; font-weight: bold;} .credit-col3 big span { font-size: 60%;} .credit-col3 small span { color: #da4044;} #creditAmount .give-credit-checkbox { margin: 0 0 3px 25px; } #creditAmount .give-credit-checkbox .cp-checkbox-label .ui-button { padding-left: 15px; } #creditAmount .give-credit-checkbox .compo-checkbox .ui-button .ui-button-text { color: #5A5A5A; } #PaymentUser { width: 280px; margin-bottom: 10px; } .d-credit table { table-layout: fixed; width: 500px;} .d-credit table img { vertical-align: top; margin-top: -10px; } .d-credit .fp-form table.step2 th { width: 160px;} .d-credit .fp-form table.step2 td { } .d-credit table.step2 img { margin: -10px 10px 0px 5px; vertical-align: top;} .d-credit table.step2 em {color: #da4044; font-style: normal; font-size: 120%;} #creditChoosePayment { padding: 0 20px; } #creditChoosePayment #creditPayPal .bind-back-link { position:static; } #PayPalBuyNowBtn { margin-bottom:10px; } #PayPalBuyNowBtn .submit { text-align:center; } #creditChoosePaymentCont .bigbtn { float: none; margin: 5px 0 0 160px; } #creditChoosePayment .bind-back-link { position: absolute; bottom: 80px; } #creditChoosePayment #loaderPayment { margin: 0 0 5px 220px; } #compoPaymentWay1, #compoPaymentWay2, #compoPaymentWay3, #compoPaymentWay4 { margin-bottom: 10px;} #creditBank .bank, #creditSMS .sms { border-top: 1px solid #d6d8d8; border-bottom: 1px solid #d6d8d8; padding: 10px 0; font-size: 110%; color: #5a5a5a;} #creditSMS .sms { margin-bottom: 15px; } #creditBank .bank.invoice-data { border-top: none; margin-bottom: 15px; } #creditBank .bank strong {color: #000; font-size: 150%;} #creditBank .bank.invoice-data strong {font-size: 100%;} #creditBank .fleft { line-height: 170%; } #creditBank .fright span {color: #da4044;} #creditBank em, #creditSMS em { font-style: normal; color: #e3000d; font-size: 120%;} #creditBank p img { margin: 0 5px 0 10px;} #creditBank .link-bank { position: absolute; right: 0; top: 10px; } #creditBank .submit, #creditSMS .submit { width: 100%;} #creditChoosePayment #creditBank .bind-back-link, #creditChoosePayment #creditPayU .bind-back-link { bottom: 25px; } #creditSMS .sms { line-height: 200%;} #creditSMS .sms strong { font-size: 160%; color: #000;} #creditSMS th { width: 250px;} #creditSMS .incl-tax { font-weight: normal; font-size: 0.9em; } #creditChoosePayment #creditSMS .bind-back-link { bottom: 25px; } #PaymentIndexForm .adm-man { float: right; } .d-credit #PaymentIndexForm .input { float: left; margin-right: 20px; } .d-credit #PaymentIndexForm .bigbtn { float: left; } #compoPaymentAmount { width: 100px; } .dialog .admin-table, .dialog .paggination { width: 100%; } .fp-tabs .tab-title { display: block; font-weight: normal; font-size: 160%; margin-bottom: 8px; color: #5B5A5A; } .fp-tabs .tab-title small { font-size: 70%; } .fp-tabs .tab-subtitle { display:block; margin-top: -5px; } .fp-tabs .tab-subtitle a { color: #5B5A5A; } .no-contribute { text-align: center; font-size: 12px; } .no-contribute strong { font-size: 14px; color: #5B5A5A; } .navig-strip {font-size:11px;color:#595959;margin-bottom:20px;} .navig-strip a {color:#595959;} .button { cursor: pointer; font-size: 1.1em; text-decoration: none; padding: 6px 20px; display: inline-block; border-radius: 10px; background-color: #fff;/* -moz-box-shadow: 0 1px 1px rgba(1,1,1,.2); -webkit-box-shadow: 0 1px 1px rgba(1,1,1,.2); box-shadow: 0 1px 1px rgba(1,1,1,.2);*/ } .fpButton { display: inline-block; position: relative; padding: 12px 20px; font-size: 14px; line-height: normal; font-weight: bold; color: #af1a1e; text-decoration: none; border-radius: 10px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #cecece; -webkit-box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #cecece; box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #cecece; background: #f2f2f2; background: -moz-linear-gradient(top, #f2f2f2 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top, #f2f2f2 0%,#e8e8e8 100%); background: -o-linear-gradient(top, #f2f2f2 0%,#e8e8e8 100%); background: -ms-linear-gradient(top, #f2f2f2 0%,#e8e8e8 100%); background: linear-gradient(to bottom, #f2f2f2 0%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e8e8e8',GradientType=0 ); } .fpButton:hover { background: #b32a2e; color: #fff; background: -moz-linear-gradient(top, #b32a2e 0%, #a92024 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b32a2e), color-stop(100%,#a92024)); background: -webkit-linear-gradient(top, #b32a2e 0%,#a92024 100%); background: -o-linear-gradient(top, #b32a2e 0%,#a92024 100%); background: -ms-linear-gradient(top, #b32a2e 0%,#a92024 100%); background: linear-gradient(to bottom, #b32a2e 0%,#a92024 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b32a2e', endColorstr='#a92024',GradientType=0 ); } .fpButton.fp100 { padding-left: 75px; } .fpButton.fp100 span { position: absolute; left: 15px; top: 50%; margin-top: -8px; width: 50px; height: 20px; background: url("../img/icons/icons.png") -300px -270px no-repeat; } .fpButton.fp100:hover span { background-position: -370px -270px; } .ico { display: inline-block; padding: 10px; margin: 0; background: url(../img/icons/icons.png) no-repeat; font-size: 0; line-height: 0; width: 0; height: 0; } .ico.hdn { display: none; } .ico.small { padding: 7px; } .ico.big { padding: 12px; } .ico.great { padding: 15px; } .icoInside, .icoCircleInside { position: relative; display: inline-block; padding: 6px 6px 6px 30px; } .icoInside.great { padding: 10px 6px 10px 40px; } .ssditem .item-action .ico, .icoInside .ico { position: absolute; top: 50%; margin-top: -10px; left: 5px; } .icoInside .ico.small { margin-top: -7px; left: 9px; } .icoInside .ico.big { margin-top: -12px; } .icoInside .ico.great { margin-top: -15px; } .icoInside.great .ico.personalConfiguration { left: 0; margin-top: -18px; } /* exceptions */ .icoInside .ico.great.darkNote { margin-top: -20px; } .icoCircle { display: inline-block; width: 32px; height: 32px; border: 1px solid #9e9e9e; font-size: 0; line-height: 0; border-radius: 17px; position: relative; } .icoCircle.small { width: 26px; height: 26px; } .icoCircle.great { width: 40px; height: 40px; border-radius: 21px; } .icoCircle .ico { position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; } .icoCircle .ico.view { margin: -9px 0 0 -11px; } .icoCircle .ico.small { margin: -7px 0 0 -7px; } .icoCircle .ico.big { margin: -12px 0 0 -12px; } .icoCircle .ico.great { margin: -15px 0 0 -15px; } .icoCircle.white { border-color: #fff; } .icoCircle.red { border-color: #af1a1e; background-color: #af1a1e; } .icoCircle.gray { border-color: #5a5a5a; } .icoCircle.gray.fill { background: #5a5a5a; } /* hover states */ .icoCircleInside:hover .icoCircle, .icoCircle.active, .icoCircle.hover:hover { border-color: #af1a1e; } .icoCircleInside:hover .icoCircle.fill, .icoCircle.fill.active, .icoCircle.fill.hover:hover { background: #af1a1e; } .icoCircleInside { padding-left: 40px; } .icoCircleInside.small { padding-left: 35px; } .icoCircleInside .icoCircle { position: absolute; top: 50%; margin-top: -15px; left: 0; } .ico.dot { padding: 4px; border-radius: 4px; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; } .ico.small.dot { padding: 2px; border-radius: 2px; } .ico.small.white.wheel { background-position: -580px 0; } .ico.small.white.view { background-position: -580px -25px; padding: 7px; } .ico.small.white.camera { background-position: -580px -50px; } .ico.small.white.fp { background-position: -580px -75px; } .ico.small.info { background-position: -420px -240px; } .ico.small.topPhoto { background-position: -450px -240px; } .ico.small.gallery { background-position: -450px -260px; } .ico.dot.green { background: #1ecf1a; } .ico.dot.yjob-icn { background: #2cd6b8; } .ico.dot.bjob-icn { background: #af1a1e; } .ico.dot.pjob-icn { background: #ff00d8; } .ico.dot.gjob-icn { background: #5a5a5a; } .ico.eye { background-position: -410px -200px; padding: 10px 12px; } .ico.green.eye { background-position: -450px -200px; padding: 10px 12px; } .ico.star { background-position: -284px -188px; } .ico.propagate { background-position: -310px -120px; } .ico.edit { background-position: -310px -145px; position: static; } .ico.tags { background-position: -360px -150px; } .ico.nude { background-position: -110px -260px; padding: 10px 13px; } .ico.preview { background-position: -310px -170px; } .ico.view { background-position: -360px -170px; } .ico.add { background-position: -360px -100px; } .ico.delete { background-position: -360px -120px; } .ico.camera { background-position: -360px -70px; } .ico.black.camera { background-position: -360px -40px; } .ico.note { background-position: -490px -20px; } .ico.black.note { background-position: -490px 0px; } .ico.calendar { background-position: -490px -80px; } .ico.black.calendar { background-position: -490px -60px; } .ico.camera { background-position: -360px -70px; } .ico.mail { background-position: -385px 0px; } .ico.exclamationMark { background-position: -580px -100px; } .ico.star { background-position: -580px -150px; } .ico.cooperation { background-position: 0 -260px; } .ico.stats { background-position: -30px -260px; } .ico.fp { background-position: -300px -270px; } .ico.envelopeArrow { background-position: -60px -260px; } .ico.diary { background-position: -80px -260px; } .ico.darkWorld { background-position: -490px -280px; } .ico.white.view { background-position: -490px -180px; padding: 10px 12px; } .ico.white.camera { background-position: -550px -180px; } .ico.white.wheel { background-position: -520px -180px; } .ico.white.fp { background-position: -490px -210px; } .ico.white.questionMark { background-position: -510px -210px; } .ico.white.mail { background-position: -530px -210px; } .ico.white.subscribe { background-position: -550px -210px; } .ico.white.sandglass { background-position: -580px -240px; } .ico.white.cellphone { background-position: -610px -210px; } .ico.big.speech { background-position: -520px 0; } .ico.big.check { background-position: -520px -24px; } .ico.big.check.white { background-position: -580px -210px; } .ico.big.addToGroups { background-position: -520px -48px; } .ico.big.activities { background-position: -520px -72px; } .ico.big.commercialActivities { background-position: -520px -96px; } .ico.big.presentation { background-position: -490px -120px; padding: 12px 15px; } .ico.big.preview { background-position: -490px -150px; padding: 12px 15px; } .ico.big.mail { background-position: -610px 0; } .ico.big.image { background-position: -610px -65px; } .ico.big.graph { background-position: -610px -125px; } .ico.big.mapPin { background-position: -310px 0; } .ico.big.photographer { background-position: 0 -200px; } .ico.big.model { background-position: -30px -200px; } .ico.big.make_up_artist { background-position: -60px -200px; } .ico.big.stylist { background-position: -90px -200px; } .ico.big.hair_stylist { background-position: -120px -200px; } .ico.big.hostess { background-position: -150px -200px; } .ico.big.graphic { background-position: -180px -200px; } .ico.big.blogger { background-position: -210px -200px; } .ico.big.guest { background-position: -180px -260px; } .ico.big.star { background-position: -240px -200px; } .ico.big.profile { background-position: -270px -200px; } .ico.big.talks { background-position: -300px -200px; } .ico.big.darkNote { background-position: -650px -80px; } .ico.big.darkChat { background-position: -650px -110px; } .ico.big.darkBriefcase { background-position: -650px -140px; } .ico.great.edit { background-position: -410px -10px; } .ico.great.preview { background-position: -410px -60px; } .ico.great.lock { background-position: -410px -105px; padding-bottom: 16px; } .ico.great.delete { background-position: -410px -153px; } .ico.great.white.fb { background-position: -340px -200px; } .ico.great.white.vimeo { background-position: -370px -200px; } .ico.great.white.blog { background-position: -720px -70px; } .ico.great.darkProfile { background-position: -650px 0; } .ico.great.darkNote { background-position: -680px 0; padding: 20px 15px; } .ico.great.personalConfiguration { background-position: -650px -170px; padding: 17px 17px 18px 18px; } .ico.great.graph { background-position: -490px -240px; } .ico.great.profile { background-position: -720px 0; } .ico.great.briefcase { background-position: -720px -30px; } /* hover states */ .ico.small.topPhoto.hover:hover, .icoInside:hover .ico.small.topPhoto, .icoHover:hover .ico.small.topPhoto, .ico.small.topPhoto.active, .icoActive .ico.small.topPhoto { background-position: -470px -240px; } .ico.small.gallery.hover:hover, .icoInside:hover .ico.small.gallery, .icoHover:hover .ico.small.gallery, .ico.small.gallery.active, .icoActive .ico.small.gallery { background-position: -470px -260px; } .ico.propagate.hover:hover, .icoInside:hover .ico.propagate, .icoHover:hover .ico.propagate, .ico.propagate.active, .icoActive .ico.propagate { background-position: -335px -120px; } .ico.edit.hover:hover, .icoInside:hover .ico.edit, .icoHover:hover .ico.edit, .ico.edit.active, .icoActive .ico.edit { background-position: -335px -145px; } .ico.tags.hover:hover, .icoInside:hover .ico.tags, .icoHover:hover .ico.tags, .ico.tags.active, .icoActive .ico.tags { background-position: -385px -150px; } .ico.nude.hover:hover, .icoInside:hover .ico.nude, .icoHover:hover .ico.nude, .ico.nude.active, .icoActive .ico.nude { background-position: -140px -260px; } .ico.preview.hover:hover, .icoInside:hover .ico.preview, .icoHover:hover .ico.preview, .ico.preview.active, .icoActive .ico.preview { background-position: -335px -170px; } .ico.view.hover:hover, .icoInside:hover .ico.view, .icoHover:hover .ico.view, .ico.view.active, .icoActive .ico.view { background-position: -385px -170px; } .ico.add.hover:hover, .icoInside:hover .ico.add, .icoHover:hover .ico.add, .ico.add.active, .icoActive .ico.add { background-position: -385px -100px; } .ico.delete.hover:hover, .icoInside:hover .ico.delete, .icoHover:hover .ico.delete, .ico.delete.active, .icoActive .ico.delete { background-position: -385px -120px; } .ico.camera.hover:hover, .icoInside:hover .ico.camera, .icoHover:hover .ico.camera, .ico.camera.active, .icoActive .ico.camera { background-position: -385px -70px; } .ico.note.hover:hover, .icoInside:hover .ico.note, .icoHover:hover .ico.note, .ico.note.active, .icoActive .ico.note { background-position: -490px -40px; } .ico.calendar.hover:hover, .icoInside:hover .ico.calendar, .icoHover:hover .ico.calendar, .ico.calendar.active, .icoActive .ico.calendar { background-position: -490px -100px; } .ico.mail.hover:hover, .icoInside:hover .ico.mail, .icoHover:hover .ico.mail, .ico.mail.active, .icoActive .ico.mail { background-position: -385px -20px; } .ico.exclamationMark.hover:hover, .icoInside:hover .ico.exclamationMark, .icoHover:hover .ico.exclamationMark, .ico.exclamationMark.active, .icoActive .ico.exclamationMark { background-position: -580px -125px; } .ico.star.hover:hover, .icoInside:hover .ico.star, .icoHover:hover .ico.star, .ico.star.active, .icoActive .ico.star { background-position: -580px -180px; } .ico.cooperation.hover:hover, .icoInside:hover .ico.cooperation, .icoHover:hover .ico.cooperation, .ico.cooperation.active, .icoActive .ico.cooperation { background-position: 0 -280px; } .ico.stats.hover:hover, .icoInside:hover .ico.stats, .icoHover:hover .ico.stats, .ico.stats.active, .icoActive .ico.stats { background-position: -30px -280px; } .ico.fp.hover:hover, .icoInside:hover .ico.fp, .icoHover:hover .ico.fp, .ico.fp.active, .icoActive .ico.fp { background-position: -370px -270px; } .ico.envelopeArrow.hover:hover, .icoInside:hover .ico.envelopeArrow, .icoHover:hover .ico.envelopeArrow, .ico.envelopeArrow.active, .icoActive .ico.envelopeArrow { background-position: -60px -280px; } .ico.diary.hover:hover, .icoInside:hover .ico.diary, .icoHover:hover .ico.diary, .ico.diary.active, .icoActive .ico.diary { background-position: -80px -280px; } .ico.darkWorld.hover:hover, .icoInside:hover .ico.darkWorld, .icoHover:hover .ico.darkWorld, .ico.darkWorld.active, .icoActive .ico.darkWorld { background-position: -510px -280px; } .ico.white.sandglass.hover:hover, .icoInside:hover .ico.white.sandglass, .icoHover:hover .ico.white.sandglass, .ico.white.sandglass.active, .icoActive .ico.white.sandglass { background-position: -600px -240px; } .ico.big.speech.hover:hover, .icoInside:hover .ico.big.speech, .icoHover:hover .ico.big.speech, .ico.big.speech.active, .icoActive .ico.big.speech { background-position: -550px 0; } .ico.big.check.hover:hover, .icoInside:hover .ico.big.check, .icoHover:hover .ico.big.check, .ico.big.check.active, .icoActive .ico.big.check { background-position: -550px -24px; } .ico.big.addToGroups.hover:hover, .icoInside:hover .ico.big.addToGroups, .icoHover:hover .ico.big.addToGroups, .ico.big.addToGroups.active, .icoActive .ico.big.addToGroups { background-position: -550px -48px; } .ico.big.activities.hover:hover, .icoInside:hover .ico.big.activities, .icoHover:hover .ico.big.activities, .ico.big.activities.active, .icoActive .ico.big.activities { background-position: -550px -72px; } .ico.big.commercialActivities.hover:hover, .icoInside:hover .ico.big.commercialActivities, .icoHover:hover .ico.big.commercialActivities, .ico.big.commercialActivities.active, .icoActive .ico.big.commercialActivities { background-position: -550px -96px; } .ico.big.presentation.hover:hover, .icoInside:hover .ico.big.presentation, .icoHover:hover .ico.big.presentation, .ico.big.presentation.active, .icoActive .ico.big.presentation { background-position: -530px -120px; } .ico.big.preview.hover:hover, .icoInside:hover .ico.big.preview, .icoHover:hover .ico.big.preview, .ico.big.preview.active, .icoActive .ico.big.preview { background-position: -530px -150px; } .ico.big.mail.hover:hover, .icoInside:hover .ico.big.mail, .icoHover:hover .ico.big.mail, .ico.big.mail.active, .icoActive .ico.big.mail { background-position: -610px -30px; } .ico.big.image.hover:hover, .icoInside:hover .ico.big.image, .icoHover:hover .ico.big.image, .ico.big.image.active, .icoActive .ico.big.image { background-position: -610px -95px; } .ico.big.graph.hover:hover, .icoInside:hover .ico.big.graph, .icoHover:hover .ico.big.graph, .ico.big.graph.active, .icoActive .ico.big.graph { background-position: -610px -155px; } .ico.big.photographer.hover:hover, .icoInside:hover .ico.big.photographer, .icoHover:hover .ico.big.photographer, .ico.big.photographer.active, .icoActive .ico.big.photographer { background-position: 0 -230px; } .ico.big.model.hover:hover, .icoInside:hover .ico.big.model, .icoHover:hover .ico.big.model, .ico.big.model.active, .icoActive .ico.big.model { background-position: -30px -230px; } .ico.big.make_up_artist.hover:hover, .icoInside:hover .ico.big.make_up_artist, .icoHover:hover .ico.big.make_up_artist, .ico.big.make_up_artist.active, .icoActive .ico.big.make_up_artist { background-position: -60px -230px; } .ico.big.stylist.hover:hover, .icoInside:hover .ico.big.stylist, .icoHover:hover .ico.big.stylist, .ico.big.stylist.active, .icoActive .ico.big.stylist { background-position: -90px -230px; } .ico.big.hair_stylist.hover:hover, .icoInside:hover .ico.big.hair_stylist, .icoHover:hover .ico.big.hair_stylist, .ico.big.hair_stylist.active, .icoActive .ico.big.hair_stylist { background-position: -120px -230px; } .ico.big.hostess.hover:hover, .icoInside:hover .ico.big.hostess, .icoHover:hover .ico.big.hostess, .ico.big.hostess.active, .icoActive .ico.big.hostess { background-position: -150px -230px; } .ico.big.graphic.hover:hover, .icoInside:hover .ico.big.graphic, .icoHover:hover .ico.big.graphic, .ico.big.graphic.active, .icoActive .ico.big.graphic { background-position: -180px -230px; } .ico.big.blogger.hover:hover, .icoInside:hover .ico.big.blogger, .icoHover:hover .ico.big.blogger, .ico.big.blogger.active, .icoActive .ico.big.blogger { background-position: -210px -230px; } .ico.big.guest.hover:hover, .icoInside:hover .ico.big.guest, .icoHover:hover .ico.big.guest, .ico.big.guest.active, .icoActive .ico.big.guest { background-position: -210px -260px; } .ico.big.star.hover:hover, .icoInside:hover .ico.big.star, .icoHover:hover .ico.big.star, .ico.big.star.active, .icoActive .ico.big.star { background-position: -240px -230px; } .ico.big.profile.hover:hover, .icoInside:hover .ico.big.profile, .icoHover:hover .ico.big.profile, .ico.big.profile.active, .icoActive .ico.big.profile { background-position: -270px -230px; } .ico.big.talks.hover:hover, .icoInside:hover .ico.big.talks, .icoHover:hover .ico.big.talks, .ico.big.talks.active, .icoActive .ico.big.talks { background-position: -300px -230px; } .ico.big.darkNote.hover:hover, .icoInside:hover .ico.big.darkNote, .icoHover:hover .ico.big.darkNote, .ico.big.darkNote.active, .icoActive .ico.big.darkNote { background-position: -680px -80px; } .ico.big.darkChat.hover:hover, .icoInside:hover .ico.big.darkChat, .icoHover:hover .ico.big.darkChat, .ico.big.darkChat.active, .icoActive .ico.big.darkChat { background-position: -680px -110px; } .ico.big.darkBriefcase.hover:hover, .icoInside:hover .ico.big.darkBriefcase, .icoHover:hover .ico.big.darkBriefcase, .ico.big.darkBriefcase.active, .icoActive .ico.big.darkBriefcase { background-position: -680px -140px; } .ico.great.edit.hover:hover, .icoInside:hover .ico.great.edit, .icoHover:hover .ico.great.edit, .ico.great.edit.active, .icoActive .ico.great.edit { background-position: -450px -10px; } .ico.great.preview.hover:hover, .icoInside:hover .ico.great.preview, .icoHover:hover .ico.great.preview, .ico.great.preview.active, .icoActive .ico.great.preview { background-position: -450px -60px; } .ico.great.lock.hover:hover, .icoInside:hover .ico.great.lock, .icoHover:hover .ico.great.lock, .ico.great.lock.active, .icoActive .ico.great.lock { background-position: -450px -105px; } .ico.great.delete.hover:hover, .icoInside:hover .ico.great.delete, .icoHover:hover .ico.great.delete, .ico.great.delete.active, .icoActive .ico.great.delete { background-position: -450px -153px; } .ico.great.white.fb.hover:hover, .icoInside:hover .ico.great.white.fb, .icoHover:hover .ico.great.white.fb, .ico.great.white.fb.active, .icoActive .ico.great.white.fb { background-position: -340px -230px; } .ico.great.white.vimeo.hover:hover, .icoInside:hover .ico.great.white.vimeo, .icoHover:hover .ico.great.white.vimeo, .ico.great.white.vimeo.active, .icoActive .ico.great.white.vimeo { background-position: -370px -230px; } .ico.great.white.blog.hover:hover, .icoInside:hover .ico.great.white.blog, .icoHover:hover .ico.great.white.blog, .ico.great.white.blog.active, .icoActive .ico.great.white.blog { background-position: -720px -100px; } .ico.great.darkProfile.hover:hover, .icoInside:hover .ico.great.darkProfile, .icoHover:hover .ico.great.darkProfile, .ico.great.darkProfile.active, .icoActive .ico.great.darkProfile { background-position: -650px -30px; } .ico.great.darkNote.hover:hover, .icoInside:hover .ico.great.darkNote, .icoHover:hover .ico.great.darkNote, .ico.great.darkNote.active, .icoActive .ico.great.darkNote { background-position: -680px -40px; } .ico.great.personalConfiguration.hover:hover, .icoInside:hover .ico.great.personalConfiguration, .icoHover:hover .ico.great.personalConfiguration, .ico.great.personalConfiguration.active, .icoActive .ico.great.personalConfiguration { background-position: -650px -210px; } .ico.great.graph.hover:hover, .icoInside:hover .ico.great.graph, .icoHover:hover .ico.great.graph, .ico.great.graph.active, .icoActive .ico.great.graph { background-position: -520px -240px; } .thumb-border { border: 1px solid #a9a9a9; border-radius: 5px; padding:5px; } /* album-page */ .album-page li { float: left; width: 24.9%; } .album-page .ssditem { border: 1px solid #a9a9a9; border-radius: 5px; padding: 5px; margin: 8px 0 0 8px; background: #ededed; position: relative; max-width: 160px; } .album-page .ssditem.simple { border: none; border-radius: 0; padding: 0; background: transparent; } .ssditem .img-wrapper { position: relative; height: 160px; overflow: hidden; } .ssditem .img-wrapper img { min-width: 100%; min-height: 100%; /* width: 100%;*/ height: auto; } .ssditem .fleft.actions { min-height: 20px; } .ssditem .item-actions { position: absolute; top:4px; left:0; display:none; width:100%; } .ssditem .item-action { display:block; margin: 0 4px 1px 4px; background-color: #fff; padding: 6px 6px 6px 30px; text-align: left; position: relative; font-size: 12px; font-weight: 700; color: #a5a5a5; text-decoration: none; } .ssditem .item-action:hover { color: #af1a1e; } .ssditem .item-action:hover .ico.propagate { background-position: -335px -120px; } .ssditem .item-action:hover .ico.edit { background-position: -335px -145px; } .ssditem .item-action:hover .ico.tags { background-position: -385px -150px; } .ssditem .item-action:hover .ico.preview { background-position: -335px -170px; } .ssditem .item-action:hover .ico.view { background-position: -385px -170px; } .ssditem .item-action:hover .ico.add { background-position: -385px -100px; } .ssditem .item-action:hover .ico.delete { background-position: -385px -120px; } ul.commonList li { border-bottom: 1px solid #d0d0d0; border-top: 1px solid #f4f4f4; } ul.commonList li.first { border-top: none; } ul.commonList li.last { border-bottom: none; }/* ul li.inlineArea .area { display: none; position: absolute; z-index: 3; left: 0; right: 0; top: 100%; margin-top: -1px; border-radius: 0 0 10px 10px; padding-bottom: 10px; cursor: default; } ul li.inlineArea.hover { background: #fff; border-radius: 10px 10px 0 0; margin-left: -10px; padding-left: 10px; } ul li.inlineArea.hover .area { display: block; }*/ .commonSeparator { display: block; clear: both; font-size: 0; line-height: 0; margin: 15px 0; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #f4f4f4; } .strongLabels label { font-weight: 700; } .ui-dialog .ui-dialog-content { padding: 1em; } .ui-dialog .ui-dialog-titlebar { padding-top: 10px; } .noOverflow { overflow: hidden; white-space: nowrap; } .dt-time { margin-left:3px; } .ui-widget-content { background: #fff; } #content .userHeadingContent { padding-left: 60px; } #content .userHeadingContent h2 { color: #5a5a5a; font-size: 18px; line-height: 1.4em; font-weight: normal; } #content .userHeadingContent .heading { overflow: hidden; margin-bottom: 5px; } .ui-autocomplete.ui-menu { padding: 10px; } .ui-autocomplete .ui-menu-item { border-bottom: 1px solid #dedede; margin-bottom: 5px; } .ui-autocomplete .ui-menu-item a { padding: .2em 0; } ul.ui-autocomplete li.ui-menu-item:last-child { border-bottom: none; } .ui-autocomplete .ui-menu-item .profileWrapper { margin-bottom: 7px; } .sentMessages { float: right; font-size: 12px; color: #5a5a5a; margin-left: 10px; margin-top: 6px; } /* formatted h1 */ .h1like { font-size: 18px; color: #000; font-weight: bold; margin-bottom: 15px; } /* togglers */ .toggleItem { display: block; position: relative; background: #fff; border: 1px solid #d7d7d7; border-radius: 10px; margin: 0 0 -1px 0; padding: 10px 45px 10px 15px; color: #000; line-height: 14px; } .toggleItem strong { font-size: 14px; font-weight: bold; } .toggleItem .count { float: right; font-size: 12px; line-height: 15px; margin-right: 10px; } .toggleItem .ico { position: absolute; right: 10px; top: 50%; margin-top: -8px; width: 17px; height: 15px; padding: 0; background: url(../img/icons/icons6.png) no-repeat -2px -4px; } .toggleItem.active { color: #af1a1e; } .toggleItem:hover .ico { background-position: -2px -25px; } .toggleItem.active .ico { right: 15px; background-position: -2px -43px; } a.toggleItem { text-decoration: none; } .toggleItemContent { display: none; padding: 20px 15px 10px; margin-bottom: 10px; background-color: #f2f2f2; border-radius: 0 0 10px 10px; font-size: 12px; } .toggleItem + .toggleItemContent { margin-top: -10px; } .toggleItem.active + .toggleItemContent { display: block; } /* faqs */ ul.faqs { list-style: none; } ul.faqs li { padding: 10px 0; border-top: 1px solid #d9d9d9; } ul.faqs li:first-child { border-top: none; } ul.faqs li a { text-decoration: none; font-weight: bold; display: block; } ul.faqs li p { display: none; } ul.faqs li.active a { color: #af1a1e; margin-bottom: 10px; } ul.faqs li.active p { display: block; } /* common */ hr.double { font-size: 0; line-height: 0; border: none; height: 1px; background: #d0d0d0; border-bottom: 1px solid #f4f4f4; margin-bottom: 15px; } .noMargin { margin: 0; } .mb { margin-bottom: 15px; } .mr { margin-right: 15px; } .grayFont { color: #5a5a5a; } .whiteBox { background: #fff; padding: 20px; } .roundedBox { border-radius: 10px; } .contentBox { font-size: 12px; } .contentBox h1, .contentBox h2 { font-size: 1.5em; margin-bottom: 25px; clear: both; color: #000; } .contentBox p { margin-bottom: 15px; } .previewBoxWrap { overflow: hidden; margin: 30px 0; } .previewBox { text-align: center; } .previewBox h3 { font-size: 1.1666em; font-weight: bold; color: #ce250e; margin: 0 0 10px; } .imgWrap { width: 105px; height: 105px; border: 2px solid #d4d4d4; margin: 0 auto 25px; overflow: hidden; background-color: #f0f0f0; } .imgWrap img { min-width: 100%; height: auto; } .imgWrap, .imgWrap img { border-radius: 55px; } #user-name-window { background: url("../img/icons/icons.png") -610px -190px no-repeat; width: 13px; height: 13px; margin: 3px 0 0 8px; } /* image detail footer fix */ .pp_description { padding-bottom: 0; margin-bottom: 0; } .pp_details .report-btn { background: none !important; bottom: 0 !important; } /* kde nas najdete */ .whereToFindUs { text-align: center; } .whereToFindUs a { font-size: 1.1666em; text-decoration: none; font-weight: bold; color: #000; } .whereToFindUs .threeCol { float: none; display: inline-block; width: 200px; } /* expandable button */ .button.expandable { cursor: inherit; position: relative; padding: 5px 30px 5px 10px; border-radius: 10px; border: 2px solid #ededed; z-index: 11; } .button.expandable.active, .button.expandable:hover { border-radius: 10px 10px 0 0; border-bottom-color: #fff; } .button.expandable .content { display: none; position: absolute; left: -2px; right: -2px; background: #fff; border-radius: 0 0 10px 10px; padding: 5px 10px; border: 2px solid #ededed; border-top: none; } .button.expandable .content.oveflowed { border-top-right-radius: 10px; } .button.expandable.active .content, .button.expandable:hover .content { display: block; } .button.expandable > .ico { position: absolute; right: 8px; top: 13px; padding: 0; width: 10px; height: 8px; background: url("../img/icons/icons.png") -260px -260px no-repeat; } .button.expandable > label { font-size: 12px; font-weight: bold; color: #5b5a5a; cursor: pointer; float: none; display: block; margin: 0; } .button.expandable:hover > label, .button.expandable.active > label, .button.expandable a:hover, .button.expandable .ui-button:hover, .button.expandable .icoActive { color: #af1a1e; } .button.expandable:hover > .ico { background-position: -270px -260px; } .button.expandable li a { display: block; font-weight: bold; font-size: 11px; line-height: 16px; margin: 0 0 7px; padding: 2px 0 2px 55px; } .button.expandable a.link.big { color: #af1a1e; font-size: 14px; font-weight: bold; } .button.expandable a.link { font-size: 12px; }