/*temp.css */
body{text-align:center; /*center hack*/padding:0px; margin:0; color:#555; background-color:#FFF; font:11px/18px Verdana,Arial,Helvetica,sans-serif}
/* JOOMLA! STYLING
--------------------- */
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}
/* for modules only */
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}
/* buttons
--------------------- */
.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:23px; text-transform:uppercase; font-weight:normal; line-height:23px; padding:0 10px; display:inline-block; margin:25px 0 0 0!important}
/* end buttons*/
.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}
/* list items table */
.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{}
/* pagination */
.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; overflow:hidden; clear:both}
.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 10px 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:235px; font-weight:bold; font-size:10px; z-index:1000}
.newssectname{}
.newsurls{}
.readbut{}
#pathin{margin:0 0 0 0px}

/*blog*/
.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:235px; 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; /*<span class="yjcm">%s</span>*/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}
/*layout.css*/
/* MAIN FROM TOP */
/* header and logo*/
#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}
/* end*/
#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;position:relative;}
#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%;position:relative}
.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}
/*XTRA*/

/*SLIDER TOP */

/* NEW LAYOUT*/
#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}
/*modules*/
.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}
/* YJ NEWSFLASH*/
.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}
/* JCE frontpage*/
.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; /* if ie 25px */right:0; text-indent:-999px; overflow:hidden}
.contentpaneopen_in .newsitem .readmore-link:hover{text-decoration:underline}
/*blog*/
/* comments links */
.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}
.facecomment{padding:0 0 0 10px; margin:0 0 0 5px; display:inline; background:url(../images/facecomment.gif) no-repeat center center}
.spacecomment{padding:0 0 0 10px; margin:0 0 0 5px; display:inline; background:url(../images/spacecomment.gif) no-repeat center center}
/* other */
body.contentpane form{text-align:left; padding:0 10px}
body.contentpane{text-align:left; background:#FCFCFC; padding:10px}
/* adds */
.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}
/* favicon adds*/
.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}
/* end */
/* news infobox */
.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}
/* top box*/
#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}

/*opneing links container*/
.poping_links{display:block; text-align:center !Important; width:350px; position:absolute; height:88px; right:0; overflow:hidden; line-height:78px}
/* opening buttons*/
#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 module */
#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}
/* closing buttons*/
#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}
/* input boxes and rest */
/* remository footer */
#remositoryfooter{display:none}
/* total users module */
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{/* ie6 hack */ position:absolute}

/* yjteam */
.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}
/* tooltip */
.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}
/* red.css*/
body#color{background:#EEE url(../images/mainbg.jpg) no-repeat center -25px; margin:10px 0}
#centerbottom{}

#banner{}
/*searchbox
--------------------- */
.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}
/*template css
--------------------- */
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:0}
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}
/*buttons
--------------------- */
.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:#FCFCFC;border:1px solid #E1DFDF;color:#999;font-weight:normal!important}
a.readon:link, a.readon:visited{}
.readon span{background:#000}
a.readon:hover, .pagenavbar a:hover,a.pagenav:hover{color:#ca0000}

/* default round modules
--------------------- */
.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}
/*advert*/
.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}
/*default round modules
--------------------- */
.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}
/*_yj1*/
.yjsquare_yj1 h3{color:#222; border-bottom:1px solid #222}
.yjsquare_yj1 h3 span{color:#ca0000}
.yjsquare_yj1{color:#555; border:1px solid #222}
/*top menu
--------------------- */
#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}

/*SUBLEVEL PARENT INDICATORS*/
#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}

/*side menus 2
--------------------- */
#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}
/* menu.css*/
#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}
/* Pro */
#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}

/*side menus 1
--------------------- */
/*flatlist menu*/
#mainlevel ul,
.menu ul{list-style:none; margin:0; padding:0}
#mainlevel{padding:0; text-align:left; margin-left:-19px; /*-4 plus body padding */margin-right:-8px}
.menu{padding:0; text-align:left; margin-left:-19px; /*-4 plus body padding */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}
/* vertical */
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}
/* typo.css*/
img.border{padding:5px; margin:2px 3px 0 0}
.special{padding:10px; text-align:center}
.error{padding:5px 5px 5px 0px !Important; text-indent:25px}
.message{padding:5px 5px 5px 0px !Important; text-indent:25px}

.tips{padding:5px 5px 5px 0px !Important; text-indent:25px}
.highlight{padding:0 5px}
pre, .code{padding:10px 15px !Important; margin:5px 0 15px !Important; white-space:normal !Important; width:auto !Important}
div.blockquote{width:auto !Important; padding:5px 0px 5px 0px !Important}
div.blockquote blockquote{padding:15px 40px 5px 40px !Important}
.dropcap{float:left; padding:4px 8px 0 0; display:block; font-family:Georgia,Times,serif; font-size:50px; line-height:40px}
p.sticky{padding:20px 20px 10px 40px; margin-top:10px; margin-bottom:10px}
p.pin{padding:20px 20px 10px 40px; margin-top:10px; margin-bottom:10px}
p.clip{margin-top:10px; margin-bottom:10px; padding:20px 20px 10px 40px}
p.down{padding:20px 20px 10px 40px; margin-top:10px; margin-bottom:10px}
.blocknumber{clear:both; position:relative; padding-top:5px; padding-right:15px; padding-bottom:10px; padding-left:15px}
.bignumber{float:left; margin-right:15px; margin-bottom:5px; padding:5px 5px 5px 6px; display:block; font-weight:bold; background-position:left top; font-family:Arial,sans-serif; font-size:23px; line-height:normal}
ul.video li,
li.video,
li.video:hover,
ul.check li,
li.check,
li.check:hover,
ul.star li,
li.star,
li.star:hover{padding-bottom:5px; padding-left:25px; list-style-image:none; list-style-type:none}

/* TYPO style
--------------------- */
img.border{border:1px solid #e7e7e7; background:#F6F6F6}
.special{background:#FFC; border:1px solid #9E9F63}
.error{color:#C00; background:url(../images/typ/error.gif) no-repeat center left}
.message{color:#069; background:url(../images/typ/info.gif) no-repeat center left}
.tips{color:#FF5A00; background:url(../images/typ/tips.gif) no-repeat center left}
.highlight{border-bottom:1px dashed #888; background:#FEFAE1}
pre, .code{border-left:5px solid #e7e7e7 !Important; border-right:1px solid #e7e7e7 !Important; border-top:1px solid #e7e7e7 !Important; border-bottom:1px solid #e7e7e7 !Important; background:#F6F6F6 !Important}
div.blockquote{border:1px solid #e7e7e7; background-color:#F6F6F6; background:#F6F6F6 url(../images/typ/qlg.gif) no-repeat 0px 2px !Important}
div.blockquote blockquote{background:url(../images/typ/qrg.gif) no-repeat right bottom}
.dropcap{color:#e7e7e7; font-family:Georgia,Times,serif}
p.sticky{border-right:1px solid #e7e7e7; border-top:1px solid #e7e7e7; border-left:5px solid #e7e7e7; border-bottom:1px solid #e7e7e7; background:#F6F6F6 url(../images/typ/sticky.gif) no-repeat left center}
p.pin{border-right:1px solid #e7e7e7; border-top:1px solid #e7e7e7; border-left:5px solid #e7e7e7; border-bottom:1px solid #e7e7e7; background:#F6F6F6 url(../images/typ/pin.gif) no-repeat left center}
p.clip{border-right:1px solid #e7e7e7; border-top:1px solid #e7e7e7; border-left:5px solid #e7e7e7; border-bottom:1px solid #e7e7e7; background:#F6F6F6 url(../images/typ/clip.gif) no-repeat left center}
p.down{border-right:1px solid #e7e7e7; border-top:1px solid #e7e7e7; border-left:5px solid #e7e7e7; border-bottom:1px solid #e7e7e7; background:#F6F6F6 url(../images/typ/down.gif) no-repeat left center}
.bignumber{color:#e7e7e7; background-position:left top}
body ul.star li,
body li.star{background:url(../images/typ/star.gif) no-repeat 0 1px}
body ul.video li,
body li.video,
body li.video:hover{background:url(../images/typ/video.gif) no-repeat 0px 0px}
.price{width:40%!Important; float:right!Important; margin-top:-25px!Important; text-align:center!Important; clear:right}
.clrm{width:100%; clear:both; text-align:center; overflow:hidden}
/* comm*/
/* content plugin styles */
.jcomments-links{margin-top:10px; clear:both; text-align:left}
.comment-link, .readmore-link{padding:0 5px 5px 14px; background-image:url(../images/comment/jc_blog.gif); background-repeat:no-repeat}
.comment-link{background-position:0 -27px}
.readmore-link{background-position:0 2px}

/* JComments common styles */
#jc a:link, #jc a:visited, #jc a:hover{outline:none}

#jc .clear{clear:both; height:1px; overflow:hidden}
#jc .busy{display:none; margin:3px auto; padding:0; width:16px; height:16px; background:url(../images/comment/jc_busy.gif) no-repeat}

#jc h4{color:#555; font-weight:bold; text-align:left; padding:0 0 10px 0; margin-bottom:10px; background:url(../images/comment/gray_inset.gif)repeat-x left bottom}

#jc p.message{color:#777; background-color:inherit; background-image:none; text-align:center; text-decoration:none; text-transform:none; text-indent:0; padding:5px 0 0 0; border-top:1px solid #D2DADB}

#comments{margin:0; padding:0; width:100%; text-align:left; text-decoration:none; text-transform:none; text-indent:0}
#comments a{color:#222; background-color:inherit; font-weight:normal; text-decoration:none}
#comments a:active, #comments a:focus, #comments a:hover{color:#c00}
#comments a[rel*=external]{background:url(../images/comment/jc_link.gif) no-repeat center right; padding:0 10px 0 0; margin:0 2px}

#comments .youjoomla2:link,
#comments .youjoomla2:visited,
#comments .youjoomla2:focus{color:#000; font-weight:bold}
#comments .youjoomla2:hover{color:#c00}
/* RSS and Refresh*/
#comments .rss, #comments .refresh, #comments .subscribe{padding:0 0 0 14px; margin:0 0 0 2px; border:none}
#comments .rss{background:url(../images/comment/jc_rss.gif) no-repeat center left}
#comments .refresh{background:url(../images/comment/jc_refresh.gif) no-repeat center left}
#comments .subscribe{background:url(../images/comment/jc_subscribe.gif) no-repeat center left}
#comments h4 .rss, #comments h4 .refresh{padding:0 0 0 10px; margin:0 0 0 5px; display:inline}

/* List footer */
#comments-list-footer{margin:0 0 10px 20px}

/* Show/hide form */
#comments-form-link .showform{margin:5px 0 0 22px; padding:0 0 5px 0px; background:url(../images/comment/jc_blog.gif) no-repeat 0 -28px; border:none; font-weight:bold; display:block}

/* Comment */
#comments .comment-box{margin:0; padding:0; color:#999}
#comments .comment-avatar{float:left; margin:0; padding:0}
#comments .avatar-indent{padding-left:40px}

#comments .comment-anchor{color:#777; text-decoration:none; border:none}
#comments .comment-author, #comments .author-homepage{color:#3c452d; font:bold 1em Verdana,Arial,Sans-Serif; margin:0; padding:0}
#comments .author-homepage{text-decoration:none; border-bottom:1px dotted #3c452d}
#comments .comment-title{color:#b01625; font:bold 1em Verdana,Arial,Sans-Serif; margin:0; padding:0}

/* Avatar */
#comments .comment-avatar img{width:32px}

/* Date and Time*/
#comments .comment-date{font-size:10px; color:#999; margin:0; padding:0 0 0 12px; background:url(../images/comment/jc_date.gif) no-repeat center left}
#comments .comment-body{color:#777; margin:6px 0 0; padding:0 0 2px}

/* Quote, Code and Hidden block styles */
#comments .quote, #comments blockquote, #comments .code, #comments code, #comments pre{margin:5px 0 5px 0px; display:block; clear:both; background-image:none}
#comments blockquote, #comments .hidden, #comments code, #comments pre{color:#849B9F; text-align:left; padding:8px; margin-bottom:8px}
#comments blockquote, #comments .hidden{border:1px dashed #849B9F}
#comments code, #comments pre{border:1px solid #dedede; overflow:hidden; white-space:normal}
#comments .code{background:none; border:none; padding:0}
#comments .quote{color:#777}
#comments .hidden{clear:both; display:block; margin:5px 0}

/* Quote and Reply to buttons panel */
#comments .comments-buttons{height:15px; float:right}

#comments .email, #comments .emailactive{font:normal 1em Verdana,Arial,Sans-Serif; text-decoration:none; white-space:normal; margin:0; padding:0; line-height:10px; cursor:pointer; border-bottom:1px dotted #999}
#comments .email{color:#444; background-color:inherit}
#comments .emailactive{color:#c00; background-color:inherit}
#comments .email img, #comments .emailactive img{padding:0}

#comments p{font:normal 1em Verdana,Arial,Sans-Serif; margin:5px 5px 5px 0; padding:0; text-decoration:none; text-transform:none; text-indent:0}

#comments .comment-body img{padding:0; border:0 none}
#comments .comment-body .img{padding:4px 0 !important; max-width:500px}
#comments .toolbar{clear:both; color:#ccc; border-top:1px solid #ccc; margin:8px 0 0 0; padding:5px 0 0 0}
#comments .toolbar img{cursor:pointer; padding:0; margin:0}

/* Comments list */
#comments .comments-list{margin-left:0px; height:1%}
#comments .even, #comments .odd{background-image:none; color:#3c452d; margin-left:0px; margin-bottom:10px; padding:0}

#comments-list .comments-inline-edit{padding:5px; margin:5px 0; color:inherit; background-color:#fff; border:1px solid #ccc}

/* Comment form */
#comments-form, #comments-form p, #comments-form .comments-policy, #comments-form span, #comments-form .counter{text-align:left; text-decoration:none; text-transform:none; text-indent:0}
#comments-form p, #comments-form span, #comments-form .counter{color:#777; font:normal 1em Verdana,Arial,Sans-Serif}
#comments-form p, #comments-form #comments-form-buttons, #comments-form #comments-form-error{font:normal 1em Verdana,Arial,Sans-Serif; margin-left:20px !important; margin-top:10px; margin-bottom:8px; overflow:hidden; padding:0}

#comments-inline-edit{border:1px solid #ccc; margin:5px 0 0 0; background:#fff}
#comments-inline-edit #comments-form p, #comments-inline-edit #comments-form #comments-form-buttons,
#comments-inline-edit #comments-form-error{font:normal 1em Verdana,Arial,Sans-Serif; margin-left:5px !important; margin-left:5px; margin-top:5px; margin-bottom:2px; padding:0}

#comments-form div.comments-policy{color:#777; background-color:inherit; border:1px dotted #ccc; margin-left:20px !important; margin-left:20px; margin-top:5px; margin-bottom:5px; padding:5px}
#comments-form div.comments-policy ol, #comments-form div.comments-policy ul{margin:0; padding:5px 0 0 20px; line-height:5px}
#comments-form div.comments-policy ol li,
#comments-form div.comments-policy ul li{font:normal 1em Verdana,Arial,Sans-Serif; margin:0; padding:0; border:none; line-height:5px}

#comments-form img.smile{margin:0 3px 3px 0; padding:0; border:none; cursor:pointer}
#comments-form img.captcha{padding:0; margin:0 0 3px 0; border:1px solid #ccc}
#comments-form span.captcha{padding:0 0 0 12px; color:#777; background:url(../images/comment/jc_refreshg.gif) no-repeat 0 2px; cursor:pointer}
#comments-form label{color:#777; background-color:inherit; line-height:1.5em; padding:0; margin:0; vertical-align:middle}
#comments-form input, #comments-form textarea{color:#444; background-color:#fff; padding:0; border:1px solid #ccc}
#comments-form input{width:170px; margin-bottom:2px; height:1.5em}
#comments-form input.selected, #comments-form textarea.selected{color:#777; background-color:#ffffe0; border:1px solid #849B9F}
#comments-form input.error, #comments-form textarea.error{border:1px solid #f00; text-decoration:none; text-transform:none; background-color:#ffffe0}

#comments-form input.checkbox{width:16px; line-height:1.5em; padding:0; margin:0; vertical-align:middle; border:none}
#comments-form input.captcha{width:116px; margin:3px 0 5px 0}
#comments-form textarea{max-width:615px !important; width:615px; margin:0}

#comments-form #comments-form-message, #comments-inline-edit #comments-form-message{padding:5px 5px 5px 25px; margin-right:5px; display:block}
.comments-form-message-error{background:#FFD86F url(../images/comment/jc_error.gif) no-repeat 4px 50%}
.comments-form-message-info{background:#DFEEFF url(../images/comment/jc_info.gif) no-repeat 4px 50%}

#comments-form .counterpanel{height:13px; display:block; overflow:hidden; color:#ccc; padding:0; margin:0; border:1px solid #ddd; border-top-width:0; max-width:615px !important; width:615px; background-color:#eee}

#comments-form .grippie{height:13px; display:block; overflow:hidden; color:#ccc; padding:0; margin:0; border:1px solid #ddd; border-top-width:0; max-width:615px !important; width:615px; cursor:s-resize; background:#eee url(../images/comment/resize.gif) no-repeat right center}
#comments-form .grippie .counter{font-size:10px; padding:0; margin:0}
#comments-form .grippie span{display:block; float:left}
#comments-form .grippie span span{display:inline; float:none}

#comments-form .btn{float:left}
#comments-form .btn{background:url(../images/comment/jc_btnl.gif) no-repeat; margin-right:5px}
#comments-form .btn div{margin:0 -1px 0 0; float:left; background:url(../images/comment/jc_btnr.gif) 100% 0 no-repeat}
#comments-form .btn a{text-decoration:none; height:22px; line-height:22px; font-size:12px; font-weight:bold; color:#777; padding:0px 5px; border:none}
#comments-form .btn a:hover{text-decoration:none; color:#0B55C4}
#comments-form-smilespanel{display:none; cursor:pointer; padding:2px; max-width:200px; background-color:#fff; border:1px solid #ccc; overflow:auto; left:0; top:0; position:absolute}
#comments-footer, #comments-footer a{color:#ccc !important; background-color:inherit; font:normal 9px Verdana,Arial,Sans-Serif !important}
#comments-footer{display:block; height:14px; background:url(../images/comment/gray_inset.gif)repeat-x left bottom; padding-top:1px; margin-top:4px; text-align:right}
#comments-footer a{text-decoration:none !important; text-transform:none; padding:0; margin:0; border:none !important; float:right; background:none !important}

/* Pagination */
body #jc #nav-bottom, body #jc #nav-top{line-height:19px !important; line-height:17px; height:auto !important; text-align:center}
#jc #nav-bottom span.page, #jc #nav-top span.page{color:#777; background-color:#eee; border:1px solid #d6dadd}
#jc #nav-bottom span.hoverpage, #jc #nav-top span.hoverpage{color:#777; background-color:#e8e9ea; border:1px solid #d6dadd}
#jc #nav-bottom span, #jc #nav-top span{color:#777; background-color:inherit; font-size:10px; font-family:Arial,sans-serif; margin:0 2px; height:15px; padding:2px 8px; cursor:pointer; vertical-align:top}
#jc #nav-bottom span.activepage, #jc #nav-top span.activepage{color:inherit; background-color:white}
#jc div#nav-bottom, #jc div#nav-top{position:relative; z-index:2; width:100%}
#jc div#nav-bottom{margin:10px 0 0 0; padding:0; background:url(../images/comment/jc_dot.gif) repeat-x top left}
#jc #nav-bottom span.activepage{border-bottom:1px solid #d6dadd; border-left:1px solid #d6dadd; border-right:1px solid #d6dadd; border-top:1px solid white}
#jc div#nav-top{margin:10px 0; background:url(../images/comment/jc_dot.gif) repeat-x bottom}
#jc #nav-top span.activepage{border-top:1px solid #d6dadd; border-left:1px solid #d6dadd; border-right:1px solid #d6dadd; border-bottom:1px solid white}

/* Vote */
#jc span.comments-vote{width:6em; height:15px; float:right}
#jc span.comments-vote a{width:15px; height:14px; float:left; margin:0 3px 0 0; display:block; background-repeat:no-repeat; background-image:url(../images/comment/jc_vote.gif); border:none !important; text-decoration:none}
#jc span.comments-vote .busy{margin:0; float:right; width:16px}
#jc .vote-good{background-position:0 0}
#jc .vote-poor{background-position:-15px 0}
#jc span.vote-good, #jc span.vote-poor, #jc span.vote-none{margin:0; float:right; font:bold 1em Verdana,Arial,Sans-Serif; line-height:14px}
#jc span.vote-good{color:#390}
#jc span.vote-poor{color:#C00}
#jc span.vote-none{color:#A9A9A9}

/* BBCode */
#jc span.bbcode{width:auto; height:23px; display:block; margin-bottom:5px}
#jc .bbcode a, #jc .bbcode a:focus, #jc .bbcode a:active, #jc .bbcode a:hover{width:23px; height:23px; float:left; margin:0 2px 0 0; display:block; background-color:transparent !important; background-repeat:no-repeat; background-image:url(../images/comment/jc_bbcode.gif); text-decoration:none; border:none !important}
#jc a.bbcode-empty{background-position:0 0}
#jc a.bbcode-b{background-position:-30px 0 !important}
#jc a.bbcode-i{background-position:-60px 0 !important}
#jc a.bbcode-u{background-position:-90px 0 !important}
#jc a.bbcode-s{background-position:-120px 0 !important}
#jc a.bbcode-url{background-position:-150px 0 !important}
#jc a.bbcode-img{background-position:-180px 0 !important}
#jc a.bbcode-list{background-position:-210px 0 !important}
#jc a.bbcode-hide{background-position:-240px 0 !important}
#jc a.bbcode-quote{background-position:-270px 0 !important}
#jc a.bbcode-smile{background-position:-300px 0 !important}
#jc a.bbcode-youtube{background-position:-330px 0 !important}
#jc a.bbcode-google{background-position:-360px 0 !important}
#jc a.bbcode-wiki{background-position:-390px 0 !important}
#jc span.bbcode img{width:23px; height:23px; float:left; margin:0 2px 0 0}
#jc .custombbcode{width:23px; height:23px; float:left; margin:0 2px 0 0; display:block; text-decoration:none; cursor:pointer}

/* Rounded comments */
.rbox{margin:0; width:auto; overflow:hidden; border:1px solid #E7E7E7; padding:0 15px; background:#fff}
.rbox div{text-align:left; margin:0px}

.yjpromo,.yjcris{background:url(../images/yjpromo.png) no-repeat left top; height:128px; width:128px; text-indent:-999px; position:absolute; top:485px; right:320px; overflow:hidden; z-index:10000}
.yjcris{background:url(../images/yjcris.png) no-repeat left top;width:250px;top:500px;}
.yjcoming{background:url(../images/yjpromo.png) no-repeat left top; height:128px; width:128px; text-indent:-999px; position:absolute; top:485px; right:450px; overflow:hidden; z-index:10000}
#lbOverlay{position:absolute;left:0;width:100%;background-color:#000;cursor:pointer;z-index:100000}#lbCenter,#lbBottomContainer{position:absolute;left:50%;overflow:hidden;background-color:#000;z-index:100003}.lbLoading{background:#000 url(../img/1_loading.gif) no-repeat center}#lbImage{background-repeat:no-repeat;border:7px solid #000}#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:none}#lbPrevLink{left:0}#lbPrevLink:hover{background:transparent url(../img/1_prev.png) no-repeat 0% 30%}#lbNextLink{right:0}#lbNextLink:hover{background:transparent url(../img/1_next.png) no-repeat 100% 30%}#lbBottom{font-family:Verdana,Helvetica,sans-serif;font-size:10px;color:#666;line-height:16px;text-align:left;border:7px solid #000;border-top-style:none}#lbCloseLink{display:block;float:right;width:80px;height:16px;background:transparent url(../img/1_close.png) no-repeat center;margin:0px}#lbCaption,#lbNumber{margin-right:14px}#lbCaption{font-weight:bold}#POP_window{font:12px Arial,Helvetica,sans-serif;color:#000}#POP_window a img{border:0}a img{border:0}#POP_window ul{list-style-type:none;margin:0;margin-left:10px;padding:0}#next{width:24px;height:24px;right:-23px;top:-25px;margin-top:5px;cursor:pointer;position:absolute;display:block;background:url(../img/right.png) no-repeat left bottom}#prev{width:24px;height:24px;left:-23px;top:-25px;margin-top:5px;cursor:pointer;position:absolute;display:block;background:url(../img/left.png) no-repeat left bottom}#close{width:24px;height:24px;right:-23px;bottom:-25px;margin-top:5px;cursor:pointer;position:absolute}#closeb{text-indent:-7500px;display:block;width:24px;height:24px;float:right;background:url(../img/close.png) no-repeat}#POP_window li{float:left;display:inline;margin:0;padding:0}#POP_secondLine{font:bold 10px Arial,Helvetica,sans-serif;color:#666}#POP_window a:link{color:#fff}#POP_window a:visited{color:#fff}#POP_window a:hover{color:#efefef}#POP_window a:active{color:#fff}#POP_window a:focus{color:#666}#POP_overlay{position:absolute;z-index:9999997;top:0px;left:0px;background:#000}#POP_window{position:absolute;background:#000 url(../img/1_loading.gif) no-repeat center;z-index:9999999;color:#efefef;border:10px solid #1a1a1a;text-align:left;padding-bottom:3px}#POP_window img{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666}#POP_caption{height:25px;padding:7px 30px 10px 25px;float:left;font-weight:bold}#POP_closeWindow{height:25px;padding:11px 25px 10px 0;float:right}#POP_closeAjaxWindow{padding:5px 10px 7px 0;margin-bottom:1px;text-align:right;float:right}#POP_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px}#POP_title{border-bottom:3px solid #3C3C38;color:#efefef;padding-left:10px;height:27px;background:#000304}#POP_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em}#POP_ajaxContent p{padding:5px 0px 5px 0px}#POP_load{position:absolute;display:none;height:100px;width:100px;z-index:101}#POP_HideSelect{z-index:99;position:absolute;top:0;left:0;background-color:#fff;border:none}#POP_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;margin-bottom:1px}#naslink{position:absolute;bottom:3px;left:25px;margin:10px 0 0 0;display:block;height:10px;width:150px;color:#3b3b3b;font-size:9px}#naslink a:link,#naslink a:visited,#naslink a:active,#naslink a:focus{color:#3b3b3b;padding:2px}#naslink a:hover{background:#666;color:#efefef}#yjlink{position:absolute;bottom:0px;left:-10px;margin:10px 0 0 0;display:block;width:150px;line-height:10px;font-size:9px}.bot_caption,.bot_captionv{position:absolute;z-index:1000;left:7px;bottom:7px;display:inline;text-align:center;text-transform:capitalize;font-size:13px;height:20px;font-weight:bold;color:#fff;line-height:20px;background:url(../img/caption.png) no-repeat left bottom;font-family:"Trebuchet MS",sans-serif}.bot_thumb,.bot_thumbv{border:7px solid #e6e5e5}.bot_thumb:hover,.bot_thumbv:hover{border:7px solid #252A2E}.popbox,.popboxv{position:relative;display:inline-block;overflow:hidden;text-align:center}.cap_holder{}
.comp_holder{
	display:block;
	position:absolute;
	height:60px;
	width:500px;
	top:96px;
	right:48px; 
	z-index:1000;
}
.joomla_comp10,
.joomla_comp15,
.joomla_comp16,
.joomla_comp17,
.joomla_compPending,
.joomla_comp25{
	float:right;
	margin:0 0 0 10px;
	height:20px;
	width:77px;
	background:url(../images/red/comp_joomla17.png) no-repeat left top;
}
.joomla_comp16{
	background:url(../images/red/comp_joomla16.png) no-repeat left top;
}
.joomla_comp15{
	background:url(../images/red/comp_joomla15.png) no-repeat left top;
}
.joomla_comp10{
	background:url(../images/red/comp_joomla10.png) no-repeat left top;
}
.joomla_comp25{
	background:url(../images/red/comp_joomla25.png) no-repeat left top;
}
.joomla_compPending{
	width:280px;
	background:url(../images/red/comp_pending.png) no-repeat left top;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	font-size:11px;
	line-height:18px;
	
}