/*======================================================================*\
|| #################################################################### ||
|| # Copyright (C) 2006-2009 Youjoomla LLC. All Rights Reserved.        ||
|| # This file may not be redistributed in whole or significant part. # ||
|| # ---------------- THIS IS NOT FREE SOFTWARE ---------------- #      ||
|| # http://www.youjoomla.com | http://www.youjoomla.com/license.html # ||
|| #################################################################### ||
\*======================================================================*/
body#color{background:#18181a}
#color2{background:#fafafa}
#logo{background:url(../images/blue/logo.png) no-repeat 0px 3px}

#modlgn_passwd, #modlgn_username{color:#a7a7a7; background:#1ccbf0 url(../images/logins.gif) no-repeat left center; border:0}
.yf_login .xbuttons2{}
.yf_remember{color:#1ccbf0}

a:link, a:visited{text-decoration:none; color:#1ccbf0}
a:focus, a:hover{color:#111; text-decoration:none}

#banner a:link, 
#banner a:visited{color:#717171}
#youjoomla a:link, 
#youjoomla a:visited{color:#1ccbf0}

#banner a:hover, 
#youjoomla a:hover{color:#eee}

#bootom4_in a:link, 
#bootom4_in a:visited{color:#eee}
#bootom4_in a:hover{color:#1ccbf0}

h1, h3, h4, 
h5, h6, h2{color:#1ccbf0}
.small, .createdate, .modifydate, .mosimage_caption, .createby{text-transform:uppercase; color:#ccc; font:10px Tahoma,Verdana,"Lucida Sans"}
.componentheading, 
.contentheading, 
.contentheading a:link, 
.contentheading a:visited, 
.contentheading a:link, 
.contentheading a:visited{color:#1ccbf0}

.toclink{border:1px solid #e7e7e7}
fieldset{border:1px solid #d6d4d4}
.yjsquare_in fieldset{border:none}
.inputbox{background:#FFF; border:1px solid #ccc; color:#1ccbf0}
.inputbox:hover, .inputbox:focus{background:#fafafa; border:1px solid #1ccbf0}
#bootom4_in .inputbox{border:0; background:url(../images/input_dark.gif) no-repeat left center; height:22px; width:177px; margin:0; padding:5px 2px 0 2px}

.yf_login .xbuttons1, 
.yf_poll .xbuttons1{background:#1ccbf0 url(../images/xbuttons1.gif) no-repeat left center}
.yf_login .xbuttons2, 
.yf_poll .xbuttons2{background:#1ccbf0 url(../images/blue/xbuttons2.gif) no-repeat left center}
.button, .validate{color:#fff; background:#1ccbf0 url(../images/blue/xbuttons2.gif) no-repeat left center; font-weight:bold; font-size:9px; width:65px; height:28px; text-transform:uppercase}
.button, .validate{color:#fff}
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{color:#1ccbf0}
a.readon:link, a.readon:visited{background:url(../images/blue/read_l.gif) no-repeat left center; color:#fff}
.readon span{background:url(../images/blue/read_r.gif) no-repeat right center}
a.readon:hover, .pagenavbar a:hover{color:#111}

.yjsquare h3, 
.yjsquare_youfashion h3{color:#424242; background:url(../images/h3r.gif) no-repeat right center}
.yjsquare h3 span, 
.yjsquare_youfashion h3 span{background:url(../images/h3.gif) no-repeat left center}
.yjsquare, 
.yjsquare_yj1, 
.yjsquare_yj2{color:#555; background:url(../images/whiteshade.gif) no-repeat left top}
.yjsquare_in{}
.yjsquare_out, 
.yjsquare_out_yj1, 
.yjsquare_out_yj2{background:url(../images/article_sep.png) repeat-x left top}

.yjsquare_blank{color:#555; background:none}
.yjsquare_blank .yjsquare_in{background:none}
.yjsquare_out_blank{background:none}

.yjsquare_yj1 h3{color:#fff; background:url(../images/blue/yj1h3_r.gif) no-repeat right center}
.yjsquare_yj1 h3 span{color:#fff; background:url(../images/blue/yj1h3_l.gif) no-repeat left center}
.yjsquare_yj1{}

.yjsquare_yj2 h3{color:#eee; background:url(../images/yj2h3_r.gif) no-repeat right center}
.yjsquare_yj2 h3 span{color:#eee; background:url(../images/yj2h3_l.gif) no-repeat left center}
.yjsquare_yj2{}

#footmod .yjsquare{border-bottom:1px solid #e7e7e7; border-left:none; border-right:none; border-top:none; background:none; color:#1ccbf0}
#footmod .yjsquare h3{color:#8bacc6}
#footmod .yjsquare h3 span{color:#1ccbf0}

#horiznav ul li a{color:#454545}
#horiznav ul li a:hover, 
#horiznav ul li:hover a, 
#horiznav ul li.sfHover a{color:#fff; background:url(../images/blue/topmenu/hover_l.png) 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/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}
#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:#1ccbf0}
#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:#454545; 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:#fff}
#horiznav li li{border-bottom:1px solid #1595b0}

#horiznav li ul{border-right:1px solid #1595b0; border-left:1px solid #1595b0; border-bottom:none; border-top:none}
#horiznav li, #horiznav{background:none; font-weight:bold}
#horiznav li{}
#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) 95% 50% no-repeat}

#horiznav ul li.active ul li a.child{background:url(../images/blue/topmenu/arrow_right.gif) 95% 50% no-repeat}

#horiznav_d{background:none; font-weight:bold}
#horiznav_d li{background:none}
#horiznav_d li a, #horiznav_d li .separator{color:#454545; background:none}
#horiznav_d ul li ul{background:url(../images/blue/topmenu/horiz_bg_dd.gif) repeat-x 0 top}
#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.haschild li a:hover, 
#horiznav_d li.haschild li.active a{text-decoration:underline; background:none}
#horiznav_d li.haschild li a{color:#454545; font-weight:bold; background:none}

#mainlevel li a, 
.menu li a, 
a.mainlevel{background:url(../images/blue/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:url(../images/blue/mainlevel.jpg) 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}
#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, 
li.active a, 
li.parent a{color:#111}
a.mainlevel, 
#mainlevel li a{color:#1ccbf0}
.yjsquare li.active ul li a, 
a.sublevel#active_menu{color:#1ccbf0}
.yjsquare li.active ul li a:hover, 
.yjsquare li.active ul li.active a{color:#8bacc6; background:#e7e7e7 url(../images/blue/mainlevel.jpg) no-repeat left top}

#leftblock #mainlevel li a, 
#leftblock .menu li a, 
#leftblock a.mainlevel{background:url(../images/blue/mainlevel_l.jpg) no-repeat left top}
#leftblock #mainlevel li a:hover, 
#leftblock #mainlevel a#active_menu:link, #leftblock #mainlevel a#active_menu:visited, 
#leftblock a.mainlevel:hover, 
#leftblock a.mainlevel#active_menu, 
#leftblock #mainlevel li a:hover, 
#leftblock #mainlevel a#active_menu:link, #leftblock #mainlevel a#active_menu:visited, 
#leftblock .menu li a:hover, #leftblock .menu li.active a{background:url(../images/blue/mainlevel_l.jpg) no-repeat left bottom}
#leftblock .yjsquare li.active ul li a:hover, 
#leftblock .yjsquare li.active ul li.active a{color:#8bacc6; background:#e7e7e7 url(../images/blue/mainlevel_l.jpg) no-repeat left top}
body li{padding-left:15px; background:url(../images/blue/strelica.gif) no-repeat 0px 7px; font-family:Verdana,Arial,Helvetica, sans-serif; font-size:11px; text-decoration:none}

#bootom4_in .button{background:url(../images/blue/xbuttons2_dark.gif) no-repeat left center}
#down, #down_1, #down_2, #down_3, 
#down_4, #down_5{background:url(../images/blue/yj5_navs.gif) no-repeat left center}
#down:hover, #down_1:hover, #down_2:hover, #down_3:hover, 
#down_4:hover, #down_5:hover{background:url(../images/blue/yj5_navs_h.gif) no-repeat left center}
#up, #up_1, #up_2, #up_3, #up_4, #up_5{background:url(../images/blue/yj5_navs.gif) no-repeat right center}
#up:hover, #up_1:hover, #up_2:hover, #up_3:hover, #up_4:hover, #up_5:hover{background:url(../images/blue/yj5_navs_h.gif) no-repeat right center}