/* Theme Name: CrushLabs, 2009 Theme URI: http://www.crushlabs.com Author: CrushLabs, Inc. Author URI: http://www.crushlabs.com Description: A custom theme for CrushLabs, Inc developed by CrushLabs, Inc. Tags: Blue, Teal, White, Gray Register at http://www.crushlabs.com for updates and new features Support: support@crushlabs.com */ body{text-align:left; padding:0; margin:0 0 0px 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:0.5em 0} ul{margin:0px; padding:0px; list-style:none} ul li{padding-left:15px} body ol{list-style:decimal inside; margin:0; padding:0} body ol li{margin:0px; padding:5px 3px; list-style-image:none; background:none} body .yjsquare_in ol li{} /**/ fieldset{padding:.5em} body a, body a:hover{cursor:pointer} a:link, a:visited{text-decoration:none} a:hover{text-decoration:none} h1, .componentheading{font-size:1.7em; line-height:1.7em} h2, .contentheading{font-size:2.5em; line-height:1.5em} h3{font-size:1.3em; line-height:1.3em} h4{font-size:1.2em; line-height:1.2em} h5{font-size:1.1em; line-height:1.1em} h6{font-size:1em; line-height:1em; font-weight:bold} .small, .createdate, .modifydate, .mosimage_caption, .createby{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 0px 0; padding:10px 0 5px 0; font-size:22px; display:block; line-height:18px; font-family:"Trebuchet MS",sans-serif} .contentheading a:hover{text-decoration:none;} .componentheading{letter-spacing:normal; font-size:18px; margin:0 0px 4px 0px; font-family:"Trebuchet MS",sans-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:2px; overflow:hidden; margin:0; padding:0; background:url(images/article_sep.png) repeat-x left top} .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, .validate{padding:1px 3px; border:none; margin-top:5px} .back_button{padding:0 5px} .readon{clear:both; height:27px; line-height:27px; display:block; clear:both; float:right; padding:0 0 0 10px; margin:0px 0 0 0; font-weight:bold; font-size:8px; text-transform:uppercase} .readon span{display:block; height:27px; line-height:27px; padding:0 10px 0 0px} 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(../../system/images/selector-arrow.png) no-repeat} .tool-text{font-size:11px; margin:0; text-align:left} input.system-openid{background:url(http://openid.net/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(images/j_button2_left.png) no-repeat; float:left; margin-left:5px} .button2-right{background:url(images/j_button2_right.png) 100% 0 no-repeat; float:left; margin-left:5px} .button2-left .image{background:url(images/j_button2_image.png) 100% 0 no-repeat} .button2-left .readmore{background:url(images/j_button2_readmore.png) 100% 0 no-repeat} .button2-left .pagebreak{background:url(images/j_button2_pagebreak.png) 100% 0 no-repeat} .button2-left .blank{background:url(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(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(images/calendar.png) no-repeat; cursor:pointer; vertical-align:middle} #component-contact{padding:0 8px} /* LAYOUT */ #centertop{text-align:left; margin:0 auto; background:#ededed url(images/header_bg.gif) repeat-x left top} #centerbottom{text-align:left; margin:0 auto; padding:0; overflow:hidden; clear:both; display:block} #header{text-align:left; height:83px; position:relative; margin:0 auto} #logo{height:83px; width:450px; float:left; text-align:left} #tags .tag-logo a{text-indent:-7500px; display:block; width:300px; height:83px; text-decoration:none} #tags{width:300px; height:83px; float:left; overflow:hidden; margin:0; padding:0} #slide {height: 260px; background: #000 url(images/bottom4_bg.jpg) top left; color: #FFF; font-size: 12px; overflow: hidden;} #slide .slideinfo { width: 980px; margin: 0px auto; padding: 5px 0px;} #slide .slideinfo h1 {margin-top: 0px;} #slide .slideinfo h2 {font-size: 14px;} #slide .slideinfo a:hover {color: #FFF; text-decoration: underline;} #banner{height:55px; float:right; margin:0; width:506px; overflow:hidden; background:#303034 url(images/banner_bg_w.gif) no-repeat left bottom} #banner_n{height:55px; float:right; width:440px; margin:0; overflow:hidden; background:#303034 url(images/banner_bg_n.gif) no-repeat left top} #banner_in{height:40px; margin:7px 9px; overflow:hidden; display:block; padding:0; color:#ececec; border:0} .search{} .search .inputbox{} #tools{font-size:10px; padding:5px; clear:both} #pathway{margin-top:9px; padding:3px 0px} #topmodule{margin:0 auto; text-align:left; overflow:hidden; margin-bottom:10px} #wrap, #wrapblank{width:100%; margin:0 auto; text-align:left; height:100% !Important; height:1%} #insidewrap, #insidewrapblank{height:100% !Important; height:1%} #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; background:#FAFAFA url(images/right_col.png) repeat-y left top} .inside{padding:0 0 0 3px; overflow:hidden; margin:0} .insidem{} #bottommodule{margin:0 auto; text-align:left; overflow:hidden; margin-bottom:10px} #bootom4_out{height:281px; width:100%; overflow:hidden; padding:0 0; margin:0 0; background:url(images/bottom4_bg.jpg) no-repeat center top} #bootom4_in{height:241px; overflow:hidden; padding:0 0; margin:20px auto; clear:both} #user3, #user4, #user5, #user6{float:left; clear:right; text-align:left; background:url(images/border_dark.png) no-repeat 98% center; height:241px; overflow:hidden} #user6{background:none} #bootom4_in .yjsquare{width:97%} #bootom4_in .yjsquare,#bootom4_in .yjsquare_in,#bootom4_in .yjsquare_out{background:none; color:#eee; height:241px} #bootom4_in .h3w{margin:8px 0 10px 10px} #bootom4_in .yjsquare h3{display:inline; padding:26px 10px 26px 0px; margin:0px 0 0 0px; background:url(images/h3r_dark.gif) no-repeat right center; color:#eee} #bootom4_in .yjsquare h3 span{display:inline; margin:0px 0 0 0px; padding:26px 0px 26px 10px; background:url(images/h3_dark.gif) no-repeat left center} #bootom4_in .button{height:28px; line-height:28px; width:65px; border:0; text-align:center; font-weight:bold; font-size:8px; text-transform:uppercase; color:#fff} #bootom4_in ul li{background:none; padding:8px 0} #footer{clear:both; text-align:center; overflow:hidden; margin:0 auto; padding:0px 0 0px 0} #footer_out{height:120px; overflow:hidden; padding:0 0; margin:0 0; background:url(images/footer_bg.jpg) repeat-x left top} #youjoomla{clear:both; text-align:left; padding:0px 10px; overflow:hidden; color:#eee; margin:30px 0 0 0} #cp{text-align:left; overflow:hidden} .news_item_f{margin:0px; padding:5px 8px 18px 8px; position:relative; background:url(images/whiteshade.gif) no-repeat left top; overflow:hidden; height:1%} .news_item_c{margin:0 5px; padding:18px 0px; overflow:hidden; height:1%} .news_item_s{margin:0 5px; padding:18px 0px; overflow:hidden; height:1%} .news_item_a{margin:10px 0px 0 0px!Important; background:none; padding:7px; overflow:hidden} .newsitem_tools{display:block; width:100%; margin:0 0 10px 0 !Important} .newsitem_info{width:70%; display:block; height:10px; float:left} .buttonheading{width:30%; display:block; overflow:hidden; padding:0; float:right} .buttonheading img{border:0} .components{padding:20px 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{line-height: 20px; letter-spacing: 0.1em; width:100%; display:block; padding:5px 0 0 0 !Important} .modifydate{width:100%; display:block; padding:15px 0 10px 0 !Important; clear:both} .fptops{position:relative} .news_item_article{padding:5px 0 0 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} .yjround{margin:5px 0 7px 0px; padding:0; float:left; clear:both; width:100%; height:100% !Important; height:1%} .yjround div div div{padding:15px; overflow:hidden} .yjround div div div div{overflow:hidden; margin:0; padding:0; width:100%; overflow:hidden} .yjround_in{overflow:hidden; width:100%} .yjround h3{margin:-4px -5px 5px -5px; padding-left:8px; padding:3px 3px 1px 23px; font-weight:bold; text-transform:uppercase; overflow:hidden; font-size:14px} .yjround div{height:100% !Important; height:1%} .yjround .syndicate div,.moduletable .syndicate div{margin:0px; padding:3px 0} .yjround p,.yjround_advert p{overflow:hidden; padding:3px} .yjround_advert h3{font:normal 10px/10px Arial,Helvetica,sans-serif; margin:-5px 15px 5px 0; width:80px; text-align:center; float:right; text-transform:uppercase} .yjround_advert{overflow:hidden} .yjround_advert div{height:100% !Important; height:1%} .yjsquare h3,.yjsquare_yj1 h3,.yjsquare_yj2 h3{padding:26px 10px 26px 0px; display:inline; text-transform:uppercase; font:bold normal 12px "“Lucida Sans”",sans-serif; font-weight:bold} .yjsquare .h3w,.yjsquare_yj1 .h3w,.yjsquare_yj2 .h3w{margin:30px 0 10px 10px} .yjsquare h3 span,.yjsquare_yj1 h3 span,.yjsquare_yj2 h3 span{overflow:hidden; padding:26px 0px 26px 10px} .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 10px 10px 10px; height:1%} .yjsquare_out,.yjsquare_out_yj1,.yjsquare_out_yj2{margin:0px 0 0px 0px; padding:0px; clear:both; display:block; height:100% !Important; height:1%; overflow:hidden} .yjsquare,.yjsquare_yj1,.yjsquare_yj2{margin:-2px 0 0px 0px; padding:0px 0 0px 0; clear:both; display:block; height:100% !Important; height:1%; overflow:hidden} #rightblock .yjsquare_in{overflow:hidden; padding:10px 10px 10px 30px; text-align:left; line-height: 20px; letter-spacing: 0.1em;} #leftblock .yjsquare{overflow:hidden; padding:0px 2px 0px 0; margin:-2px 2px 0px 0px; background:none} #leftblock .yjsquare_in{overflow:hidden; padding:10px 10px 10px 10px; line-height: 20px; letter-spacing: 0.1em;} .yjsquare_advert{font:normal 12px Arial,Helvetica,sans-serif; margin:0 0 10px 0; text-align:left; padding:4px} .yjsquare_advert h3{font:normal 10px/10px Arial,Helvetica,sans-serif; margin:-7px 0 0; width:80px; text-align:center; float:right} #modlgn_passwd, #modlgn_username{width:238px; height:22px; padding:5px 1px 1px 5px} .yf_remember{border:none; padding:0 0 0 5px!important} .pretext{font-weight:bold} .yf_login .xbuttons1,.yf_login .xbuttons2,.yf_poll .xbuttons1,.yf_poll .xbuttons2{float:right; margin:0 10px 0 0; height:28px; line-height:28px; width:65px; border:0; text-align:center; font-weight:bold; font-size:8px; text-transform:uppercase; color:#fff} .yf_login .yf_lostpass{float:left; line-height:28px} .yf_login li{background:none; padding:0 0 0 5px; margin:0} .yf_poll{padding:0 0 10px 0px; overflow:hidden} .pollbuttons{margin:0 auto; width:80%; text-align:center; height:30px} .yf_poll .xbuttons1,.yf_poll .xbuttons2{float:left} #bottoms{margin:0 auto; display:block; height:1%; overflow:hidden; clear:both} #user1, #user2{float:left; clear:right; text-align:left} #user1 .insideb{margin:0; padding:0 10px 0 0px} #user2 .insideb{margin:0; padding:0 0 0 10px} #bottoms .yjsquare{margin:0px 0 0px 0px; padding:0px 0 0px 0; clear:both; display:block; height:100% !Important; height:1%; overflow:hidden} #advert_holder{height:1%; overflow:hidden; width:100%; background:#343437 url(images/advert1_bg.gif) no-repeat center center} #advert1{height:1%; overflow:hidden; margin:0 auto} #advert1 .yjsquare{margin:0; padding:0; border:0; background:none} #advert1 .yjsquare_in{margin:0; padding:0; border:0; background:none; color:#ececec; } #advert1 h1, #advert1 h2, #advert1 h3, #advert1 h4, #advert1 h5{color:#ececec} #advert1 .yjsquare_out{background:none} .youjoomlatip-tip{font:normal 9px/normal Geneva,Arial,Helvetica,sans-serif} .youjoomlatip-title{font:bold 10px/normal Geneva,Arial,Helvetica,sans-serif; text-transform:uppercase} .yjsquare_youfashion{margin:0; background:url(images/whiteshade.gif) no-repeat left top} .yjsquare_youfashion h3{position:absolute; padding:26px 10px 26px 0px; margin:-10px 0 0 10px; display:inline; text-transform:uppercase; font:bold normal 12px "“Lucida Sans”",sans-serif; font-weight:bold} .yjsquare_youfashion .h3w{margin:0px 0 0px 0px; padding:0; display:block; position:relative} .yjsquare_youfashion h3 span{overflow:hidden; padding:26px 0px 26px 10px} .yjsquare_yjnf5 h3{position:absolute} .yjsquare_yjnf5 h3{font:normal 18px "“Lucida Grande”",sans-serif; color:#555} .yjnewsflash5 img,.yjnewsflash img{padding:4px; margin:0px 5px 0px 0px; border:1px solid #d0d0d0; background:#e4e4e4} .yjnewsflash5{display:block; clear:both; width:auto; margin:0px 0px 5px 0px !important; padding:8px 5px !important; border:none; background:url(images/yj5_under.gif) no-repeat center bottom; height:90px; font:bold 11px "“Lucida Grande”",sans-serif} .yjnewsflash5 .clear{height:1px; clear:both; overflow:hidden} .yjnewsflash_title5{font-weight:bold; text-align:left; margin:0 0px 0 0px; text-align:left; padding:0 0 0 0px} .yjnewsflash5_ins{float:right; clear:left; width:auto; display:inline; overflow:hidden} .yjnewsflash5 p{margin:-8px 0 0; padding:0} .nfimgpos5{float:left; clear:right; margin:0px 0 0 0; width:auto; display:inline} .yjnf5_h, .yjnf5_h_1,.yjnf5_h_2, .yjnf5_h_3,.yjnf5_h_4, .yjnf5_h_5{background:url(images/yj5_under.gif) no-repeat center bottom} .yjnf5_nav, .yjnf5_nav_1,.yjnf5_nav_2, .yjnf5_nav_3,.yjnf5_nav_4, .yjnf5_nav_5{display:block; height:27px; width:100%; overflow:hidden; line-height:25px; padding:0; margin:0 0 5px 0} .yjmf5_nav_b{width:90px; height:27px; float:right; display:block; margin:0; padding:0; overflow:hidden; clear:both} #up, #down, #up_1, #down_1,#up_2, #down_2, #up_3, #down_3,#up_4, #down_4, #up_5, #down_5{text-indent:-7500px; display:block; height:25px; width:20px; margin:0px; overflow:hidden} #content1,#content2, #content3,#content4, #content5{overflow:hidden; position:relative; height:100%; text-align:left; margin:20px 0; padding:0; clear:both} #content2{width:240px} #content3{width:468px} #content4{width:500px} #content5{width:600px} #content2 .YJSlide_description{display:block; position:absolute; top:222px; left:0px; color:#eee; font-size:12px; background:#000; color:#fff; font-weight:bold; width:240px; padding:0; margin:0; text-align:center; border:0} #content4 .YJSlide_description{display:none} #advert1 .YJSlide_description{display:block; position:absolute; top:70px; right:40px; color:#eee; font-size:18px; padding:20px; background:url(images/desc_bg.png); color:#fff; font-weight:bold; width:357px; margin:0; text-align:center; border:5px solid #242424} #advert1 .YJSlide_slide .YJSlide_intro{display:block; position:absolute; width:100%; left:0px; bottom:0px; height:80px; text-align:justify; background:url(images/desc_bg.png); color:#eee; font-weight:bold} #advert1 #YJS_left, #advert1 #YJS_right,#advert1 #YJS_left_1, #advert1 #YJS_right_1{background:url(images/navs_l.png) left center} #advert1 #YJS_right, #advert1 #YJS_right_1{background:url(images/navs_r.png) right center} #banner ul{background-image:none; padding:3px 0 0 10px; margin:0} #banner ul li{display:block; width:29%; padding:0px 0 0px 20px; margin:5px 0 0 0; float:left} /* Menu */ #menu_bg{margin:0 auto; display:block; position:relative; height:70px; width:100%; background:#ededed url(images/menu_bg.gif) repeat-x left top; z-index:15} #menu_holder{margin:0 auto; display:block; position:relative; height:49px; padding:21px 0 0 10px} #top_menu{width:100%; margin:0px auto 0 auto; display:block; position:relative; z-index:10; text-align:left} #horiznav{height:28px; z-index:50; float:none} #horiznav ul{list-style:none; line-height:28px; padding-top:0px} #horiznav ul li{position:relative; margin:0 10px 0 0} #horiznav a{text-transform:uppercase; display:block; cursor:pointer; height:28px; padding:0px 0px 0px 15px; margin:0px 0px 0px 0px; font:bold 10px/28px Tahoma} #horiznav li a:hover{height:28px} #horiznav li{float:left; padding:0; padding:0px 15px 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:-4px 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{background-image:none; width:173px} #horiznav li li, #horiznav li.haschild ul li#current:hover, #horiznav li.haschild ul li#current.sfHover{background-image:none; width:173px} #mainlevel ul, .menu ul{list-style:none; margin:0; padding:0} #mainlevel{padding:0; text-align:left; margin-left:-19px; margin-right:-8px} .menu{padding:0; text-align:left; margin-left:-19px; margin-right:-8px} #mainlevel li, .menu li, .menu li:hover{background-image:none} #mainlevel li a, .menu li a{height:26px; line-height:20px; text-decoration:none; display:block; font-size:12px; text-decoration:none; text-indent:0px; 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} /* Typography */ img.border{padding:8px; margin:2px 10px 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} .sticky{padding:20px 20px 10px 40px; margin-top:10px; margin-bottom:10px} .pin{padding:20px 20px 10px 40px; margin-top:10px; margin-bottom:10px} .clip{margin-top:10px; margin-bottom:10px; padding:20px 20px 10px 40px} .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.stars li,li.stars,li.stars:hover{padding-bottom:5px; padding-left:25px; list-style-image:none; list-style-type:none} img.border{border:1px solid #d0d0d0; background:#e4e4e4} .special{background:#FFC; border:1px solid #9E9F63} .error{color:#C00; background:url(images/error.gif) no-repeat center left} .message{color:#069; background:url(images/info.gif) no-repeat center left} .tips{color:#FF5A00; background:url(images/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/qlg.gif) no-repeat 0px 2px !Important} div.blockquote blockquote{background:url(images/qrg.gif) no-repeat right bottom} .dropcap{color:#e7e7e7; font-family:Georgia,Times,serif} .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/sticky.gif) no-repeat left center} .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/pin.gif) no-repeat left center} .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/clip.gif) no-repeat left center} .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/down.gif) no-repeat left center} .bignumber{color:#e7e7e7; background-position:left top} body ul.stars li,body li.stars{background:url(images/star.gif) no-repeat 0 1px} body ul.video li,body li.video,body li.video:hover{background:url(images/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} ul li.vimeo,ul li.face,ul li.rss,ul li.linkedin,ul li.flickr,ul li.twitter{background:url(images/vimeo_des.png) no-repeat left center; font-weight:bold; font-size:10px; padding:0 0 0px 20px} ul li.face{background:url(images/face_des.png) no-repeat left center} ul li.rss{background:url(images/rss_des.png) no-repeat left center} ul li.linkedin{background:url(images/linkedin_des.png) no-repeat left center} ul li.flickr{background:url(images/flickr_des.png) no-repeat left center} ul li.twitter{background:url(images/twitter_des.png) no-repeat left center} ul li.vimeo:hover{background:url(images/vimeo.png) no-repeat left center} ul li.face:hover{background:url(images/face.png) no-repeat left center} ul li.rss:hover{background:url(images/rss.png) no-repeat left center} ul li.linkedin:hover{background:url(images/linkedin.png) no-repeat left center} ul li.flickr:hover{background:url(images/flickr.png) no-repeat left center} ul li.twitter:hover{background:url(images/twitter.png) no-repeat left center} .marginr{float:left; margin:4px 8px 0 0; padding:0} .imgtfe{ float:left; margin:4px 8px 0 0; padding:4px; background: #E4E4E4;border: 1px solid #CCC;} .blog img, img.recent-posts-thumb {padding:4px; background: #E4E4E4;border: 1px solid #CCC;} img.recent-posts-thumb {margin: 5px 10px 0px 0px;} .marginl{float:right; margin:0 0px 0 10px; padding:0} ul.slider{margin-left:370px} ul.slider a.popbox{margin:0; padding:0; display:inline} .sliderp{overflow:hidden; display:block} .sliderp .marginr{float:left} .sliderp .down{float:right; width:550px} /* Make it Blue! */ body#color{background:#18181a} #color2{background:#fafafa} #logo{background:url(images/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/xbuttons2.gif) no-repeat left center} .button, .validate{color:#fff; background:#1ccbf0 url(images/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/read_l.gif) no-repeat left center; color:#fff} .readon span{background:url(images/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) 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/yj1h3_r.gif) no-repeat right center} .yjsquare_yj1 h3 span{color:#fff; background:url(images/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/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/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/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/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/topmenu/arrow_right.gif) 95% 50% no-repeat} #horiznav ul li.active ul li a.child{background:url(images/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/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/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/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-image:none;} #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-image:none;} a.sublevel{background:url(images/strelica.gif) no-repeat 5px 9px} a.sublevel:hover{background:url(images/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/mainlevel.jpg) no-repeat left top} #leftblock #mainlevel li a,#leftblock .menu li a,#leftblock a.mainlevel{background-image: none;} #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-image: none;} #leftblock .yjsquare li.active ul li a:hover,#leftblock .yjsquare li.active ul li.active a{color:#8bacc6; background:#e7e7e7 url(images/mainlevel_l.jpg) no-repeat left top} body li{padding-left:15px; background:url(images/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/xbuttons2_dark.gif) no-repeat left center} #down, #down_1, #down_2, #down_3,#down_4, #down_5{background:url(images/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/yj5_navs_h.gif) no-repeat left center} #up, #up_1, #up_2, #up_3, #up_4, #up_5{background:url(images/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/yj5_navs_h.gif) no-repeat right center} .textwidget {margin: 0px; padding: 0px;} .clear {clear: both;} h2.pagetitle {color: #213878; font-size: 22px; text-align: center;} .testimonials_manager_widget{margin: 10px 0;padding:10px;border: 1px dotted #dddddd;background: #f4f4f4;} .testimonials_manager_widget .avatar{background:#FFFFFF none repeat scroll 0 0;border:1px solid #DDDDDD;float:right;margin-right:-5px;margin-top:-5px;padding:2px;position:relative;} .testimonial {margin: 10px 0;padding:10px;border: 1px dotted #dddddd;background: #f4f4f4;} .testimonial .avatar { background:#FFFFFF none repeat scroll 0 0;border:1px solid #dddddd;float:right;margin-right:-5px;margin-top:-5px;padding:2px;position:relative;} .testimonials_manager_widget{margin: 10px 0;padding:10px;border: 1px dotted #dddddd;background: #f4f4f4;} .testimonials_manager_widget .avatar{background:#FFFFFF none repeat scroll 0 0;border:1px solid #DDDDDD;float:right;margin-right:-5px;margin-top:-5px;padding:2px;position:relative; } .testimonial {margin: 10px 0;padding:10px;border: 1px dotted #dddddd;background: #f4f4f4;} .testimonial .avatar {background:#FFFFFF none repeat scroll 0 0;border:1px solid #dddddd;float:right;margin-right:-5px;margin-top:-5px;padding:2px;position:relative;} /* Various Classes & Image Alignment */ .aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;} img.centered {display: block;margin-left: auto;margin-right: auto;} img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;} img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;} .alignright {float: right;} .alignleft {float: left} .blog .newsitem_text #gallery a.img {margin: 20px;} #gallery {margin: 10px 0px; padding: 10px 0px; border-top: 1px dotted #DADADA;border-bottom: 1px dotted #DADADA;} #contactusnow {text-align:center;} .pagerbox {margin: 20px 0px 20px 20px;} .testimonial { margin:10px 0; padding:10px; border:1px dotted #f4f4f4; background:#F4F4F4; } .testimonial .avatar { background:#FFFFFF none repeat scroll 0 0; border:1px solid #DDDDDD; float:right; margin-right:-5px; margin-left:5px; margin-top:-5px; padding:2px; position:relative; } div.pagination { font-size:11px; font-family:Tahoma,Arial,Helvetica,Sans-serif; padding:2px; background-color: #F4F4F4; } div.pagination a { padding:2px 5px 2px 5px; margin:2px; background-color:#F4F4F4; text-decoration:none; /* no underline */ color:#000; } div.pagination a:hover,div.pagination a:active { background-color:#c1c1c1; color:#000; } div.pagination span.current { padding:2px 5px 2px 5px; margin:2px; font-weight:bold; background-color:#fff; color:#303030; } div.pagination span.disabled { padding:2px 5px 2px 5px; margin:2px; background-color:#c1c1c1; color: #797979; } #feedback { background: transparent; width: 32px; position: fixed; top: 25%; left: 0.25%; } #feedback a { display: block; text-indent: -9999px; height: 32px;} #feedback #facebook { background: url('http://www.crushlabs.com/images/facebookicon.png') no-repeat 0 -32px; } #feedback #facebook:hover { background-position: 0 0; } #feedback #twitter { background: url('http://www.crushlabs.com/images/twittericon.png') no-repeat 0 -32px; } #feedback #twitter:hover { background-position: 0 0; } #feedback #rss { background: url('http://www.crushlabs.com/images/rssicon.png') no-repeat 0 -32px; } #feedback #rss:hover { background-position: 0 0; } .btn{display:inline-block;overflow:visible;border:1px solid #CCC;background:url(images/btn.gif) repeat-x 0 0;margin:0 10px 0 0;padding:5px 10px 5px 10px;color:#666;cursor:pointer;-moz-border-radius:2.5px;-webkit-border-radius:2.5px;font-size:12px;line-height:15px!important;text-align:center;} .btn:hover,.btn:focus,.btn:active{background-position:0 -26px;color:#424242;} .btn.yes{background-position:0 -52px;border:1px solid #0084b4;color:#FFF;text-shadow:#999999 -1px -1px 0;} .btn.yes:hover{background-position:0 -78px;} input.btn{padding:4px 10px 4px 10px;}