body{text-align:center; padding:0px; margin:0; color:#555; background-color:#FFF; font:11px/18px Verdana,Arial,Helvetica,sans-serif} a:focus{outline:0px} focus{outline:0px} h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{margin:0.5em 0} ul{margin:0px; padding:0px; list-style:none} ul li{padding-left:15px} body ol{list-style:decimal inside; margin:0; padding:0} body ol li{margin:0px; padding:5px 3px; list-style-image:none; background:none} body .yjsquare_in ol li{} fieldset{padding:.5em} body a, body a:hover{cursor:pointer} a:link, a:visited{text-decoration:none} a:hover{text-decoration:none} h1, .componentheading{font-size:1.7em; line-height:1.7em} h2, .contentheading{font-size:2.5em; line-height:1.5em} h3{font-size:1.3em; line-height:1.3em} h4{font-size:1.2em; line-height:1.2em} h5{font-size:1.1em; line-height:1.1em} h6{font-size:1em; line-height:1em; font-weight:bold} .small, .createdate, .modifydate, .mosimage_caption, .createby{} .clr{clear:both; height:1px} .input{border:0} .contentdescription img{padding:5px; margin:15px} .article_separator, .article_seperator{display:block; height:1px; clear:both} .inputbox{margin-top:5px} img a, img{border:0; padding:0} .contentdescription img{padding:0 3px} input#search_searchword{padding:2px} table.searchintro{padding:10px 0; width:100%} table.searchintro td{padding:5px!important} .button{padding:1px 3px; border:none; margin-top:5px} .back_button{padding:0 5px} .readon{float:right; padding:0; margin:-48px 0 0 0} .readon span{} a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a, .back_button a{height:21px; text-transform:uppercase; font-weight:normal; line-height:21px; padding:0 5px; display:inline-block; margin:25px 0 0 0!important} .cats{} .catlist{} .tableitems{width:100%; overflow:hidden; clear:both; text-align:left; padding:10px 0} .itemorder{display:block; width:auto; clear:both; float:right} .itemorder .filter{float:left} .itemorder .order_select{float:left} .itemorder .display{float:left} .tablelisttools{display:block; height:20px; line-height:20px; clear:both; font-weight:bold; background:url(../images/gray_inset.gif) repeat-x left bottom; overflow:hidden; margin:0 -10px} .tablelisttools .date{float:left; width:30%; overflow:hidden; text-indent:5px} .tablelisttools .title{float:left; width:55%; padding:0 0 0 10px; overflow:hidden} .tablelisttools .author{float:left; width:40%; overflow:hidden} .tablelisttools .hits{float:right; width:100%; text-align:right; overflow:hidden} .tablenewscreated{float:left; width:30%; overflow:hidden} .tablenewslink{float:left; width:55%; overflow:hidden; height:40px; padding:0 0 0 10px} .newshits{text-align:right; width:10%; float:right; overflow:hidden} .sectiontableentry1, .sectiontableentry2{margin:0 -10px} .sectiontableentry1{background:#EFEFEF url(../images/gray_inset.gif) repeat-x left bottom; color:#484747} .sectiontableentry2{background:#f6f5f5 url(../images/gray_inset.gif) repeat-x left bottom; color:#999} .sectiontableentry1:hover, .sectiontableentry2:hover{background:#e3e1e1 url(../images/gray_inset.gif) repeat-x left bottom; color:#999} .sectiontableentry1, .sectiontableentry2{height:40px; padding-left:5px; text-align:left; padding-right:10px; line-height:40px; margin-bottom:0px} .neznam{} .authorname{} .sectiontablefooter{margin:10px auto; text-align:center} .sectiontablefooter_in{} .pagecounter{} .morelinks{position:relative; background:url(../images/newsitemtopbg.gif) repeat-x left top} .moretext{text-indent:-999px; height:25px; width:60px; background:url(../images/red/more.gif) no-repeat left top; position:absolute; top:-12px} .more_links{display:block; width:100%; margin:25px 0 0 0; padding:20px 0 0 0} .more_links li, .more_links li:hover{width:168px; float:left; font-size:10px; display:block; font-weight:bold; overflow:hidden; padding:0; margin:0 20px 3px 20px; background:none; height:15px} div.contentpaneopen{} .contentpaneopen_in{position:relative} .frontpageblog{padding:0 10px; position:relative} .newsitemtop{display:block; overflow:hidden; height:50px; position:relative; background:url(../images/newsitemtopbg.gif) repeat-x left bottom} .contentpaneopen_in .newsitem .vote_group{display:block; width:100%; clear:both; margin-top:-70px; float:left} .contentpaneopen{padding:0 0px; text-align:left; position:relative; overflow:hidden} .contentheading, .contentheading_blank, .contentheading a:link, .contentheading a:visited{text-align:left; margin:0 0 0px 0px; padding:0 0 3px 0px; float:left; display:block; width:98%; font-size:14px; font-family:"Trebuchet MS",sans-serif; text-transform:uppercase; font-weight:bold; position:relative; z-index:10} .newsitemtop .createdate{float:left; margin:5px 0 0px 0px; text-transform:capitalize; color:#9F9F9F; font-weight:bold; font-size:9px; position:relative; z-index:10} .yjbuttons{position:absolute; right:0px; top:15px; z-index:20} .buttonheading_email{width:60px; float:right} .buttonheading_pdf{width:20px; float:right} .buttonheading_print{width:60px; float:right} div.contentpaneopen_in{display:block; width:100%} .newsitem{display:block; clear:both; width:100%; margin:10px 0; padding:10px 0} .sectname{} .sectcatholder{} .newsauthorname{} .newscatname{position:absolute; top:-35px; left:230px; font-weight:bold; font-size:10px; z-index:1000} .newssectname{} .newsurls{} .readbut{} #pathin{margin:0 0 0 0px} .contentheading_yjblog, .contentheading a:link, .contentheading a:visited{text-align:left; margin:5px 0 0px 0px; padding:0 0 3px 0px; float:left; display:block; width:98%; font-size:25px; font-family:"Trebuchet MS",sans-serif; text-transform:uppercase; position:relative; z-index:10} .contentpaneopen_in_yjblog{position:relative} .contentpaneopen_in_yjblog .newscatname{position:absolute; top:-34px; left:230px; font-weight:bold; font-size:10px; z-index:1000} .contentpaneopen_in_yjblog .newsitem .vote_group{display:block; width:100%; clear:both; margin-top:-70px; float:left} .contentpaneopen_yjblog{padding:0 0px; text-align:left; position:relative; overflow:hidden} .contentpaneopen_in_yjblog .newsitem{position:relative} .contentpaneopen_in_yjblog .newsitem .yjcm{background:url(../images/red/comments.gif) no-repeat left top; height:35px; width:36px; line-height:52px; display:block; color:#FFF; text-align:center; position:absolute; top:-50px; right:10px; font:bold 18px/25px Arial,Helvetica,sans-serif; float:right} .contentpaneopen_in_yjblog .newsitem .comment-link{background:none; font-style:italic; text-decoration:underline} .contentpaneopen_in_yjblog .newsitem .readmore-link{background:none; font-style:italic; text-decoration:underline} .contentpaneopen_in_yjblog .newsitem .yj_text{padding:0px 0px} #top_menu{width:100%; margin:0 auto; display:block; position:relative; z-index:10000; text-align:left; background:#9f0000 url(../images/red/topmenu/menu_bg.gif) repeat-x left top} #horiznav{height:35px; z-index:500; float:none} #horiznav ul{list-style:none; line-height:35px; padding-top:0px} #horiznav ul li{position:relative; margin:0} #horiznav a{text-transform:uppercase; display:block; cursor:pointer; height:35px; padding:0px 0px 0px 23px; margin:0px 0px 0px 0px; font:bold 10px/35px Tahoma} #horiznav li a:hover{height:35px} #horiznav li{float:left; padding:0; padding:0px 23px 0px 0px} #horiznav ul ul a{background:none} #horiznav ul ul{border:none} #horiznav li li a{font-weight:normal; padding:0 0px 0 0px; margin:0; height:32px; line-height:32px; text-indent:5px} #horiznav ul ul a{display:block; text-decoration:none; text-transform:uppercase; height:auto; font-weight:bold} #horiznav li li{padding:0; background:none} #horiznav li li{float:left; padding:0} #horiznav li:hover, #horiznav li.sfHover{left:0} #horiznav ul ul a:hover{background:none; height:auto; line-height:32px; padding:0 0px 0 0px; margin:0} #horiznav li ul{position:absolute; left:-999em; height:auto; font-weight:normal; border-width:0; margin:0px 0 0 -1px; padding:0; border-bottom:none} #horiznav li:hover, #horiznav li.sfHover{position:static} #horiznav li:hover ul ul, #horiznav li:hover ul ul ul, #horiznav li:hover ul ul ul ul, #horiznav li.sfHover ul ul, #horiznav li.sfHover ul ul ul, #horiznav li.sfHover ul ul ul ul{left:-999em} #horiznav li:hover ul, #horiznav li li:hover ul, #horiznav li li li:hover ul, #horiznav li li li li:hover ul, #horiznav li.sfHover ul, #horiznav li li.sfHover ul, #horiznav li li li.sfHover ul, #horiznav li li li li.sfHover ul{z-index:100; left:auto} #horiznav ul ul li a{border-right:none} #horiznav ul li:hover li:hover, #horiznav ul li#current ul li a, #horiznav ul li#current ul li, #horiznav ul li#current ul li a:hover, #horiznav ul li#current ul li.hover, #horiznav li.haschild:hover li span, #horiznav li.haschild.sfHover li span, #horiznav li.sfHover li span, #horiznav ul li li a, #horiznav ul li.haschild li#current a, #horiznav ul li.haschild li#current, #horiznav ul li.sfHover li.sfHover, #horiznav ul li ul li a:hover, #horiznav ul li ul li:hover, #horiznav ul li ul li.sfHover{background-image:none} #horiznav li ul ul{margin:-32px 0 0 173px} #horiznav ul li:hover li a, #horiznav ul li.sfHover li a{background-image:none} #horiznav ul ul a, #horiznav li ul{width:173px} #horiznav li li, #horiznav li.haschild ul li#current:hover, #horiznav li.haschild ul li#current.sfHover{width:173px} #mainlevel ul, .menu ul{list-style:none; margin:0; padding:0} #mainlevel{padding:0; text-align:left; margin-left:-19px; margin-right:-8px} .menu{padding:0; text-align:left; margin-left:-19px; margin-right:-8px} #mainlevel li, .menu li, .menu li:hover{background-image:none} #mainlevel li a, .menu li a{height:26px; line-height:20px; text-decoration:none; display:block; font-size:12px; text-decoration:none; text-indent:22px; padding-top:5px} a.mainlevel{display:block; width:100%; font-size:12px; height:26px; line-height:20px; padding-top:5px; text-decoration:none; text-indent:24px} a.sublevel{display:block; padding:2px 4px 0px 15px; text-decoration:none} a.sublevel:hover, a.sublevel:active, a.sublevel:focus{text-decoration:underline} .module a.sublevel{display:block; padding:0px 4px 12px 15px; margin:0} body#color{background:#EEE url(../images/mainbg.jpg) no-repeat center -25px; margin:10px 0} #centerbottom{} #banner{} .search{} .search .inputbox{color:#bcbaba; padding:5px 2px 2px 2px; border:1px solid #eee} .search .button{margin:0 0 0 5px; border:0; background:url(../images/search.gif) no-repeat center center; text-indent:-999px; width:60px; height:25px; padding:0} a:link, a:visited{text-decoration:none; color:#ca0000} a:focus, a:hover{color:#222; text-decoration:none} h1, h3, h4, h5, h6, h2{color:#ca0000} .small, .createdate, .modifydate, .mosimage_caption, .createby{text-transform:uppercase; color:#ccc; font:10px Tahoma,Verdana,"Lucida Sans"} .componentheading, .contentheading_blank, .contentheading, .contentheading a:link, .contentheading a:visited, .contentheading a:link, .contentheading a:visited{color:#ca0000} #pathway{} .toclink{border:1px solid #E0ECF5} fieldset{border:1px solid #d6d4d4} .yjsquare_in fieldset{border:none} .inputbox{background:#FFF; border:1px solid #ccc} .inputbox:hover, .inputbox:focus{background:#F6F6F6; border:1px solid #ca0000} .button{color:#fff} .button, .validate{background:url(../images/button.gif) no-repeat center center; width:60px; height:25px; color:#fff; padding:0 0 3px 0} a.button:link, a.button:visited, a.button:focus{color:#fff; padding:3px} .back_button a:hover, .back_button a:active{color:#000; text-decoration:none} a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a, .back_button a{background:#EEE; border:1px solid #ccc; color:#ca0000} a.readon:link, a.readon:visited{} .readon span{background:#000} a.readon:hover, .pagenavbar a:hover{color:#ca0000} .yjround{color:#555} .yjround div div div div{background:none} .yjround h3{background:url(../images/red/h3.gif) repeat-x left bottom; color:#222; border:none} .yjround h3 span{color:#ca0000} .yjround{background:url(../images/red/br.gif) 100% 100% no-repeat} .yjround div{background:url(../images/red/bl.gif) 0 100% no-repeat} .yjround div div{background:url(../images/red/tr.gif) 100% 0 no-repeat} .yjround div div div{background:url(../images/red/tl.gif) 0 0 no-repeat} .yjround_advert h3{color:#ca0000} .yjround_advert{background:url(../images/red/br.gif) 100% 100% no-repeat} .yjround_advert div{background:url(../images/red/bl.gif) 0 100% no-repeat} .yjround_advert div div{background:url(../images/red/tr.gif) 100% 0 no-repeat} .yjround_advert div div div{background:url(../images/red/tl.gif) 0 0 no-repeat} .yjsquare h3{color:#222} .yjsquare h3 span{} .yjsquare{color:#555; background:url(../images/white_shade.png) no-repeat left top} .yjsquare_in{background:url(../images/article_sep.png) repeat-x left bottom} .yjsquare_yj1 h3{color:#222; border-bottom:1px solid #222} .yjsquare_yj1 h3 span{color:#ca0000} .yjsquare_yj1{color:#555; border:1px solid #222} .yjsquare_yj3 h3{color:#222; border-bottom:1px solid #222} .yjsquare_yj4 h3 span{color:#ca0000} .yjsquare_yj4{background:#E0ECF5; color:#555; border:1px solid #222} .yjsquare_advert{border:1px solid #222; color:#555} .yjsquare_advert h3{background-color:#fff; color:#222} #footmod .yjsquare{border-bottom:1px solid #E0ECF5; border-left:none; border-right:none; border-top:none; background:none; color:#ca0000} #footmod .yjsquare h3{color:#222} #footmod .yjsquare h3 span{color:#ca0000} #horiznav ul li a{color:#fff; background:url(../images/red/topmenu/normal_l.gif) no-repeat left center} #horiznav ul li a:hover, #horiznav ul li:hover a, #horiznav ul li.sfHover a{color:#fff; background:url(../images/red/topmenu/hover_l.gif) no-repeat left center} #horiznav li#current a, #horiznav li#current a:hover, #horiznav li#current:hover a, #horiznav li#current.sfHover a, #horiznav li.active a{color:#fff; background:url(../images/red/topmenu/active_l.gif) no-repeat left center} #horiznav li#current, #horiznav li#current:hover, #horiznav li#current.sfHover, #horiznav li.active{background:url(../images/red/topmenu/active_r.gif) no-repeat right center} #horiznav ul li:hover li a, #horiznav ul li.sfHover li a, #horiznav ul li#current:hover li a, #horiznav ul li#current.sfHover li a, #horiznav ul li:hover ul ul li a, #horiznav ul ul li.active{color:#fff; background-image:none} #horiznav li:hover ul, #horiznav li li:hover ul, #horiznav li li li:hover ul, #horiznav li li li li:hover ul, #horiznav li.sfHover ul, #horiznav li li.sfHover ul, #horiznav li li li.sfHover ul, #horiznav li li li li.sfHover ul, #horiznav ul li:hover li a, #horiznav ul li.sfHover li a, #horiznav ul li:hover ul ul li a, #horiznav ul li.sfHover ul ul li a{background-color:#2a2a2a} #horiznav li ul li a:hover, #horiznav li ul li ul li a:hover, #horiznav li li:hover, #horiznav ul li li.sfHover, #horiznav li li.sfHover a, #horiznav ul li li:hover a, #horiznav ul li li:hover, #horiznav ul li li.sfHover, #horiznav ul li li#current a:hover, #horiznav li.haschild ul li#current.sfHover, #horiznav li.haschild ul li#current:hover, #horiznav ul li.haschild li#current a:hover{color:#E8E8E8; background-image:none} #horiznav ul li#current ul li a, #horiznav ul li#current ul li, #horiznav ul li#current ul li a:hover, #horiznav ul li#current ul li.hover #horiznav ul li#current ul li.sfHover, #horiznav ul li.haschild li#current a{color:#E8E8E8} #horiznav li li{border-bottom:1px solid #000; border-top:1px solid #505050} #horiznav li ul{} #horiznav li, #horiznav{background:none; font-weight:bold} #horiznav li{background:url(../images/red/topmenu/normal_r.gif) no-repeat right center} #horiznav ul li:hover, #horiznav ul li.sfHover{background:url(../images/red/topmenu/hover_r.gif) no-repeat right center} #horiznav ul li ul li a.child, #horiznav ul li ul li a.child:hover{background:url(../images/red/topmenu/arrow_right.gif) 50% 50% no-repeat} #horiznav ul li.active ul li a.child{background:url(../images/red/topmenu/arrow_right.gif) 50% 50% no-repeat} #mainlevel li a, .menu li a, a.mainlevel{background:#E0ECF5 url(../images/red/mainlevel.jpg) no-repeat left top} #mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, a.mainlevel:hover, a.mainlevel#active_menu, #mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, .menu li a:hover, .menu li.active a{background:#E0ECF5 url(../images/red/mainlevel.jpg) no-repeat left bottom} a.sublevel{background:url(../images/red/strelica.gif) no-repeat 5px 8px} a.sublevel:hover{background:url(../images/red/strelica_hover.gif) no-repeat 5px 9px} #footmod a.mainlevel:hover, #footmod a.mainlevel:active, #footmod a.mainlevel:focus, #mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, a.mainlevel#active_menu, a.sublevel, a.sublevel:hover, a.sublevel:active, a.sublevel:focus, #active_menu, a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus, ul li a:hover, li.active a, li.parent a{color:#222} a.mainlevel, #mainlevel li a{color:#ca0000} .yjsquare li.active ul li a, a.sublevel#active_menu{color:#ca0000} .yjsquare li.active ul li a:hover, .yjsquare li.active ul li.active a{color:#222; background:#E0ECF5 url(../images/red/mainlevel.jpg) no-repeat left top} body li{padding-left:15px; background:url(../images/red/strelica.png) no-repeat 0px 5px; font-family:Verdana,Arial,Helvetica, sans-serif; font-size:11px; text-decoration:none} body ul.video li, body li.video, body li.video:hover{background:url(../images/red/typ/video.gif) no-repeat 0px 0px} #header{height:88px; position:relative; width:100%; background:url(../images/red/hl.gif) no-repeat left top; overflow:hidden} #header_r{height:88px; position:relative; width:100%; background:url(../images/red/hr.gif) no-repeat right top} #logo{height:88px; width:328px; float:left; background:url(../images/red/logo.png) no-repeat 8px top} .logolink{height:88px; width:328px; display:block; text-indent:-999px} #modheader{height:88px; float:right; width:500px; text-align:center; padding:10px} #user1{margin:0 auto; text-align:left} #user1 .moduletable, #user1 .module_in{margin:0; padding:0} #main{margin:0 auto; text-align:center; width:980px; background:#FCFCFC url(../images/mid_right.gif) repeat-y right top; height:1%; clear:both; overflow:hidden} #left{float:left; margin:0; padding:0; height:1%; text-align:left; background:#fff} #mid{float:left; margin:0; padding:0; height:1%; text-align:left; background:#FCFCFC; clear:left; overflow:hidden} #right{float:right; margin:0; padding:0; height:1%; text-align:left; overflow:hidden} .mainin{padding:10px; background:url(../images/midbg.gif) repeat-x left top; overflow:hidden; height:1%} .modsin{padding:0px 0px; overflow:hidden} #footer{height:166px; margin:0 auto; text-align:center; overflow:hidden; padding:0; color:#fff; width:980px; background:url(../images/red/footer.gif) no-repeat left top} #bottom{overflow:hidden; clear:both; width:980px; margin:0 auto; text-align:center; background:url(../images/red/foth3.gif) no-repeat left top} #bottom .moduletable h3{background:none} #user6, #user7, #user8, #user9{float:left; clear:right; text-align:left} .botsin{padding:0 5px} #bottom ul{padding:10px 10px; font-size:10px; font-weight:bold} #bottom ul li{background:none; padding-left:2px} #bottom a, #bottom a:focus, #bottom a:visited{color:#fff; font-size:10px} #bottom a:hover{color:#222} #user9 p{padding:5px 0; font-weight:bold; font-size:10px; font-style:italic} .related{background:none; overflow:hidden; text-align:left; padding:10px 0; width:980px; margin:0 auto; color:#ca0000} .related a:link, .related a:focus, .related a:visited{color:#555} .related a:hover{color:#ca0000} #user1 #YJSlide_outer{display:block; position:relative; clear:both; overflow:hidden; background-color:#fff; margin:0 auto} #user1 .YJSlide_slide .YJSlide_description{display:block; position:absolute; top:55px; right:155px; color:#ca0000; font-weight:normal; text-transform:uppercase; font-size:13px; background:#fff; width:250px; padding:0px; border:0; text-align:center} #user1 .sliderdate{font-weight:bold; color:#878484; font-size:9px; height:10px; line-height:20px; display:block} #user1 .YJSlide_slide .YJSlide_intro{display:block; position:absolute; width:390px; left:570px; bottom:0px; height:280px; text-align:justify; background:#fff; color:#838383; font-weight:bold; font-size:10px} #user1 .YJSlide_slide .YJSlide_intro p{display:block; height:170px; margin:0 20px; overflow:hidden} #user1 #YJS_left, #user1 #YJS_right{display:block; position:absolute; top:270px; left:590px; width:43px; height:42px; z-index:200} #user1 #YJS_right, #user1 #YJS_right_1{right:304px; top:270px; left:auto} #fronttitle{text-align:left; background:#9f0000 url(../images/red/front_title.gif) repeat-x left top; height:43px; display:block; overflow:hidden; color:#fff; line-height:43px; padding:0 10px; margin:0 1px 0 0; font:normal bold 18px/45px "Trebuchet MS",Arial,Helvetica,sans-serif} .moduletable h3, .moduletable_yjnf1 h3{background:#272727 url(../images/red/h3_bg.gif) no-repeat left top; color:#fff; height:45px; padding:0 10px; margin:0; font:italic bold 18px/45px "Trebuchet MS",Arial,Helvetica,sans-serif} .moduletable_yjnf1{padding:0; margin:0} #right .module_in, #left .module_in{padding:10px; overflow:hidden} .moduletable_yj1 h3{background:url(../images/red/h3_bgyj2.gif) no-repeat left top; color:#CA0000; height:45px; padding:0 10px; margin:0; font:italic bold 18px/45px "Trebuchet MS",Arial,Helvetica,sans-serif} .yojoomlaln{overflow:hidden; width:100%; display:block; margin:0; padding:0 0 10px 0; position:relative} .yojoomlaln_hold{margin:0 0 10px 0; display:block; overflow:hidden; clear:both; background:url(../images/newsitemtopbg.gif) repeat-x left bottom; padding:0 0 10px 0} .yojoomlaln_title{display:block; text-transform:uppercase; width:100%; font-size:9px; font-weight:bold; margin:0 0 5px 0} .yojoomlaln_img{width:79px; height:37px; padding:7px 9px; float:left; overflow:hidden; margin:0 10px 0 0; background:url(../images/yjnews_img.gif) no-repeat left top} .yojoomlaln_img img{width:79px; height:37px} .yojoomlaln_intro{padding:0px} .yojoomlaln_intro p{padding:5px} .more_link{display:block; text-align:right; position:absolute; bottom:-8px; right:5px; padding:5px; font-style:italic; font-weight:bold; font-size:10px; margin:0} .yjfrontnews{height:140px; width:291px; padding:20px 16px; background:url(../images/yjfrontnews.gif) no-repeat left top; display:block; float:left; margin:-15px 2px 0 0} .yjfullnews{height:389px; width:580px; padding:40px 14px 23px 15px; text-align:center; margin:0 auto; display:block; background:url(../images/yjfullnews.gif) no-repeat center top} .contentpaneopen_in .newsitem .readmore-link, .contentpaneopen_in .newsitem .comment-link{padding:0; background:none; height:25px; width:60px; display:block} .contentpaneopen_in .newsitem .jcomments-links{background:url(../images/red/more.gif) no-repeat left top; height:25px; width:60px; position:absolute; top:-35px; right:0; text-indent:-999px; overflow:hidden} .contentpaneopen_in .newsitem .readmore-link:hover{text-decoration:underline} .tweetcomment{} #comments h4 .tweetcomment, .tweetcomment{padding:0 0 0 10px; margin:0 0 0 5px; display:inline; background:url(../images/teetcomment.gif) no-repeat center center} body.contentpane form{text-align:left; padding:0 10px} body.contentpane{text-align:left; background:#FCFCFC; padding:10px} .yjadds_yj1{margin:0 0 0 12px; text-align:center; width:274px; text-align:center} .yjad_block_yj1{display:block; color:#888; font-family:verdana,sans-serif; margin:0 10px 10px 0; text-decoration:none; overflow:hidden; float:left; width:125px; height:125px; font-weight:bold; font-size:12px; border:1px solid #eee; background:#f8f8f8; text-align:center; line-height:125px} .yjadds_yj1 .yjad_block_yj1:hover{border:1px solid #999; background:#efefef; color:#333} .yjadds_fav{margin:0 0 0 12px; text-align:center; width:274px; text-align:center} .yjad_block_fav{height:25px; width:25px; float:left; clear:right; margin:0 2px 2px 0; overflow:hidden; display:block; border:1px solid #ccc; background:#e7e7e7} .yjad_fav:hover{border:1px solid #999; background:#ddd; color:#333} .infoboxwrap{width:612px; height:335px; margin:0 auto; text-align:center; background:#eee; border:1px solid #d8d7d7; overflow:hidden} .infobox{width:614px; height:333px; border:1px solid #f4f4f4; text-align:left; overflow:hidden} .infobox .title{height:36px; width:612px; display:block; overflow:hidden; border-bottom:1px solid #f4f4f4} .infobox .desc1, .infobox .desc3, .infobox .desc2{height:35px; float:left; clear:right; width:306px; font:italic bold 18px/35px "Trebuchet MS",Arial,Helvetica,sans-serif; border-bottom:1px solid #d8d7d7; background:url(../images/infobox_divider.gif) repeat-y right top; color:#ca0000; text-indent:10px} .infobox .desc2{background:none} .infobox .details1, .infobox .details2, .infobox .details3{height:297px; float:left; clear:right; width:306px; background:url(../images/infobox_divider.gif) repeat-y right top; padding:0px; margin:0; overflow:hidden} .infobox .details2{background:none} .infobox .details_in{width:299px; overflow:hidden; margin:10px 0 0 5px} .crossbrowser{height:110px; width:176px; margin:10px auto 0 auto; font-weight:bold; text-align:center; display:block; overflow:hidden; background:url(../images/crossbrowser.gif) no-repeat left bottom} .j15, .j10, .wp, .yjcss, .j15no, .j10no, .wpno, .yjcssno{height:37px; width:184px; margin:10px 0 10px 3px; padding:0 0 0 500px} .j15{background:url(../images/j15on.gif) no-repeat left top} .j10{background:url(../images/j10on.gif) no-repeat left top} .wp{background:url(../images/wpon.gif) no-repeat left top} .yjcss{background:url(../images/csson.gif) no-repeat left top} .j15no{background:url(../images/j15off.gif) no-repeat left top} .j10no{background:url(../images/j10off.gif) no-repeat left top} .wpno{background:url(../images/wpoff.gif) no-repeat left top} .yjcssno{background:url(../images/cssoff.gif) no-repeat left top} .infolinks{margin:0 auto; text-align:center; padding:0 0 0 0px; display:block; overflow:hidden; margin:0 0 40px 0} .infolinks .link1, .infolinks .link2, .infolinks .link3, .infolinks .link4{display:inline-block; height:43px; width:121px; margin:30px 5px 0 0; background:url(../images/link1.gif) no-repeat center center; text-align:center; font:normal bold 18px/41px "Trebuchet MS",Arial,Helvetica,sans-serif; color:#fff} .infolinks .link1:hover, .infolinks .link2:hover, .infolinks .link3:hover, .infolinks .link4:hover{color:#222} .infolinks .link2{width:175px; background:url(../images/link2.gif) no-repeat center center} .infolinks .link3{width:173px; background:url(../images/link3.gif) no-repeat center center} .infolinks .link4{width:120px; background:url(../images/link4.gif) no-repeat center center} #topbox{height:48px; width:980px; line-height:48px; background:url(../images/topbox.gif) no-repeat center center; margin:0 auto} .signupt{height:48px; width:190px; float:left; display:block; overflow:hidden; text-indent:40px; clear:right; text-align:center; background:url(../images/signup.gif) no-repeat 28px top; font:normal bold 14px/50px "Trebuchet MS",Arial,Helvetica,sans-serif} .platforms{height:48px; width:580px; float:left; text-align:left; font-weight:bold; font-size:10px; text-indent:10px; clear:right} .platformstx{float:left; text-align:left; overflow:hidden; display:block; width:210px; height:48px} .tabjoomla, .tabwp, .tabcss{height:48px; width:128px; display:block; float:left; overflow:hidden; text-align:center; text-indent:-999px; clear:right} .tabjoomla{background:url(../images/yjtaboff.gif) no-repeat center top} .tabwp{background:url(../images/wptaboff.gif) no-repeat center top} .tabcss{width:100px; background:url(../images/csstaboff.gif) no-repeat center top} .tabjoomla:hover{background:url(../images/yjtaboff.gif) no-repeat center bottom} .tabwp:hover{background:url(../images/wptaboff.gif) no-repeat center bottom} .tabcss:hover{background:url(../images/csstaboff.gif) no-repeat center bottom} .socials{height:48px; width:190px; float:left; clear:right; display:block; overflow:hidden; text-align:center; font-weight:bold; font-size:10px} .ptweet, .pface, .pfeed{width:44px; height:48px; float:left; clear:right; text-indent:-999px; display:block; margin:0 0px 0 15px} .ptweet{background:url(../images/tweetoff.gif) no-repeat center top} .pface{background:url(../images/faceoff.gif) no-repeat center top} .pfeed{background:url(../images/rssoff.gif) no-repeat center top} .ptweet:hover{background:url(../images/tweetoff.gif) no-repeat center bottom} .pface:hover{background:url(../images/faceoff.gif) no-repeat center bottom} .pfeed:hover{background:url(../images/rssoff.gif) no-repeat center bottom} #top4{width:100%; height:108px; overflow:hidden; background:url(../images/top4bg.gif) no-repeat left top} #user2, #user3, #user4, #user5{float:left; clear:right; height:108px; text-align:left; overflow:hidden; background:url(../images/top47div.gif) no-repeat right top} #user5{background:none} .topsin{margin:0; padding:0 5px; overflow:hidden} #top4 .yjsquare{background:none} .poping_links{display:block; text-align:center !Important; width:350px; position:absolute; height:88px; right:0; overflow:hidden; line-height:78px} #openLogin, #openReg{display:inline-block; height:38px; width:150px; clear:right; text-align:center; border:0; text-decoration:none; margin:20px 10px 0 10px} #openLogin{background:url(../images/mlogin.gif) no-repeat left center} #openReg{background:url(../images/joinus.gif) no-repeat left center} #openLogin:hover, #openReg:hover{color:#999} #login_pop{position:absolute; width:340px; height:88px; top:0px; right:0px; background:url(../images/red/hr.gif) no-repeat right top; color:#ccc; text-align:left; padding:0px; border:0; z-index:100000} #login_pop .inputbox{background:url(../images/red/topmenu/hover_l.gif) no-repeat left center; border:0; color:#fff; text-transform:lowercase; width:120px; font:normal 18px "Trebuchet MS",Arial,Helvetica,sans-serif; padding:10px 3px 10px 3px; text-align:left; margin:25px 5px 0 0} .yjloginbutton{background:url(../images/login.gif) no-repeat left top; height:25px; width:60px; border:0; text-indent:-9999px; margin:0 0 -10px 0; cursor:pointer; position:absolute; top:39px; right:10px} #closeReg, #closeLogin{display:inline-block; height:30px; width:30px; position:absolute; top:5px; right:5px; text-align:center; text-indent:-9999px; background:url(../images/close.png) no-repeat left top; text-decoration:none} #logedinbox{height:88px; width:340px; text-align:left; color:#fff; position:absolute; right:5px; font-weight:bold; font-size:10px} #logedinbox a, #logedinbox a:focus, #logedinbox a:visited{color:#000; font-weight:normal; font-size:10px} #logedinbox:hover{color:#222} #memberlinks{width:340px; display:block; margin:0; padding:5px 0 0 0; list-style-type:none; overflow:hidden} #memberlinks li, #memberlinks li:hover{margin:0; padding:0 0 3px 0; list-style-type:none; float:left; width:165px; margin:0 0 0 3px; background:url(../images/red/red_inset.gif) repeat-x left bottom} #memberlinks a:link, #memberlinks a:visited, #memberlinks a:focus{color:#fff; font-weight:bold; font-size:10px} #memberlinks a:hover{color:#222} #logout{position:absolute; right:0px; top:0px; height:25px; width:65px; text-indent:-999px; background:url(../images/logout.gif) no-repeat left center} #remositoryfooter{display:none} ul#totalusers{width:300px; display:block; margin:0; padding:0; list-style-type:none; overflow:hidden} ul#totalusers li{float:left; width:140px; margin:0px; padding:0 0 0 10px; background:url(../images/arrow.png) no-repeat left 5px} span.onlines{text-align:center; display:block} a.detailstats{display:block; text-align:right; font-weight:bold; font-size:10px; font-style:italic; margin:10px 0 0 0} #stats .plink, #stats .plink:visited{display:block; height:41px; width:116px; background:url(../images/plink.gif) no-repeat left center; margin:0 auto 20px auto; text-align:center; font:normal bold 18px/41px "Trebuchet MS",Arial,Helvetica,sans-serif; color:#fff; text-decoration:none} #facebox .b{ background:url(../images/b.png)} #facebox .tl{ background:url(../images/tl.png)} #facebox .tr{ background:url(../images/tr.png)} #facebox .bl{ background:url(../images/bl.png)} #facebox .br{ background:url(../images/br.png)} #facebox{ position:absolute; top:0; left:0; z-index:12000; text-align:left} #facebox .popup{ position:relative} #facebox table{ border-collapse:collapse} #facebox td{ border-bottom:0; padding:0} #facebox .body{ padding:10px; background:#fff; width:370px} #facebox .loading{ text-align:center} #facebox .image{ text-align:center} #facebox img{ border:0; margin:0} #facebox .footer{ border-top:1px solid #DDD; padding-top:5px; margin-top:10px; text-align:right} #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br{ height:10px; width:10px; overflow:hidden; padding:0} #facebox_overlay{ position:fixed; top:0px; left:0px; height:100%; width:100%} .facebox_hide{ z-index:-100} .facebox_overlayBG{ background-color:#000; z-index:99} * html #facebox_overlay{ position:absolute} .teamslogan{text-align:center; overflow:hidden; background:url(../images/slogansbg.gif) no-repeat left top; height:250px} .teamslogan h1{font-family:Cambria,serif; font-size:41px; font-style:normal; font-weight:normal; letter-spacing:normal; clear:both; margin:60px 0 0 0} .teamslogan p{display:block; overflow:hidden; margin:0 auto; text-align:center; width:500px; margin:0px auto 40px auto; clear:both; color:#222} .teamuser{display:block; overflow:hidden; width:100%; background:url(../images/gray_inset.gif) repeat-x left bottom} span.teamname{color:#CA0000; font-size:10px; font-weight:bold} span.teamtitle{font-size:10px; font-weight:bold} span.teamcontact{height:32px; width:68px; display:inline-block; overflow:hidden; text-align:center; background:url(../images/teamcontact.jpg) no-repeat left top} span.teamcontact .twitter{width:20px; height:18px; margin:8px 4px 0 0; display:inline-block; text-indent:-999px; background:url(../images/teamcontact_tweet.jpg) no-repeat left top} span.teamcontact .myblog{width:20px; height:18px; display:inline-block; text-indent:-999px; background:url(../images/teamcontact_myblog.jpg) no-repeat left top} .youjoomla2-tip{width:200px; z-index:13000; text-align:left; font:normal 100%/normal Verdana,Arial,Helvetica,sans-serif} .youjoomla2-title{font-weight:bold; font-size:10px; margin:0; color:#999; padding:40px 8px 4px; background:url(../images/bubble2-top.png) top left; font:bold 100%/normal Verdana,Arial,Helvetica,sans-serif} .youjoomla2-text{font-size:11px; padding:4px 8px 8px; color:#CCC; background:url(../images/bubble2.png) bottom right}