/*---------------------------------------------------------------------- # FOR YOUJOOMLA LLC COPYRIGHT REMOVAL VISIT THIS PAGE # http://www.youjoomla.com/faq/view/you-joomla-templates-club/can-i-remove-youjoomla.com-copyright/78 # Youjoomla Default Index - # ---------------------------------------------------------------------- # Copyright (C) 2007 - 2009 YOUJOOMLA LLC . All Rights Reserved. # @license - Copyrighted Commercial Software # Author: YOUJOOMLA LLC # Website: http://www.youjoomla.com MAIN COLORS 42a3dc 5BB7EC 70C8FC ------------------------------------------------------------------------*/ /*body#color{background:#eee url(../images/top_bg.jpg) no-repeat center top}*/ body#color{background:#fff url(../images/body_bg.jpg) repeat-x top} body#color_n{background:#eee url(../images/top_bg_n.jpg) no-repeat center top} /*#footerbg{background:url(../images/footerbg.jpg) no-repeat center bottom}*/ #footerbg_n{background:url(../images/footerbg_n.jpg) no-repeat center bottom} #logo{ /* background:url(../images/blue/logo.png) no-repeat 0px 15px */} #advert1{border-bottom:1px solid #e4e4e4} #bottom4{background:url(../images/bottom4_bg.jpg) repeat-x left top} #footer{background:#2c2c2c url(../images/footer.gif) repeat-x left top} .search{} .search .inputbox{} #wrap{ width: 936px; } /*#wrap, */#wrapblank{background:#fff url(../images/centerbottombg.jpg) no-repeat left top} #insidewrap, #insidewrapblank{background:#fff url(../images/centerbottombg.jpg) no-repeat right top} #modlgn_passwd, #modlgn_username{color:#42A3DC; border:1px solid #e4e4e4} #modlgn_passwd{background:#F3F3F3} #modlgn_username{background:#F3F3F3} #mod_login_remember{border:none; padding:0!important} a:link, a:visited{color:#000099} a:focus, a:hover{color:#0066ff} a:active{color:#ff0000} #com-form-login-username .inputbox, #com-form-login-password .inputbox{color:#5BB7EC} h1, h3, h4, h5, h6, h2{color:#42A3DC} .small, .createdate, .modifydate, .modifydate_f, .mosimage_caption, .createby, .createby_f, .createdate_f{color:#42A3DC} ul.pagination a{background-color:#70C8FC; color:#fff} ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus{color:#326685} /*componentheading*/ .componentheading, .contentheading, .contentheading a:link, .contentheading a:visited, .contentheading a:link, .contentheading a:visited{text-transform:uppercase; color:#0B0588; border-bottom:1px solid #cccccc; font-style: normal; font-size: 16px; padding-top:10px; font-weight: bold;} .news_item_f{background:url(../images/yjsquare.gif) repeat-x left 12px} .contentheading_f, .contentheading_f a:link, .contentheading_f a:visited, .contentheading_f a:link, .contentheading_f a:visited{color:#0066FF; /*background:url(../images/h3def.gif) no-repeat left top */} .contentheading_f2{/* background:url(../images/spandef.gif ) no-repeat right top */color:#0066FF; font-style: normal; font-size:12px} .createdate_f{background:url(../images/createdate.gif) no-repeat left top} a.readon_f:link, a.readon_f:visited{ background: url(../images/blue/button1.jpg) repeat-x left top; color:#fff; font-style: normal; font-size:12px; height: 20px; } a.readon_f span{/*background:url(../images/readon_span.gif) no-repeat right center*/} a.readon_f:hover{ background: url(../images/blue/button2.jpg) repeat-x left top; color:#fff; font-style: normal; font-size:12px; color:#FFFF00; height: 20px; } #pathway{border-bottom:1px solid #e4e4e4} .toclink{border:1px solid #e4e4e4} .yjsquare_in fieldset{border:0} fieldset{border:1px solid #e4e4e4} .inputbox{background:#FFF; border:1px solid #e4e4e4} .inputbox:hover, .inputbox:focus{background:#F3F3F3; border:1px solid #e4e4e4} .pollbuttons .button, #form-login .button{background:url(../images/blue/pollb.gif) left center no-repeat} .button, .button validate, .validate{background:url(../images/blue/buttons.gif) left center no-repeat; color:#fff} a.button:link, a.button:visited, a.button:focus{color:#fff} .back_button a:hover, .back_button a:active{color:#000} a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a, .back_button a{background:#e4e4e4; border:1px solid #42A3DC; color:#fff} a.readon:link, a.readon:visited{background: url(../images/stories/view.gif) no-repeat top right; border:1px solid #42A3DC; color:#fff} a.readon:hover, .pagenavbar a:hover{color:#42A3DC} .yjsquare h3, .yjsquare_yjbump h3{color:#000000;font-size:14px; height: 28px; font-weight: bold;font-style: normal; text-align: left; width:196px/* background:url(../images/h3def.gif) no-repeat left top */} /* size chu cho _menu_left va _right */ .yjsquare_right h3, .yjsquare_menu_left h3 .yjsquare_yjbump_right h3, .yjsquare_yjbump_menu_left h3{color:#000000;font-size:14px; font-weight: bold;font-style: normal; text-align: left; /*width:196px*//* background:url(../images/h3def.gif) no-repeat left top */ height: 28px; } .yjsquare h3 span, .yjsquare_yjbump h3 span{background: #91C8FF url(../images/blue/title_left_right.jpg) repeat-x left top; font-style: normal; color: #ffffff; line-height:28px font-family: Tahoma; } /* cho _menu_left css */ .yjsquare_menu_left h3 span, .yjsquare_yjbump_menu_left h3 span{ background: #91C8FF url(../images/blue/title_left_right.jpg) repeat-x left top; font-style: normal; color: #ffffff; height: 28px; font-weight: bold; } /* cho _right css */ .yjsquare_right h3 span, .yjsquare_yjbump_right h3 span{ background: #91C8FF url(../images/blue/title_left_right.jpg) repeat-x left top; font-style: normal; color: #ffffff; line-height: 28px; font-family: Tahoma; } .yjsquare, .yjsquare_yj1, .yjsquare_yj2, .yjsquare_yjbump{background:url(../images/yjsquare.gif) repeat-x left top} .yjsquare_in, .yjsquare_in_yjbump{color:#333333; font-size:11px; /* background:url(../images/yjsquare_in.gif) repeat-x left bottom*/ background: #C4E3FF url(../images/blue/module-bg1.jpg) repeat-x scroll left bottom; padding-bottom:20px; padding-left: 5px} /*css cho _menu_left */ .yjsquare_in_menu_left, .yjsquare_in_yjbump_menu_left{color:#333333; font-size:11px; background: #EBEBEB; border:1px solid #CCCCCC; padding-bottom:20px; padding-left: 0px line-height: 33px; } /*css cho _right .yjsquare_in_right, .yjsquare_in_yjbump_right{color:#333333; font-size:11px; background: #EBEBEB; border:1px solid #CCCCCC; padding-bottom:20px; padding-left: 0px margin-bottom: 5px;} */ .yjsquare_right{ margin-bottom:10px; } .yjsquare_menu_left{ margin-bottom:5px; } .yjsquare_in_menu_left, .yjsquare_in_yjbump_menu_left{color:#333333; font-size:11px; background: #EBEBEB; border:1px solid #CCCCCC; padding-bottom:20px; padding-left: 0px} .yjsquare_home h3 span{ color: #FFF; background: url(../images/blue/h3-bg.jpg) no-repeat left top; font-style: normal; font-size: 11px; text-align:center; display: block; padding-bottom: 4px; padding-top: 1px; padding-bottom:4px; padding-right: 10px; padding-left: 10px; line-height:16px; height: 40px; font-family: Tahoma; } .yjsquare_home{ background: url(../images/blue/module-bg.jpg) repeat-x top left; } .yjsquare_home a{ background: url(../images/blue/button1.jpg) repeat-x top left; display: block; width:60px; color: #ccc; text-align: center; } .yjsquare_home a:hover{ background: url(../images/blue/button2.jpg) repeat-x top left; display: block; width:60px; color: #fff; text-align: center; } .yjsquare_home_user4 h3 span{ color: #000; background: url(../images/title2.jpg) no-repeat left bottom; font-style: normal; font-size: 13px; text-align:left; font-family: Tahoma; line-height: 26px; /* border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666; */ display: block; padding-bottom: 2px; padding-left: 6px; height:28px; } .yjsquare_home_user4 a{ color: #666; } .yjsquare_home .yjsquare_in{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; padding-bottom: 4px; } .yjsquare_home_user4{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ebebeb; padding-bottom: 4px; background: url(../images/bg.jpg) no-repeat bottom left; border-left-width: 2px; border-left-style: solid; border-left-color: #ebebeb; padding-left: 0px; border-right-width: 1px; border-right-style: solid; border-right-color: #ebebeb; padding-right: 0px; } .yjsquare_home .yjsquare_in ul li a{ color: #000000; } .yjsquare_home .yjsquare_in ul li a:visited{ color: #000000; } .yjsquare_home .yjsquare_in ul li a:hover{ color: #3399FF; text-decoration: underline; } /* yj1 */ .yjsquare_yj1 h3{color:#000000; font-size: 16px; font-weight: bolder; font-style: normal; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #666666; text-align: left/* background:url(../images/blue/yj1h3.gif) no-repeat left top */} .yjsquare_yj1 h3 span{/* background:url(../images/blue/yj1span.gif) no-repeat right top*/} /* yj2 */ .yjsquare_yj2 h3{color:#fff; background:url(../images/yj2h3.gif) no-repeat left top} .yjsquare_yj2 h3 span{background:url(../images/yj2span.gif) no-repeat right top} .yjsquare_advert h3{background:url(../images/h3def.gif) no-repeat left top; color:#222} .yjsquare_advert h3 span{background:url(../images/spandef.gif) no-repeat right top} #advert1 .yjsquare{background:none; border:none} #advert1 .yjsquare_in{background:none; border:none} #advert1 .yjsquare h3{} #advert1 .yjsquare h3 span{} #user1 .yjsquare, #user2 .yjsquare, #user3 .yjsquare{border-right:1px solid #e5e4e4} #bottom4 .yjsquare{background:none} #user4 .yjsquare{background:none} #bottom4 .yjsquare_in{background:none; border:none} #bottom4 .yjsquare h3{/* background:url(../images/bot4h3.jpg) no-repeat left center; border:none;*/ color:#42a3dc} #bottom4 .yjsquare h3 span{/* background:url(../images/bot4span.jpg) no-repeat right center */} #footer a:link, #footer a:visited, #footer{color:#fff} #footer a:hover{color:#70C8FC} #footmod{border:none; color:#fff} table.pollstableborder tr.sectiontableentry1 td{border:none; background:#e4e4e4} table.pollstableborder tr.sectiontableentry2 td{border:none} .sectiontableheader{border:1px solid #d3d2d2; background:#e4e4e4; color:#FFF} .sectiontableentry2{background-color:#F3F3F3} tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2{border-bottom:1px solid #fff} tr.sectiontableentry1 td, td.sectiontableentry1{background-color:#F3F3F3; color:#42A3DC} tr.sectiontableentry2 td, td.sectiontableentry2{background-color:#e4e4e4; color:#42A3DC} tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td{background-color:#e0e0e0; color:#42A3DC} #horiznav ul li { float:left; } #horiznav ul li a{color:#fff; /* background:url(../images/blue/topmenu/normal_l.png) no-repeat left center */} #horiznav ul li.sfHover a{color:#fff; /* background:url(../images/blue/topmenu/hover_l.png) no-repeat left center */ text-decoration: underline;} #horiznav div td a.hover:hover{ text-decoration: underline; /*active cho menu top*/ } #horiznav li#current a, #horiznav li#current a:hover, #horiznav li#current:hover a, #horiznav li#current.sfHover a, #horiznav li.active a{color:#000000; text-decoration: underline; /* mau cho current hover top*/ /* background:url(../images/blue/topmenu/active_l.png) no-repeat left center*/} #horiznav li#current, #horiznav li#current:hover, #horiznav li#current.sfHover, #horiznav li.active{/* background:url(../images/blue/topmenu/active_r.png) no-repeat right center */ color: #FFFF00} #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; /*text-decoration: underline*/} #horiznav .menunav #current a{ color: #000000; text-decoration: none; } #horiznav .menunav ul.menunav li { float:left; } #horiznav .menunav .parent ul li a{ text-decoration: none;} #horiznav .menunav .parent ul li a:hover{ text-decoration: underline; color: #fff} #horiznav .menunav .parent ul li a:active{ /* text-decoration: underline; color: #ffff00 */} #horiznav .menunav #current ul li a:hover{ text-decoration: underline; color: #fff} #horiznav .menunav #current ul li a:hover{ /* text-decoration: underline; color: #ffff00 */} #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:#5cb7ed */ background: url(../images/bg.png) repeat} #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.parent ul li#current.sfHover, #horiznav li.parent ul li#current:hover, #horiznav ul li.parent li#current a:hover{background-color:#70C8FC; color:#326685; 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.parent li#current a{color:#fff;} #horiznav li li{border-bottom:1px solid #569cc7} #horiznav li ul{border-right:1px solid #569cc7; border-left:1px solid #569cc7; border-bottom:none; border-top:1px solid #569cc7} #horiznav li, #horiznav{font-weight:bold} #horiznav li{/* background:url(../images/blue/topmenu/normal_r.png) no-repeat right center */} #horiznav ul li:hover, #horiznav ul li.sfHover{ /*background:url(../images/blue/topmenu/hover_r.png) no-repeat right center */} #horiznav ul li ul li a.child, #horiznav ul li ul li a.child:hover{/* background:url(../images/blue/topmenu/arrow_right.gif) 98% 50% no-repeat */} #horiznav ul li.active ul li a.child{/* background:url(../images/blue/topmenu/arrow_right.gif) 98% 50% no-repeat */} #horiznav_d li{/* background:url(../images/blue/topmenu/normal_l.png) no-repeat left center */} #horiznav_d li a, #horiznav_d li .separator{/* background:url(../images/blue/topmenu/normal_r.png) no-repeat right center; color:#5b5b5b /*} #horiznav_d ul li ul{background:#5DB8EE} #horiznav_d li.active, #horiznav_d li.active:hover, #horiznav_d li.active.sfHover, #horiznav_d li:hover, #horiznav_d li.sfHover{/* background:url(../images/blue/topmenu/active_l.png) no-repeat left center */} #horiznav_d li.active a, #horiznav_d li.active .separator, #horiznav_d li.active a:hover, #horiznav_d li.active .separator:hover, #horiznav_d li:hover a, #horiznav_d li:hover .separator, #horiznav_d li.sfHover a, #horiznav_d li.sfHover .separator{/* background:url(../images/blue/topmenu/active_r.png) no-repeat right center; color:#fff */ } #horiznav_d li.parent li a:hover, #horiznav_d li.parent li.active a{background:none; color:#326685} #horiznav_d li.parent li a{color:#fff} #mainlevel li a, .menu li a, a.mainlevel{background:url(../images/blue/mainlevel.gif) no-repeat left top; line-height: 30px; font-weight: normal; font-size:10px; border-bottom: 1px dotted #ccc} #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:url(../images/blue/mainlevel.gif) no-repeat left bottom} a.sublevel{/*background:url(../images/blue/strelica.gif) no-repeat 5px 9px*/} a.sublevel:hover{/* background:url(../images/blue/strelica_hover.gif) no-repeat 5px 9px */} .yjsquare_in .menu #current a{ color: #000000; font-weight:bold; } .yjsquare_in .menu #current a:hover{ color: #0099ff; font-weight:bold; } .yjsquare_in .menu a:hover{ color: #0099FF; font-weight:bold; } /*doi muc san pham trong menu trai thanh mau xanh khi hover*/ .yjsquare_in .menu li ul li ul a:hover{ color: #0099FF; font-weight:bold; } #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, /* mau link cho menu left */ .menu li a:hover, a{color:#0066FF} .menu li a:active, a{ color:#ff0000} a.mainlevel, #mainlevel li a, .menu li a{color:#222} body li{/* background:url(../images/blue/strelica.gif) no-repeat 0px 7px */} body li:hover{/* background:url(../images/blue/strelica_hover.gif) no-repeat 0px 7px */} body ul.video li, body li.video, body li.video:hover{background:url(../images/typ/video.gif) no-repeat 0px 0px} div.yj_news_flash_title_only{background:url(../images/blue/strelica.gif) no-repeat left 4px} /*yjns3*/ #SlideShow a.navigation, #SlideShow a.selected{background:url(../images/blue/nav.gif) repeat-x left top;} #SlideShow a.navigation:HOVER, #SlideShow a.selected{background:url(../images/blue/nav.gif) repeat-x left bottom} #SlideShow .controlsContainer span{background:url(../images/blue/slidesow_s.png) no-repeat right center} #SlideShow .controlsContainer a{background:url(../images/blue/slidesow_a.png) no-repeat left center;} /*yjns4*/ #SlideShow2 a.navigation, #SlideShow2 a.selected{background:url(../images/blue/nav2.gif) bottom no-repeat;} #SlideShow2 a.navigation:hover, #SlideShow2 a.selected{background:url(../images/blue/nav2.gif) top no-repeat} a.slide2prev{background:url(../images/blue/prev.gif) no-repeat left top;} a.slide2next{background:url(../images/blue/next.gif) no-repeat right top;} /*bump mod*/ div.yj_bump_vote_bg { background:#70caff url(../images/blue/bump.png) center left no-repeat; } /*bump plugin*/ div.voters { background:#70caff url(../images/blue/bump.gif) center center no-repeat; } div.voters div.votes_loading{ background:url(../images/blue/loading.gif) center center no-repeat; } .readmore{ background: url(../images/view.gif) no-repeat top left; height: 25px; color:#5b81d6; float: right; padding: 0 40px 0 20px; margin: 3px;} a.readmore:link{ color:#5b81d6 } .usersbottom .yjsquare_home .yjsquare_in ul li a:active{ color:#fa0000; } #horiznav .menunav li ul li #current a{ color: #ffff00; } #menu tr td a:hover{ text-decoration: underline; }