/*Look At Me Style Sheet*/ * { margin:0; padding:0; text-shadow:0 0 black; } html, body { width:100%; height:100%; margin:0; padding:0; } body { position:relative; background:#ccc; color:black; font-family: Pragmatica, Arial, sans-serif; font-size:11px; border:0; } img { border:0; } table { border-collapse:collapse; } a { text-decoration:none; color:#3117b4; } a:hover { text-decoration:underline; } .clear { clear:both; height:0; font-size:0; } h1 { font-size:23px; font-weight:bold; text-transform:uppercase; position:relative; } h2 { font-size:20px; font-weight:bold; text-transform:uppercase; position:relative; } h3 { font-size:16px; font-weight:bold; text-transform:uppercase; position:relative; padding-bottom:12px; } h4 { font-size:14px; font-weight:bold; text-transform:uppercase; position:relative; } h5 { font-size:11px; font-weight:bold; text-transform:uppercase; position:relative; } .round-corners { position:relative; height:9px; width:1010px; } .round-corners .left-corner { position:absolute; width:9px; height:9px; left:0; top:0; background:url(../images/lt-corn.png) no-repeat left top; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/lt-corn.png', sizingMethod='crop'); } .round-corners .right-corner { position:absolute; width:9px; height:9px; right:0; top:0; background:url(../images/rt-corn.png) no-repeat left top; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/rt-corn.png', sizingMethod='crop'); } .bot-corns .left-corner { background:url(../images/lb-corn.png) no-repeat left bottom; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/lb-corn.png', sizingMethod='crop'); } .bot-corns .right-corner { background:url(../images/rb-corn.png) no-repeat left bottom; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/rb-corn.png', sizingMethod='crop'); } .round-corners .white-block { margin:0 9px; height:9px; background:white; font-size:0; } .block { background:white; padding:0 9px; } * html .outer { height:100%; } .outer { width:1010px; margin:0 auto; position:relative; min-height:100%; } .outer .usr-wide-img { position:relative; margin-top:-12px; padding:16px 0 16px 9px; //height:1%; } .outer .usr-wide-img img { float:left; width:992px; } .outer .usr-wide-img .clear { -display:none; } .outer .top-banner { padding:10px 0; text-align:center; } .outer .header { position:relative; z-index:99; } .outer .header a { color:black; text-decoration:none; } .outer .header a:hover { text-decoration:underline; } .outer .header .wrapper { position:relative; margin-bottom:12px; } .outer .header .wrapper .user { float:right; position:relative; width:242px; bottom:-1px; } .outer .header .wrapper .disable-login { border:1px solid black; height:66px; bottom:0; } .outer .header .wrapper .disable-login ul.enter { padding:17px 0 0 12px; } .outer .header .wrapper .disable-login ul.enter li { list-style:none; float:left; padding-right:3px; font-size:13px; text-transform:uppercase; color:black; } .outer .header .wrapper .disable-login ul.enter li a { font-weight:bold; color:#000; } .outer .header .wrapper .disable-login ul.enter li.reg a { color:red; font-weight:normal; } .outer .header .wrapper .disable-login p { padding:6px 0 0 12px; clear:left; //padding-top:2px; } .outer .header .wrapper .disable-login p a { color:#666; text-decoration:underline; } .outer .header .wrapper .disable-login p a:hover { text-decoration:none; } .outer .header .wrapper .user .user-mana { position:relative; } .outer .header .wrapper .user .user-mana .userpic { float:left; } .outer .header .wrapper .user .user-mana .mana { float:left; position:relative; height:70px; background:#c8c8c8; width:28px; overflow:hidden; } .outer .header .wrapper .user .user-mana .mana .red { position:absolute; height:70px; background:#f40101; left:0; top:10px; width:28px; } .outer .header .wrapper .user .user-mana .mana p { color:white; font-size:10px; text-align:center; padding-top:28px; position:relative; font-weight:bold; } .outer .header .wrapper .user .user-info { float:left; padding:8px 0 0 10px; width:132px; } .outer .header .wrapper .user .user-info h5 { font-size:12px; } .outer .header .wrapper .user .user-info h5 a { margin-right:10px; overflow:hidden; } .outer .header .wrapper .user .user-info h5 .icon { float:right; margin:0; overflow:visible; } .outer .header .wrapper .user .user-info ul.links { padding-top:6px; } .outer .header .wrapper .user .user-info ul.links li { float:left; list-style:none; font-size:10px; text-transform:uppercase; padding-right:2px; position:relative; } .outer .header .wrapper .user .user-info ul.icons { padding-top:7px; //padding-top:4px; clear:left; } .outer .header .wrapper .user .user-info ul.icons li { list-style:none; float:left; padding-right:10px; } .outer .header .wrapper .user .user-info ul.icons li a:hover { text-decoration:none; } .outer .header .wrapper .user .user-info ul.icons li a img { float:left; } .outer .header .wrapper .user .user-info ul.icons li .messages { background:url(../images/message-left.gif) no-repeat; padding-left:6px; float:left; position:relative; margin:-3px 0 0 -3px; } .outer .header .wrapper .user .user-info ul.icons li .messages .right { background:url(../images/message-right.gif) no-repeat right top; padding-right:6px; height:15px; float:left; } .outer .header .wrapper .user .user-info ul.icons li .messages .right p { background:#ff0000; color:white; padding:1px 0 0 0; font-weight:bold; height:14px; position:relative; margin-left:-1px; float:left; } .outer .header .wrapper .main { position:relative; width:740px; } .search { float:right; width:230px; position:relative; padding-top:2px; } .search input { width:230px; color:#7E7E7E; } .all-browsers .left { height:19px; width:20px; float:left; background:url(../images/search-left.png) no-repeat left top; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/search-left.png', sizingMethod='crop'); } .all-browsers input { width:200px; border:0; background:url(../images/search-bg.png) repeat-x; float:left; display:block; height:16px; padding-top:3px; //height:17px; /padding-top:2px;-background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/search-bg.png', sizingMethod='scale'); } .all-browsers .right { height:19px; width:10px; float:left; background:url(../images/search-right.png) no-repeat left top; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/search-right.png', sizingMethod='crop'); } .outer .header .wrapper .main .supplem-menu { margin-right:240px; } .outer .header .wrapper .main .supplem-menu li { list-style:none; text-transform:uppercase; padding:6px 2px 0 2px; float:left; } .outer .header .wrapper .main .supplem-menu li.logo { padding:2px 2px 0 0; -padding-top:3px; } .outer .header .wrapper .main .supplem-menu li.logo span a { font-weight:bold; position:relative; padding:0 0 0 5px; top:-4px; } .outer .header .wrapper .main .main-menu { position:relative; clear:left; padding-top:5px; margin-left:-3px; zoom:1; height:41px; } .outer .header .wrapper .main .main-menu a:hover { text-decoration:none; } .outer .header .wrapper .main .main-menu li { float:left; list-style:none; text-transform:uppercase; color:#f00; font-size:32px; font-weight:bold; padding:0 2px; } .outer .header .wrapper .main .main-menu li.hidden { background:black; color:black; } .outer .header .wrapper .main .main-menu li .active { color:#f00; } .outer .header .wrapper .main .main-menu li span { color:black; } .outer .content .menu { position:relative; z-index:99; } .outer .content .menu .head { //height:1%; position:relative; z-index:99; } /*Buttons*/ .button-wrapper { position:absolute; right:10px; float:left; color:#242424; font-size:10px; font-weight:bold; text-transform:uppercase; z-index:10; } .button-wrapper a { color:black; text-decoration:none; } .button-wrapper a:hover { text-decoration:none; } .button-wrapper .button-block { display:inline; cursor:pointer; cursor:hand; } .button-wrapper .button-block .left { position:absolute; left:-10px; top:0; -top:1px; width:10px; height:22px; -height:21px; overflow:hidden; } .button-wrapper .button-block .left .in { position:absolute; left:0px; top:0; -top:-1px; width:10px; height:22px; background:url(../images/button-left.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/button-left.png', sizingMethod='crop'); } .hover .button-block .left .in { background:url(../images/button-hover-left.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/button-hover-left.png', sizingMethod='crop'); } .active .button-block .left .in { background:url(../images/button-act-left.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/button-act-left.png', sizingMethod='crop'); } .button-wrapper .button-block .right { position:absolute; right:-9px; top:0; -top:1px; width:10px; height:22px; -height:21px; overflow:hidden; } .button-wrapper .button-block .right .in { position:absolute; left:0px; top:0; -top:-1px; width:10px; height:22px; background:url(../images/button-right.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/button-right.png', sizingMethod='crop'); } .hover .button-block .right .in { background:url(../images/button-hover-right.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/button-hover-right.png', sizingMethod='crop'); } .active .button-block .right .in { background:url(../images/button-act-right.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/button-act-right.png', sizingMethod='crop'); } .button-wrapper .button-block .center { float:left; position:relative; height:20px; padding:1px 0; background:url(../images/button-bg.png) repeat-x; -background:url(../images/button-bg-ie.gif) repeat-x left 1px; } .button-wrapper .button-block .center p { float:left; } .button-wrapper .button-block .center p span { float:left; padding:5px 2px 0 0; height:15px; //padding-top:4px; //height:16px; display:block; } .hover .button-block .center { background:url(../images/button-hover-bg.png) repeat-x; -background:url(../images/button-hover-bg-ie.gif) repeat-x left 1px; } .active .button-block .center { background:url(../images/button-act-bg.png) repeat-x; -background:url(../images/button-act-bg-ie.gif) repeat-x left 1px; } .active .button-block .center p span { padding:6px 2px 0 0; height:14px; //padding-top:5px; //height:15px; } .button-wrapper .button-ani { cursor:auto; } .button-wrapper .button-ani .center p { overflow:hidden; height:22px; } .button-wrapper .button-ani .center p a { width:100%; //width:auto; } .button-wrapper .button-ani .center p span { padding:0 4px 0 0; } .button-wrapper .button-ani .center a { display:block; float:left; height:15px; padding:5px 3px 0 3px; //padding-top:4px; //height:16px; } .button-wrapper .button-ani .center a:hover { background:url(../images/button-hover-bg-ie.gif) repeat-x; } .button-wrapper .button-ani .center a.active { height:15px; padding:6px 3px 0 3px; //padding-top:5px; //height:16px; //background-image:none; background:url(../images/button-act-bg-ie.gif) repeat-x !important; } .button-wrapper .button-ani .center .icon { cursor:pointer; cursor:hand; padding-top:7px; //padding-top:4px; float:left; height:13px; //height:16px; padding-left:6px; padding-right:1px; } .button-wrapper .button-ani .center ul { float:left; overflow:hidden; height:21px; position:relative; } .button-wrapper .button-ani .center li { float:left; list-style:none; } .button-wrapper .button-ani .center li a { overflow:visible; padding:5px 5px 0px 5px; //padding-top:4px; border-left:1px solid black; } .button-wrapper .button-ani .center li a.active { padding:6px 5px 0px 5px; //padding-top:5px; } .button-wrapper .l-hover .left .in { background:url(../images/button-hover-left.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/button-hover-left.png', sizingMethod='crop'); } .button-wrapper .r-hover .right .in { background:url(../images/button-hover-right.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/button-hover-right.png', sizingMethod='crop'); } .button-wrapper .r-hover .icon { background:url(../images/button-hover-bg-ie.gif) repeat-x; } .button-wrapper .l-active .left .in { background:url(../images/button-act-left.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/button-act-left.png', sizingMethod='crop'); } .button-wrapper .r-active .right .in { background:url(../images/button-act-right.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/button-act-right.png', sizingMethod='crop'); } .button-wrapper .r-active .icon { background:url(../images/button-act-bg.png) repeat-x left -1px; -background:url(../images/button-act-bg-ie.gif) repeat-x left 0px; } .outer .content .events-types-line .icon-button { float:right; position:relative; top:3px; right:10px; } .icon-button .button-block { cursor:auto; } .icon-button .item { float:left; cursor:pointer; cursor:hand; } .icon-button .item .wrap { float:left; border-right:1px solid black; } .icon-button .item .i-right { border-right:0; } .icon-button .item .wrap .in { padding:1px 4px 0 4px; height:20px; float:left; } .icon-button .active { background:url(../images/button-act-bg.png) repeat-x left -1px; -background:url(../images/button-act-bg-ie.gif) repeat-x left 0px; cursor:auto; } .icon-button .active .wrap { background:url(../images/icon-act-left.gif) no-repeat left bottom; } .icon-button .active .wrap .in { background:url(../images/icon-act-right.gif) no-repeat right bottom; } .icon-button .active .wrap .in img { position:relative; top:1px; } .icon-button .active .i-left { background:none; } .icon-button .active .i-right .in { background:none; } .icon-button .item .i-left .in { padding-left:0; } .icon-button .item .i-right .in { padding-right:0; } .icon-button .hover { background:url(../images/button-hover-bg-ie.gif) repeat-x; } .user-link { position:absolute; right:1px; padding-top:6px; } .user-link img { float:left; padding-right:3px; } .user-link a { color:black; text-transform:uppercase; font-weight:bold; } .outer .content .right-column .button-wrapper { position:relative; left:0; } .button-switch { } .button-switch .icon { float:left; padding-top:5px; height:17px; } .button-switch .l-icon { padding-right:4px; } .button-switch .r-icon { padding-left:4px; } .button-switch .in-center { float:left; width:83px; height:22px; position:relative; overflow:hidden; } .button-switch .center .in-center p { width:165px; position:relative; left:0; } .button-switch .center .in-center p span { border-right:1px solid #000; width:82px; padding-right:0; text-align:center; } .button-switch .center .in-center p span.last { border-right:0; } .l-active .button-block .left .in { background:url(../images/button-act-left.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/button-act-left.png', sizingMethod='crop'); } .r-active .button-block .right .in { background:url(../images/button-act-right.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/button-act-right.png', sizingMethod='crop'); } .l-active .in-center, .l-active .l-icon { background:url(../images/button-act-bg.png) repeat-x left -1px; -background:url(../images/button-act-bg-ie.gif) repeat-x left 0px; } .r-active .in-center, .r-active .r-icon { background:url(../images/button-act-bg.png) repeat-x left -1px; -background:url(../images/button-act-bg-ie.gif) repeat-x left 0px; } /*//*/ /*Bubble*/ .bubble { position: absolute; overflow: hidden; z-index:999; } .bubble .b_t { width: 100%; position: absolute; left: 0; top: -1px; overflow: hidden; } .bubble .b_t div { position: absolute; width: 100%; top: 0; overflow: hidden; } .bubble .b_t div div { background: url(../images/bubble_t.png) no-repeat left top; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/bubble_t.png',sizingMethod=crop); position: absolute; right: auto; } .bubble .b_r { height: 100%; position: absolute; right: 0; top: 0; overflow: hidden; } .bubble .b_r div { position: absolute; height: 100%; right: 0; overflow: hidden; } .bubble .b_r div div { background: url(../images/bubble_r.png) no-repeat left top; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/bubble_r.png',sizingMethod=crop); position: absolute; bottom: auto; } .bubble .b_b { width: 100%; position: absolute; bottom: -1px; overflow: hidden; } .bubble .b_b div { position: absolute; width: 100%; bottom: 0; overflow: hidden; } .bubble .b_b div div { background: url(../images/bubble_b.png) no-repeat right top; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/bubble_b.png',sizingMethod=crop); position: absolute; right: 0 !important; } .bubble .b_l { height: 100%; position: absolute; left: 0; overflow: hidden; } .bubble .b_l div { position: absolute; height: 100%; left: 0; overflow: hidden; } .bubble .b_l div div { background: url(../images/bubble_l.png) no-repeat left bottom; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/bubble_l.png',sizingMethod=crop); position: absolute; bottom: 0 !important; } .bubble .b_t, .bubble .b_b { width: expression(this.parentNode.offsetWidth + "px"); } .bubble .b_r, .bubble .b_l { height: expression(this.parentNode.offsetHeight + "px"); } .bubble .b_t div div, .bubble .b_b div div { width: 1000px; } .bubble .b_l div div, .bubble .b_r div div { height: 1000px; } .bubble .b_t div, .bubble .b_t div div, .bubble .b_b div, .bubble .b_b div div { height: 86px; } .bubble .b_r div, .bubble .b_r div div, .bubble .b_l div, .bubble .b_l div div { width: 86px; } .bubble .b_c { padding: 43px; } .bubble .b_content { background: white; position:relative; } .bubble .b-block { margin:0 8px; background:white; height:8px; top:7px; position:relative; } .bubble .top { height:16px; position:absolute; left:0; top:-15px; width:100%; } .bubble .bottom { height:16px; position:absolute; left:0; bottom:-15px; width:100%; } .bubble .bottom .b-block { top:1px; -top:-4px; } .bubble .c-lt { width:42px; height:42px; position:absolute; left:-33px; top:-26px; background: url(../images/bubl-lt.png) no-repeat left top; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/bubl-lt.png',sizingMethod=crop); } .bubble .c-rt { width:42px; height:42px; position:absolute; right:-33px; top:-26px; background: url(../images/bubl-rt.png) no-repeat left top; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/bubl-rt.png',sizingMethod=crop); } .bubble .c-rb { width:42px; height:42px; position:absolute; right:-33px; bottom:-26px; background: url(../images/bubl-rb.png) no-repeat left top; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/bubl-rb.png',sizingMethod=crop); } .bubble .c-lb { width:42px; height:42px; position:absolute; left:-33px; bottom:-26px; background: url(../images/bubl-lb.png) no-repeat left top; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/bubl-lb.png',sizingMethod=crop); } .bubble .b_t, .bubble .b_b { height: 86px; } /* b_c[padding] + (b_content[height] div 2) but not more b_t div[height] */ .bubble .b_r div div, .bubble .b_l { top: 86px; } .bubble .b_r div, .bubble .b_l div { bottom: 86px; } .bubble .b_r, .bubble .b_l { width: 86px; } /* b_c[padding] + (b_content[width] div 2) but not more b_l div[width] */ .bubble .b_t div, .bubble .b_b div { right: 86px; } .bubble .b_t div div, .bubble .b_b { left: 86px; } .bubble .b_content .b_inner { position:relative; } /*//*/ /*code for blog*/ .codeForBlog { color:#666; text-decoration:underline; cursor:pointer; cursor:hand; } /*//*/ .outer .content .menu .head h1 { margin-right:150px; } .outer .content .menu .head h1 span { font-size:23px; background:url(../images/bullet3.gif) no-repeat right 11px; cursor:pointer; cursor:hand; padding-right:12px; color:#d00b8c; font-weight:bold; text-transform:uppercase; } .outer .content .menu .head .drop-menu { width:350px; position:absolute; top:-35px; left:258px; display:block; visibility:hidden; } .outer .content .menu .head .drop-menu .arr { height:30px; cursor:pointer; cursor:hand; position:relative; } .outer .content .menu .head .drop-menu .arr .left { width:4px; height:30px; position:absolute; left:0; top:0; background:url(../images/drop-top-left-bg.gif) no-repeat; } .outer .content .menu .head .drop-menu .arr .right { width:4px; height:30px; position:absolute; right:0; top:0; background:url(../images/drop-top-right-bg.gif) no-repeat; } .outer .content .menu .head .drop-menu .arr .button { margin:0 4px; height:30px; background:url(../images/drop-top-bg.gif) repeat-x; position:relative; } .outer .content .menu .head .drop-menu .arr .button span { background:url(../images/drop-top-arr.gif) no-repeat; width:14px; height:8px; position:absolute; top:11px; left:50%; margin-left:-7px; } .outer .content .menu .head .drop-menu .top .disable span{ background:url(../images/drop-top-arr-dis.gif) no-repeat; } .outer .content .menu .head .drop-menu .t-act .left { background:url(../images/drop-top-left-bg-act.gif) no-repeat; } .outer .content .menu .head .drop-menu .t-act .right { background:url(../images/drop-top-right-bg-act.gif) no-repeat; } .outer .content .menu .head .drop-menu .t-act .button { background:url(../images/drop-top-bg-act.gif) repeat-x; } .outer .content .menu .head .drop-menu .bottom { } .outer .content .menu .head .drop-menu .bottom .button { background:url(../images/drop-bottom-bg.gif) repeat-x; } .outer .content .menu .head .drop-menu .bottom .button span { background:url(../images/drop-bottom-arr.gif) no-repeat; top:13px; } .outer .content .menu .head .drop-menu .bottom .disable span { background:url(../images/drop-bottom-arr-dis.gif) no-repeat; } .outer .content .menu .head .drop-menu .bottom .left { background:url(../images/drop-bottom-left-bg.gif) no-repeat; top:auto; bottom:-1px; border-top:1px solid #afafaf; } .outer .content .menu .head .drop-menu .bottom .right { background:url(../images/drop-bottom-right-bg.gif) no-repeat; top:auto; bottom:-1px; border-top:1px solid #afafaf; } .outer .content .menu .head .drop-menu .b-act .button { background:url(../images/drop-bottom-bg-act.gif) repeat-x; } .outer .content .menu .head .drop-menu .b-act .left { background:url(../images/drop-bottom-left-bg-act.gif) no-repeat; } .outer .content .menu .head .drop-menu .b-act .right { background:url(../images/drop-bottom-right-bg-act.gif) no-repeat; } .outer .content .menu .head .drop-menu .cities { height:348px; overflow:hidden; position:relative; border:1px solid #aeabab; background:#dedede; border-top:1px solid #e6e6e6; border-bottom:0; } .outer .content .menu .head .drop-menu .cities ul { top:0; left:0; position:absolute; width:350px; } .outer .content .menu .head .drop-menu .cities li { list-style:none; border-top:1px solid #e6e6e6; border-bottom:1px solid #c3c3c3; color:#000; text-transform:uppercase; font-weight:bold; position:relative; } .outer .content .menu .head .drop-menu .cities li.active { font-size:23px; font-weight:bold; background:#dedede url(../images/bullet4.gif) no-repeat 10px 13px; padding:3px 20px 2px 20px; } .outer .content .menu .head .drop-menu .cities li a { text-decoration:none; color:#000; font-weight:bold; font-size:14px; background:#dedede; display:block; position:relative; padding:8px 20px 7px 20px; } .outer .content .menu .head .drop-menu .cities li a:hover { background:#f8f8f8; } .outer .content .sub-navi { padding:6px 140px 22px 0; clear:left; border-bottom:1px solid #ccc; } .outer .content .sub-navi .heidy { position:absolute; right:0; } .outer .content .sub-navi .heidy a { text-transform:uppercase; color:black; } .outer .content .sub-navi li { list-style:none; font-size:11px; font-weight:bold; text-transform:uppercase; float:left; padding:0 3px 0 1px; } .outer .content .sub-navi li.active { color:#FF0000; } .outer .content .sub-navi li span { color:#777; } .outer .content .sub-navi li span.new-add { color:#fc0404; } .outer .content .sub-navi li a { color:black; } .outer .content .sub-navi li b { font-size:13px; } .outer .content .events-types-line { padding:0px 0 22px 0; background:#f2f2f2; zoom:1; //padding-bottom:6px; clear:left; border-bottom:1px solid #ccc; text-transform:lowercase; position:relative; } .outer .content .events-types { margin-right:100px; position:relative; padding-top:6px; } .outer .content .events-types li { list-style:none; float:left; height:15px; padding-top:1px; //height:16px; //padding-top:0px; } .outer .content .events-types li span { cursor:pointer; cursor:hand; } .outer .content .events-types li.first { position:relative; margin-left:-8px; } .outer .content .events-types li.active { background:url(../images/types-bg.gif) repeat-x; } .outer .content .events-types li.left { background:url(../images/types-left-bg.gif) no-repeat right; width:8px; } .outer .content .events-types li.right { background:url(../images/types-right-bg.gif) no-repeat; width:8px; } .outer .content .events-types li.borders { width:18px; } .outer .content .links-line { padding:0px 0 0px 0; background:#f2f2f2; zoom:1; clear:left; border-bottom:1px solid #ccc; text-transform:lowercase; position:relative; } .outer .content .links-line .links-knobs { float:left; padding:2px 0 2px 9px; margin:2px 0; -margin-bottom:1px; } .outer .content .links-line .next-links { border-left:1px solid #ccc; margin-left:10px; } .outer .content .links-line .links-knobs li { float:left; list-style:none; color:#535353; text-transform:lowercase; position:relative; } .outer .content .links-line .links-knobs li a { color:#686868; background:#fff; border:1px solid #ccc; border-right:0; text-decoration:none; display:block; padding:3px 7px 5px 7px; //padding-top:2px; //padding-bottom:4px; } .outer .content .links-line .links-knobs li a:hover { background:#f6f6f6; } .outer .content .links-line .links-knobs li.active { padding:4px 7px; background:url(../images/links-line-act-bg.gif) repeat-x; border:1px solid #a7a7a7; border-right:0; border-bottom-color:#d3d3d3; //padding-top:3px; //padding-bottom:3px; } .outer .content .links-line .links-knobs li.active .bg { background:url(../images/links-line-act-left.gif) no-repeat; position:absolute; top:0; left:0; width:2px; height:21px; } .outer .content .links-line .links-knobs li.left-bg { background:url(../images/links-line-left.gif) no-repeat; position:relative; left:1px; z-index:10; width:3px; height:22px; border:0; } .outer .content .links-line .links-knobs li.right-bg { background:url(../images/links-line-right.gif) no-repeat; position:relative; right:1px; z-index:10; width:3px; height:22px; border:0; } .outer .content .links-line .links-knobs li.left-bg-act { background:url(../images/links-line-left-act.gif) no-repeat; position:relative; left:1px; z-index:10; width:3px; height:22px; border:0; } .outer .content .links-line .links-knobs li.right-bg-act { background:url(../images/links-line-right-act.gif) no-repeat; position:relative; left:-1px; z-index:10; width:3px; height:22px; } .outer .content { position:relative; padding-bottom:130px; //height:1%; } .outer .content .main { position:relative; width:750px; float:left; } .outer .content .main .inner { position:relative; //height:1%; } .outer .content .main .inner .rr { float:left; } /*События*/ .outer .content .main .inner .events { //height:1%; padding-top:16px; } .outer .content .main .inner .events #HideText { font-size:18px; color:#666; text-transform:none; text-align:center; padding:40px 0; display:none; } .outer .content .main .inner /*.events*/ .event-short { float:left; margin:0 0px 12px 0; padding-right:10px; position:relative; padding-bottom:6px; display:none; width:140px; } .outer .content .main .inner .events-block .event-short { display:block; } .outer .content .main .inner /*.events*/ .event-short h4 { color:#666; text-transform:lowercase; font-size:11px; padding-bottom:3px; position:relative; visibility:hidden; } .outer .content .main .inner /*.events*/ .event-short h4.h-visible { visibility:visible; } .outer .content .main .inner /*.events*/ .event-short .item { position:relative; } .outer .content .main .inner /*.events*/ .event-short .item .in { width:138px; height:308px; position:relative; } .outer .content .main .inner /*.events*/ .event-short .item .in .afisha { position:relative; float:left; width:138px; height:139px; left:1px; } .outer .content .main .inner /*.events*/ .event-short .item .in .afisha .left { width:1px; background:black; height:139px; position:absolute; left:-1px; top:0px; opacity:0.2; //filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); } .outer .content .main .inner /*.events*/ .event-short .item .in .afisha .right { width:1px; background:black; height:139px; position:absolute; right:-1px; top:0px; opacity:0.2; //filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); } .outer .content .main .inner /*.events*/ .event-short .item .in .afisha .top { font-size:0; height:1px; border-top:1px solid #000; position:absolute; left:-1px; top:-1px; width:140px; opacity:0.2; //filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); } .outer .content .main .inner /*.events*/ .event-short .item .in .afisha .type { background:white; color:black; padding:1px; text-transform:uppercase; font-weight:bold; font-size:10px; position:absolute; top:3px; left:3px; } .outer .content .main .inner /*.events*/ .event-short .item .in .afisha img { position:absolute; top:-1px; left:-1px; } .outer .content .main .inner .rating { float:left; height:62px; width:138px; position:relative; overflow:hidden; border:1px solid #ccc; border-top:0; border-bottom:0; } .outer .content .main .inner .rating .wrap { position:relative; float:left; height:62px; width:138px; } .outer .content .main .inner .rating .bg { position:absolute; left:0; top:-4px; height:68px; width:138px; background:url(../images/event-big-red-bg.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/event-big-red-bg.png', sizingMethod='crop'); } .outer .content .main .inner .rating .slider { position:absolute; top:36px; left:34px; height:20px; width:109px; background:url(../images/event-slider.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/event-slider.png', sizingMethod='crop'); } .outer .content .main .inner .past-event .rating .slider { position:absolute; top:36px; left:34px; height:20px; width:109px; background:url(../images/event-past-slider.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/event-past-slider.png', sizingMethod='crop'); } .outer .content .main .inner .rating .knob { cursor:pointer; cursor:hand; position:absolute; top:35px; left:71px; height:19px; width:33px; background:url(../images/event-knob.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/event-knob.png', sizingMethod='crop'); } .outer .content .main .inner .rating p { width:130px; left:4px; text-align:center; color:white; font-size:24px; font-weight:bold; position:absolute; top:4px; } .outer .content .main .inner .rating p img { position:relative; top:4px; } .outer .content .main .inner .rating p span { font-size:16px; } .outer .content .main .inner .disable { background:url(../images/event-big-disable-bg.jpg) repeat-x; } .outer .content .main .inner .disable .bg { display:none; } .outer .content .main .inner .disable .slider { background:url(../images/event-disable-button.gif) no-repeat; width:73px; height:23px; cursor:auto; top:34px; left:32px; filter:none; } .outer .content .main .inner .disable .knob { display:none; } .outer .content .main .inner .go .bg { background:url(../images/event-big-blue-bg.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/event-big-blue-bg.png', sizingMethod='crop'); } .outer .content .main .inner .go .slider { left:-3px; } .outer .content .main .inner .go .knob { left:34px; } .outer .content .main .inner /*.events*/ .event-short .item .in .info { position:relative; width:118px; float:left; height:103px; padding:8px 10px 0 10px; overflow:hidden; border:1px solid #ccc; border-top:0; } .outer .content .main .inner /*.events*/ .event-short .item .in .info h5 { max-height:81px; overflow:hidden; height:expression(this.scrollHeight > 82? "82px" : "auto"); } .outer .content .main .inner /*.events*/ .event-short .item .in .info h5 a { color:#3117b4; font-weight:bold; font-size:11px; text-transform:uppercase; } .outer .content .main .inner /*.events*/ .event-short .item .in .info p.place { font-size:9px; position:relative; padding-top:2px; white-space:nowrap; } .outer .content .main .inner /*.events*/ .event-short .item .in .info p.place a { color:#868789; text-decoration:underline; } .outer .content .main .inner /*.events*/ .event-short .item .in .info p.place a:hover { text-decoration:none; } .comments-counter { background:white; position:absolute; top:296px; right:10px; -right:20px; float:left; border:1px solid black; border-right:0; border-left:0; height:19px; } .comments-counter .left-bg { position:absolute; top:-1px; left:-6px; height:28px; background:url(../images/comment-left.gif) no-repeat; width:14px; } .comments-counter .right-bg { position:absolute; top:-1px; right:-4px; height:21px; background:url(../images/comment-right.gif) no-repeat; width:5px; } .comments-counter p { position:relative; padding:4px 3px 0px 1px; } .comments-counter p a { color:black; font-weight:bold; text-decoration:none; } .outer .content .main .inner /*.events*/ .event-short .item .corner { position:absolute; background:url(../images/author-corner.gif) no-repeat; width:8px; height:8px; bottom:-12px; -bottom:24px; left:12px; } .outer .content .main .inner .events-block .event-short .item .corner { bottom:-12px; -bottom:6px; } .outer .content .main .inner /*.events*/ .event-short a.author { color:#868789; position:relative; top:5px; left:12px; text-decoration:underline; float:left; } .outer .content .main .inner .events-block .event-short a.author { color:#868789; position:relative; top:9px; left:12px; text-decoration:underline; float:left; } .outer .content .main .inner /*.events*/ .event-short a.author:hover { text-decoration:none; } .outer .content .main .inner /*.events*/ .space { float:left; } .outer .content .main .inner /*.events*/ .pagination { clear:both; height:23px; margin-right:10px; } .outer .content .main .inner /*.events*/ .pagination ul { float:right; } .outer .content .main .inner /*.events*/ .pagination li { list-style:none; display:inline; margin:0 6px 0 6px; color:#878787; text-transform:uppercase; font-size:12px; position:relative; } .outer .content .main .inner /*.events*/ .pagination li a { color:#3117b4; } .outer .content .main .inner /*.events*/ .pagination li.last { margin-right:0; } .outer .content .main .inner /*.events*/ .pagination li.active { border:1px solid #ccc; padding:2px 4px; //padding-right:2px; margin:0 3px; } .outer .content .main .inner /*.events*/ .pagination li.pages a { text-decoration:underline; } .outer .content .main .inner /*.events*/ .pagination li.pages a:hover { text-decoration:none; } /*События второй вид*/ .outer .content .main .toggle .events { padding-top:9px; position:relative; } .outer .content .main .toggle .events .event-short { margin:0 0px 16px 0; position:relative; zoom:1; padding-bottom:16px; padding-right:0; float:none; width:auto; left:1px; } .outer .content .main .toggle .events .event-short h4 { color:#666; font-size:16px; font-weight:normal; padding:0px 0 3px 0; visibility:visible; display:none; } .outer .content .main .toggle .events .event-short h4.first span { background:none; cursor:auto; padding-right:0px; font-weight:bold; } .outer .content .main .toggle .events .event-short h4.h-visible { visibility:visible; display:block; margin-top:35px; padding-top:16px; border-top:1px solid #ccc; } .outer .content .main .toggle .events .event-short h4.first { margin-top:0px; border-top:0; padding-top:0; } .outer .content .main .toggle .events .event-short .item .in { width:739px; height:68px; position:relative; } .outer .content .main .toggle .events .event-short .item .in .afisha { position:relative; float:left; width:68px; height:68px; left:0; top:1px; } .outer .content .main .toggle .events .event-short .item .in .afisha .left { width:1px; background:black; height:69px; position:absolute; left:-1px; top:0px; } .outer .content .main .toggle .events .event-short .item .in .afisha .right { width:70px; background:none; height:1px; position:absolute; right:auto; top:auto; bottom:-1px; left:-1px; font-size:0px; border-bottom:1px solid #000; } .outer .content .main .toggle .events .event-short .item .in .afisha .top { font-size:0; height:1px; border-top:1px solid #000; position:absolute; left:-1px; top:-1px; width:70px; } .outer .content .main .toggle .events .event-short .item .in .afisha .type { background:white; padding:1px; text-transform:uppercase; font-size:10px; position:absolute; top:6px; left:auto; right:-527px; z-index:10; } .outer .content .main .toggle .events .event-short .item .in .afisha img { position:absolute; top:-1px; left:-1px; width:70px; height:70px; border-right:1px solid #ccc; } .outer .content .main .toggle .events .event-short .item .in .wrap { left:0px; height:68px; } .outer .content .main .toggle .events .rating { border:1px solid #ccc; border-left:0; float:left; height:68px; position:absolute; right:0; } .outer .content .main .toggle .events .rating .bg { position:absolute; left:0; top:0; height:68px; background:url(../images/event-big-red-bg.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/event-big-red-bg.png', sizingMethod='crop'); } .outer .content .main .toggle .events .rating .slider { position:absolute; top:40px; left:34px; height:20px; width:109px; background:url(../images/event-slider.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/event-slider.png', sizingMethod='crop'); } .outer .content .main .toggle .events .rating .knob { cursor:pointer; cursor:hand; position:absolute; top:39px; left:72px; height:21px; width:33px; background:url(../images/event-knob.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/event-knob.png', sizingMethod='crop'); } .outer .content .main .toggle .events .rating p { width:130px; left:4px; text-align:center; color:white; font-size:24px; font-weight:bold; position:absolute; top:6px; } .outer .content .main .toggle .events .go .bg { background:url(../images/event-big-blue-bg.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/event-big-blue-bg.png', sizingMethod='crop'); } .outer .content .main .toggle .events .go .slider { left:-3px; } .outer .content .main .toggle .events .go .knob { left:35px; } .outer .content .main .toggle .events .disable .bg { display:none; } .outer .content .main .toggle .events .disable .slider { background:url(../images/event-disable-button.gif) no-repeat; width:73px; height:23px; cursor:auto; top:38px; left:32px; filter:none; } .outer .content .main .toggle .events .disable .knob { display:none; } .outer .content .main .toggle .events .event-short .item .in .info { position:relative; width:526px; float:left; height:60px; padding:8px 10px 0 16px; border:1px solid #ccc; border-left:0; border-right:0; } .outer .content .main .toggle .events .event-short .item .in .info h5 { max-height:42px; overflow:hidden; width:440px; height:expression(this.scrollHeight > 40? "40px" : "auto"); } .outer .content .main .toggle .events .event-short .item .in .info h5 a { font-size:13px; } .outer .content .main .toggle .events .event-short .item .in .info p.place { text-transform:none; padding:0; } .outer .content .main .toggle .events .event-short .comments-counter { background:white; position:absolute; top:56px; right:160px; float:left; border:1px solid black; border-right:0; border-left:0; height:19px; } .outer .content .main .toggle .events .event-short .item .corner { position:absolute; background:url(../images/author-corner.gif) no-repeat; width:8px; height:8px; bottom:auto; top:69px; left:90px; } .outer .content .main .toggle .events .event-short a.author { color:#868789; position:absolute; top:auto; bottom:-4px; left:86px; } /*event inner*/ .outer .content .main .inner .column { position:relative; width:140px; float:left; /*margin-right:10px; -margin-right:0px;*/ padding:16px 10px 13px 0; } .outer .content .main .inner .without-margin { margin-right:0; } .outer .content .main .inner .column h2 { padding-bottom:14px; } .outer .content .main .inner .column h3 { padding-bottom:0px; margin-right:160px; } .outer .content .main .inner .column .announcement { position:relative; padding-bottom:21px; float:left; } .outer .content .main .inner .column .announcement-text { font-size:13px; border-top:1px solid #ccc; padding:17px 22px 0px 0px; clear:both; } .outer .content .main .inner .column .announcement-text h4 { padding-bottom:12px; } .outer .content .main .inner .column .announcement-text p { padding-bottom:16px; } .outer .content .main .inner .column .user { padding-top:2px; position:relative; } .outer .content .main .inner .column .user img { float:left; } .outer .content .main .inner .column .user div { font-size:10px; color:#777; padding-left:56px; } .outer .content .main .inner .column .user div a { color:#171719; text-transform:uppercase; font-weight:bold; } .outer .content .main .inner .column .rating { clear:both; padding-top:15px; margin-bottom:15px; border:0; } .outer .content .main .inner .column .rating p { top:2px; } .outer .content .main .inner .events-block .event-short { margin-right:0; padding-right:10px; } .outer .content .main .inner .events-block .rating { padding:0; margin:0; border:1px solid #ccc; border-top:0; border-bottom:0; } .outer .content .main .inner .column .info-item { border:1px solid #ccc; clear:both; padding:8px 0px 5px 0; margin:0 2px 10px 0px; position:relative; } .outer .content .main .inner .column .info-item h5 { padding:0 6px 7px 6px; } .outer .content .main .inner .column .info-item h6 { padding:0 6px 5px 8px; font-size:11px; font-weight:normal; } .outer .content .main .inner .column .info-item ul { padding-left:6px; padding-bottom:0px; } .outer .content .main .inner .column .info-item ul.stat { padding:0 0 6px 8px; font-size:10px; color:#777; } .outer .content .main .inner .column .info-item li { float:left; padding:0 5px 3px 0px; list-style:none; } .outer .content .main .inner .column .info-item .stat li { padding:0 0px 4px 0px; float:none; } .outer .content .main .inner .column .evt-info-block h4 a { color:#171719; text-decoration:underline; } .outer .content .main .inner .column .info-item .blue li { float:none; padding:0px 6px 5px 0; font-size:12px; } .outer .content .main .inner .column .info-item .blue li a { color:#3117b4; text-decoration:underline; } .outer .content .main .inner .column .info-item .blue li a:hover { text-decoration:none; } .outer .content .main .inner .column .info-item p { clear:both; padding:6px 6px 2px 6px; } .outer .content .main .inner .column .info-item p span { color:#8f8f8f; border-bottom:1px dashed #ccc; cursor:pointer; cursor:hand; } .outer .content .main .inner .span-2 { width:300px; padding-right:0px; } .outer .content .main .inner .span-3 { width:450px; padding-right:0px; } .outer .content .main .inner .span-4 { width:600px; padding-right:0px; } .outer .content .main .inner .span-5 { width:750px; padding-right:0px; clear:both; } .outer .content .main .inner .no-top-pad { padding-top:0; } .outer .content .main .inner .column .sub-navi { border:0; padding-bottom:14px; } .outer .content .main .inner .column .users { position:relative; clear:both; padding:12px 0 8px 0; //zoom:1; } .outer .content .main .inner .column .users li { list-style:none; float:left; width:104px; } .outer .content .main .inner .column .users li img { position:absolute; top:0; left:0; } .outer .content .main .inner .column .users li img.usr-big { visibility:visible; } .outer .content .main .inner .column .users li img.usr-small { visibility:hidden; } .outer .content .main .inner .column .users li p { height:30px; float:left; padding:4px 0px 5px 0; overflow:hidden; width:100px; } .outer .content .main .inner .column .users li a { font-size:10px; font-weight:bold; color:black; text-transform:uppercase; display:block; width:100px; height:100px; position:relative; } .outer .content .main .inner .column .users li p a { display:inline; width:auto; height:auto; position:relative; } .outer .content .main .inner .column .users li p span { color:#777; } .outer .content .main .inner .column .u-short { position:relative; } .outer .content .main .inner .column .u-short ul { float:left; width:184px; position:relative; } .outer .content .main .inner .column .u-short li { list-style:none; float:none; border-bottom:1px solid #ccc; width:142px; height:30px; margin-bottom:5px; } .outer .content .main .inner .column .u-short li img.usr-big { visibility:hidden; } .outer .content .main .inner .column .u-short li img.usr-small { visibility:visible; } .outer .content .main .inner .column .u-short li p { height:25px; padding:0px 0px 0px 5px; overflow:hidden; width:110px; } .outer .content .main .inner .column .u-short li a { float:left; height:25px; width:25px; } .outer .content .main .inner .column .u-short li p a { display:inline; width:auto; float:none; height:auto; position:relative; } .outer .content .main .inner .column .u-text ul { float:left; width:184px; } .outer .content .main .inner .column .u-text li img.usr-small, .outer .content .main .inner .column .u-text li img.usr-big { visibility:hidden; } .outer .content .main .inner .column .u-text li { list-style:none; float:none; border-bottom:1px solid #ccc; width:142px; height:20px; margin-bottom:5px; } .outer .content .main .inner .column .u-text li p { height:15px; padding:0px 0px 0px 5px; overflow:hidden; width:142px; } .outer .content .main .inner .column .u-text li p span { display:none; } .outer .content .main .inner .column .u-text li a { display:inline; width:auto; float:none; height:auto; position:relative; } .outer .content .main .inner .column .evt-info-block { position:relative; color:#171719; margin-bottom:15px; clear:both; } .outer .content .main .inner .column .evt-info-block .top { border:1px solid #ccc; padding:6px; position:relative; } .outer .content .main .inner .column .evt-info-block .top h2 { text-transform:lowercase; color:#171719; text-align:center; background:#d9d9d9; padding:2px 0 4px 0; } .outer .content .main .inner .column .evt-info-block .top h2.day { background:none; padding:4px 0 0px 0; border-top:1px solid #ccc; } .outer .content .main .inner .column .evt-info-block .top h1.time { font-size:30px; color:#747475; padding:1px 3px 0 3px; text-align:center; } .outer .content .main .inner .column .evt-info-block .top .date { text-align:center; padding:7px 0 8px 0; } .outer .content .main .inner .column .evt-info-block h4 { font-size:13px; padding:12px 0 8px 6px; } .outer .content .main .inner .column .evt-info-block h4 a { color:#171719; text-decoration:underline; } .outer .content .main .inner .column .evt-info-block h4 a:hover { text-decoration:none; } .outer .content .main .inner .column .evt-info-block p { padding:0 0px 3px 6px; overflow:hidden; font-size:12px; } .outer .content .comments { border-top:1px solid #ccc; position:relative; clear:both; } .outer .content .right-column { position:relative; float:left; width:240px; padding-top:16px; } .outer .content .right-column h5 { text-transform:lowercase; font-weight:normal; padding:0 0 2px 2px; } .outer .content .right-column .calendar-outer { position:relative; height:161px; padding-top:24px; border:1px solid #ccc; background:url(../images/right-cal-outer-bg.jpg) repeat-y; padding-right:5px; margin-bottom:15px; } .outer .content .right-column .calendar-outer .calendar { font-size:10px; width:140px; border-top:0; position:relative; margin:0 auto; } .outer .content .right-column .calendar-outer .calendar .h-month td { text-transform:uppercase; font-weight:bold; font-size:10px; } .outer .content .right-column .calendar-outer .calendar .h-month td p { text-align:right; font-size:14px; padding-right:6px; font-weight:bold; text-transform:uppercase; } .outer .content .right-column .calendar-outer .calendar .h-days td { border-bottom:1px solid #ccc; color:black; font-weight:bold; text-transform:uppercase; padding:5px 0; text-align:center; font-size:10px; } .outer .content .right-column .calendar-outer .calendar .h-days .red { color:#ff0000; } .outer .content .right-column .calendar-outer .calendar td { font-size:11px; padding:1px 0 1px 0; text-align:right; } .outer .content .right-column .calendar-outer .calendar td span { display:block; padding:2px 0 2px 0; cursor:pointer; cursor:hand; } .outer .content .right-column .calendar-outer .calendar td.grey { color:#b4b4b4; } .outer .content .right-column .calendar-outer .calendar td.active span { background:url(../images/calendar-active-bg.gif) repeat-x; } .outer .content .right-column .calendar-outer .calendar td.act-left span { background:url(../images/calendar-active-left-bg.gif) no-repeat; } .outer .content .right-column .calendar-outer .calendar td.act-right span { background:url(../images/calendar-active-right-bg.gif) no-repeat; } .outer .content .right-column .calendar-outer .calendar td.passed { color:#777; } .outer .content .right-column .calendar-outer .calendar td.special { font-weight:bold; } .outer .content .right-column .calendar-outer .calendar td.border { width:6px; } .outer .content .right-column .calendar-outer .calendar td.today span { color:red; font-weight:bold; } .outer .content .right-column .places { position:relative; } .outer .content .right-column .places .top { border-bottom:1px solid #fff; cursor:pointer; cursor:hand; position:relative; } .outer .content .right-column .places .top h4 { display:none; position:relative; } .outer .content .right-column .places .top .grey-block { background:#eaeaea; } .outer .content .right-column .places .top .wrapper { padding:10px 0 8px 15px; height:16px; width:auto; background:#eaeaea url(../images/drop-top-arr.gif) no-repeat center 11px; } .outer .content .right-column .places .t-act .grey-block { background-image:none; } .outer .content .right-column .places .t-act .wrapper { background-image:none; } .outer .content .right-column .places .t-act h4 { display:inline; } .outer .content .right-column .places .static { position:relative; overflow:hidden; } .outer .content .right-column .places .moved { position:absolute; top:0; left:0; width:100%; background:#eaeaea; } .outer .content .right-column .places .moved li { list-style:none; border-bottom:1px solid #fff; color:#494949; } .outer .content .right-column .places .moved li.active { padding:8px 14px; background:#eeeeee url(../images/bullet5.gif) no-repeat 6px 12px; } .outer .content .right-column .places .moved li a { display:block; padding:8px 14px; text-decoration:none; color:#494949; } .outer .content .right-column .places .moved li a:hover { background:#f5f5f5; } .outer .content .right-column .places .moved li span { } .outer .content .right-column .places .moved li p { float:right; } .outer .content .right-column .places .round-corners { position:relative; height:4px; width:auto; } .outer .content .right-column .places .round-corners img { position:absolute; left:0; top:0; } .outer .content .right-column .places .round-corners img.right { position:absolute; left:236px; top:0; } .outer .content .right-column .places .round-corners .grey-block { height:4px; font-size:0; background:#eaeaea; margin:0 4px; } .outer .content .right-column .places .bottom { height:34px; border:1px solid #fff; border-right:0; border-left:0; cursor:pointer; cursor:hand; } .outer .content .right-column .places .bottom .grey-block { background:#eaeaea; } .outer .content .right-column .places .bottom .wrapper { width:auto; height:30px; background:#eaeaea url(../images/drop-bottom-arr.gif) no-repeat center 15px; } .outer .content .right-column .places .b-act .wrapper { background:#eaeaea url(../images/drop-bottom-arr-dis.gif) no-repeat center 15px; } .outer .content .right-column .banner { position:relative; padding-bottom:16px; } .outer .content .right-column .banner .adv { position:absolute; right:-8px; top:4px; } .outer .content .right-column .supplem-block { color:#707070; padding:16px 18px 8px 18px; margin-bottom:16px; } .outer .content .right-column .supplem-block h4 { color:#000; } .outer .content .right-column .embed h4 { padding-bottom:4px; } .outer .content .right-column .supplem-block ul li { list-style:none; } .outer .content .right-column .supplem-block ul li a { color:#707070; } .outer .content .right-column .embed ul li { padding-bottom:14px; } .outer .content .right-column .embed ul li p { padding-bottom:6px; } .outer .content .right-column .embed ul li input { height:21px; width:198px; display:block; border:1px solid #ccc; color:#000; } .outer .content .right-column .supplem-block .round-corners { position:relative; height:4px; width:auto; } .outer .content .right-column .with-round-corners { padding:0; //height:1%; } .outer .content .right-column .supplem-block .wrapper { padding:12px 18px 2px 18px; background:#eaeaea; } .outer .content .right-column .supplem-block .round-corners { position:relative; height:4px; width:auto; } .outer .content .right-column .supplem-block .round-corners img { position:absolute; left:0; top:0; } .outer .content .right-column .supplem-block .round-corners img.right { position:absolute; left:236px; top:0; } .outer .content .right-column .supplem-block .round-corners .grey-block { height:4px; font-size:0; background:#eaeaea; margin:0 4px; } .outer .content .right-column .abuse { border:1px solid #ccc; padding-bottom:12px; } .outer .content .right-column .abuse h4 { padding-bottom:5px; } .outer .content .right-column .abuse li { padding-bottom:6px; } .outer .content .right-column .search-bar { border:1px solid #ccc; padding:15px 0 15px 13px; color:#999; margin-bottom:16px; position:relative; //height:1%; } .outer .content .right-column .search-bar .search { float:none; padding-bottom:13px; width:auto; //height:1%; } .outer .content .right-column .search-bar .search input { width:214px; } .outer .content .right-column .search-bar .all-browsers input { width:184px; } .outer .content .right-column .search-bar p { padding:0px 14px 0 4px; } .outer .content .right-column .search-bar .button-wrapper { left:9px; margin-top:12px; } .outer .content .right-column .search-bar .button-wrapper .center span { width:184px; text-align:center; } .outer .content .right-column .create-info .button-wrapper { left:54px; } .outer .content .right-column .create-info .button-wrapper p { padding:0; } .outer .content .right-column .create-info .button-wrapper .center span { width:100px; text-align:center; } .outer .content .right-column .other-item { } .outer .content .right-column .other-item .item { padding:10px 0 4px 0; } .outer .content .right-column .other-item .item .img { position:relative; height:70px; width:70px; float:left; } .outer .content .right-column .other-item .item .img img { position:absolute; left:0px; top:0px; } .outer .content .right-column .other-item .item .img .left { position:absolute; left:0px; top:1px; height:68px; width:1px; border-left:1px solid black; opacity:0.2; //filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); } .outer .content .right-column .other-item .item .img .top { position:absolute; left:0px; top:0px; width:70px; height:1px; font-size:0; border-top:1px solid black; opacity:0.2; //filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); } .outer .content .right-column .other-item .item .img .bottom { position:absolute; left:0px; bottom:0px; width:70px; height:1px; font-size:0; border-bottom:1px solid black; opacity:0.2; //filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); } .outer .content .right-column .other-item .item .info { border:1px solid #ccc; border-left:0; float:left; padding:8px; height:52px; color:#666; } .outer .content .right-column .other-item .item .info h5 { } .outer .content .right-column .other-item .item .info h5 a { font-size:12px; text-transform:uppercase; font-weight:bold; } .outer .content .right-column .other-item .item .info ul { padding-left:2px; } .outer .content .right-column .other-item .item .info ul li { list-style:none; } .outer .content .right-column .other-item .more-link { text-align:right; font-size:12px; text-transform:uppercase; padding:5px 2px 5px 0; } .outer .content .right-column .other-item .more-link a { text-decoration:underline; } .outer .content .right-column .other-item .more-link a:hover { text-decoration:none; } .outer .content .right-column .question { padding:5px 0 16px 10px; } .outer .content .right-column .question li { list-style:none; font-size:13px; padding:0 0 6px 18px; background:url(../images/questions-bg.gif) no-repeat left 8px; position:relative; } .outer .content .right-column .question li a { text-decoration:underline; } .outer .content .right-column .question li a:hover { text-decoration:none; } /*Post*/ .outer .content .main .inner .column .text-block { font-size:13px; padding-right:10px; } .outer .content .main .inner .column .preview-img { padding:0 10px 10px 0; float:left; } .outer .content .main .inner .column .text-block p { padding-bottom:16px; } .outer .content .main .inner .column .text-block .post-imgs { overflow:hidden; position:relative; width:100%; /*margin-left:-10px; padding-right:10px;*/ } .outer .content .main .inner .column .text-block .post-imgs img { clear:right; } .outer .content .main .inner .column .text-block .post-imgs p.img-info { float:right; width:300px; color:#777; font-size:11px; padding-top:6px; } .outer .content .main .inner .column .no-switch .notgo { background:url(../images/rating-red-bg.jpg) no-repeat; } .outer .content .main .inner .column .no-switch .go { background:url(../images/rating-blue-bg.jpg) no-repeat; } .outer .content .main .inner .column .no-switch .disable { background:url(../images/rating-grey-bg.jpg) no-repeat; } .outer .content .main .inner .column .no-switch .disable span { opacity:0.2; //filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); cursor:auto; } .outer .content .main .inner .column .no-switch .wrap span { cursor:pointer; cursor:hand; position:absolute; top:24px; } .outer .content .main .inner .column .no-switch .wrap span.plus { left:104px; } .outer .content .main .inner .column .no-switch .wrap span.minus { left:19px; } .outer .content .main .inner .column .no-switch .wrap p { padding-top:15px; width:71px; margin:0 auto; position:relative; left:0; } .outer .content .main .inner .column .post-statistic { clear:left; padding:0 0 11px 6px; } .outer .content .main .inner .column .post-statistic li { list-style:none; color:#777; padding-bottom:3px; } .outer .content .main .inner .column .button-wrapper { position:relative; right:0; left:12px; margin-bottom:18px; } .outer .content .main .inner .column .button-small-icon .center { width:115px; } .outer .content .main .inner .column .button-small-icon .center .s-icon { position:absolute; right:-4px; //right:0px; top:4px; z-index:10; } .outer .content .main .inner .column .active .center .s-icon { top:5px; } .outer .content .main .inner .span-5 .button-wrapper { position:absolute; right:10px; left:auto; } .content-navi { position:relative; font-size:12px; text-transform:uppercase; color:#878787; padding-top:6px; //height:1%; } .content-navi .next { float:right; } .content-navi .prev { float:left; } .content-navi p a { color:#3117b4; } .outer .content .main .inner .column .side-post { } .outer .content .main .inner .column .side-post .item .in { width:138px; position:relative; } .outer .content .main .inner .column .side-post .item .in .afisha { position:relative; float:left; width:138px; height:139px; left:1px; } .outer .content .main .inner .column .side-post .item .in .afisha .left { width:1px; background:black; height:139px; position:absolute; left:-1px; top:0px; opacity:0.2; //filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); } .outer .content .main .inner .column .side-post .item .in .afisha .right { width:1px; background:black; height:139px; position:absolute; right:-1px; top:0px; opacity:0.2; //filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); } .outer .content .main .inner .column .side-post .item .in .afisha .top { font-size:0; height:1px; border-top:1px solid #000; position:absolute; left:-1px; top:-1px; width:140px; opacity:0.2; //filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); } .outer .content .main .inner .column .side-post .item .in .afisha img { position:absolute; top:-1px; left:-1px; } .outer .content .main .inner .column .item .in .afisha .short-rating { position:absolute; top:0px; left:0px; background:red; color:white; font-weight:bold; padding:5px 6px 5px 4px; } .outer .content .main .inner .column .side-post .item .in .info { position:relative; width:118px; float:left; height:115px; padding:10px 10px 15px 10px; overflow:hidden; border:1px solid #ccc; border-top:0; } .outer .content .main .inner .column .side-post .item .in .info h5 { padding-bottom:6px; } .outer .content .main .inner .column .side-post .item .in .info h5 a { color:#3117b4; font-weight:bold; font-size:12px; text-transform:uppercase; } .outer .content .main .inner .column .side-post .item .in .info p { line-height:1.4em; } .outer .content .main .inner .column .side-post .item .corner { position:relative; background:url(../images/author-corner.gif) no-repeat; width:8px; height:8px; bottom:1px; -bottom:3px; left:12px; } .outer .content .main .inner .column .side-post .author { color:#868789; position:relative; left:10px; float:left; font-size:10px; } .outer .content .main .inner .column .side-post .author a { color:#868789; text-decoration:underline; font-size:11px; } .outer .content .main .inner .column .side-post .author a:hover { text-decoration:none; } .rating-flow { position:relative; height:62px; width:140px; background:url(../images/rating-red-bg.jpg) repeat-x; margin-bottom:14px; } .rating-flow p.value { text-align:center; font-size:20px; font-weight:bold; color:white; padding:7px 0 3px 0; } .outer .content .main .inner .rating-flow div.button-wrapper { position:relative; left:21px; margin:0; } .outer .content .main .inner .rating-flow div.button-wrapper .center { width:99px; } .outer .content .main .inner .rating-flow div.button-wrapper .center span { width:99px; text-align:center; } .outer .content .main .inner .column .info-item2 { clear:left; margin-bottom:10px; } .outer .content .main .inner .column .info-item2 p { padding:0 4px 8px 4px; } .outer .content .main .inner .column .info-item2 p a { text-decoration:underline; } .outer .content .main .inner .column .info-item2 p a:hover { text-decoration:none; } .outer .content .main .inner .column .info-item2 .item { color:#777; border-bottom:1px solid #ccc; line-height:1.3em; } .outer .content .main .inner .column .info-item2 .item a { color:#777; } .outer .content .main .inner .column .info-item2 ul.statistic { padding:10px 4px 0 4px; color:#777; } .outer .content .main .inner .column .info-item2 ul.statistic li { list-style:none; padding-bottom:1px; } .outer .content .main .inner .column .info-item2 ul.statistic li b { color:black; font-weight:normal; } .outer .content .main .inner .column .moderators-info { position:relative; border-bottom:1px solid #ccc; padding-bottom:4px; } .outer .content .main .inner .column .moderators-info li { list-style:none; border-top:1px solid #ccc; clear:left; padding:10px 0; } .outer .content .main .inner .column .moderators-info li.first { border-top:0; } .outer .content .main .inner .column .moderators-info li img { float:left; } .outer .content .main .inner .column .moderators-info li p { padding-left:56px; color:#777; } .outer .content .main .inner .column .moderators-info li a { font-size:10px; text-transform:uppercase; font-weight:bold; color:black; } /*all posts*/ .outer .content .main .inner .column .posts { padding-bottom:10px; } .outer .content .main .inner .column .post-short { margin:0 0px 16px 0; position:relative; padding-bottom:16px; float:left; width:290px; padding-right:10px; } .outer .content .main .inner .column .post-short .item .in { position:relative; //height:1%; } .outer .content .main .inner .column .post-short .item .in .afisha { position:relative; float:left; width:140px; height:140px; } .outer .content .main .inner .column .post-short .item .in .afisha .left { width:1px; background:black; height:138px; position:absolute; left:0px; top:1px; opacity:0.2; //filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); } .outer .content .main .inner .column .post-short .item .in .afisha .bottom { width:140px; height:1px; position:absolute; bottom:0px; left:0; font-size:0px; border-bottom:1px solid #000; opacity:0.2; //filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); } .outer .content .main .inner .column .post-short .item .in .afisha .top { font-size:0; height:1px; border-top:1px solid #000; position:absolute; left:0px; top:0px; width:140px; opacity:0.2; //filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); } .outer .content .main .inner .column .post-short .item .in .afisha img { position:absolute; top:0px; left:-1px; width:140px; height:140px; } .outer .content .main .inner .column .post-short .item .in .afisha .short-rating { position:absolute; top:1px; left:1px; background:red; padding:6px 6px 6px 4px; float:left; color:white; font-weight:bold; } .outer .content .main .inner .column .post-short .info { position:relative; padding:12px 10px; width:129px; -padding-right:9px; float:left; height:114px; border:1px solid #ccc; border-left:0; overflow:hidden; } .outer .content .main .inner .column .post-short .info h5 { padding-bottom:5px; } .outer .content .main .inner .column .post-short .comments-counter { position:absolute; top:125px; right:25px; } .outer .content .main .inner .column .post-short .item .corner { position:absolute; background:url(../images/author-corner.gif) no-repeat; width:8px; height:8px; bottom:9px; -bottom:7px; left:157px; } .outer .content .main .inner .column .post-short p.author { color:#868789; position:absolute; bottom:-4px; -bottom:-2px; left:154px; } .outer .content .main .inner .column .post-short p.author a { color:#868789; text-decoration:underline; } .outer .content .main .inner .column .post-short p.author a:hover { text-decoration:none; } .outer .content .main .inner .column .post-short p.author span { padding-left:2px; color:#868789; } .outer .content .main .inner .column .events-block h3 { border-top:1px solid #ccc; clear:left; padding-top:12px; margin-right:10px; } .outer .content .main .inner .column .events-block .sub-navi { padding-bottom:24px; } /*flow-best*/ .outer .content .main .inner .column .posts-wide { padding-bottom:10px; } .outer .content .main .inner .column .posts-wide .post-short { position:relative; padding-bottom:16px; margin-bottom:26px; float:none; width:auto; zoom:1; } .outer .content .main .inner .column .posts-wide .post-short .info { width:auto; float:none; //float:left; padding-bottom:19px; height:107px; } .outer .content .main .inner .column .posts-wide .post-short .info p { font-size:12px; } .outer .content .main .inner .column .posts-wide .post-short .info .flow-name { font-size:10px; text-transform:uppercase; padding-bottom:4px; } .outer .content .main .inner .column .posts-wide .post-short .info .flow-name a { color:#666; } .outer .content .main .inner .column .posts-wide .post-short .info h5 { font-size:16px; } .outer .content .main .inner .column .posts-wide .post-short .tags { font-size:10px; text-transform:lowercase; position:absolute; top:122px; left:150px; } .outer .content .main .inner .column .posts-wide .post-short .tags a { color:#868789; } .outer .content .main .inner .column .posts-wide .post-short p.author .codeForBlog { color:#666; } /*flows*/ .outer .content .main .inner .flow-short { float:left; margin:0 0px 12px 0; padding-right:10px; position:relative; padding-bottom:6px; width:140px; } .outer .content .main .inner .flow-short .item { position:relative; } .outer .content .main .inner .flow-short .item .in { width:138px; position:relative; } .outer .content .main .inner .flow-short .item .in .afisha { position:relative; float:left; width:138px; height:139px; left:1px; } .outer .content .main .inner .flow-short .item .in .afisha .left { width:1px; background:black; height:139px; position:absolute; left:-1px; top:0px; opacity:0.2; //filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); } .outer .content .main .inner .flow-short .item .in .afisha .right { width:1px; background:black; height:139px; position:absolute; right:-1px; top:0px; opacity:0.2; //filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); } .outer .content .main .inner .flow-short .item .in .afisha .top { font-size:0; height:1px; border-top:1px solid #000; position:absolute; left:-1px; top:-1px; width:140px; opacity:0.2; //filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); } .outer .content .main .inner .flow-short .item .in .afisha .type { background:white; color:black; padding:1px; text-transform:uppercase; font-weight:bold; font-size:10px; position:absolute; top:3px; left:3px; } .outer .content .main .inner .flow-short .item .in .afisha img { position:absolute; top:-1px; left:-1px; } .outer .content .main .inner .flow-short .item .in .info { position:relative; width:118px; float:left; height:235px; padding:8px 10px 0 10px; border:1px solid #ccc; border-top:0; } .outer .content .main .inner .flow-short .item .in .info h5 { padding:0px 0 6px 0; } .outer .content .main .inner .flow-short .item .in .info h5 a { color:#3117b4; font-weight:bold; font-size:12px; text-transform:uppercase; text-decoration:underline; } .outer .content .main .inner .flow-short .item .in .info h5 a:hover { text-decoration:none; } .outer .content .main .inner .flow-short .item .in .info ul.statistic { position:absolute; bottom:42px; } .outer .content .main .inner .flow-short .item .in .info ul.statistic li { list-style:none; color:#666; font-size:10px; } .outer .content .main .inner .flow-short .item .in .info .button-wrapper { position:absolute; bottom:12px; right:auto; left:23px; margin:0; } .outer .content .main .inner .flow-short .item .in .info .button-wrapper .center span { width:90px; text-align:center; } .outer .content .main .inner .flow-short .item .in .info .button-wrapper .in { width:10px; height:22px; } /*//*/ /*Add events*/ .outer .content .column-wide { position:relative; padding:10px 0; } .outer .content .column-wide .edit-block { position:relative; border-top:1px solid #ccc; padding:18px 0 0 0; clear:both; } .outer .content .column-wide .edit-block .right { position:relative; float:right; width:235px; padding:0 5px 0 0; color:#999; font-size:12px; } .outer .content .column-wide .edit-block .button-block .right { position:absolute; float:none; width:10px; padding:0; } .outer .content .column-wide .edit-block .right p { padding-bottom:10px; } .outer .content .column-wide .edit-block .left { margin-right:240px; position:relative; //height:1%; } .outer .content .column-wide .edit-block .button-wrapper { position:relative; right:auto; left:20px; top:2px; } .outer .content .column-wide .edit-block .button-block .left { margin-right:0px; position:absolute; //height:22px; } .outer .content .column-wide .edit-block .button-block span { width:80px; text-align:center; } .outer .content .column-wide .edit-block .left .main { width:600px; position:relative; float:left; } .outer .content .column-wide .edit-block .left .in-right { width:140px; position:relative; float:left; } .outer .content .column-wide .edit-block .left .in-right p { color:#999; } .outer .content .column-wide .edit-block .left .in-right .afisha p { text-decoration:underline; cursor:pointer; cursor:hand; padding-top:3px; } .outer .content .column-wide .edit-block .item { position:relative; padding-bottom:16px; clear:left; } .outer .content .column-wide .edit-block .item .afisha { padding-bottom:10px; } .outer .content .column-wide .edit-block .item .input-file { width:140px; } .outer .content .column-wide .edit-block .small { float:left; width:181px; padding-right:20px; -padding-right:15px; clear:none; } .outer .content .column-wide .edit-block .last { padding:0; } .outer .content .column-wide .edit-block .item label { font-size:12px; text-transform:uppercase; font-weight:bold; display:block; padding-bottom:8px; position:relative; } .outer .content .column-wide .edit-block .item label.label-default { font-size:11px; text-transform:none; font-weight:normal; display:inline; padding-bottom:0px; position:relative; } .outer .content .column-wide .edit-block .item .input-wrapper { position:relative; } .outer .content .column-wide .edit-block .item .input-wrapper span { position:absolute; right:17px; top:10px; color:#999; } .outer .content .column-wide .edit-block .item input.input-big { border:1px solid #ccc; padding:5px 0 0 5px; height:24px; width:582px; font-size:14px; } .outer .content .column-wide .edit-block .item input.input-small { border:1px solid #ccc; padding:4px 0 0 4px; height:22px; width:180px; font-size:12px; } .outer .content .column-wide .edit-block .item input.input-smaller { border:1px solid #ccc; padding:3px 0 0 4px; height:20px; width:180px; font-size:12px; color:#727272; } .outer .content .column-wide .edit-block .last input.input-smaller { width:181px; } .outer .content .column-wide .edit-block .item .date-wrapper { } .outer .content .column-wide .edit-block .item .date-wrapper select { margin-right:3px; } .outer .content .column-wide .edit-block .item .date-wrapper b { padding:0 3px 0 0; font-size:16px; text-transform:lowercase; font-weight:normal; } .outer .content .column-wide .edit-block .item .date-wrapper span { padding:0 3px 0 0; } .outer .content .column-wide .edit-block .item p.edit-comment { color:#999; font-size:10px; clear:left; } .outer .content .column-wide .edit-block .item textarea { height:308px; border:1px solid #ccc; width:587px; } .outer .content .column-wide .edit-block .item .with-button { float:left; } .outer .content .column-wide .edit-block .item .users { } .outer .content .column-wide .edit-block .item .users .user { position:relative; float:left; padding:12px 8px 0 0; } .outer .content .column-wide .edit-block .item .users .user span { cursor:pointer; cursor:hand; position:absolute; left:84px; top:12px; display:block; padding:2px; } .outer .content .column-wide .edit-block .item .users .user span div { width:12px; height:12px; background:url(../images/icon-close.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/icon-close.png', sizingMethod='crop'); } .outer .content .column-wide .edit-block .item input.code { float:left; width:30px; margin-right:10px; } .outer .content .column-wide .edit-block .item input.number { width:60px; } /*//*/ /*flow-profile*/ ul.tags { } ul.tags li { font-size:10px; color:#5d5d5d; list-style:none; display:inline; } ul.tags li a { color:#5d5d5d; text-decoration:underline; } ul.tags li a:hover { text-decoration:none; } .top-border { border-bottom:1px solid #ccc; margin:0 10px 0px 0; padding-top:14px; font-size:0px; clear:both; } .requirement { position:relative; border-right:1px solid #ccc; padding:14px 0; } .requirement .left { float:left; width:78px; text-align:center; padding:0 4px; } .requirement .right { padding:1px 10px 0 0; } .requirement .right p { font-size:13px; color:#777; } .requirement-text { color:#777; padding:3px 0 0 10px; } .with-pad { padding-top:8px; } /*//*/ /*flow-users*/ .outer .content .main .inner .span-4 .moderators-info { border-bottom:1px solid #ccc; margin:0 10px 5px 0; -height:1%; } .outer .content .main .inner .span-4 .moderators-info li { list-style:none; border-top:0; clear:none; /*padding:10px 0;*/ float:left; width:184px; } .outer .content .main .inner .span-4 .icon-button { left:auto; right:20px; position:absolute; } .outer .content .main .inner .column .info-item .gender { border-top:1px solid #ccc; padding:8px 0 0 0; } .outer .content .main .inner .column .info-item .gender .scale { position:relative; width:120px; height:21px; overflow:hidden; left:8px; background:red; } .outer .content .main .inner .column .info-item .gender .scale .bg { position:relative; width:120px; height:21px; background:url(../images/gender-bg.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/gender-bg.png', sizingMethod='crop'); } .outer .content .main .inner .column .info-item .gender .scale .blue-bg { position:absolute; width:120px; height:21px; background:#4440d9; left:-20px; top:0; } .outer .content .main .inner .column .info-item .gender .male { position:absolute; left:4px; top:4px; font-size:11px; color:white; } .outer .content .main .inner .column .info-item .gender .female { position:absolute; right:3px; top:4px; font-size:11px; color:white; } .outer .content .main .inner .column .info-item .gender .gender-t { position:relative; width:120px; height:18px; left:8px; } .outer .content .main .inner .column .info-item .gender .gender-t b { color:black; top:3px; } /*.outer .content .main .inner .span-4 .invite-block { } .outer .content .main .inner .span-4 .invite-block .left { float:left; clear:left; padding-top:16px; } .outer .content .main .inner .span-4 .invite-block .right { float:left; padding-top:16px; } .outer .content .main .inner .span-4 .invite-block .users-list { height:250px; overflow:auto; border:1px solid #ccc; width:255px; } .outer .content .main .inner .span-4 .invite-block .users-list .item-wrap { padding:0 8px; } .outer .content .main .inner .span-4 .invite-block .users-list .item-wrap .item { border-bottom:1px solid #ccc; padding:5px 0; height:25px; position:relative; } .outer .content .main .inner .span-4 .invite-block .users-list .item-wrap .item .userpic { float:left; } .outer .content .main .inner .span-4 .invite-block .users-list .item-wrap .item .text { float:left; overflow:hidden; padding-left:8px; } .outer .content .main .inner .span-4 .invite-block .users-list .item-wrap .item .text h4 { font-size:11px; } .outer .content .main .inner .span-4 .invite-block .users-list .item-wrap .item .text p { color:#777; font-size:10px; padding-top:1px; } .outer .content .main .inner .span-4 .invite-block .users-list .item-wrap .item .arr { background:url(../images/users-list-bg.gif) no-repeat 2px 2px; cursor:pointer; cursor:hand; width:11px; height:12px; position:absolute; right:8px; top:12px; } */ /*//*/ /*Profile*/ .outer .content .main .inner .column .user-look { position:relative; } .outer .content .main .inner .column .user-look .button-wrapper { position:absolute; top:388px; left:150px; right:auto; } .outer .content .main .inner .span-2 h3 { margin-right:10px; padding-bottom:6px; } .outer .content .main .inner .span-2 .user-stat { padding:0 0 10px 5px; border-bottom:1px solid #ccc; margin-right:10px; } .outer .content .main .inner .span-2 .last { border:0; } .outer .content .main .inner .span-2 .user-stat p { padding-bottom:4px; } .outer .content .main .inner .span-2 .user-stat p.site a { font-size:12px; text-decoration:underline; } .outer .content .main .inner .span-2 .user-stat p.site a:hover { text-decoration:none; } .outer .content .main .inner .span-2 .user-stat p.grey { padding:4px 0 2px 0; color:#999; } .outer .content .main .inner .span-2 .user-stat h5 span { font-size:11px; text-transform:none; font-weight:normal; } .outer .content .main .inner .span-2 .user-stat .item { position:relative; width:49%; float:left; padding:12px 0px 5px 2px; } .outer .content .main .inner .span-2 .last .item { position:relative; padding:12px 0px 0px 2px; } .outer .content .main .inner .span-2 .user-stat .wide { width:99%; } .outer .content .main .inner .span-2 .user-stat .item .icon { float:left; width:30px; } .outer .content .main .inner .span-2 .user-stat .item .link { } .outer .content .main .inner .span-2 .user-stat .item .link p { color:#777; font-size:10px; padding:0; } .outer .content .main .inner .span-2 .user-stat .item .link p a { font-size:12px; color:black; text-decoration:underline; } .outer .content .main .inner .span-2 .user-stat .item .link p.black { font-size:12px; color:black; } .outer .content .main .inner .span-2 .user-stat .item .link p a:hover { text-decoration:none; } .outer .content .main .inner .column .profile-user { padding-bottom:12px; } .outer .content .main .inner .column .profile-user .userpic { float:left; } .outer .content .main .inner .column .profile-user .mana { background:red; position:relative; float:left; width:40px; height:100px; } .outer .content .main .inner .column .profile-user .mana span { display:block; width:15px; height:15px; position:absolute; left:12px; cursor:pointer; cursor:hand; } .outer .content .main .inner .column .profile-user .mana p { color:white; font-weight:bold; font-size:15px; text-align:center; position:relative; top:41px; } .outer .content .main .inner .column .profile-user .mana .plus { background:url(../images/plus.gif) no-repeat; top:10px; } .outer .content .main .inner .column .profile-user .mana .minus { background:url(../images/minus.gif) no-repeat; bottom:10px; } .outer .content .main .inner .column .profile-user .disable { background:#8c8c8c; } .outer .content .main .inner .column .profile-user .disable span { opacity:0.2; //filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); cursor:auto; } .outer .content .main .inner .column .info-item ul.stat2 { padding:0px 10px 6px 10px; font-size:10px; color:#777; } .outer .content .main .inner .column .info-item ul.stat2 li { list-style:none; position:relative; float:none; padding:0; } .outer .content .main .inner .column .info-item ul.stat2 li p { float:right; clear:none; padding:0; } .outer .content .main .inner .column .info-item2 .item p a { color:black; } .outer .content .main .inner .column .info-item3 { padding:0 4px; } .outer .content .main .inner .column .info-item3 h5 { font-size:11px; font-weight:bold; padding-bottom:4px; } .outer .content .main .inner .column .info-item3 ul { } .outer .content .main .inner .column .info-item3 ul li { list-style:none; background:url(../images/bullet6.gif) no-repeat left 5px; padding:0 0 0 8px; position:relative; } .outer .content .main .inner .column .info-item3 ul li a { color:#777; text-decoration:underline; } .outer .content .main .inner .column .info-item3 ul li a:hover { text-decoration:none; } .outer .content .main .inner .span-5 .micro { position:relative; } .outer .content .main .inner .span-5 .micro .micro-in { position:relative; width:646px; float:left; } .outer .content .main .inner .span-5 .micro .micro-in .corners { position:relative; height:12px; font-size:0; } .outer .content .main .inner .span-5 .micro .micro-in .corners .left { width:77px; height:43px; position:absolute; left:0; top:-31px; background:url(../images/micro-lt.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/micro-lt.png', sizingMethod='crop'); } .outer .content .main .inner .span-5 .micro .micro-in .corners .right { width:12px; height:12px; position:absolute; right:0; top:0; background:url(../images/micro-rt.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/micro-rt.png', sizingMethod='crop'); } .outer .content .main .inner .span-5 .micro .micro-in .corners .center { margin:0 12px 0 77px; height:11px; position:relative; background:white; border-top:1px solid #c2c2c2; } .outer .content .main .inner .span-5 .micro .micro-in .bottom .left { width:12px; height:12px; left:0; top:0; background:url(../images/micro-lb.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/micro-lb.png', sizingMethod='crop'); } .outer .content .main .inner .span-5 .micro .micro-in .bottom .right { background:url(../images/micro-rb.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/micro-rb.png', sizingMethod='crop'); } .outer .content .main .inner .span-5 .micro .micro-in .bottom .center { margin:0 12px; border-bottom:1px solid #c2c2c2; border-top:0; } .outer .content .main .inner .span-5 .micro .micro-in .micro-main { position:relative; border:1px solid #c2c2c2; border-top:0; border-bottom:0; } .outer .content .main .inner .span-5 .micro .arr { float:left; height:100px; width:45px; padding-top:68px; } .outer .content .main .inner .span-5 .micro .arr img { position:relative; cursor:pointer; cursor:hand; } .outer .content .main .inner .span-5 .micro .left-arr img { left:19px; } .outer .content .main .inner .span-5 .micro .right-arr img { left:10px; } .outer .content .main .inner .span-5 .micro .micro-in .micro-main .links { } .outer .content .main .inner .span-5 .micro .micro-in .micro-main .links li { list-style:none; display:inline; color:#777; } /*//*/ .footer { clear:both; margin-top:-120px; position:relative; height:110px; } .footer .inner { width:1010px; margin:0 auto; position:relative; height:110px; } .footer .inner .block { height:92px; } .footer .inner .logo { float:left; padding:1px 10px 0 0; } .footer .inner .main { width:470px; padding-top:6px; } .footer .inner .main ul { padding-bottom:10px; } .footer .inner .main ul li { list-style:none; display:inline; text-transform:uppercase; } .footer .inner .main ul li a { text-decoration:none; color:black; } .footer .inner .main ul li a:hover { text-decoration:underline; } .footer .inner .main h3 { font-size:11px; text-transform:uppercase; font-weight:bold; } .footer .inner .main p { }