@import url("/templates/youfitness/css/layout.php"); /*layout css file*/
@import url("/templates/youfitness/css/menus.php"); /*menu css file*/
@import url("/templates/youfitness/css/typo.php"); /*typo css file*/
body{text-align:center; padding:0; margin:0 0 10px 0; font-family:Verdana,Arial,Helvetica,sans-serif; color:#555;  line-height:18px; background-color:#FFF}

a:focus{outline:0px}
focus{outline:0px}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{margin:5px 0}
ul{margin:0px; padding:0px; list-style:none}
ul li, ul li:hover{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{text-transform:uppercase; font:10px Tahoma,Verdana,"Lucida Sans"}
.clr{clear:both; height:1px}
.input{border:0}
.contentdescription img{padding:5px; margin:15px}
.contentheading, 
.contentheading a:link, 
.contentheading a:visited{text-align:left; margin:0 0 7px 0; padding:0 0 8px 0; font:normal 24px/1.2em Cambria,serif}
.contentheading a:hover{text-decoration:underline}
.componentheading{letter-spacing:normal; margin:0 0px 4px 0px; font:normal 24px/1.2em Cambria,serif}
.contentpaneopen{padding:0 0px; text-align:left}
.contentpane{padding:0 0px 0px 0px !important}
.category{margin-left:0px}
.insidem ul{margin-left:10px}
.contentpaneopen, 
.contentpane, 
table.blog{}
.contentpaneopen{border-collapse:separate; border-spacing:3px}
table.contenttoc{margin:0 0 10px 10px; padding:0; width:30%; float:right}
.toclink{padding:5px; display:block; margin:2px 0}
.article_separator{display:block; height:7px; 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{clear:both; height:25px; display:block; clear:both; float:left; padding:0 0 0 0px; margin:10px 0 0 0; overflow:hidden}
.readon span{display:block; height:13px; line-height:13px; padding:1px 5px 1px 5px; overflow:hidden}
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}

table.pollstableborder td.sectiontableentry0, 
table.pollstableborder td.sectiontableentry1, 
table.pollstableborder td.sectiontableentry2, 
table.pollstableborder tr.sectiontableentry0 td, 
table.pollstableborder tr.sectiontableentry1 td, 
table.pollstableborder tr.sectiontableentry2 td{height:20px; padding-left:5px; text-align:left; padding-right:10px; line-height:18px; margin-bottom:5px; background:none; border:none}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, 
td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2{height:20px; padding:0 10px; line-height:29px}
table.pollstableborder{border:none; padding:0; width:100%; text-align:left}
table.pollstableborder img{vertical-align:baseline}
table.pollstableborder td{padding:0 5px !important}
.sectiontableheader{padding:5px; font-weight:bold}

table.pollstableborder tr.sectiontableentry0 td{border:none; background:#f3f2f2}
table.pollstableborder tr.sectiontableentry1 td, 
table.pollstableborder tr.sectiontableentry2 td{border:none}
.sectiontableheader{border:1px solid #d4d4d4; background:#DEDEDE}
.sectiontableentry1{background-color:#DEDEDE}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, 
td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2{border-bottom:1px solid #fff}
tr.sectiontableentry0 td, td.sectiontableentry0, 
tr.sectiontableentry2 td, td.sectiontableentry2{background-color:#f3f2f2}
tr.sectiontableentry1 td, td.sectiontableentry1{background-color:#E9E9E9}
tr.sectiontableentry0:hover td, tr.sectiontableentry1:hover td, 
tr.sectiontableentry2:hover td{background-color:#EEE}

.tool-tip{float:left; background:#ffc; border:1px solid #D4D5AA; padding:5px; max-width:200px; text-align:left}
.tool-title{padding:0; margin:0; font-size:12px; font-weight:bold; margin-top:-15px; padding-top:15px; padding-bottom:5px; text-align:left; background:url(/templates/system/images/selector-arrow.png) no-repeat}
.tool-text{font-size:11px; margin:0; text-align:left}

input.system-openid{background:url(/login-bg.gif) no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px}

.system-unpublished{background:#FDFDFD; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}

#system-message{margin-bottom:10px; padding:0}
#system-message dt{font-weight:bold}
#system-message dd{margin:0; font-weight:bold; text-indent:30px; background-image:none}
#system-message dd ul{ background-color:#FDFDFD; color:#c02; margin-bottom:10px; list-style:none; padding:10px; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}

#system-message dt.message{display:none}
#system-message dd.message{}
#system-message dd.message ul li{background-image:none}

#system-message dt.error{display:none}
#system-message dd.error ul{color:#c00; background-color:#FDFDFD; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}
#system-message dd.error ul li{background-image:none}

#system-message dt.notice{display:none}
#system-message dd.notice ul{color:#c00; background:#FDFDFD; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}
#system-message dd.notice ul li{background-image:none}

#system-debug{color:#ccc; background-color:#fff; padding:10px; margin:10px}
#system-debug div{font-size:11px}

.invalid{border-color:#f00}
label.invalid{color:#f00}

#editor-xtd-buttons{padding:5px}
.button2-left, 
.button2-right, 
.button2-left div, 
.button2-right div{float:left}
.button2-left a, 
.button2-right a, 
.button2-left span, 
.button2-right span{display:block; height:22px; float:left; line-height:22px; font-size:11px; color:#666; cursor:pointer}
.button2-left span, 
.button2-right span{cursor:default; color:#999}
.button2-left .page a, 
.button2-right .page a, 
.button2-left .page span, 
.button2-right .page span{padding:0 6px}
.page span{color:#000; font-weight:bold}
.button2-left a:hover, 
.button2-right a:hover{text-decoration:none; color:#0B55C4}
.button2-left a, 
.button2-left span{padding:0 24px 0 6px}
.button2-right a, 
.button2-right span{padding:0 6px 0 24px}
.button2-left{background:url(/templates/youfitness/images/j_button2_left.png) no-repeat; float:left; margin-left:5px}
.button2-right{background:url(/templates/youfitness/images/j_button2_right.png) 100% 0 no-repeat; float:left; margin-left:5px}
.button2-left .image{background:url(/templates/youfitness/images/j_button2_image.png) 100% 0 no-repeat}
.button2-left .readmore{background:url(/templates/youfitness/images/j_button2_readmore.png) 100% 0 no-repeat}
.button2-left .pagebreak{background:url(/templates/youfitness/images/j_button2_pagebreak.png) 100% 0 no-repeat}
.button2-left .blank{background:url(/templates/youfitness/images/j_button2_blank.png) 100% 0 no-repeat}

div.tooltip{float:left; background:#ffc; border:1px solid #D4D5AA; padding:5px; max-width:200px; z-index:13000}
div.tooltip h4{padding:0; margin:0; font-size:95%; font-weight:bold; margin-top:-15px; padding-top:15px; padding-bottom:5px; background:url(/templates/youfitness/images/selector-arrow.png) no-repeat}
div.tooltip p{font-size:90%; margin:0}

.img_caption.left{float:left; margin-right:1em}
.img_caption.right{float:right; margin-left:1em}
.img_caption.left p{clear:left; text-align:center}
.img_caption.right p{clear:right; text-align:center}

a img.calendar{width:16px; height:16px; margin-left:3px; background:url(/templates/youfitness/images/calendar.png) no-repeat; cursor:pointer; vertical-align:middle}

#component-contact{padding:0 8px}

body#color{}
#centerbottom{}
#logo{background:url(/templates/youfitness/images/steel/logo.png) no-repeat 0px 15px}
#banner{}
#advholder, 
#topshelf, 
#topmodule .yjnewsflash{border-bottom:1px solid #e4e4e4}

.search{border:1px solid #e4e4e4; background:#f7f8f9}
.search .inputbox, 
.search .inputbox:hover, 
.search .inputbox:focus{color:#8c857d; background:url(/templates/youfitness/images/search_bg.gif) repeat-x left bottom}
.search .button{background:#939ca7; color:#fff}

#modlgn_passwd, #modlgn_username{color:#939ca7; border:1px solid #e4e4e4}
#modlgn_passwd{background:#fff}
#modlgn_username{background:#fff}
#mod_login_remember{border:none; padding:0!important}

a:link, a:visited{text-decoration:none; color:#939ca7}
a:focus, a:hover{color:#40535e; text-decoration:none}
h1, h3, h4, 
h5, h6, h2{color:#40535e}
.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:#939ca7; border-bottom:1px solid #e4e4e4}
#pathway{border-bottom:1px solid #e4e4e4}
.toclink{border:1px solid #e4e4e4}
fieldset{border:1px solid #d6d4d4}
.yjsquare_in fieldset{border:none}
.inputbox{background:#FFF; border:1px solid #e4e4e4}
.inputbox:hover, .inputbox:focus{background:#e4e4e4; border:1px solid #e4e4e4}

.button{color:#fff}
.button, .validate{background:#939ca7; color:#fff}
.pollbuttons .vote, 
.pollbuttons .results, 
.borderspan{background:#f7f8f9; border:1px solid #e4e4e4}
.pollbuttons .results .button{background:#939ca7}
.pollbuttons .vote .button{background:#1c140d}
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:#939ca7; color:#fff}
a.readon:link, a.readon:visited{background:#939ca7; border:1px solid #e4e4e4; color:#fff}

.readon span{background:#939ca7; border:5px solid #f7f8f9}
a.readon:hover, .pagenavbar a:hover{color:#18110b}
.yjns_rm:link, 
.yjns_rm:visited{color:#fff; background:#939ca7; padding:0 5px 0 5px; height:17px}
.yjns_rm:hover{color:#18110b}
.yjnsreadon{background:#f7f8f9; border:1px solid #e4e4e4; padding:5px 5px 3px 5px}

.yjsquare h3{color:#939ca7; border-bottom:1px solid #e4e4e4}
.yjsquare h3 span{color:#939ca7}
.yjsquare{color:#555}

.yjsquare_yj1 h3{color:#18110b; border-bottom:1px solid #ccc}
.yjsquare_yj1 h3 span{color:#18110b}
.yjsquare_yj1{background:#f9fbfd; color:#555; border:1px solid #ccc}

.yjsquare_yj2 h3{color:#40535e; border-bottom:1px solid #40535e}
.yjsquare_yj2 h3 span{color:#40535e}
.yjsquare_yj2{background:#f7f8f9; color:#555}

#horiznav ul li a{color:#939ca7; background:none}

#horiznav ul li a:hover, 
#horiznav ul li:hover a, 
#horiznav ul li.sfHover a{color:#18110b; background:none}
#horiznav li#current a, 
#horiznav li#current a:hover, 
#horiznav li#current:hover a, 
#horiznav li#current.sfHover a, 
#horiznav li.active a{color:#18110b; background:none}
#horiznav li#current, 
#horiznav li#current:hover, 
#horiznav li#current.sfHover, 
#horiznav li.active{background:none}
#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:#18110b; 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:#939ca7}

#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{background-color:#939ca7; color:#fff; 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 #40535e}

#horiznav li ul{}

#horiznav li, #horiznav{font-weight:bold; background:none}
#horiznav li{background:none}
#horiznav ul li:hover, #horiznav ul li.sfHover{background:none}

#horiznav ul li ul li.haschild a.child, 
#horiznav ul li ul li a.child:hover{background:url(/templates/youfitness/images/steel/topmenu/arrow_right.gif) 95% 50% no-repeat}

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

#horiznav_d{font-weight:bold; background:none}
#horiznav_d li{background:none}
#horiznav_d li a, #horiznav_d li .separator{color:#939ca7; background:none}
#horiznav_d ul li ul{background:#fff}
#horiznav_d li.active, #horiznav_d li.active:hover, 
#horiznav_d li.active.sfHover, 
#horiznav_d li:hover, #horiznav_d li.sfHover{background:none}
#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:none; color:#18110b}
#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:#939ca7; font-weight:bold; background:none}

#mainlevel li a, 
.menu li a, 
a.mainlevel{background:#fff url(/templates/youfitness/images/steel/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:#fff url(/templates/youfitness/images/steel/mainlevel.jpg) no-repeat left bottom}
a.sublevel{background:url(/templates/youfitness/images/steel/bodyli.gif) no-repeat 2px 7px}
a.sublevel:hover{text-decoration:underline}
#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:#40535e}
a.mainlevel, 
#mainlevel li a{color:#939ca7}
.yjsquare li.active ul li a, 
a.sublevel#active_menu{color:#939ca7}
.yjsquare li.active ul li a:hover, 
.yjsquare li.active ul li.active a{color:#40535e; background:#fff url(/templates/youfitness/images/steel/mainlevel.jpg) no-repeat left top}
body li{padding-left:15px; background:url(/templates/youfitness/images/steel/bodyli.gif) no-repeat 0px 5px; font-family:Verdana,Arial,Helvetica, sans-serif; font-size:11px; text-decoration:none}
#topshelf h3, #bottomshelf h3, 
#topshelf h3, #bottomshelf span{color:#40535e}
#user1, #user2, #user3, 
#user4, #user5, #user6, 
#bottomshelf{background:#f7f8f9}
#topshelf li, 
#bottomshelf li{background:url(/templates/youfitness/images/steel/shelf_li.gif) no-repeat 0px 6px}
#topshelf .yjsquare h3{border-bottom:1px solid #939ca7}
#cp{color:#18110b}
#cp a:link, 
#cp a:visited{color:#40535e}
#cp a:hover{color:#18110b}
#topshelf img.border, 
#bottomshelf img.border{border:1px solid #bdbcba; background:#e4e6e0; margin:5px 3px 0 0}
#navigator10 li.selected_right div.inner span.title{color:#939ca7}

#centertop{text-align:left; margin:0 auto}

#centerbottom{text-align:left; margin:0 auto; overflow:hidden}
#header{text-align:left; height:110px; position:relative; margin:0 5px}
#logo{height:110px; width:482px; float:left; text-align:left}

#tags h1 a{text-indent:-7500px; display:block; width:280px; height:110px; text-decoration:none}
#tags{width:280px; height:110px; float:left; overflow:hidden; margin:0; padding:0}

#banner{height:60px; float:right; margin-top:27px; overflow:hidden; width:468px}

.search{padding:0 5px 5px 5px; float:right}
.search .inputbox, 
.search .inputbox:hover, 
.search .inputbox:focus{font-weight:bold; font-size:10px; padding:2px 5px 2px 5px}
.search .button{padding:0 3px; margin:0 0 0 3px}
#tools{font-size:10px; padding:5px; clear:both}
#pathway{margin:5px 5px 0 5px; padding:3px 5px 7px 5px}

#topmodule{margin:-3px auto 0 auto; text-align:left; padding:3px 0 0 0; overflow:hidden; width:100%}

#holder{height:100% !Important; height:1%; overflow:hidden; margin:0 auto; text-align:center; margin:0 0px}
#leftblock{float:left; height:100% !Important; height:1%; overflow:hidden; text-align:left}
#midblock{float:left; height:100% !Important; height:1%; overflow:hidden; text-align:left}
#rightblock{float:left; height:100% !Important; height:1%; overflow:hidden; text-align:left}

.inside{padding:5px 0; overflow:hidden}

.insidem{padding:5px 0}

#bottommodule{margin:0 auto; text-align:left; overflow:hidden}

#footer{clear:both; text-align:center; overflow:hidden; margin:0 auto; padding:0}
#youjoomla{clear:both; text-align:left; padding:0; overflow:hidden}
#cp{text-align:left; padding:0; overflow:hidden}

.news_item_f{margin:0 5px; position:relative}
.news_item_c{margin:0 5px; position:relative}
.news_item_s{margin:0 5px; position:relative}
.news_item_a{margin:0px 0px 0 0px!Important; background:none; padding:0 7px; overflow:hidden}

.news_item_article{padding:0 0 0 0}

.newsitem_tools{display:block; width:100%; margin:0 0 0 0 !Important; overflow:hidden}

.newsitem_info{width:70%; display:block; height:10px; float:left; margin:0 0 7px 0}

.buttonheading{width:30%; display:block; overflow:hidden; padding:0; float:right}
.buttonheading img{border:0}
.buttonheading .email, 
.buttonheading .print, 
.buttonheading .pdf{float:right; margin:0px 2px 0 0; width:16px}
.createby{padding:0 3px 0 0px}
.createdate{padding:0 3px 0 0px}
.newsitem_section{padding:0 3px 0 0px}
.newsitem_category{padding:0 3px 0 0px}
.newsitem_section a{padding:0 3px 0 0px}
.newsitem_category a{padding:0 3px 0 0px}
.newsitems_link{}

.newsitem_text{width:100%; display:block; padding:0 0 0 0 !Important}
.modifydate{width:100%; display:block; padding:10px 0; overflow:hidden}
.components{padding:20px 0}

a.category:link, 
a.category:visited, 
a.category:focus{font-weight:bold; font-size:100%}
.small{}

ul.pagination{margin:15px auto 10px; padding:10px 0 0}
ul.pagination li, 
ul.pagination li:hover{background:none; display:inline; margin:3px; padding:0}
ul.pagination li span{padding:2px 5px}
ul.pagination a{padding:2px 3px; text-decoration:none}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus{}
.pagenavbar{font-weight:bold; padding-left:14px}
.pagenavcounter{font-weight:bold; padding:8px 14px 0 14px}

.yjsquare h3, 
.yjsquare_yj1 h3, 
.yjsquare_yj2 h3{overflow:hidden; font-size:14px; padding:0 0 5px 0; margin:0 5px; font:normal 24px/1.2em Cambria,serif}
.yjsquare h3 span, 
.yjsquare_yj1 h3 spa, 
.yjsquare_yj2 h3 spann{overflow:hidden}
.yjsquare p, 
.yjsquare_yj1 p, 
.yjsquare_yj2 p{overflow:hidden; padding:3px}
.yjsquare_in, 
.yjsquare_yj1 .yjsquare_in, 
.yjsquare_yj2 .yjsquare_in{overflow:hidden; padding:10px}
.yjsquare, 
.yjsquare_yj1, 
.yjsquare_yj2{margin:3px 0 7px 0px; padding:0px; clear:both; display:block; height:100% !Important; height:1%; overflow:hidden}
#rightblock .yjsquare_yj1, 
#leftblock .yjsquare_yj1, 
#rightblock .yjsquare_yj2, 
#leftblock .yjsquare_yj2{margin:3px 0 7px 5px}

.pollbuttons{margin:0 auto; width:80%; text-align:center; height:30px}
.pollbuttons .vote .button, 
.pollbuttons .results .button, 
.borderspan .button, 
.borderspan .validate{font-size:10px; text-transform:lowercase; padding:0 8px; font-weight:bold; margin:0}
#searchForm .borderspan{margin:3px 0 0 0}
.pollbuttons .vote, 
.pollbuttons .results, 
.borderspan{display:inline-block; overflow:hidden; padding:5px}

#modlgn_passwd, #modlgn_username{width:95%; height:19px; padding-left:3px; padding-top:3px}
#advholder{margin:0 5px;text-align:center;overflow:hidden;}
#advert1{text-align:left}
#advert1 .yjsquare_in, 
#advert1 .yjsquare{margin:0; padding:0}
#YJT_container10{float:left; margin:-5px 0 0 -5px}
#slides{background:transparent}
#navigator10 li.element, 
#navigator10 li.element div.inner{height:108px; background:none; border:none}
#navigator10 li.element{border-bottom:1px solid #e4e4e4}
#navigator10 li.element div.inner span.title{font:normal 24px/1.2em Cambria,serif; padding:10px 10px 0 10px}
#navigator10 li.selected_right div.inner span.title{font-weight:normal}
#navigator_outer10{border:none}
#slides div.slide_info{padding:0px}
.slide_info p.slide_intro{padding:0 0px}
#topshelf{margin:10px 5px 0 5px; text-align:center; overflow:hidden; width:auto!Important; height:100% !Important; height:1%}
#user1, #user2, #user3{float:left; clear:right; text-align:left; font-weight:bold; margin:0 0 10px 0; overflow:hidden}
.yjnewsflash p{font-size:10px; font-weight:bold; color:#848484}
#topmodule .yjnewsflash{margin:0px 0px 0px 0px !important}
#topmodule .yjsquare_in{overflow:hidden; padding:10px 5px 0px 5px}
#bottomshelf{margin:0 auto 10px auto; text-align:center; overflow:hidden}
#user4, #user5, #user6{float:left; clear:right; text-align:left; margin:0 0 10px 0; overflow:hidden}
.bottomsin{}

#top_menu{margin:0 5px; display:block; position:relative; z-index:10000; border-bottom:1px solid #e4e4e4}
#horiznav{height:37px; z-index:500; float:none}
#horiznav ul{list-style:none; line-height:37px; padding-top:0px}
#horiznav ul li{position:relative; margin:0}
#horiznav a{text-transform:capitalize; display:block; cursor:pointer; height:37px; padding:0px 0px 0px 25px; margin:0px 0px 0px 0px; font:bold 11px/37px Tahoma}
#horiznav li a:hover{height:37px}
#horiznav li{float:left; padding:0; padding:0px 25px 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:0px}
#horiznav li ul a span{margin:0 0 0 5px; display:block}
#horiznav ul ul a{display:block; text-decoration:none; text-transform:capitalize; 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 0px; 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}

#top_menu_d{margin:0 5px; display:block; position:relative; z-index:10000; border-bottom:1px solid #e4e4e4}
#horiznav_d{height:37px; position:relative; display:block; position:relative; padding:0px; margin:0px; overflow:hidden; background-color:#dbdbdb}
#horiznav_d a{white-space:nowrap; display:block; float:left; text-transform:capitalize; cursor:pointer; height:37px; padding:0px 25px 0px 25px; margin:0px 0px 0px 0px; font:bold 11px/38px Tahoma}
#horiznav_d ul{margin:0; padding-top:0px; line-height:37px; float:left}
#horiznav_d ul ul ul{left:-20000px}
#horiznav_d li{padding:0; margin:0 0px 0 0; float:left; display:block}
#horiznav_d li ul{display:none; margin:0 auto; padding:0; position:absolute; top:37px; height:37px; overflow:hidden; left:0; width:100%}
#horiznav_d li a span, #horiznav_d li .separator span{display:block; padding:0}
#horiznav_d li ul a, #horiznav_d li.active ul a{display:block; float:left; font-weight:normal; padding:0 10px; background:none; height:37px; line-height:37px}
#horiznav_d li.active ul{display:block}
#horiznav_d li:hover ul, #horiznav_d li.sfHover ul{display:block; z-index:6000}
#horiznav_d li a, #horiznav_d li .separator{font:bold 11px/37px Tahoma; text-transform:capitalize}
#horiznav_d li li{background:none}

#horiznav_d li li.active, #horiznav_d li li.active:hover, 
#horiznav_d li li.active.sfHover, 
#horiznav_d li li:hover, #horiznav_d li li.sfHover{background:none}
#horiznav_d li li.active a, #horiznav_d li li.active .separator, 
#horiznav_d li li.active a:hover, #horiznav_d li li.active .separator:hover, 
#horiznav_d li li:hover a, #horiznav_d li li:hover .separator, 
#horiznav_d li li.sfHover a, #horiznav_d li li.sfHover .separator{background:none}
#horiznav_d li li a, #horiznav_d li li .separator{background:none}
#horiznav_d li li, #horiznav_d li li a span, #horiznav_d li li .separator span{background:none}
#horiznav_d li li a span, #horiznav_d li li .separator span{}
#horiznav_d li.sfHover li a, #horiznav_d li:hover li a, 
#horiznav_d ul li.active ul li.active li a, 
#horiznav_d ul li.active.parent ul li a, 
#horiznav_d li.sfHover li .separator, 
#horiznav_d li:hover li .separator, 
#horiznav_d ul li.active.parent ul li .separator, 
#horiznav_d ul li.active.parent ul li .seperator{text-indent:0px; background:none}
#horiznav_d li.active li a, #horiznav_d li.active.parent li a, 
#horiznav_d li.active li .separator, 
#horiznav_d li.active.parent li .separator{background:none}
#horiznav_d ul ul li:hover, #horiznav_d ul ul li.sfHover{background-image:none}
#horiznav_d ul ul li a, #horiznav_d ul li.active.parent ul a, 
#horiznav_d ul li.active.parent ul a span, #horiznav_d ul ul li .separator, 
#horiznav_d ul li.active.parent ul .separator, 
#horiznav_d ul li.active.parent ul .separator span{background:none}
#horiznav_d ul ul li.active, 
#horiznav_d ul ul li.active:hover, 
#horiznav_d ul ul li.active.sfHover{background:none}
#horiznav_d li.parent li a:hover{background:none}
#horiznav_d ul li ul{width:100%}

#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}


/* --- Slideshow Containers --- */
#fpss-outer-container {padding:2px;margin:8px auto;overflow:hidden;border:1px solid #ccc;width:950px;} /* This element controls the slideshow spacing and border */
#fpss-container {position:relative;margin:0;padding:0;clear:both;}
#fpss-slider {background:none;overflow:hidden;clear:both;text-align:left;width:950px;height:400px;} /* Add bg color if using bg image on #fpss-outer-container */
#slide-loading {background:#fff url(/modules/mod_fpss/tmpl/JJ-Obs/images/loading.gif) no-repeat center;text-align:center;width:950px;height:400px;}
#slide-wrapper {display:none;width:950px;height:400px;}
#slide-wrapper #slide-outer {height:400px;}
#slide-wrapper #slide-outer .slide {position:absolute;overflow:hidden;right:0;width:950px;height:400px;}
#slide-wrapper #slide-outer .slide .slide-inner {height:400px;margin:0;overflow:hidden;text-align:left;z-index:8;}
#slide-wrapper #slide-outer .slide .slide-inner a.fpss_img span span span {background:none;}			

/* --- Content --- */
.fpss-introtext {width:100%;margin:0;padding:0;position:absolute;left:0;right:0;bottom:0;background:url(/modules/mod_fpss/tmpl/JJ-Obs/images/transparent_bg.png);}
.fpss-introtext .slidetext {padding:4px 8px;}

/* --- Navigation Buttons --- */
#navi-outer {clear:both;margin:0;padding:0;color:#fff;height:27px;background:url(/modules/mod_fpss/tmpl/JJ-Obs/images/navbar.png) repeat top;overflow:hidden;}
#navi-outer ul {margin:2px 0;padding:0 4px;text-align:right;}
#navi-outer li {display:inline;background:none;padding:0;margin:0;}
#navi-outer li a,#navi-outer li a:hover,#navi-outer li a.navi-active {display:block;float:left;overflow:hidden;width:40px;height:22px;padding:0;margin:0 2px;text-decoration:none;line-height:22px;background:#404040;}
#navi-outer li a {border:1px solid #fff;}
#navi-outer li a:hover,
#navi-outer li a.navi-active {border:1px solid #ff9900;}
#navi-outer li a img,#navi-outer li a:hover img,#navi-outer li a.navi-active img {height:80px;width:auto;display:block;margin:-15% 0 0 -70%;}
#navi-outer li a img {opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);}
#navi-outer li a:hover img {opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}
#navi-outer li a.navi-active img {opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}
#navi-outer li a span.navbar-img {}
#navi-outer li a span.navbar-key {display:none;}
#navi-outer li a span.navbar-title {display:none;}
#navi-outer li a span.navbar-tagline {display:none;}
#navi-outer li a span.navbar-clr {display:none;}
#navi-outer li.noimages {margin:0;padding:0;}
#navi-outer li.noimages a {display:block;float:right;width:12px;height:18px;line-height:18px;margin:4px 0 0 0;padding:0;border:none;text-align:center;background:none;color:#999;}
#navi-outer li.noimages a:hover {display:block;float:right;width:12px;height:18px;line-height:18px;margin:4px 0 0 0;padding:0;border:none;text-align:center;background:none;color:#555;}
#navi-outer li.noimages a#fpss-container_prev {background:url(/modules/mod_fpss/tmpl/JJ-Obs/images/prev.gif) no-repeat 50% 50%;}
#navi-outer li.noimages a#fpss-container_playButton {width:40px;background:none;}
#navi-outer li.noimages a#fpss-container_next {background:url(/modules/mod_fpss/tmpl/JJ-Obs/images/next.gif) no-repeat 50% 50%;}
#navi-outer li.clr {clear:both;}

/* --- Notice: Add custom text styling here to overwrite your template's CSS styles! --- */
.fpss-introtext .slidetext h1 {font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;font-size:26px;line-height:26px;margin:0;padding:0;color:#fff;}
.fpss-introtext .slidetext h1 a {font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;font-size:26px;margin:0;padding:0;color:#fafafa;}
.fpss-introtext .slidetext h1 a:hover {font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;font-size:26px;margin:0;padding:0;color:#f00;}
.fpss-introtext .slidetext h2 {font-size:11px;margin:0;padding:0;color:#999;font-weight:normal;}
.fpss-introtext .slidetext h3 {font-size:11px;margin:0;padding:0;display:none;}
.fpss-introtext .slidetext p {margin:4px 0;padding:0;color:#fff;}
.fpss-introtext .slidetext a.readon {display:none;}
.fpss-introtext .slidetext a.readon:hover {display:none;}

/* --- Generic Styling (highly recommended) --- */
a:active,a:focus {outline:0;}
#fpss-container img {border:none;}
.fpss-introtext .slidetext img,
.fpss-introtext .slidetext p img {display:none;} /* this will hide images inside the introtext */
.fpss-clr {clear:both;height:0;line-height:0;}