/* @group yui.css */ /* The core layout uses the Yahoo CSS framework Copyright (c) 2008,Yahoo! Inc. All rights reserved. Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt version:2.6.0 ** Modified by Prothemer.com - added new layouts & numerous fixes applied ----------------------------------------------------------------------------*/ /* @group YUI Reset CSS */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-weight:normal;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} legend{color:#000;} del,ins{text-decoration:none;} /* universal clearer ***************************************/ .clearer:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} /* hides from ie mac \*/ * html .clearer{height:1%;} .clearer{display:block;} /* @end */ /* @group YUI Fonts CSS */ table{font-size:inherit;} pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;} /* @end */ /* @group YUI Main Grid CSS */ body{text-align:center;} /*#ft - *test if still in use{clear:both;} */ .doc,.doc2,.doc3,.doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;min-width:750px;} /* @group page width styles */ .doc2{width:73.076em;} .doc3{margin:auto 10px;width:auto;} .doc4{width:74.923em;} /* @end */ /* @group outer sidebar layout styles */ .yui-b{position:relative;} #yui-main .yui-b{position:static;} #yui-main,.yui-g .yui-u .yui-g{width:100%;} .yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main,.yui-t8 #yui-main{float:right;margin-left:-25em;/*IE:preserve layout at narrow widths*/} .yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main,.yui-t9 #yui-main{float:left;margin-right:-25em;/*IE:preserve layout at narrow widths*/} .yui-t1 .yui-b{float:left;width:12.30769em;} .yui-t1 #yui-main .yui-b{margin-left:13.30769em;} .yui-t2 .yui-b{float:left;width:13.8461em;} .yui-t2 #yui-main .yui-b{margin-left:14.8461em;} .yui-t3 .yui-b{float:left;width:23.0769em;} .yui-t3 #yui-main .yui-b{margin-left:24.0769em;} .yui-t4 .yui-b{float:right;width:13.8456em;} .yui-t4 #yui-main .yui-b{margin-right:14.8456em;} .yui-t5 .yui-b{float:right;width:18.4615em;} .yui-t5 #yui-main .yui-b{margin-right:19.4615em;} .yui-t6 .yui-b{float:right;width:23.0769em;} .yui-t6 #yui-main .yui-b{margin-right:24.0769em;} .yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em;} /* custom YUI layouts */ .yui-t8, .yui-t9{margin:auto;text-align:left;width:57.69em;min-width:750px;} .yui-t8 #yui-main{float:right;margin-left:-25em;} .yui-t9 #yui-main{float:left;margin-right:-25em;} .yui-t8 .yui-b{float:left;width:16.38461em;} .yui-t8 #yui-main .yui-b{margin-left:17.38461em;} .yui-t9 .yui-b{float:right;width:16.38461em;} .yui-t9 #yui-main .yui-b{margin-right:17.38461em;} #yui-main .yui-b{float:none;width:auto;} .doc4.yui-t8,.doc4.yui-t9{width:74.923em;} .doc2.yui-t8,.doc2.yui-t9{width:73.076em;} .doc3.yui-t8,.doc3.yui-t9{width:98.5%;} .doc3 .yui-ge div.first,.doc3 .yui-gf .yui-u{width:75%;} /* @group grid styles - used for modules */ /* set floats for 3,4 and 5 grid items*/ .yui-g5 .yui-u,.yui-g4 .yui-u,.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;} /* base yui layout for 3 grids side by side */ .yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32.46%;margin-left:1.3%;} /* custom layout for 4 grids side by side */ #article-content div.yui-g4 div.yui-u, .yui-g4 .mod-fx.yui-u, .yui-g4 .yui-u, .yui-g .yui-g4 .mod-fx.yui-u, .yui-g4 .mod-grid.yui-u, .yui-g .yui-g4 .mod-grid.yui-u, .yui-g4 .yui-g, .yui-g4 .yui-g4, .yui-g4 .yui-gc, .yui-g4 .yui-gd, .yui-g4 .yui-ge, .yui-g4 .yui-gf{margin-left:1.1%;width:24.17%;} /* custom layout for 5 grids side by side */ #article-content div.yui-g5 div.yui-u, .yui-g5 .mod-grid.yui-u, .yui-g .yui-g5 .mod-grid.yui-u, .yui-g5 .yui-g, .yui-g5 .yui-g5, .yui-g5 .yui-gc, .yui-g5 .yui-gd, .yui-g5 .yui-ge, .yui-g5 .yui-gf{margin-left:1.25%;width:19%;} #article-content div.yui-g4 div.yui-u.first{margin-left:0;} #article-content div.yui-g5 div.yui-u.first{margin-left:0;} #article-content div.yui-g4 div.yui-u, #article-content div.yui-g5 div.yui-u{float:left;} /* yui layout for 2 grids side by side - all options */ .yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf, .yui-gc .yui-u, .yui-gd .yui-g, .yui-g .yui-gc .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf .yui-g, .yui-gf .yui-u{float:right;} #article-content div.yui-g4 div.yui-u.first, #article-content div.yui-g5 div.yui-u.first, .yui-g div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first, .yui-ge div.first, .yui-gf div.first, .yui-g .yui-gc div.first, .yui-g .yui-ge div.first, .yui-gc div.first div.first{float:left;} /* set widths for each option with 2 grids */ .yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf{width:49.3%;} .yui-gc div.first, .yui-gd .yui-u{width:66.6%;} .yui-gd div.first{width:32.053%;} .yui-ge div.first, .yui-gf .yui-u{width:74.7%;} .yui-ge .yui-u,.yui-gf div.first{width:24%;} .yui-g4 .mod-grid.yui-u.first,.yui-g .yui-g4 .mod-grid.yui-u.first,.yui-g5 .mod-grid.yui-u.first,.yui-g .yui-g5 .mod-grid.yui-u.first,.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;} .yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;} .yui-g .yui-g .yui-u{width:48.1%;} .yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;} .yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;margin-right:0;} .yui-gb .yui-gc div.first{width:66%;} .yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;} .yui-gb .yui-gd div.first{width:32%;} .yui-ge .yui-g{width:24%;} .yui-gf .yui-g{width:74.2%;} .yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;} .yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;} .yui-ge div.first .yui-gd .yui-u{width:65%;} .yui-ge div.first .yui-gd div.first{width:32%;} #bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;} /* @end */ /* @group custom inner 200px YUI grid options gh & gi */ /*gh - right 200px*/ .yui-gh #tertiary-content{float:right;} .yui-gh #primary-content.first{float:left;} /*gi - left 200px*/ .yui-gi #primary-content{float:right;} .yui-gi #tertiary-content{float:left;} /* set sidebar width for all layouts - doc,doc2 and doc4 - Tertiary 200px*/ .doc4.yui-t9 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc4.yui-t8 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc4.yui-t6 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc4.yui-t5 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc4.yui-t4 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc4.yui-t3 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc4.yui-t2 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc4.yui-t1 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc2.yui-t9 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc2.yui-t8 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc2.yui-t6 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc2.yui-t5 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc2.yui-t4 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc2.yui-t3 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc2.yui-t2 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc2.yui-t1 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc.yui-t9 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc.yui-t8 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc.yui-t6 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc.yui-t5 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc.yui-t4 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc.yui-t3 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc.yui-t2 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc.yui-t1 #yui-main .yui-b .yui-gh #tertiary-content.yui-u,.doc4.yui-t9 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc4.yui-t8 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc4.yui-t6 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc4.yui-t5 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc4.yui-t4 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc4.yui-t3 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc4.yui-t2 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc4.yui-t1 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc2.yui-t9 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc2.yui-t8 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc2.yui-t6 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc2.yui-t5 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc2.yui-t4 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc2.yui-t3 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc2.yui-t2 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc2.yui-t1 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc.yui-t9 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc.yui-t8 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc.yui-t6 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc.yui-t5 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc.yui-t4 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc.yui-t3 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc.yui-t2 #yui-main .yui-b .yui-gi #tertiary-content.yui-u,.doc.yui-t1 #yui-main .yui-b .yui-gi #tertiary-content.yui-u, .yui-t0 .yui-gh #tertiary-content.yui-u, .yui-t0 .yui-gi #tertiary-content.yui-u {width:14.3846em;} /**** Doc 1 = 100% ****/ /**********************/ .doc.yui-t1 #yui-main .yui-b .yui-gh #primary-content.yui-u.first{width:63.9%;} .doc.yui-t2 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, .doc.yui-t4 #yui-main .yui-b .yui-gh #primary-content.yui-u.first{width:62.9%;} .doc.yui-t5 #yui-main .yui-b .yui-gh #primary-content.yui-u.first{width:58%;} .doc.yui-t8 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, .doc.yui-t9 #yui-main .yui-b .yui-gh #primary-content.yui-u.first{width:60%;} .doc.yui-t3 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, .doc.yui-t6 #yui-main .yui-b .yui-gh #primary-content.yui-u.first{width:52%;} /**** Doc 2 & Doc 4 with 200px inner ****/ /****************************************/ /*** T0 - no outer sidebar at all ***/ .doc4.yui-t0 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, /* inner sidebar on left */ .doc4.yui-t0 #yui-main .yui-b .yui-gi #primary-content.yui-u.first{width:79%!important;} /*** T1 - 160px left outer layout with 200px inner sidebar ***/ /* 974px layout with 160px outer & 200px inner*/ /* inner sidebar on right */ .doc4.yui-t1 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, /* inner sidebar on left */ .doc4.yui-t1 #yui-main .yui-b .yui-gi #primary-content.yui-u.first{width:73.3%;} /* 950px layout with 160px outer & 200px inner */ /* inner sidebar on right */ .doc2.yui-t1 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, /* inner sidebar on left */ .doc2.yui-t1 #yui-main .yui-b .yui-gi #primary-content.yui-u.first{width:74.3%;} /*** T2 - 180px left outer layout with 200px inner sidebar ***/ /* 974px layout with 180px outer & 200px inner*/ /* inner sidebar on right */ .doc4.yui-t2 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, /* inner sidebar on left */ .doc4.yui-t2 #yui-main .yui-b .yui-gi #primary-content.yui-u.first{width:73.5%;} /* 950px layout with 180px outer & 200px inner */ /* inner sidebar on right */ .doc2.yui-t2 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, /* inner sidebar on left */ .doc2.yui-t2 #yui-main .yui-b .yui-gi #primary-content.yui-u.first{width:72.5%;} /*** T3 & T6 - 300px Outer sidebar L & R positions*/ /* 975px layout - 200px inner sidebar on right */ .doc4.yui-t3 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, .doc4.yui-t3 #yui-main .yui-b .yui-gi #primary-content.yui-u.first, .doc4.yui-t6 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, .doc4.yui-t6 #yui-main .yui-b .yui-gi #primary-content.yui-u.first, .doc4 .yui-t0 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, .doc4 .yui-t0 #yui-main .yui-b .yui-gi #primary-content.yui-u.first{width:68.8%;} /* 950px layout - 200px inner sidebar on right */ .doc2.yui-t3 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, .doc2.yui-t3 #yui-main .yui-b .yui-gi #primary-content.yui-u.first, .doc2.yui-t6 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, .doc2.yui-t6 #yui-main .yui-b .yui-gi #primary-content.yui-u.first{width:67.5%;} /*** T4 - 180px right outer layout with 200px inner sidebar ***/ /* 974px layout with 180px outer & 200px inner*/ /* inner sidebar on right */ .doc4.yui-t4 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, /* inner sidebar on left */ .doc4.yui-t4 #yui-main .yui-b .yui-gi #primary-content.yui-u.first{width:73.5%;} /* 950px layout with 180px outer & 200px inner */ /* inner sidebar on right */ .doc2.yui-t4 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, /* inner sidebar on left */ .doc2.yui-t4 #yui-main .yui-b .yui-gi #primary-content.yui-u.first{width:72.3%;} /*** T5 - 240px right outer layout with 200px inner sidebar ***/ /* 974px layout with 240px outer & 200px inner*/ /* inner sidebar on right */ .doc4.yui-t5 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, /* inner sidebar on left */ .doc4.yui-t5 #yui-main .yui-b .yui-gi #primary-content.yui-u.first{width:71.35%;} /* 950px layout with 240px outer & 200px inner */ /* inner sidebar on right */ .doc2.yui-t5 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, /* inner sidebar on left */ .doc2.yui-t5 #yui-main .yui-b .yui-gi #primary-content.yui-u.first{width:70.3%;} /*** T8 - 200px left outer layout with 200px inner sidebar ***/ /* 974px layout with 200px outer & 200px inner*/ /* inner sidebar on right */ .doc4.yui-t8 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, /* inner sidebar on left */ .doc4.yui-t8 #yui-main .yui-b .yui-gi #primary-content.yui-u.first{width:72.3%;} /* 950px layout with 200px outer & 200px inner */ /* inner sidebar on right */ .doc2.yui-t8 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, /* inner sidebar on left */ .doc2.yui-t8 #yui-main .yui-b .yui-gi #primary-content.yui-u.first{width:71.3%;} /*** T9 - 200px right outer layout with 200px inner sidebar ***/ /* 974px layout with 200px outer & 200px inner*/ /* inner sidebar on right */ .doc4.yui-t9 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, /* inner sidebar on left */ .doc4.yui-t9 #yui-main .yui-b .yui-gi #primary-content.yui-u.first{width:72.3%;} /* 950px layout with 200px outer & 200px inner */ /* inner sidebar on right */ .doc2.yui-t9 #yui-main .yui-b .yui-gh #primary-content.yui-u.first, /* inner sidebar on left */ .doc2.yui-t9 #yui-main .yui-b .yui-gi #primary-content.yui-u.first{width:71.3%;} #inner-wrap.yui-gc #tertiary-content{width: 31%;} /* set modules in sidebars to use all available space */ #inner-wrap.yui-gc #tertiary-content .mod-basic {width: 100%;} /* @end */ /* @group block & module grid adjustment styles to get precision layout */ /* @group First we need resets, clears, margin for all blocks blocks */ #masthead{clear:both;position:relative;} #skipto{position:absolute;left:-9999px;} #branding{height:100%;float:left;width:auto;} #branding a:hover{text-decoration:none;} #bottomshelf{overflow: hidden; } #top{float:right;} .slider-toolbar{width:100%;} #toolbar-wrap .slider-toolbar a {display:block;position:absolute;right:0;z-index:999;cursor: pointer; } #toolbar-wrap .slider-toolbar a:focus{outline:none;} #user1{overflow:hidden;float:none;width:100%;clear:both;} #user2{clear:both;} #user1 .mod{overflow: hidden;margin-top:.987em;} #user1 .first{margin-left:0;} #inset1,#inset2,#inset3,#inset4{/*margin-bottom:1em;*/overflow: hidden;} #inset1 .mod-basic, #inset2 .mod-basic, #inset3 .mod-basic, #inset4 .mod-basic{width:auto;float:none;} #inset4{clear:both;} /* add margin to last module in sidebar */ .sidebar .lastmodule {margin-bottom:1em;} /* @end */ /* @group generic styles for all pos */ /* adjustment for when 2 mods published with 33/66*/ .modcount2.yui-gd .yui-u {margin-left: 1.35%;} .modcount2.yui-gd .yui-u.first {margin-left: 0;} /* adjustment for when 2 mods published with 66/33*/ .modcount2.yui-gc .yui-u.first, .modcount2.yui-gc .yui-u.first {width: 66.2%;} /* @end */ /* styling for grids in the sidebars */ .sidebar .grid .mod-grid.yui-u{width:48.0%;margin-left:0%;float:right;} .sidebar .grid .mod-grid.yui-u.first {float:left;} /* user1 & 2 */ #user1.grid.modcount3 .mod-grid.yui-u, #user2.grid.modcount3 .mod-grid.yui-u {width:32.44%;margin-left: 1.33%; } #user1.grid.modcount4 .mod-grid.yui-u, #user2.grid.modcount4 .mod-grid.yui-u {width:24%;margin-left:1.33%} #user1.grid.modcount5 .mod-grid.yui-u, #user2.grid.modcount5 .mod-grid.yui-u {width:18.88%;margin-left:1.4%} /* @group inset position contol styles */ /* inset 1 & 4 */ #inset1.grid.modcount5 .yui-u{width:18.4%;margin-left:2%} #inset1.grid.modcount4 .yui-u{width:23.55%;margin-left:1.9%} /* make grids with 4 and 5 mods nested in content float correctly */ #inset2.grid.modcount4 .yui-u, #inset2.grid.modcount5 .yui-u, #inset3.grid.modcount4 .yui-u, #inset3.grid.modcount5 .yui-u {float: left;} /* fix for inset 2 & 3 in primary content - needs specificity to not float due to nesting */ .yui-g #primary-content #inset2.no-grid .yui-u, .yui-gc #primary-content #inset2.no-grid .yui-u, .yui-gd #primary-content #inset2.no-grid .yui-u, .yui-ge #primary-content #inset2.no-grid .yui-u, .yui-gf #primary-content #inset2.no-grid .yui-u, .yui-g #primary-content #inset3.no-grid .yui-u, .yui-gc #primary-content #inset3.no-grid .yui-u, .yui-gd #primary-content #inset3.no-grid .yui-u, .yui-ge #primary-content #inset3.no-grid .yui-u, .yui-gf #primary-content #inset3.no-grid .yui-u {float: none;width: 100%;} /*.yui-g #primary-content #inset2 .yui-u, .yui-g #primary-content #inset3 .yui-u {width: 100%;}*/ .yui-gc #inset2.no-grid div.first, .yui-gc #inset3.no-grid div.first { width: 100%; } /* nested inset grids specificity fix */ .yui-gc #inset2.yui-g, .yui-gd #inset2.yui-g, .yui-ge #inset2.yui-g, .yui-gf #inset2.yui-g, .yui-gc #inset3.yui-g, .yui-gd #inset3.yui-g, .yui-ge #inset3.yui-g, .yui-gf #inset3.yui-g { width: 100%; margin-left: 0; } /* inset 2 & 3 when using inner layouts and nested insets */ .yui-gc #inset2.yui-gb.modcount3 .yui-u, .yui-gc #inset3.yui-gb.modcount3 .yui-u, .yui-gd #inset2.yui-gb.modcount3 .yui-u, .yui-gd #inset3.yui-gb.modcount3 .yui-u, .yui-ge #inset2.yui-gb.modcount3 .yui-u, .yui-ge #inset3.yui-gb.modcount3 .yui-u, .yui-gf #inset2.yui-gb.modcount3 .yui-u, .yui-gf #inset3.yui-gb.modcount3 .yui-u { width: 32.3%; float: left; } /* inset2 adjustment for when 2 mods published with wide sidebars */ #inset2.yui-gc.modcount2 .yui-u.first {width: 65.5%;} #inset2.yui-gc.modcount2 .yui-u {width: 31.5%;margin-left: 3%;} #inset2.yui-gd.modcount2 .yui-u.first {width: 32%;} #inset2.yui-gd.modcount2 .yui-u {width: 66%;margin-left: 2%;} #inset2.yui-ge.modcount2 .yui-u.first {width: 73.5%;} #inset2.yui-ge.modcount2 .yui-u {width: 23.5%;margin-left: 3%;} #inset2.yui-gf.modcount2 .yui-u.first {width: 31.5%;} #inset2.yui-gf.modcount2 .yui-u {width: 65.5%;margin-left: 3%;} /* 50% / 50% - 300px with inner sidebar */ /*inset2*/ .yui-t6 .yui-gh #inset2.yui-g.modcount2 .yui-u {width: 48.6%;} .yui-t3 .yui-gh #inset2.yui-g.modcount2 .yui-u {width: 48.6%;} /*inset3*/ .yui-t6 .yui-gh #inset3.yui-g.modcount2 .yui-u {width: 48.6%;} .yui-t3 .yui-gh #inset3.yui-g.modcount2 .yui-u {width: 48.6%;} /* 50% / 50% 300px without inner sidebar */ .yui-t6 .yui- #inset2.yui-g.modcount2 .yui-u {width: 49%;} .yui-t3 .yui- #inset2.yui-g.modcount2 .yui-u {width: 49%;} .yui-t5 .yui-gh #inset2.yui-g.modcount2 .yui-u {width: 48.8%;} /* nested grids in sidebar fixes */ #tertiary-content .grid, #tertiary-content .mod-basic { margin-left: 0; width: 100%; } /* reset all grids left margin */ .sidebar .grid .mod-grid.yui-u.first, #inset1.grid .mod-grid.yui-u.first, #inset2.grid .mod-grid.yui-u.first, #user1.grid .mod-grid.yui-u.first, #user2.grid .mod-grid.yui-u.first {margin-left:0;} /*.doc4 #yui-main .yui-gc #primary-content.first { width: 65%; }*/ #bd #yui-main .no-left{margin-left:0;} /* grids in content fixes */ #article .grid{width:100%;margin:0 0 1.5em 0;display:block;clear:both;float:none;overflow:hidden;} #article .yui-gf .yui-u{width:74.7%;} #article .yui-gf .yui-u.first{width:24%;} #article .yui-gb .yui-u{width:32.46%;} #article .yui-gb .yui-u.first{width:32.46%;} .yui-t0 #article .yui-gc .yui-u.first{width:65%;} /* @end */ /* @group topnav-default.css */ /*---------------------------------------------------------------------------- ++ Top Navigation - Default ++ These styles make up the top navigation default styles ----------------------------------------------------------------------------*/ /* @group joomla core - first layer */ #topnav #nav{float:left;} #topnav ul, #topnav ul *{margin:0;padding:0;list-style:none;} #topnav ul {line-height:1.0;} #topnav ul li{float:left;position:relative;} #topnav ul a, #topnav ul li span.separator {display:block;position:relative;color: #333;} #topnav ul a.top-level, #topnav ul a.mainlevel-nav, #topnav ul li span.separator {font-size: 1.2em;border-right:1px solid #ddd;border-left: 1px solid #fff;padding:1.2em 0.7em;text-decoration:none;} #topnav ul a, #topnav ul a:link, #topnav ul a:visited{/* visited pseudo selector so IE6 applies text colour*/} #topnav ul a:hover {background: #eee;} #topnav ul#mainlevel-nav li.first, #topnav #nav ul li.first a.top-level { border-left: 1px solid #ddd; } /* @end */ /* main menu link color */ #topnav.subtext #nav ul .mainmenu_item{/*color:#333;*/} /* sub menu link color */ #topnav.subtext #nav ul .submenu_item{color:#aaa;display:block;font-weight:normal;font-size:0.8em;padding-top:0.5em;padding-bottom:0.1em;} #topnav.subtext ul a.top-level, #topnav.subtext ul a.mainlevel-nav, #topnav.subtext ul li span.separator {font-size: 1.1em;border-right:1px solid #ddd;border-left: 1px solid #fff;padding:0.9em 0.7em;text-decoration:none;} /* @end */ /* @group call to action button */ #topnav.call-for-action div#nav, #topnav.call-for-action div#nav ul {width:100%;border-right:0;} #topnav.call-for-action #nav li.action-link{float:right!important;border:none;border-left:1px solid #ccc;padding:0;margin:0;} #topnav.call-for-action #nav li.action-link a{border:none;background:#fafafa;margin:0;} #topnav.call-for-action #nav li.action-link a:hover {/*color:#D66258;*/} /* @end */ /* @group skip to menu */ #skipto,#skipto li{list-style:none;margin:0;padding:0;} #skipto{position:absolute;left:-99999999px;} #skipto li{display:inline;padding: 0 5px;} /* @end */ /* @group styling for navigation in toolbar position */ #toolbar .menu { overflow: hidden; padding: 0; margin: 0 0 0.5em 0; } #toolbar .menu li { float: right; } #toolbar .menu li a { background: #000000 none repeat scroll 0 0; color: #DDDDDD; font-size: 0.85em; letter-spacing: 0.02em; margin: 0 0.4em; padding: 0.4em 1em 0.8em 1em; display: block; } /* @end */ /* @end */ /* @group topnav-topdrop.css */ /*---------------------------------------------------------------------------- ++ Top Navigation - Dropline "topdrop" ++ These are the styles for the top dropline menu ----------------------------------------------------------------------------*/ /* @group topdrop structural layer */ /* set layout control styles */ #topnav.topdrop #nav .menu, #topnav.topdrop #nav .menu *{margin:0;padding:0;list-style:none;} #topnav.topdrop #nav .menu{line-height:1.0;float:left;position:relative;} #topnav.topdrop #nav .menu ul{position:absolute;top:-999em;width:10em;} #topnav.topdrop #nav .menu ul li{width:100%;} #topnav.topdrop #nav .menu li:hover{visibility:inherit;/* fixes IE7 'sticky bug' */} #topnav.topdrop #nav .menu li{float:left;position:static;} #topnav.topdrop #nav .menu a{display:block;position:relative;} #topnav.topdrop #nav .menu li:hover ul, #topnav.topdrop #nav .menu li.sfHover ul{left:0;top:100%;/* match top ul list item height */z-index:99;margin-top: 2px;} #topnav.topdrop #nav .menu li:hover ul ul, #topnav.topdrop #nav .menu li.sfHover ul ul {left:0;top:100%;margin-left: -1px;margin-top: 1px;} #topnav.topdrop #nav .menu li:hover ul ul ul, #topnav.topdrop #nav .menu li.sfHover ul ul ul {left:13.1em;top:0.82em;} #topnav.topdrop #nav .menu li:hover,#topnav.topdrop #nav .menu li.sfHover, #topnav.topdrop #nav .menu a:focus,#topnav.topdrop #nav .menu a:hover, #topnav.topdrop #nav .menu a:active{outline:0;} #topnav.topdrop #nav .menu li ul{width:74em;} #topnav.topdrop #nav .menu li li{background:none;position:relative;} #topnav.topdrop #nav .menu li li ul{width:15em;} #topnav.topdrop #nav .menu li li li{width:100%;} #topnav.topdrop #nav .menu ul li{width:auto;float:left;} #topdrop-bar-wrap {background:#f3f3f3;border-bottom:1px solid #DDDDDD;border-top:1px solid #FFFFFF;height:2.6em;} /* @end */ /* @group topdrop skin */ /* add background image to navbarfor when using topdrop */ #topnav-wrap.topdrop {background: url(/morph_assets/themelets/light-candy/images/repeat-sprite.jpg) repeat-x 0 -466px;border-bottom: 1px solid #ddd;} #topnav.topdrop #nav .menu a, #topnav.topdrop #nav span.separator {font-size:118%;padding: 1.12em 0.8em 1.12em;text-decoration:none;} /*.chrome #topnav.topdrop #nav .menu a, .chrome #topnav.topdrop #nav span.separator {font-size:1.2em;padding: 1.12em 1em 1.12em;text-decoration:none;}*/ #topnav.topdrop #nav .menu a, #topnav.topdrop #nav .menu a:visited{/* visited pseudo selector - IE6 applies txt colour*/color:#333;} #topnav.topdrop #nav .menu li.current{background:#fff;} /* styling for seperator injected by js to add line between menu levels */ #topdropdrop-seperator {border-bottom:1px solid #ddd;clear:both;} /* highlight path hover */ #topnav.topdrop #nav .menu li:hover, #topnav.topdrop #nav .menu li.sfHover, #topnav.topdrop #nav .menu li li.current, #topnav.topdrop #nav .menu a:focus, #topnav.topdrop #nav .menu a:hover, #topnav.topdrop #nav .menu a:active {background:#fff;} #topnav.topdrop #nav .menu ul li:hover, #topnav.topdrop #nav .menu ul li.sfHover, #topnav.topdrop #nav .menu ul li:hover li, #topnav.topdrop #nav .menu ul li.sfHover li, #topnav.topdrop #nav .menu ul a:focus, #topnav.topdrop #nav .menu ul a:hover, #topnav.topdrop #nav .menu ul a:active {background:#f3f3f3;} #topnav.topdrop #nav .menu li li:hover, #topnav.topdrop #nav .menu li li.sfHover, #topnav.topdrop #nav .menu li.current li.current, #topnav.topdrop #nav .menu ul li a:focus, #topnav.topdrop #nav .menu ul li a:hover, #topnav.topdrop #nav .menu ul li a:active {background:none;} #topnav.topdrop #nav .menu li li li:hover, #topnav.topdrop #nav .menu li li li.sfHover, #topnav.topdrop #nav .menu li li.current li.current, #topnav.topdrop #nav .menu ul li li a:focus, #topnav.topdrop #nav .menu ul li li a:hover, #topnav.topdrop #nav .menu ul li li a:active {background:#fff;} /* highlight path */ #topnav.topdrop #nav .menu .current ul, #topnav.topdrop #nav .menu ul li:hover ul, #topnav.topdrop #nav .menu ul li.sfHover ul{left:0;top: 100%;} #topnav.topdrop #nav .menu .current ul ul{top:-999em;} #topnav.topdrop #nav .menu li li.current > a{font-weight:bold;} #topnav.topdrop #nav .menu li ul li a, #topnav.topdrop #nav .menu li li span.separator, #topnav.topdrop #nav .menu li ul li a:link, #topnav.topdrop #nav .menu li ul li a:visited{font-size:0.9em;/*line-height:0.7em;*/text-decoration:none;color:#666;padding-top: 0.9em;padding-bottom: 0.9em } /* add line height to 3rd level items */ #topnav.topdrop #nav .menu li ul li li a {line-height:1.3em;padding:0.8em 1em;} /* remove border from separator in 2nd level */ #topnav.topdrop #nav .menu li li span.separator {border: none;} /* remove borders on 2nd level bar */ #topnav.topdrop #nav .menu li li ul {border: 1px solid #ddd;border-top: none;} /* add borders to 3rd level */ #topnav.topdrop #nav .menu li li li ul {border: 1px solid #ddd;} /* add border to each menu item */ #topnav.topdrop #nav .menu li li li {border-bottom: 1px solid #ddd;} /* @end */ /* @group add underline on second level */ #topnav.topdrop #nav ul.menu ul li a:hover {text-decoration: underline; } #topnav.topdrop #nav ul.menu ul ul li a:hover {text-decoration: none; } /* @end */ /* @group arrows */ #topnav.topdrop #nav .menu a.sf-with-ul{padding-right:2em;min-width:1px;/* trigger IE7 hasLayout so spans position accurately */} .sf-sub-indicator{position:absolute;display:block;right:.75em;top:44%;/* IE6 only */ width:10px;height:10px;text-indent:-999em;overflow:hidden;background: transparent url(/morph_assets/themelets/light-candy/images/page-elements-sprite-live.png) repeat-x -16px -20px;} a > .sf-sub-indicator{top:38%;background-position:0 -98px;} /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator{background-position:-10px -98px;} #topnav.topdrop #nav .menu li li a > .sf-sub-indicator{top:1.2em;background-position:0 -102px;} /* point arrows down */ /* point right for anchors in subs */ #topnav.topdrop #nav .menu ul .sf-sub-indicator{background-position:-10px -100px;} #topnav.topdrop #nav .menu ul ul .sf-sub-indicator{background-position:0 0;} #topnav.topdrop #nav .menu ul a > .sf-sub-indicator{background-position:0 -100px;} #topnav.topdrop #nav .menu ul ul a > .sf-sub-indicator{background-position:0 0;} /* @end */ /* @group subtext styles */ #topnav.topdrop.subtext #nav .menu a, #topnav.topdrop.subtext #nav span.separator {font-size:1.1em;padding-top: 1em;padding-bottom: 1em;} /* @end */ /* @end */ /* @group tabs.css */ /*---------------------------------------------------------------------------- ++ Tabs CSS ++ These are the styles for the tabs ----------------------------------------------------------------------------*/ /* @group tabs container and panels */ .ui-tabs{margin:1em 0 0 0;border-top:none;float:left; width:100%;} .ui-tabs .ui-tabs-panel{display:block;border-width:0;clear:both;border:0;background:#f6f6f6;border:1px solid #fff;padding: 1em; } /*.ui-tabs .extra-box-border{border:1px solid #fff;padding:1em 1.4em;}*/ /* @end */ /* @group tabs navigation */ .ui-tabs .ui-tabs-nav{margin:0;padding:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;float:left;position:relative;z-index:1;bottom:-0px;} .ui-tabs .ui-tabs-nav li{position:relative;float:left;margin:0;padding:0;border-right: 1px solid #FFFFFF;border-left: 1px solid #dadada;background:#f1f1f1;top:1px;} /* add extra border to tab if used */ /*.ui-tabs .extra-tab-border{border:0;border-bottom:0;display:block;overflow:auto;}*/ .ui-tabs .ui-tabs-nav li a{float:left;text-decoration:none;padding:0.6em 0.8em 0.7em;color: #333333;font-size: 1.3em;} .ui-tabs .ui-tabs-nav li a:focus{outline:0;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected{padding-bottom:1px;border-bottom:0;background:#F6F6F6;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a{cursor:text;} .ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{cursor:pointer;} /* @end */ /* @group misc structure */ .ui-tabs .ui-tabs-hide{display:none !important;} .ui-tabs .ui-tabs-nav li.first {border-left: none;} #bd .tabs .ui-tabs .ui-tabs-nav li.ui-state-default {margin: 0;} /* @end */ /* @end */ /* @group accordions.css */ div.ui-accordion{border-bottom:1px solid #ccc;/* overflow seems buggy - use float fix to clear instead - overflow: hidden;*/ float: left;margin: 0 0 1em 0;width: 100%; } .ui-accordion .ui-accordion-header{cursor:pointer;position:relative;margin-top:1px;zoom:1;display:block;border:1px solid #ccc;border-bottom:0;margin:0;} .ui-accordion .ui-accordion-li-fix{display:inline;} .ui-accordion .ui-state-active a{border-bottom:0 !important;} .ui-accordion .ui-accordion-header a{display:block;font-size:1em;padding:.5em .5em .5em .7em;} /*.ui-accordion h3.ui-accordion-header a:focus{outline:0;} .ui-accordion h3.ui-accordion-header:focus{outline:0;-moz-outline:none;} .ui-accordion .ui-accordion-header a:hover{text-decoration:none;background:#ddd;}*/ .ui-accordion .ui-accordion-content{padding:1em;border-top:0;margin-top:-2px;margin-bottom:0;position:relative;top:1px;/*overflow:auto;*/border:1px solid #ccc;display:none;} .ui-accordion .ui-accordion-content ul{margin:0;padding:0;} .ui-accordion .ui-accordion-content-active{display:block;background:#fff;border:1px solid #ccc;} /* @end */ /* @group typo.css */ /*------------------------------------------------------------------------- ++ JoomlaJunkie - Typography CSS ++ All Typographical styling is kept here ---------------------------------------------------------------------------*/ html{} /* NB!! - Font colors are set in Configurators "Customization" Tab */ body{font:13px/1.231 "Helvetica Neue",Helvetica,arial,sans-serif;} p{margin-bottom:1em;line-height:1.7em;} /*body{font:13px/1.5384em "Helvetica Neue",Helvetica,arial,sans-serif;} /* 20px rhythm *!/ p{font-size: 1em;margin:1.5384em 0;line-height:1.5384em;} */ /* heading styles *****************************************/ h1,h2,h3,h4,h5,h6{margin:0.5em 0 1em 0;} h1{font-size:2em;clear:both;line-height:1.2em;} h2{font-size:1.8em;} h3{font-size:1.6em;} h4{font-size:1.5em;} h5{font-size:1.2em;font-weight:bold;} h6{font-size:1em;font-weight:bold;} h1 a,h2 a{text-decoration:none;} h2 a:hover{text-decoration:underline;} /* links styling *****************************************/ a:link,a:visited{text-decoration:none;} a:hover{text-decoration:underline;} a:hover,a:active{text-decoration:underline;} /* lists styling ****************************************/ ul,ol{margin-left:1em;} ul li{padding: 0 0 0.7em 0;} #sidebar ul, #sidbar ol {margin:0;padding:0;} ul,#primary-content ol{margin:0 0 1.5em 1.5em;} #primary-content ul li { list-style-image:none; list-style-position:outside; list-style-type:circle; } #primary-content .article-page ul li { line-height:1.8em; margin:0.6em 0; } #primary-content ol li { list-style-image:none; list-style-position:outside; list-style-type:decimal; } #primary-content .article-page ol li { line-height:1.8em; margin:0.8em 0; } #primary-content dl dt { font-weight:bold; } #primary-content dl dd { margin-bottom:1em; } #primary-content dl.listVertical dt{background:#ccc;font-weight:bold;padding:.2em .4em;} #primary-content dl.listVertical dd{margin-bottom:1em;padding:.2em .4em;} #primary-content dl.zebra dt{padding:0.2em 0.5em;} #primary-content dl.zebra dd{background:#eee;margin-bottom:0;padding:0.2em 0.5em;} #primary-content dl.listHorizontal{border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;overflow:hidden;} #primary-content dl.listHorizontal dt{background:#ddd;border-right:1px solid #ccc;border-bottom:1px solid #ccc;display:block;width:49.86%;padding:4px 0;float:left;text-indent:5px;} #primary-content dl.listHorizontal dd{margin:0;background:#eee;border-bottom:1px solid #ccc;float:left;display:block;width:50%;text-indent:5px;padding:4px 0;} #primary-content ol.fancyOL{font:italic 1.2em/0.2em Georgia,Times,serif;color:#444;margin:1.5em 3em 2em;} #primary-content ol.fancyOL li{margin:0;} #primary-content ol.fancyOL li p{margin:0;} ul.tick, ul.note {margin: 0 0 1.5em 0.2em;} ul.tick li {background:url(/morph_assets/themelets/light-candy/images/modfx-h3icon-sprite.png) no-repeat 0 -609px;padding: 0 0 0.7em 2.1em;} ul.note li {background:url(/morph_assets/themelets/light-candy/images/modfx-h3icon-sprite.png) no-repeat 0 -638px;padding: 0 0 0.7em 2.1em;} /* tables styling ****************************************/ #primary-content table.tbl-style1{border-left:1px solid #ccc;border-top:1px solid #ccc;background:#fff;margin:1em 0;} #primary-content table.tbl-style1 caption{color:#999;text-align:left;font-weight:bold;font-size:15px;padding-bottom:5px;} #primary-content table.tbl-style1 th{background:#ddd;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:2px 5px;text-align:left;} #primary-content table.tbl-style1 tr.alt{background:#eee;} #primary-content table.tbl-style1 td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;} /* remove tables styling - use class nostyle ****************************************/ #primary-content table.nostyle,#primary-content table.nostyle tr.alt{background:none;} #primary-content table.nostyle td,#primary-content table.nostyle tr.alt,#primary-content table.nostyle{border:none;} #primary-content table td{padding:2px 5px;} /* quotes,blockquotes & code ****************************************/ #primary-content pre,#primary-content .code{overflow:auto;background:#eee;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:10px 0px 15px;padding:1em 1em 1em 2em;} #primary-content blockquote{background:#eee;font:normal 1.5em/1.4em Georgia,Times,serif;padding:1em 40px 1em 15px;} #primary-content blockquote.quote{padding:1em;} blockquote{margin:1em 0;padding:20px 20px 0;} blockquote p{margin-bottom:0;} #primary-content .left-pullquote,#primary-content .right-pullquote{background:#CA6623;color:#fff;font:normal 1.5em/1.2em Georgia,Times,serif;width:200px;padding:20px;color:#FFF;margin:1em;} #primary-content .left-pullquote{float:left;margin-right:1.5em;} #primary-content .right-pullquote{float:right;margin-left:1em;} #primary-content .quote-author{background:#ddd;border-top:1px solid #ccc;margin:20px -19px -20px -20px;padding:0.5em 1em;font-size:0.7em;text-align:right;font-weight:bold;} #primary-content .quote-author a{color:#666;} /* dropcap ****************************************/ .dropcap{color:#888;font:55px/40px Georgia,Times,serif;display:block;float:left;padding:4px 8px 0 0;} q{background:#6CADBE;border-bottom:1px dotted #BDE5F1;color:#fff;font-weight:bold;font-style:oblique;padding:5px;} /* alerts ****************************************/ p.error,p.tips,p.info{display:block;padding:8px 10px 8px 35px;margin:15px 0;} p.error{color:#CD3301;border-top:3px solid #CD3301;border-bottom:3px solid #CD3301;background:#FAE8E8 url(/templates/morph/core/images/icon-typo-error.jpg) no-repeat 10px 50%;} p.tips{color:#2D84E3;border-top:3px solid #ADCEFB;border-bottom:3px solid #ADCEFB;background:#ECF2FE url(/templates/morph/core/images/icon-typo-tips.jpg) no-repeat 10px 50%;} p.info{color:#CA6701;border-top:3px solid #F2A378;border-bottom:3px solid #F2A378;background:#FDF6E4 url(/templates/morph/core/images/icon-typo-info.jpg) no-repeat 10px 50%;} p.color-green,p.color-blue,p.color-orange,p.color-pink,p.color-grey{display:block;padding:8px 10px;margin:15px 0;} p.color-green{border-top:3px solid #98CB00;border-bottom:3px solid #98CB00;background:#FFFFFF;color:#010101;} p.color-blue{border-top:3px solid #7DB6FB;border-bottom:3px solid #7DB6FB;background:#ECF2FE;color:#010101;} p.color-orange{border-top:3px solid #F18B41;border-bottom:3px solid #F18B41;background:#FDF6E4;color:#010101;} p.color-pink{border-top:3px solid #D5688F;border-bottom:3px solid #D5688F;background:#FAE8E8;color:#010101;} p.color-grey{border-top:3px solid #CCCCCC;border-bottom:3px solid #CCCCCC;background:#FAFAFA;color:#010101;} /* system notices */ #primary-content #system-message *{color:#000;margin:0;padding:0;} #primary-content #system-message{margin:1em 0;overflow:hidden;font-size:1.5em;} #primary-content #system-message dt{float:left;margin-right:.6em;} #primary-content #system-message dd{float:left;} #primary-content #system-message dd li{list-style:none;} /* highlight text ****************************************/ .highlight{background:#6CADBE;color:#fff;font-weight:bold;padding:1px 5px;} .class-name{background:#F9FFD0;padding:2px 5px;border:1px solid #FFDF80;color:#9F5B32;} /* image alignment ****************************************/ .img-left{margin:0.4em 1.4em 1em 0;} .img-right{margin:0.4em 0 1em 1.4em;} .img-left,.img-right{background:#FFFFFF;border:5px solid #CCCCCC;padding:1px;} /* vertical dividers ****************************************/ hr{margin:2em 0;border:0;height:2px;border-bottom:1px solid #ccc;} /* image captions ****************************************/ #primary-content .caption-top,.caption-bottom{color:#fff;padding:1.2em;font-weight:bold;font-size:13px;font-family:arial;cursor:default;border:0px solid #334143;background:#000000;} #primary-content .caption-top{border-width:0px 0px 8px 0px;} #primary-content .caption-bottom{border-width:8px 0px 0px 0px;} #primary-content .caption a,.caption a{border:0 none;text-decoration:none;background:#000000;padding:0.3em;} #primary-content .caption a:hover,.caption a:hover{background:#202020;} #primary-content .caption-wrapper{float:left;} #primary-content br.c{clear:both;} /* form elements ****************************************/ .button{padding:3px 2px;margin:0;display:inline-block;border:none;cursor:pointer;} #navbar-container .button{padding:2px 12px;width:52px;} #navbar-container .inputbox{width:113px;} .inputbox{font-size:1.1em;padding:0.2em 0.1em 0.2em 0.4em;} select option{background:#ccc;} #navbar-container .inputbox{background:#e3e3e3;} .inputbox{border: 1px solid #fff;} .button{background:#ccc;color:#333;} .button:hover{background:#eee;} .inputbox{color:#333;} select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;background:#F6F6F6;border:1px solid #ccc;color:#333;} /* image captions ****************************************/ .caption-top, .caption-bottom{padding:1em;font-weight:bold;font-size:12px;font-family:arial;cursor:default;display:block;} .caption a, .caption a{border:0 none;text-decoration:none;background:#000;padding:0;} .caption a:hover, .caption a:hover{background:#202020;} br.c{clear:both;} /* reusable classes ****************************************/ .nopadding{margin: 0;} .clear{} .first{} .last{} .reset{} .strike {text-decoration: line-through;} /* @end */ /* @group joomla.css */ /*---------------------------------------------------------------------------- ++ JoomlaJunkie Joomla CSS ++ All Joomla! specific styling is kept here. ----------------------------------------------------------------------------*/ /* @group frontend editing mode */ #bd.editmode #secondary-content, #bd.editmode #tertiary-content{display:none;} #bd.editmode #yui-main, #bd.editmode #yui-main .yui-b, #bd.editmode #yui-main table{width:100%;margin-left:0;float:none;} /* @end */ /* @group breadcrumbs */ .pathway,.pathway li{margin:0;padding:0;list-style:none;background:none;} .breadcrumbs.pathway li a{background:transparent url(/morph_assets/themelets/light-candy/images/pathway.png) no-repeat scroll 100% 50%;} .pathway{font-size:1em;overflow:hidden;float:left;} #breadcrumbs{background:#F5F5F5 none repeat scroll 0 0;border-bottom:1px solid #dedede;margin:0 -1.8em;overflow:hidden;padding:1em 1.7em;} #breadcrumbs span{display:block;float:left;padding-right:1em;color:#666;} .pathway a:link,#primary-content .pathway a:visited{display:block;float:left;padding-right:1em;font-size:1em;text-decoration:underline;} .pathway li.pathway-current{background:none;} #bd .pathway.breadcrumbs li{float:left;list-style:none;margin-right:10px;color:#999;} /* @end */ /* @group pagination */ #pagination-wrap { background:transparent url(/morph_assets/themelets/light-candy/images/repeat-sprite.jpg) repeat-x scroll 0 50px; border-top:medium none; bottom:0; margin:0 -2em -5em -2em; overflow:hidden; padding:1.4em 1em 2em; } #pagination-wrap .pagination-links{float:left;color:#777;padding:.2em .5em;} #pagination-wrap .pagination,#pagination-wrap .pagination li{margin:0;padding:0;} #pagination-wrap .pagination{float:right;} #pagination-wrap .pagination li{float:left;display:block;padding:.2em .1em;margin-left:.5em;color:#999;} /* @end */ /* @group system messages */ dl#system-message{padding:1em;margin-bottom:1em;} dl#system-message dt.error{font-size:1.5em;} dl#system-message dd.error{font-size:1.2em;} dl#system-message dd.error ul{margin:0;list-style:none;} dl#system-message dd.error ul li{margin:0;list-style:none;color:#000;} #primary-content #system-message dt{background:none;} dl#system-message{border:5px solid #AF2F15;background:#FFD39F;} dl#system-message dt.error{color:#AF2F15;} /* @end */ /* @group readon links */ p.readon a, a.readon{background:#EEEEEE url(/morph_assets/themelets/light-candy/images/repeat-sprite.jpg) repeat-x scroll 0 -235px;border:1px solid #CCCCCC;color:#777777;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;font-size:1.3em;margin:0.8em 0;padding:0.4em 1.3em 0.45em;display:inline-block;text-transform:none;font-weight:normal;clear:both;} .readon span{color:#666;display: none; } p.readon a:hover, a.readon:hover{background-position: 0 -250px;color:#666;} p.readon a:hover span{color:#6cadbe;} /* @end */ /* search results ****************************/ #search-top{border-top:1px dotted #ccc;padding-top:1em;margin-bottom:1em;overflow:hidden;} #search-top dt{float:left;width:25%;margin:0;font-size:1.1em;display:block;} #primary-content #search-top dd{margin:0;padding:.1em 0 .5em 0;float:left;width:74%;display:block;} #primary-content .search-phrase{display:block;padding-top:.5em;} #primary-content .input-wrap{border:3px solid #eee;overflow:hidden;float:left;width:75%;} #primary-content .search-input,.form-input{border:1px solid #dedede;padding:.5em 1em;background:#fff;width:90.6%;margin-right:1em;font-size:1.2em;} #search-top .search-btn{margin-left:1em;padding:.5em 1em;font-size:1.2em;} #primary-content #search-top select{margin:0;padding:0;border:2px solid #ddd;background:#fff;} #primary-content .search-results{list-style-position:inside;margin:0;padding:0;} #primary-content .search-results li{list-style:none;font-size:1.3em;color:#999;border-top:1px solid #fff;border-bottom:1px solid #ccc;padding:0.5em;} #primary-content .search-results li.alt{background:#F7F7F7;} #primary-content .search-results li a{text-decoration:none;float:left;} #primary-content .search-results li .search-section{float:right;font-size:.7em;margin-top:.3em;color:#999;font-size:.7em;} #primary-content .search-description{clear:both;padding:.5em 0 0 0;margin:0;font-size:.8em;line-height:1.5em;color:#444;} #primary-content .searchintro{font-size:1.2em;margin:1em 0;} #primary-content .searchintro span{color:#444;} #primary-content .pagination li{display:inline;} #primary-content .search-info{overflow:hidden;margin:0;padding:.5em .5em;list-style:none;background:#eee;border-bottom:3px solid #ccc;} #primary-content .search-counter{float:left;font-size:1em;color:#999;margin:.3em 0 0 0;} #primary-content .search-counter span{color:#666;} #primary-content .search-counter .keyword{padding-left:.5em;} #primary-content .search-limit{color:#666;float:right;list-style:none;} #primary-content .search-limit select{margin:.1em .1em 0 0;padding:0;background:#fff;border:1px solid #ccc;} /* @group blog view */ .blog .article-row{width:100%;float:left;overflow:hidden;border-bottom:1px solid #eee;margin-bottom:1em;padding-bottom:1.5em;} .blog .cols2,.blog .cols3,.blog .cols4{vertical-align:top;padding:0;margin:0;float:left;} .blog .cols2{width:49%;} .blog .cols2.column2{float:right;} .blog .cols3{width:31%;} .blog .cols3.column2{margin:0 1.5em;} .blog .cols4{width:23%;} .blog .cols4.column2{margin:0 1.5em;} .blog .cols4.column4{margin:0 0 0 1.5em;} /* @end */ /* @group article options */ #bd .article-info,#bd .article-info li{margin:0;padding:0;list-style:none;} #bd .article-info{overflow:hidden;margin:0.5em 0 1em 0;} #bd .article-info li{float:left;color:#666;} #bd .article-info li strong{text-transform:capitalize;color:#666;} #bd .article-info .icons{float:right;} #bd .article-info .divider{color:#999;} #bd .article-info li a{color:#444;} #bd .article-info li a span{background:transparent url(/morph_assets/themelets/light-candy/images/article-options.gif) no-repeat;width:16px;height:16px;display:block;text-indent:-7998px;padding: 0 0.2em; } #bd .article-info li a .pdf-icon{background-position:0 0;} #bd .article-info li a .email-icon{background-position:0 -16px;} #bd .article-info li a .print-icon{background-position:0 -32px;} #bd .modified{color:#999;text-transform:uppercase;font-size:.8em;} /* default content image styling */ #primary-content #article img{background:#FFFFFF;border:5px solid #CCCCCC;padding:1px;} /* @end */ /* @group frontpage blog view */ .blog .contentheading{margin:0.5em 0 0.1em;padding:0;clear:both;} .article-info{color:#999;font-size:.8em;margin:.1em 0 .7em 0;padding:0;clear:left;} .author strong{text-transform:capitalize;} .filing{display:block;font-size:0.8em;font-weight:bold;margin:-1.5em 0 0;color:#666;} .filing .article-section {font-weight: normal;color: #999; } .content{margin-bottom:1em;} /* @end */ /* @group article styling */ .article-page .article-info span.sep{font:normal 11px arial;color:#ccc;} .article-page .article-body p.teaser{font:1.32em/1.5em "Helvetica Neue",Helvetica,arial,sans-serif;color:#888;margin:1em 0 1.5em 0;} .article-page .article-body p{font:1em/1.7em "Helvetica Neue",Helvetica,arial,sans-serif;} .contenttoc{background:#1F2323;margin-left:1em;width:auto;float:right;} #article .modified{font:.7em "Helvetica Neue",Helvetica,arial,sans-serif;color:#888;text-align:center;text-transform:uppercase;} #primary-content #article img{background:#FFFFFF;border:5px solid #CCCCCC;padding:1px;} /*p, .article-body p{font-size:1.03em;line-height:1.7em;margin-bottom:1em;} */ /* @end */ /* @group joomla default table styles */ tr.sectiontableentry1 td,tr.sectiontableentry2 td,tr td.sectiontableentry1,tr td.sectiontableentry2{text-indent:5px;padding:10px 0 0 0;} .sectiontableheader{text-align:left;font-size:1.3em;font-weight:bold;height:30px;background:transparent url(/morph_assets/themelets/light-candy/images/table-header-bg.png) repeat-x scroll 0%;color:#fff;} table td.sectiontableheader{border:none;color:#fff;} td.sectiontableentry1 input,td.sectiontableentry2 input{margin-top:4px;} /* @end */ /* @group polls component */ .poll{width:100%;margin:0;padding:0;} .poll,#bd .poll tr,#bd .poll td{border:0;} .pollstableborder{margin:0.5em 0 1em;width:100%;} .pollstableborder td{padding:0.1em 0.2em;} .pollstableborder td input{margin-top:4px;} .polls_color_1{background-color:#8D1B1B;border:2px solid #B22222;} .polls_color_2{background-color:#6740E1;border:2px solid #4169E1;} .polls_color_3{background-color:#8D8D8D;border:2px solid #D2D2D2;} .polls_color_4{background-color:#CC8500;border:2px solid #FFA500;} .polls_color_5{background-color:#5B781E;border:2px solid #6B8E23;} .pollstableborder tbody td{margin:0;padding:0;} .polls_color_1,.polls_color_2,.polls_color_3,.polls_color_4,.polls_color_5{padding:5px;margin:2px;} .polls h4,.polls h4{margin:0 0 5px 0;} .pollstableborder td{font:normal 0.9em/1.4em Arial;} form.polls ul li{padding:3px 5px;} form.polls li.sectiontableentry1{background:#ddd;} /* @end */ /* @group back to top link*/ #top-link{display:block;position:fixed;right:5px;bottom:5px;background:#eee url(/morph_assets/themelets/light-candy/images/repeat-sprite.jpg) repeat-x scroll 0 -250px;border:1px solid #ccc;color:#444;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;font-size:1.3em;margin:0;padding:0.8em 1.3em 0.85em;outline:0;text-transform:uppercase;} /* @end */ /* @group login module input width */ .sidebar #username, .sidebar #passwd{width:97%;} .internetexplorer60 #top-link,.internetexplorer70 #top-link{height:1.5%;} /* @end */ /* @group login page */ #login-wrap{width:400px;margin:3em auto;background:#f6f6f6;padding:2em;position:relative;} #login-wrap h1{margin:0;padding:0;} #login-wrap p{font-size:1.2em;color:#666;margin-top:.2em;border-bottom:1px dashed #ccc;padding-bottom:.7em;margin:.2em 0 .5em 0;} #login-wrap ul, #login-wrap li{margin:0;padding:0;overflow:hidden;} #login-wrap li{color:#999;} #login-wrap .input-wrap{width:98%;} #login-wrap .input-wrap .form-input{padding:.5em;width:95.6%;} #login-wrap .input-wrap input:focus{border-color:#ccc;} #login-wrap .label label{display:block;font-size:1.2em;padding:.5em 0;color:#999;padding-top:.5em;text-transform:uppercase;} #login-wrap #com-form-login-remember{margin:1em 0;} #login-wrap .login-btn input, #login-wrap .login-btn button{margin-top:1em;padding:.5em 1em;} #login-links{position:absolute;bottom:.8em;right:5em;} #login-links li{list-style:circle;font-size:1em;color:#999;} #login-wrap img{display:none;} #login-wrap .req{color:red;} /* @end */ /* @group debug results */ #system-debug{text-align:left;background:#fff;border:5px solid #ccc;margin:0 2em 2em 2em;padding:1em 2em 2em 2em;} /* @end */ /* @group page navigation plugin */ #primary-content #pagenav,#primary-content #pagenav li{margin:0;padding:0;list-style:none;} #primary-content #pagenav{clear:both;overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:.5em 0;margin:2em 0 1em 0;} #primary-content #pagenav li{float:left;} #primary-content #pagenav li.pagenav-next{float:right;} #primary-content #pagenav li a{font-size:1.2em;} #primary-content #pagenav li a span{color:#666;} /* @end */ /* @group article rating*/ #content-rating{clear:both;overflow:hidden;background:#f6f6f6;padding:.5em .6em .3em .6em;margin:0;color:#444;font-size:.9em;border-bottom:1px solid #ccc;} #content-rating span{float:left;margin-top:.2em;} #content-rating img{padding-top:0;margin-bottom:-2px;} #content-rating span.rate-results{float:right;} #content-rating input.button{padding:0;margin-bottom:.3em;background:#fff;text-transform:uppercase;font-size:.9em;border:1px solid #ccc;} /* @end */ /* @group article tooltip */ .tool-tip{border:5px solid #6CADBE;display:block;} .tool-tip div{background:#fff;padding:1em;border:1px solid #004A5B;} .tool-tip div div{padding:0;border:0;text-align:left;} .tool-tip div .tool-title{font-weight:bold;padding-bottom:.5em;margin-bottom:.5em;border-bottom:1px dashed #ccc;} .tool-tip div .tool-text{color:#777;} #yui-main #primary-content #shareit-box{position:absolute;display:none;} #yui-main #primary-content #shareit-header{width:138px;} #yui-main #primary-content #shareit-body{width:138px;height:100px;background:url(/morph_assets/themelets/light-candy/images/shareit.png);} #yui-main #primary-content #shareit-blank{height:20px;} #yui-main #primary-content #shareit-url{height:50px;text-align:center;} #yui-main #primary-content #shareit-url input.field{width:100px;height:26px;background:transparent url(/morph_assets/themelets/light-candy/images/field.gif) no-repeat;border:none;outline:none;padding:7px 5px 0 5px;margin:3px auto;font-size:11px;} #yui-main #primary-content #shareit-icon{height:20px;} #yui-main #primary-content #shareit-icon ul{list-style:none;width:130px;margin:0;padding:0 0 0 9px;} #yui-main #primary-content #shareit-icon ul li{float:left;padding:0;list-style:none;margin:0;} #yui-main #primary-content #shareit-icon ul li a{background:transparent url(/morph_assets/themelets/light-candy/images/sharethis-icons.png) no-repeat;text-indent:-7998px;display:block;width:20px;height:20px;} #yui-main #primary-content #shareit-icon ul li.shareit-mail a{background-position:0 -3px;} #yui-main #primary-content #shareit-icon ul li.shareit-delicious a{background-position:0 -40px;} #yui-main #primary-content #shareit-icon ul li.shareit-designfloat a{background-position:0 -77px;} #yui-main #primary-content #shareit-icon ul li.shareit-digg a{background-position:0 -114px;} #yui-main #primary-content #shareit-icon ul li.shareit-stumbleupon a{background-position:0 -151px;} #yui-main #primary-content #shareit-icon ul li.shareit-twitter a{background-position:0 -186px;} /* @end */ /* @group article table of contents */ #toc{float:right;border:5px solid #ddd;margin:1em 0 0 1em;} #toc div{border:1px solid #ccc;padding:1em;} #toc h3,#toc ul,#toc li{margin:0;padding:0;} #toc h3{padding-bottom:.5em;margin-bottom:.5em;border-bottom:1px dashed #ccc;font-size:1.2em;} #toc h3 span{font-size:.9em;color:#999;padding-left:1.7em;} #article #toc ul li{list-style:none;} #toc .toc-showall{border-top:1px dashed #ccc;padding-top:.5em;margin-top:.5em;} #article .pagenavcounter{display:none;} #article .toclink.active{color:#444;display:block;} /* @end */ /* default joomla plugin version */ #article table.contenttoc{float:right;border:1px solid #ccc;margin-left:1em;background:#eee;padding:0;display:block;} #article table.contenttoc th{padding:.5em 1em .5em .8em;background:#ddd;} #article table.contenttoc td{padding:.4em 1em .4em .8em;border-top:1px solid #ccc;} #article table.contenttoc tr.alt{background:#fff;} #article table.contenttoc td a.active{text-decoration:underline;color:#999;} /* @end */ /* @group article page nav */ #primary-content #articlenav, #primary-content #articlenav li{margin:0;padding:0;list-style:none;} #primary-content #articlenav{overflow:hidden;padding:0 0 .5em 0;margin:0;} #primary-content #articlenav li{float:left;} #primary-content #articlenav li.articlenav-next{float:right;} #primary-content #articlenav li{font-size:1.2em;color:#999;} #primary-content #articlenav li span{color:#666;} /* @end */ /* @group article font-sizer */ #fontsizer{overflow:hidden;width:75px;position:relative;} #fontsizer a{outline:0;background:url(/morph_assets/themelets/light-candy/images/fontsize-icons.png) no-repeat;text-indent:-9999px;display:block;width:11px;height:11px;position:absolute;top:1px;} #fontsizer .smallFont{background-position:0 0;left:55px;} #fontsizer .smallFont:hover{background-position:-11px 0;} #fontsizer .defaultFont{background-position:0 -11px;left:70px;} #fontsizer .defaultFont:hover{background-position:-11px -11px;} #fontsizer .largeFont{background-position:0 -22px;left:85px;} #fontsizer .largeFont:hover{background-position:-11px -22px;} /* @end */ /* @group login module */ #toolbar #login-mod{overflow:hidden;} #toolbar #login-mod li,#login-mod ul{margin:0;padding:0;} #toolbar #login-mod li{float:left;} /*#toolbar #login-mod label{text-transform:uppercase;} */ #toolbar #login-mod .login-username{width:200px;} #toolbar #login-mod .login-password{width:200px;} #toolbar #login-mod .login-username label, #toolbar #login-mod .login-password label{display:block;font-size:1em;} #toolbar #login-mod .login-username input, #toolbar #login-mod .login-password input{padding:.1em .3em;width:93.7%;background:#aaa;border:1px solid #999;} #toolbar #login-mod .input-wrap input:focus{border-color:#fff;background:#ddd;} #toolbar #login-mod .login-remember label{font-size:.9em;} #toolbar #login-mod .login-btn{position:relative;margin:1.5em 0 0 -8em;} #toolbar #login-mod .login-btn button{border:1px solid #555;background:#111;color:#777;} #toolbar #login-mod .input-wrap{border:2px solid #111;width:90%;} #toolbar #login-mod .login-links{float:left;} #toolbar #login-mod .login-links li{display:block;float:none;margin-left:2em;} /* login module in the sidebar */ #bd #login-mod .login-username .input-wrap, #bd #login-mod .login-password .input-wrap{width:99%;margin-bottom:.5em;} #bd #login-mod .login-username .input-wrap input, #bd #login-mod .login-password .input-wrap input{width:96%;padding:.2em .3em;} .blog .article_separator, .leading-separator, .row-separator{background:transparent url(/morph_assets/themelets/light-candy/images/repeat-sprite.jpg) repeat-x scroll 0 -15px;border:0 none;display:block;height:5px;margin:2em 0 1.5em 0;clear: both; } /* @end */ /* @group most read & latest news styles */ li.mostread, li.latestnews, ul.mostread li, ul.latestnews li{padding:0.5em 0 0.5em 0.2em;border-top:1px solid #fff;border-bottom:1px solid #ddd;} ul.latestnews li.first,ul.mostread li.first{border-top: none;} /* alternate styling for bottom shelf lists*/ #bottomshelf .mod li{border-bottom:1px solid #222;margin:0;padding:0.95em 0;border-top:none;} #bottomshelf .mod li a{color:#666;font-size:0.9em;} /* @end */ /* @group styling for h1 content and component heading */ #primary-content h1.componentheading, #primary-content h1.article-title{background:#EEEEEE url(/morph_assets/themelets/light-candy/images/repeat-sprite.jpg) repeat-x scroll 0 -240px;border:medium none;font-size:1.8em;margin:0 -1em;padding:0.33em 1em 0.4em 0.7em;border-top:1px solid #fff;border-top:1px solid #fff;} .progressive-gradient-ch{background:#EEEEEE url(/morph_assets/themelets/light-candy/images/repeat-sprite.jpg) repeat-x scroll 0 -318px;border-top:1px solid #DDDDDD;height:8px;margin:0 -1.8em 0.6em;} /* @end */ /* @end */ /* @group modules.css */ /*---------------------------------------------------------------------------- ++ JoomlaJunkie Module CSS ++ All Joomla! module styling is kept here. ----------------------------------------------------------------------------*/ /* @group styling for basic & grid module chrome */ /* @group base styling for module headers & contents */ /* base module structure **********************************/ /* progressive wrap for outer border - added by custom.js */ .mod-wrap { border: 1px solid #d5d5d5; } .mod h3 { font-size: 1.4em; padding: 0.65em 0.7em 0.68em 0.7em; margin: 0; border-bottom: 1px solid #ddd; } .mod {background:#fafafa;margin:1em 0 0 0;float:none;} .mod.noheading{padding-top:0;border-top:1px solid #ccc;} /*.mod h3 div {border-bottom: 1px solid #fff;}*/ .mod .modinner{padding:1em;border:1px solid #fff;border-top: 1px solid #fff;} /* remove top margin from first module in sidebar */ .sidebar .firstmodule {margin-top:0;} /* module resets and clears **********************************/ .mod ul, .mod li{margin:0;padding:0;} .sidebar .mod{width:100%;float:left;} /* @end */ /* @end */ /* @group styling for default Joomla! modules */ /* @group search module styling */ /* position search box */ /* default menu */ #topnav .search{margin-top: 0.52em;padding: 0 0.48em; } #topnav.topdrop .search{margin-top: 0.52em;padding: 0 0.6em;} /* subtext menu */ #topnav.subtext .search{margin-top: 0.9em;padding: 0 1.12em;} /* topdrop menu */ #topnav.topdrop.subtext .search{margin-top: 1em;padding: 0 0.6em;} /* create joomla search module base */ /* first the inputbox structure */ #mod_search_searchword{border:1px solid;float:left;font-size:14px;margin:0;padding:9px 8px;width:135px;} /* then the button structure */ .search .search-btn{border:1px solid;float:left;font-size:15px;margin:0;padding:6px 1em;} /* add search border styling */ .search .outer-search-border, .search .outer-search-border-btn {border: 1px solid;float:left} /* outer border */ .search .outer-search-border-btn {border-left: none;} .search-input#mod_search_searchword {border:1px solid;} /* search box inner border */ /* TOPNAV Search styling */ #topnav .search .outer-search-border, #topnav .search .outer-search-border-btn {border-color: #ddd;background: #ccc;} /* outer border color */ #topnav .search-input#mod_search_searchword {border-color:#fff;} /* search box inner border color */ /* search box */ #topnav .search #mod_search_searchword, #topnav.subtext .search #mod_search_searchword {background: #fff url(/morph_assets/themelets/light-candy/images/modfx-head-sprite.jpg) repeat scroll 0 -92px;border-color: #fff;color:#777777;} /* search button */ #topnav .search .search-btn {background: url(/morph_assets/themelets/light-candy/images/repeat-sprite.jpg) repeat-x 0 -235px;border-color: #FFFFFF;color:#666666;} /* MASTHEAD & TOOLBAR - Search styling */ #masthead .search {margin: 4em 0;} /*#toolbar .search {margin: 4em 0;}*/ #masthead .search .outer-search-border, #toolbar .search .outer-search-border, #masthead .search .outer-search-border-btn, #toolbar .search .outer-search-border-btn {border-color: #333;} /* outer border color */ .search-input#masthead #mod_search_searchword, .search-input#toolbar #mod_search_searchword {border-color:#333;} /* search box inner border color */ /* search box */ #masthead .search #mod_search_searchword, #toolbar .search #mod_search_searchword {background: #111;border-color: #000;color:#fff;} /* search button */ #masthead .search .search-btn, #toolbar .search .search-btn {background: url(/morph_assets/themelets/light-candy/images/repeat-sprite.jpg) repeat-x 0 -235px;border-color: #000;color:#ccc;} /* @end */ /* @group other modules */ /* default Joomla! advertisment module module*/ #bd .bannergroup ul, #bd .bannergroup li{margin: 0;padding: 0;list-style: none;} #bd .bannergroup li{border-bottom:1px solid #ccc;margin:0;padding:10px 0;} h4.bannerheader{margin:0;font-size:14px;font-weight:bold;color:#999;} /* debug mode css */ body .mod-preview{border:5px solid #FFAE4F;position:relative;} body .mod-preview-info{background:#FFAE4F;position:absolute;bottom:0;right:0;font:bold 12px arial;padding:5px 5px 5px 10px;color:#CF4900;border:0;border-top:1px solid #CF7000; border-left: 1px solid #CF7000;} body .mod-preview-wrapper{overflow:hidden;color:#AF3E00;border:1px solid #CF7000;background-color:#FFF6CF;padding:10px;} /* polls module*/ form.polls h4{margin:-10px 0 5px 0;padding:0;font-size:13px;} form.polls ul,form.polls li{margin:0;padding:0;list-style:none;} form.polls ul{margin:0 0 5px 0;} /* @end */ /* @end */ /* @group styling for sample content modfx preview modules */ .module-previews .mod{width:49%;float:left;padding:0;margin:0 0 1em 0;} .module-previews h2 {clear: both;} .module-previews .alt{float:right;} #modh3-example .mod{background-color:#eee;color:#444;} #modbg-example .mod h3{color:#222;} /* @end */ /*---------------------------------------------------------------------------- ++ styling for demo content - used only if same modules as demo ----------------------------------------------------------------------------*/ /* @group Masthead make friends */ #meettweet { background:transparent url(/morph_assets/themelets/light-candy/images/page-elements-sprite-live.png) no-repeat scroll -25px -20px; color:#CCCCCC; display:block; height:148px; margin:0 0 -21px; overflow:hidden; text-indent:-999em; width:306px; } /* @end */ /* @group page title - simpletitle module*/ #page-title h1 { clear:both; color:#555; font-family:Georgia; font-size:3em; margin:0; padding:0.6em 0; } /* @end */ /* @group news ticker module - used for footershelf buzz */ #news.newsticker{background:transparent;margin:0;padding:0 0 0 5px;list-style:none;height:115px!important;line-height:20px;} #news.newsticker li{list-style:none;background:none;margin:0;padding:0;border:none;} #news.newsticker li a, #news.newsticker li{color:#fefefe;font-family:georgia;font-size:19px;text-decoration:none;color:#999;line-height:1.6em;font-weight:100;} /* @end */ /* @group simple contact module styling */ /* typo styles */ #simpleContact p{margin:0;padding:0 0 5px 33px;color:#555;} p.contact-name{font:normal 1.4em Arial;margin-bottom:0;color:#444;} #simpleContact p.contact-email{font-style:italic;font-size:0.9em;color:#888;} #simpleContact p.contact-position{color:#bbb;padding:0 0 1em 0.6em;} p.contact-email a{color:#333;} #simpleContact p.contact-sendusemail{padding:0;} /* set icons for each item */ p.contact-address, p.contact-mobile, p.contact-tel, p.contact-fax, p.contact-name, p.contact-email, p.contact-website{background:transparent url(/morph_assets/themelets/light-candy/images/modfx-h3icon-sprite.png) no-repeat;} p.contact-address{background-position:0 -752px;} p.contact-mobile{background-position:0 -723px;} p.contact-tel{background-position:0 -693px;} p.contact-fax{background-position:0 -660px;} p.contact-name{background-position:0 -275px;} p.contact-email{background-position:0 -455px;} p.contact-website{background-position:0 -632px;} p.contact-sendusemail a:link,.contact-sendusemail a:visited{background:#EEEEEE url(/morph_assets/themelets/light-candy/images/repeat-sprite.jpg) repeat-x scroll 0 -235px;border:1px solid #CBD3D5;color:#777777;display:block;font-size:2em;margin-top:1em;padding:0.6em 0 0.63em;text-align:center;text-transform:capitalize;} /*#simpleContact .contact-alert{margin:0 0 1em 0;padding:10px;border:1px solid #EFDD1D;background:#FFFEEF;color:#8F5B00;} .contact-alert em{color:#8F5B00;background:#FFEEBF;} */ .simpleContact-item{padding-top:1em;margin-top:0.5em;} #simpleContact .contact-image{padding:1px;background:#fff;border:5px solid #eee;} /* @end */ /* @end */ /* @group Socializer module styles */ #jjSociable{padding:10px;} #jjSociable p, #sociableList, #sociableList li{list-style:none;margin:0;padding:0;background:none;} #jjSociable p{background:#FCF7E8 none repeat scroll 0 0;border:1px dotted #CCCCCC;font-size:0.85em;margin:0em -0.5em 1em -0.5em;padding:0.7em;} #sociableList li{margin:0 3% 0 0;} #sociableList li a{font:normal 13px Arial;display:block;color:#999;} #sociableList li a:hover{text-decoration:underline;color:#666;} .favicons li{border-bottom:1px solid #ddd;} .favicons li a{background:url(/modules/mod_jj_socializer/icons/16sprite.png) no-repeat;padding:0.8em 0 0.8em 27px;} .favicons li.apsense a{background-position:0 10px;} .favicons li.bebo_16 a{background-position:0 -42px;} .favicons li.blinklist a{background-position:0 -94px;} .favicons li.blogger_16 a{background-position:0 -145px;} .favicons li.brightkite_16 a{background-position:0 -198px;} .favicons li.delicious_16 a{background-position:0 -249px;} .favicons li.digg_16 a{background-position:0 -302px;} .favicons li.digg_alt_16 a{background-position:0 -358px;} .favicons li.facebook_16 a{background-position:0 -406px;} .favicons li.flickr_16 a{background-position:0 -458px;} .favicons li.friendster a{background-position:0 -509px;} .favicons li.greader a{background-position:0 -562px;} .favicons li.hi5 a{background-position:0 -612px;} .favicons li.hulu a{background-position:0 -666px;} .favicons li.icon a{background-position:0 -728px;} .favicons li.lastfm_16 a{background-position:0 -788px;} .favicons li.linkedin_16 a{background-position:0 -840px;} .favicons li.mashable a{background-position:0 -892px;} .favicons li.mixx_16 a{background-position:0 -944px;} .favicons li.myspace_16 a{background-position:0 -996px;} .favicons li.pandora_16 a{background-position:0 -1047px;} .favicons li.picasa_16 a{background-position:0 -1101px;} .favicons li.plaxo a{background-position:0 -1151px;} .favicons li.plurk_16 a{background-position:0 -1206px;} .favicons li.pownce a{background-position:0 -1255px;} .favicons li.readernaut_16 a{background-position:0 -1318px;} .favicons li.reddit_16 a{background-position:0 -1360px;} .favicons li.stumbleupon_16 a{background-position:0 -1412px;} .favicons li.technorati_16 a{background-position:0 -1474px;} .favicons li.tumblr_16 a{background-position:0 -1516px;} .favicons li.twitter_16 a{background-position:0 -1568px;} .favicons li.vimeo_16 a{background-position:0 -1625px;} .favicons li.virb_16 a{background-position:0 -1677px;} .favicons li.wayn a{background-position:0 -1724px;} .favicons li.windows_16 a{background-position:0 -1781px;} .favicons li.wordpress_16 a{background-position:0 -1827px;} .favicons li.xanga a{background-position:0 -1879px;} .favicons li.yelp_16 a{background-position:0 -1937px;} .favicons li.youtube_16 a{background-position:0 -1984px;} .favicons li.newsvine_16 a{background-position:0 -2033px;} .twocolsocializer.favicons li{width:47%;float:left;} /* @end */ /* @end */ /* @group modfx.css */ /*---------------------------------------------------------------------------- ++ base module pack for morph ++ use this file as a starting point to create your own module style packs. ----------------------------------------------------------------------------*/ /* 1a - module body background color **********************************/ .modinner .progressive-gradient{background-image:url(/morph_assets/themelets/light-candy/images/modfx-head-sprite.jpg);height:6px;margin:-1em -1em 1em;border:none;} .bgcolor01 .modinner .progressive-gradient{background-position:0 -31px;} .bgcolor02 .modinner .progressive-gradient{background-position:0 -91px;} .bgcolor03 .modinner .progressive-gradient{background-position:0 -152px;} .bgcolor04 .modinner .progressive-gradient{background-position:0 -211px;} .bgcolor05 .modinner .progressive-gradient{background-position:0 -270px;} .bgcolor06 .modinner .progressive-gradient{background-position:0 -331px;} .bgcolor07 .modinner .progressive-gradient{background-position:0 -391px;} .bgcolor08 .modinner .progressive-gradient{background-position:0 -451px;} .bgcolor01 .modinner, .ui-tabs.bgcolor01 .ui-tabs-panel, .ui-accordion.bgcolor01 .ui-accordion-content, .ui-tabs.bgcolor01 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor01 .ui-tabs-nav li.ui-tabs-selected a {background-color:#f6f6f6;} .bgcolor02 .modinner, .ui-tabs.bgcolor02 .ui-tabs-panel, .ui-accordion.bgcolor02 .ui-accordion-content, .ui-tabs.bgcolor02 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor02 .ui-tabs-nav li.ui-tabs-selected a {background-color:#fff;color:#777;} .bgcolor03 .modinner, .ui-tabs.bgcolor03 .ui-tabs-panel, .ui-accordion.bgcolor03 .ui-accordion-content, .ui-tabs.bgcolor03 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor03 .ui-tabs-nav li.ui-tabs-selected a {background-color:#e5e8e8;color:#718b94;} .bgcolor04 .modinner, .ui-tabs.bgcolor04 .ui-tabs-panel, .ui-accordion.bgcolor04 .ui-accordion-content, .ui-tabs.bgcolor04 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor04 .ui-tabs-nav li.ui-tabs-selected a {background-color:#eff0f0;color:#718b94;} .bgcolor05 .modinner, .ui-tabs.bgcolor05 .ui-tabs-panel, .ui-accordion.bgcolor05 .ui-accordion-content, .ui-tabs.bgcolor05 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor05 .ui-tabs-nav li.ui-tabs-selected a {background-color:#70989a;color:#4a5455;} .bgcolor06 .modinner, .ui-tabs.bgcolor06 .ui-tabs-panel, .ui-accordion.bgcolor06 .ui-accordion-content, .ui-tabs.bgcolor06 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor06 .ui-tabs-nav li.ui-tabs-selected a {background-color:#526666;color:#eee;} .bgcolor07 .modinner, .ui-tabs.bgcolor07 .ui-tabs-panel, .ui-accordion.bgcolor07 .ui-accordion-content, .ui-tabs.bgcolor07 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor07 .ui-tabs-nav li.ui-tabs-selected a {background-color:#303C3C;color:#E5E8E8;} .bgcolor08 .modinner, .ui-tabs.bgcolor08 .ui-tabs-panel, .ui-accordion.bgcolor08 .ui-accordion-content, .ui-tabs.bgcolor08 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor08 .ui-tabs-nav li.ui-tabs-selected a {background-color:#1c2426;color:#eee;} .bgcolor09 .modinner, .ui-tabs.bgcolor09 .ui-tabs-panel, .ui-accordion.bgcolor09 .ui-accordion-content, .ui-tabs.bgcolor09 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor09 .ui-tabs-nav li.ui-tabs-selected a {background-color:#171A1B;color:#ddd;} .bgcolor10 .modinner, .ui-tabs.bgcolor10 .ui-tabs-panel, .ui-accordion.bgcolor10 .ui-accordion-content, .ui-tabs.bgcolor10 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor10 .ui-tabs-nav li.ui-tabs-selected a {background-color:#510122;color:#fff;} .bgcolor11 .modinner, .ui-tabs.bgcolor11 .ui-tabs-panel, .ui-accordion.bgcolor11 .ui-accordion-content, .ui-tabs.bgcolor11 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor11 .ui-tabs-nav li.ui-tabs-selected a {background-color:#fff;color:#222;} .bgcolor12 .modinner, .ui-tabs.bgcolor12 .ui-tabs-panel, .ui-accordion.bgcolor12 .ui-accordion-content, .ui-tabs.bgcolor12 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor12 .ui-tabs-nav li.ui-tabs-selected a {background-color:#eee;color:#444;} .bgcolor13 .modinner, .ui-tabs.bgcolor13 .ui-tabs-panel, .ui-accordion.bgcolor13 .ui-accordion-content, .ui-tabs.bgcolor13 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor13 .ui-tabs-nav li.ui-tabs-selected a {background-color:#A7C9D5;color:#004A5B;} .bgcolor14 .modinner, .ui-tabs.bgcolor14 .ui-tabs-panel, .ui-accordion.bgcolor14 .ui-accordion-content, .ui-tabs.bgcolor14 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor14 .ui-tabs-nav li.ui-tabs-selected a {background-color:#92D5B9;color:#006666;} .bgcolor15 .modinner, .ui-tabs.bgcolor15 .ui-tabs-panel, .ui-accordion.bgcolor15 .ui-accordion-content, .ui-tabs.bgcolor15 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor15 .ui-tabs-nav li.ui-tabs-selected a {background-color:#D7DE7F;color:#666715;} .bgcolor16 .modinner, .ui-tabs.bgcolor16 .ui-tabs-panel, .ui-accordion.bgcolor16 .ui-accordion-content, .ui-tabs.bgcolor16 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor16 .ui-tabs-nav li.ui-tabs-selected a {background-color:#D8DEB2;color:#669900;} .bgcolor17 .modinner, .ui-tabs.bgcolor17 .ui-tabs-panel, .ui-accordion.bgcolor17 .ui-accordion-content, .ui-tabs.bgcolor17 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor17 .ui-tabs-nav li.ui-tabs-selected a {background-color:#FFD980;color:#CC6600;} .bgcolor18 .modinner, .ui-tabs.bgcolor18 .ui-tabs-panel, .ui-accordion.bgcolor18 .ui-accordion-content, .ui-tabs.bgcolor18 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor18 .ui-tabs-nav li.ui-tabs-selected a {background-color:#FBE8E5;color:#990000;} .bgcolor19 .modinner, .ui-tabs.bgcolor19 .ui-tabs-panel, .ui-accordion.bgcolor19 .ui-accordion-content, .ui-tabs.bgcolor19 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor19 .ui-tabs-nav li.ui-tabs-selected a {background-color:#FBC5BC;color:#750013;} .bgcolor20 .modinner, .ui-tabs.bgcolor20 .ui-tabs-panel, .ui-accordion.bgcolor20 .ui-accordion-content, .ui-tabs.bgcolor20 .ui-tabs-nav li.ui-tabs-selected, .ui-tabs.bgcolor20 .ui-tabs-nav li.ui-tabs-selected a {background-color:#E9CEE9;color:#510122;} /* 1b module body background image **********************************/ .bgimage01{background-position:0 0;} .bgimage02{background-position:0 20px;} .bgimage03{background-position:0 40px;} .bgimage04{background-position:0 60px;} .bgimage05{background-position:0 80px;} .bgimage06{background-position:0 100px;} .bgimage07{background-position:0 120px;} .bgimage08{background-position:0 140px;} .bgimage09{background-position:0 160px;} .bgimage10{background-position:0 180px;} .bgimage11{background-position:0 200px;} .bgimage12{background-position:0 220px;} .bgimage13{background-position:0 240px;} .bgimage14{background-position:0 260px;} .bgimage15{background-position:0 280px;} .bgimage16{background-position:0 300px;} .bgimage17{background-position:0 320px;} .bgimage18{background-position:0 340px;} .bgimage19{background-position:0 360px;} .bgimage20{background-position:0 380px;} .bgimage02 .modinner .progressive-gradient{background-position:0 -6px;} .bgimage03 .modinner .progressive-gradient{background-position:0 -12px;} .bgimage04 .modinner .progressive-gradient{background-position:0 -18px;} .bgimage05 .modinner .progressive-gradient{background-position:0 -24px;} .bgimage06 .modinner{background-position:0 -24px;background-color:#111;color:#fff;} .bgimage07 .modinner { background: url(/morph_assets/themelets/light-candy/images/repeat-sprite.jpg) repeat-x 0 -721px; color: #444; } .bgimage08 .modinner { background: url(/morph_assets/themelets/light-candy/images/modfx-modbgsprite.jpg) repeat-x 0 -0px; color: #444; } .bgimage09 .modinner { background: url(/morph_assets/themelets/light-candy/images/modfx-modbgsprite.jpg) repeat-x 0 -50px; color: #444; } .bgimage10 .modinner { background: url(/morph_assets/themelets/light-candy/images/modfx-modbgsprite.jpg) repeat-x 0 -1850px; color: #444; } .bgimage11 .modinner { background: url(/morph_assets/themelets/light-candy/images/modfx-modbgsprite.jpg) repeat-x 0 -1900px; color: #444; } .bgimage12 .modinner { background: url(/morph_assets/themelets/light-candy/images/modfx-modbgsprite.jpg) repeat-x 0 -2080px; color: #444; } .bgimage13 .modinner { background: url(/morph_assets/themelets/light-candy/images/modfx-modbgsprite.jpg) repeat-x 0 -2110px; color: #444; } .bgimage14 .modinner { background: url(/morph_assets/themelets/light-candy/images/modfx-modbgsprite.jpg) repeat-x 0 -4000px; color: #444; } /* 1c - module body text color **********************************/ .modcolor01 .modinner, .modcolor01 .ui-accordion-content, .ui-tabs.modcolor01 .ui-tabs-panel {color:#fff;} .modcolor02 .modinner, .modcolor02 .ui-accordion-content, .ui-tabs.modcolor02 .ui-tabs-panel {color:#111;} .modcolor03 .modinner, .modcolor03 .ui-accordion-content, .ui-tabs.modcolor03 .ui-tabs-panel {color:#468EA1;} .modcolor04 .modinner, .modcolor04 .ui-accordion-content, .ui-tabs.modcolor04 .ui-tabs-panel {color:#999900;} .modcolor05 .modinner, .modcolor05 .ui-accordion-content, .ui-tabs.modcolor05 .ui-tabs-panel {color:#626262;} .modcolor06 .modinner, .modcolor06 .ui-accordion-content, .ui-tabs.modcolor06 .ui-tabs-panel {color:#B4AA9A;} .modcolor07 .modinner, .modcolor07 .ui-accordion-content, .ui-tabs.modcolor07 .ui-tabs-panel {color:#A1BFC2;} .modcolor08 .modinner, .modcolor08 .ui-accordion-content, .ui-tabs.modcolor08 .ui-tabs-panel {color:#750013;} .modcolor09 .modinner, .modcolor09 .ui-accordion-content, .ui-tabs.modcolor09 .ui-tabs-panel {color:#999;} .modcolor10 .modinner, .modcolor10 .ui-accordion-content, .ui-tabs.modcolor10 .ui-tabs-panel {color:#000;} /* ***************************************************************/ /* 2. module heading styling /* ***************************************************************/ /* 2a - module heading background image **********************************/ /* default styles */ .mod h3, h3.ui-accordion-header, .ui-tabs .ui-tabs-nav li, .ui-tabs-nav li {background-image:url(/morph_assets/themelets/light-candy/images/modfx-head-sprite.jpg);background-repeat:repeat-x;background-position: 0 -620px; } h3 .progressive-gradient { background-image:url(/morph_assets/themelets/light-candy/images/modfx-head-sprite.jpg); border:medium none; display:block; height:2px; margin:-0.65em -0.7em 0.6em; } .h3bgimage17 h3 .progressive-gradient, .h3bgimage18 h3 .progressive-gradient, .h3bgimage19 h3 .progressive-gradient, .h3bgimage20 h3 .progressive-gradient { margin:0.6em -0.7em -0.68em; } .h3bgimage01 h3, .ui-tabs.h3bgimage01 .ui-tabs-nav li, .ui-tabs.h3bgimage01 .ui-tabs-nav li a {background-position:0 -30px;color:#555;} .h3bgimage02 h3, .ui-tabs.h3bgimage02 .ui-tabs-nav li, .ui-tabs.h3bgimage02 .ui-tabs-nav li a {background-position:0 -89px;color:#777;border-right:1px solid #fff;border-left:1px solid #fff;} .h3bgimage03 h3, .ui-tabs.h3bgimage03 .ui-tabs-nav li, .ui-tabs.h3bgimage03 .ui-tabs-nav li a {background-position:0 -149px;color:#555;} .h3bgimage04 h3, .ui-tabs.h3bgimage04 .ui-tabs-nav li, .ui-tabs.h3bgimage04 .ui-tabs-nav li a {background-position:0 -210px;color:#4A5455;} .h3bgimage05 h3, .ui-tabs.h3bgimage05 .ui-tabs-nav li, .ui-tabs.h3bgimage05 .ui-tabs-nav li a {background-position:0 -269px;color:#fff;} .h3bgimage06 h3, .ui-tabs.h3bgimage06 .ui-tabs-nav li, .ui-tabs.h3bgimage06 .ui-tabs-nav li a {background-position:0 -389px;color:#fff;} .h3bgimage07 h3, .ui-tabs.h3bgimage07 .ui-tabs-nav li, .ui-tabs.h3bgimage07 .ui-tabs-nav li a {background-position:0 -449px;color:#fff;} .h3bgimage08 h3, .ui-tabs.h3bgimage08 .ui-tabs-nav li, .ui-tabs.h3bgimage08 .ui-tabs-nav li a {background-position:0 -510px;color:#444;} .h3bgimage09 h3, .ui-tabs.h3bgimage09 .ui-tabs-nav li, .ui-tabs.h3bgimage09 .ui-tabs-nav li a {background-position:0 -530px;color:#444;} .h3bgimage10 h3, .ui-tabs.h3bgimage10 .ui-tabs-nav li, .ui-tabs.h3bgimage10 .ui-tabs-nav li a {background-position:0 -620px;color:#444;} .h3bgimage11 h3, .ui-tabs.h3bgimage11 .ui-tabs-nav li, .ui-tabs.h3bgimage11 .ui-tabs-nav li a {background-position:0 -640px;color:#444;} .h3bgimage12 h3, .ui-tabs.h3bgimage12 .ui-tabs-nav li, .ui-tabs.h3bgimage12 .ui-tabs-nav li a {background-position:0 -620px;color:#444;} .h3bgimage13 h3, .ui-tabs.h3bgimage13 .ui-tabs-nav li, .ui-tabs.h3bgimage13 .ui-tabs-nav li a {background-position:0 -620px;color:#444;} .h3bgimage14 h3, .ui-tabs.h3bgimage14 .ui-tabs-nav li, .ui-tabs.h3bgimage14 .ui-tabs-nav li a {background-position:0 -620px;color:#444;} .h3bgimage15 h3, .ui-tabs.h3bgimage15 .ui-tabs-nav li, .ui-tabs.h3bgimage15 .ui-tabs-nav li a {background-position:0 -620px;color:#444;} .h3bgimage16 h3, .ui-tabs.h3bgimage16 .ui-tabs-nav li, .ui-tabs.h3bgimage16 .ui-tabs-nav li a {background-position:0 -620px;color:#444;} .h3bgimage17 h3, .ui-tabs.h3bgimage17 .ui-tabs-nav li, .ui-tabs.h3bgimage17.ui-tabs-nav li a {background-position:0 -620px;color:#444;} .h3bgimage13 h3 .progressive-gradient{background-position:0 -6px;} .h3bgimage14 h3 .progressive-gradient{background-position:0 -12px;} .h3bgimage15 h3 .progressive-gradient{background-position:0 -18px;} .h3bgimage16 h3 .progressive-gradient{background-position:0 -24px;} .h3bgimage17 h3 .progressive-gradient{background-position:0 -6px;} .h3bgimage18 h3 .progressive-gradient{background-position:0 -12px;} .h3bgimage19 h3 .progressive-gradient{background-position:0 -18px;} .h3bgimage20 h3 .progressive-gradient{background-position:0 -24px;} /* 2b - module heading background color **********************************/ /* remove background images to reset backgrounds */ .h3bgcolor01 h3, .h3bgcolor02 h3, .h3bgcolor03 h3, .h3bgcolor04 h3, .h3bgcolor05 h3, .h3bgcolor06 h3, .h3bgcolor07 h3, .h3bgcolor08 h3, .h3bgcolor09 h3, .h3bgcolor10 h3, .h3bgcolor01 h3.ui-accordion-header, .h3bgcolor02 h3.ui-accordion-header, .h3bgcolor03 h3.ui-accordion-header, .h3bgcolor04 h3.ui-accordion-header, .h3bgcolor05 h3.ui-accordion-header, .h3bgcolor06 h3.ui-accordion-header, .h3bgcolor07 h3.ui-accordion-header .h3bgcolor08 h3.ui-accordion-header, .h3bgcolor09 h3.ui-accordion-header, .h3bgcolor10 h3.ui-accordion-header, .ui-tabs .h3bgcolor01 .ui-tabs-nav li, .ui-tabs .h3bgcolor02 .ui-tabs-nav li, .ui-tabs .h3bgcolor03 .ui-tabs-nav li, .ui-tabs .h3bgcolor04 .ui-tabs-nav li, .ui-tabs .h3bgcolor05 .ui-tabs-nav li, .ui-tabs .h3bgcolor06 .ui-tabs-nav li, .ui-tabs .h3bgcolor07 .ui-tabs-nav li, .ui-tabs .h3bgcolor08 .ui-tabs-nav li, .ui-tabs .h3bgcolor09 .ui-tabs-nav li, .ui-tabs .h3bgcolor10 .ui-tabs-nav li {background-image: none;} /* styling for modules */ .h3bgcolor01 h3{background-color:#fff;} .h3bgcolor02 h3{background-color:#111;} .h3bgcolor03 h3{background-color:#468EA1;} .h3bgcolor04 h3{background-color:#999900;} .h3bgcolor05 h3{background-color:#626262;} .h3bgcolor06 h3{background-color:#B4AA9A;} .h3bgcolor07 h3{background-color:#A1BFC2;} .h3bgcolor08 h3{background-color:#750013;} .h3bgcolor09 h3{background-color:#999;} .h3bgcolor10 h3{background-color:#000;} /* set font colors to white for darker bg's */ .h3bgcolor02 h3{color:#fff;} .h3bgcolor03 h3{color:#fff;} .h3bgcolor04 h3{color:#fff;} .h3bgcolor05 h3{color:#fff;} .h3bgcolor06 h3{color:#fff;} .h3bgcolor07 h3{color:#fff;} .h3bgcolor08 h3{color:#fff;} .h3bgcolor09 h3{color:#fff;} .h3bgcolor10 h3{color:#fff;} /* styling for accordion headers */ .h3bgcolor01 h3.ui-accordion-header {background-color:#fff;} .h3bgcolor02 h3.ui-accordion-header {background-color:#111;} .h3bgcolor03 h3.ui-accordion-header {background-color:#468EA1;} .h3bgcolor04 h3.ui-accordion-header {background-color:#999900;} .h3bgcolor05 h3.ui-accordion-header {background-color:#626262;} .h3bgcolor06 h3.ui-accordion-header {background-color:#B4AA9A;} .h3bgcolor07 h3.ui-accordion-header {background-color:#A1BFC2;} .h3bgcolor08 h3.ui-accordion-header {background-color:#750013;} .h3bgcolor09 h3.ui-accordion-header {background-color:#999;} .h3bgcolor10 h3.ui-accordion-header {background-color:#000;} /* styling for tabs */ .ui-tabs.h3bgcolor01 .ui-tabs-nav li {background-color:#fff;} .ui-tabs.h3bgcolor02 .ui-tabs-nav li {background-color:#111;} .ui-tabs.h3bgcolor03 .ui-tabs-nav li {background-color:#468EA1;} .ui-tabs.h3bgcolor04 .ui-tabs-nav li {background-color:#999900;} .ui-tabs.h3bgcolor05 .ui-tabs-nav li {background-color:#626262;} .ui-tabs.h3bgcolor06 .ui-tabs-nav li {background-color:#B4AA9A;} .ui-tabs.h3bgcolor07 .ui-tabs-nav li {background-color:#A1BFC2;} .ui-tabs.h3bgcolor08 .ui-tabs-nav li {background-color:#750013;} .ui-tabs.h3bgcolor09 .ui-tabs-nav li {background-color:#999;} .ui-tabs.h3bgcolor10 .ui-tabs-nav li {background-color:#000;} /* module heading icon image **********************************/ .mod h3 span.icon{background-image:url(/morph_assets/themelets/light-candy/images/modfx-h3icon-sprite.png);background-repeat:no-repeat;} .h3icon01 h3,.h3icon02 h3,.h3icon03 h3,.h3icon04 h3,.h3icon05 h3,.h3icon06 h3,.h3icon07 h3,.h3icon08 h3, .h3icon09 h3,.h3icon10 h3,.h3icon11 h3,.h3icon12 h3,.h3icon13 h3,.h3icon14 h3,.h3icon15 h3,.h3icon16 h3, .h3icon17 h3,.h3icon18 h3,.h3icon19 h3,.h3icon20 h3{ position:relative;padding-left:35px;} .h3icon01 h3 span,.h3icon02 h3 span,.h3icon03 h3 span,.h3icon04 h3 span,.h3icon05 h3 span, .h3icon06 h3 span,.h3icon07 h3 span,.h3icon08 h3 span,.h3icon09 h3 span,.h3icon10 h3 span, .h3icon11 h3 span,.h3icon12 h3 span,.h3icon13 h3 span,.h3icon14 h3 span,.h3icon15 h3 span, .h3icon16 h3 span,.h3icon17 h3 span,.h3icon18 h3 span,.h3icon19 h3 span,.h3icon20 h3 span{ width:30px;height:30px;display:block;position:absolute;top:8%;left:1%;} .h3icon01 h3 span{background-position:0 4px;} .h3icon02 h3 span{background-position:0 -27px;} .h3icon03 h3 span{background-position:0 -55px;} .h3icon04 h3 span{background-position:0 -87px;} .h3icon05 h3 span{background-position:0 -117px;} .h3icon06 h3 span{background-position:0 -145px;} .h3icon07 h3 span{background-position:0 -177px;} .h3icon08 h3 span{background-position:0 -205px;} .h3icon09 h3 span{background-position:0 -237px;} .h3icon10 h3 span{background-position:0 -267px;} .h3icon11 h3 span{background-position:0 -295px;} .h3icon12 h3 span{background-position:0 -325px;} .h3icon13 h3 span{background-position:0 -357px;} .h3icon14 h3 span{background-position:0 -387px;} .h3icon15 h3 span{background-position:0 -415px;} .h3icon16 h3 span{background-position:0 -447px;} .h3icon17 h3 span{background-position:0 -475px;} .h3icon18 h3 span{background-position:0 -507px;} .h3icon19 h3 span{background-position:0 -535px;} .h3icon20 h3 span{background-position:0 -565px;} /* module heading text color **********************************/ /* ** ---> COMPLETE & TESTED - ADD SUPPORT FOR DEFAULT MOD STYLES ** ---> COMPLETE & TESTED - TEST ALL OPTIONS ** ---> COMPLETE & TESTED - ADD SUPPORT FOR ACCORDIONS ** ---> COMPLETE & TESTED - ADD SUPPORT FOR TABS ** ---> TODO - STYLE FOR CANDY */ .h3color01 h3, .ui-tabs.h3color01 .ui-tabs-nav li a, .h3color01 h3.ui-accordion-header a {color:#fff;} .h3color02 h3, .ui-tabs.h3color02 .ui-tabs-nav li a, .h3color02 h3.ui-accordion-header a {color:#111;} .h3color03 h3, .ui-tabs.h3color03 .ui-tabs-nav li a, .h3color03 h3.ui-accordion-header a {color:#468EA1;} .h3color04 h3, .ui-tabs.h3color04 .ui-tabs-nav li a, .h3color04 h3.ui-accordion-header a {color:#999900;} .h3color05 h3, .ui-tabs.h3color05 .ui-tabs-nav li a, .h3color05 h3.ui-accordion-header a {color:#626262;} .h3color06 h3, .ui-tabs.h3color06 .ui-tabs-nav li a:link, .h3color06 h3.ui-accordion-header a:link {color:#B4AA9A;} .h3color07 h3, .ui-tabs.h3color07 .ui-tabs-nav li a, .h3color07 h3.ui-accordion-header a {color:#A1BFC2;} .h3color08 h3, .ui-tabs.h3color08 .ui-tabs-nav li a, .h3color08 h3.ui-accordion-header a {color:#750013;} .h3color09 h3, .ui-tabs.h3color09 .ui-tabs-nav li a, .h3color09 h3.ui-accordion-header a {color:#999;} .h3color10 h3, .ui-tabs.h3color10 .ui-tabs-nav li a, .h3color10 h3.ui-accordion-header a {color:#000;} /* ***************************************************************/ /* generic module suffixes /* ***************************************************************/ /* module text size **********************************/ .h3size01 h3, .ui-tabs.h3size01 .ui-tabs-nav li a, .ui-tabs.modsize01 .ui-tabs-panel, .modsize01 .modinner, .modsize01 .ui-accordion-content {font-size:.5em;} .h3size02 h3, .ui-tabs.h3size02 .ui-tabs-nav li a, .ui-tabs.modsize02 .ui-tabs-panel, .modsize02 .modinner, .modsize02 .ui-accordion-content {font-size:.7em;} .h3size03 h3, .ui-tabs.h3size03 .ui-tabs-nav li a, .ui-tabs.modsize03 .ui-tabs-panel, .modsize03 .modinner, .modsize03 .ui-accordion-content {font-size:0.9em;} .h3size04 h3, .ui-tabs.h3size04 .ui-tabs-nav li a, .ui-tabs.modsize04 .ui-tabs-panel, .modsize04 .modinner, .modsize04 .ui-accordion-content {font-size:1.3em;} .h3size05 h3, .ui-tabs.h3size05 .ui-tabs-nav li a, .ui-tabs.modsize05 .ui-tabs-panel, .modsize05 .modinner, .modsize05 .ui-accordion-content {font-size:1.5em;} .h3size06 h3, .ui-tabs.h3size06 .ui-tabs-nav li a, .ui-tabs.modsize06 .ui-tabs-panel, .modsize06 .modinner, .modsize06 .ui-accordion-content {font-size:1.7em;} .h3size07 h3, .ui-tabs.h3size07 .ui-tabs-nav li a, .ui-tabs.modsize07 .ui-tabs-panel, .modsize07 .modinner, .modsize07 .ui-accordion-content {font-size:2em;} .h3size08 h3, .ui-tabs.h3size08 .ui-tabs-nav li a, .ui-tabs.modsize08 .ui-tabs-panel, .modsize08 .modinner, .modsize08 .ui-accordion-content {font-size:2.3em;} .h3size09 h3, .ui-tabs.h3size09 .ui-tabs-nav li a, .ui-tabs.modsize09 .ui-tabs-panel, .modsize09 .modinner, .modsize09 .ui-accordion-content {font-size:2.5em;} .h3size10 h3, .ui-tabs.h3size10 .ui-tabs-nav li a, .ui-tabs.modsize10 .ui-tabs-panel, .modsize10 .modinner, .modsize10 .ui-accordion-content {font-size:2.7em;} /* module font family **********************************/ .h3font01 h3, .ui-tabs.h3font01 .ui-tabs-nav li a, .ui-tabs.modfont01 .ui-tabs-panel, .modfont01 .modinner, .modfont01 .ui-accordion-content {font-family:Arial, Helvetica, sans-serif;} .h3font02 h3, .ui-tabs.h3font02 .ui-tabs-nav li a, .ui-tabs.modfont02 .ui-tabs-panel, .modfont02 .modinner, .modfont02 .ui-accordion-content {font-family:"Arial Black", Gadget, sans-serif;} .h3font03 h3, .ui-tabs.h3font03 .ui-tabs-nav li a, .ui-tabs.modfont03 .ui-tabs-panel, .modfont03 .modinner, .modfont03 .ui-accordion-content {font-family:"Times New Roman",Georgia,Serif;} .h3font04 h3, .ui-tabs.h3font04 .ui-tabs-nav li a, .ui-tabs.modfont04 .ui-tabs-panel, .modfont04 .modinner, .modfont04 .ui-accordion-content {font-family:Impact, Charcoal, sans-serif;} .h3font05 h3, .ui-tabs.h3font05 .ui-tabs-nav li a, .ui-tabs.modfont05 .ui-tabs-panel, .modfont05 .modinner, .modfont05 .ui-accordion-content {font-family:"Trebuchet MS", Helvetica, sans-serif;} .h3font06 h3, .ui-tabs.h3font06 .ui-tabs-nav li a, .ui-tabs.modfont06 .ui-tabs-panel, .modfont06 .modinner, .modfont06 .ui-accordion-content {font-family:Verdana, Geneva, sans-serif;} .h3font07 h3, .ui-tabs.h3font07 .ui-tabs-nav li a, .ui-tabs.modfont07 .ui-tabs-panel, .modfont07 .modinner, .modfont07 .ui-accordion-content {font-family:Garamond, serif;} .h3font08 h3, .ui-tabs.h3font08 .ui-tabs-nav li a, .ui-tabs.modfont08 .ui-tabs-panel, .modfont08 .modinner, .modfont08 .ui-accordion-content {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;} .h3font09 h3, .ui-tabs.h3font09 .ui-tabs-nav li a, .ui-tabs.modfont09 .ui-tabs-panel, .modfont09 .modinner, .modfont09 .ui-accordion-content {font-family:Tahoma, Geneva, sans-serif;} .h3font10 h3, .ui-tabs.h3font10 .ui-tabs-nav li a, .ui-tabs.modfont10 .ui-tabs-panel, .modfont10 .modinner, .modfont10 .ui-accordion-content {font-family:Georgia, serif;} /* module text case **********************************/ .h3case01 h3, .h3case01.ui-tabs .ui-tabs-nav li a, .ui-tabs.modcase01 .ui-tabs-panel, .modcase01 .modinner, .modcase01 .ui-accordion-content {text-transform:none;} .h3case02 h3, .h3case02.ui-tabs .ui-tabs-nav li a, .ui-tabs.modcase02 .ui-tabs-panel, .modcase02 .modinner, .modcase02 .ui-accordion-content {text-transform:capitalize;} .h3case03 h3, .h3case03.ui-tabs .ui-tabs-nav li a, .ui-tabs.modcase03 .ui-tabs-panel, .modcase03 .modinner, .modcase03 .ui-accordion-content {text-transform:uppercase;} .h3case04 h3, .h3case04.ui-tabs .ui-tabs-nav li a, .ui-tabs.modcase04 .ui-tabs-panel, .modcase04 .modinner, .modcase04 .ui-accordion-content {text-transform:lowercase;} .h3case05 h3, .h3case05.ui-tabs .ui-tabs-nav li a, .ui-tabs.modcase05 .ui-tabs-panel, .modcase05 .modinner, .modcase05 .ui-accordion-content {text-transform:inherit;} /* other **********************************/ /* other **********************************/ .no-border{border:0;} .no-margin{margin:0;} .no-padding, .no-padding .modinner, .no-padding .modhead{padding:0;} /* strip/remove borders on headings only */ .no-h3borders h3, .no-h3borders .mod h3 {border:0;} /* strip/remove borders on module containers only */ .no-modborders .modinner, .no-modborders .mod .modinner, .no-modborders .mod {border:0;} /* strip/remove all borders */ .strip-borders h3, .strip-borders.noheading, .strip-borders .mod h3, .strip-borders .modinner, .strip-borders .mod, .strip-borders .mod .modinner, .strip-borders .mod-wrap {border:0;} /* strip/remove backgrounds from headers only*/ .no-h3bg h3, .no-h3bg .mod h3 {background:none;} /* strip/remove backgrounds on module containers only */ .no-modbg .modinner, .no-modbg .mod, .mod.no-modbg, .no-modbg .mod .modinner {background:none;} /* strip/remove all backgrounds */ .strip-bg.mod h3, .strip-bg.modinner, .strip-bg.mod, .strip-bg h3, .strip-bg .mod h3, .strip-bg .modinner, .strip-bg .mod, .strip-bg .modinner, .strip-bg .mod .modinner {background:none;} /* @group pretext, subtext and highlight styles */ .mod-pretext,.mod-subtext {font-size: 0.67em;text-transform:uppercase;display:block;color:#888;} .mod-pretext, .mod-subtext{display:block;text-transform:uppercase;font:bold 0.75em arial;color:#888C92;border:none;padding:4px 0 10px 0;} .mod-pretext {border: 0;padding: 0;} .twotone {color: #777;} #bottomshelf .twotone {color: #aaa;} /* @end */ /* @end */ /* @group themelet.css */ /*---------------------------------------------------------------------------- ++ Themelets layout css ++ All the themelets layout and miscellaneous css goes here. ----------------------------------------------------------------------------*/ /* @group styling for each block */ #candy-bar{background:#222 url(/morph_assets/themelets/light-candy/images/repeat-sprite.jpg) repeat-x 0 -28px;height:8px;border-bottom:5px solid #000;} #progressive-logo-bg{background:transparent url(/morph_assets/themelets/light-candy/images/logo-underlay.png) no-repeat scroll 30% 0;} #toolbar-wrap{background:#151819;border-bottom:1px solid #333;} #masthead-wrap{background:#111617;border-top:1px solid #000;border-bottom:1px solid #000;} #masthead{clear:both;position:relative;height:11em;} #top .newsflash{float:right;width:55%;font-size:0.9em;color:#ccc;margin:2em 0;} #branding{height:100%;float:left;width:auto;} #topnav-wrap{background:url(/morph_assets/themelets/light-candy/images/repeat-sprite.jpg) repeat-x 0 -466px;border-bottom:1px solid #ddd;} #topshelf-wrap{background:transparent url(/morph_assets/themelets/light-candy/images/repeat-sprite.jpg) repeat-x scroll 0 -534px;border-top:1px solid #fff;border-bottom:1px solid #ccc;padding:0.3em 0;color:#333;} #subhead-wrap{background:transparent url(/morph_assets/themelets/light-candy/images/repeat-sprite.jpg) repeat-x scroll 0 -600px;border-bottom:1px solid #CCCCCC;border-top:1px solid #FFFFFF;} #bd-wrap{background:#C7CDCC url(/morph_assets/themelets/light-candy/images/repeat-sprite.jpg) repeat-x 0 -2485px;padding:3em 0;} body.home #bd-wrap{padding:8em 0;} #bd{background:none;border:none;margin:0 auto;} #user1{margin-bottom:1em;} #bottomshelf-wrap{background:#000000 url(/morph_assets/themelets/light-candy/images/repeat-sprite.jpg) repeat-x scroll 0 -1649px;color:#CCCCCC;margin:0;padding:6.2em 0 5.5em;} #primary-content{border:1px solid #ccc;background:#EEEFEF;margin:0 0 1.2em;} div.primary-inner{border:1px solid #fff;/*overflow:hidden;*/padding:0 1.8em 5em;} /* @end */ /* this floats the position right of the nav eg search */ #topnav #nav-side {float: right;} /* logo styling */ #branding.logotype-0 h1{font-weight:bold;margin:0;padding:0;position:absolute;} #branding.logotype-0 h1 a{display:block;} /* logo type 1 */ #branding.logotype-1 h1{position:absolute;margin:0;padding:0;} #branding.logotype-1 h1 a{display:block;text-indent:-7998em;background-repeat:no-repeat;background-color:transparent;} /* logo type 2 */ #branding.logotype-2 a.logo-img{position:absolute;} /* logo type 3 */ #branding.logotype-3 #logo{position:absolute;} /* slogan */ #branding .slogan{margin:0;position:absolute;} /* @group toolbar slider */ .slider-toolbar{height:5px;} #toolbar-wrap .slider-toolbar a{background:#000;padding:.4em 1.1em .4em 1.1em;margin:0 1em 0 0;color:#ccc;} /* @end */ /* footer styling */ #footer-wrap{background:#000;border-top:1px solid #111;overflow:hidden;} #footer *{margin:0;padding:0;list-style:none;height:auto;line-height:1;} #footer{margin:1em auto;padding:.7em 0 1em 0;overflow:hidden;} #footer .footer-left{float:left;} #footer .footer-right{float:right;text-align:right;} #footer .footer-validation, #footer ul{margin-bottom:.7em;} #footer ul li{display:inline;padding-right:1em;} /* @end */ html{ background-color:#f9f9f9; } body{ background-color:#eee; } #masthead{ height:185px; } #branding h1{ top:24px; left:10px; z-index:2; } #branding h1 a{ width:165px; height:152px; background-image: url(/morph_assets/logos/ftict-logo.png); } #branding .slogan{ font-family:'Trebuchet MS', Helvetica, sans-serif; font-size:1em; color:#aba9a9; top:76px; left:20px; z-index:1; } a:link,a:visited,a:active{color:#6CADBE;} a:hover{color:#555;} a:visited{color:#6CADBE;} h1,.componentheading{color:#111;} h2,.contentheading{color:#6CADBE;} h3{color:#333;} h4{color:#444;} h5{color:#555;} body{color:default;} #footer{color:#e0e0e0} #footer a,#footer a:link,#footer a:visited{color:#d4d1ff} /* @group browsers.css */ /* @group Cross Browser fixes - MUST MOVE TO BROWSER.CSS */ /* @group IE7 grid supporting styles */ /* user1 */ .internetexplorer70 #user1.grid.modcount3 .mod-grid.yui-u{width:32.38%;} .internetexplorer70 #user2.grid.modcount3 .mod-grid.yui-u{width:32.38%;} /* grid adjustments for 3 modules */ .internetexplorer70 .grid.modcount3 .yui-u {width:32.45%;} /* width adustments for 5 modules */ .internetexplorer70 #inset2.grid.modcount5 .yui-u, .internetexplorer70 #inset3.grid.modcount5 .yui-u {width:18.94%;} /* @end */ /* @group IE7 control styles */ .internetexplorer70 .clearer, .internetexplorer70 .ui-tabs {display: inline-block;} /* fix for IE7 no btm margin on floats */ .internetexplorer70 .sidebar{padding-bottom:1em;} .internetexplorer70 #primary-content {padding-bottom: 1em;} .internetexplorer70 .doc4.yui-t3 #yui-main .yui-b .yui-gd #primary-content.yui-u.first{width:31.5%;} .internetexplorer70 #login-wrap .input-wrap .form-input{float: left;} .internetexplorer70 .search-input {width:auto;float: left;} .internetexplorer70 #branding h1 a {padding: 0.2em 0 0.5em; } .internetexplorer70 #footer {padding-bottom:1em;} /* re position sub items for subtext option */ .internetexplorer70 #topnav.subtext #nav ul .submenu_item {padding-top: 0.7em;} /* topdrop modifications */ .internetexplorer70 #topnav.topdrop #nav .menu a, .internetexplorer70 #topnav.topdrop #nav span.separator {padding-bottom: 1.2em; padding-top: 1.2em;} .internetexplorer70 #topnav.topdrop #nav .menu ul a, .internetexplorer70 #topnav.topdrop #nav ul ul span.separator {padding-bottom: 1.12em; padding-top: 1.1em;} /* @end */ /* search in navbar adjustment */ .internetexplorer80 #topnav .search {margin: 0.52em 0em 0.1em 0em;} #topnav.topdrop #nav .menu{z-index: 1000;} #topnav.topfish #nav .menu{z-index: 1000;} #topnav .menu li {z-index: 1000!important;} /* @group safari & chrome adjustments */ /* adjustment for 3 grids */ .chrome .grid.modcount3 .mod-grid.yui-u, .safari .grid.modcount3 .mod-grid.yui-u {width:32.54%;} .chrome #inset1 .grid.modcount3 .mod-grid.yui-u, .safari #inset1 .grid.modcount3 .mod-grid.yui-u {width:32.65%;} .chrome #inset2 .grid.modcount3 .mod-grid.yui-u, .safari #inset2 .grid.modcount3 .mod-grid.yui-u {width:32.65%;} /* user1 */ .chrome #user1.grid.modcount3 .mod-grid.yui-u, .safari #user1.grid.modcount3 .mod-grid.yui-u {width:32.5%;} .chrome #user1.grid.modcount5 .mod-grid.yui-u, .safari #user1.grid.modcount5 .mod-grid.yui-u {width:18.9%;} /* topdrop modifications */ .chrome #topnav.topdrop #nav .menu li:hover ul, .chrome #topnav.topdrop #nav .menu li.sfHover ul {top:102%;} .chrome #topnav.topdrop #nav .menu a, .chrome #topnav.topdrop #nav span.separator {padding-bottom: 1.15em; padding-top: 1.1em;} .safari #topnav.topdrop #nav .menu a, .safari #topnav.topdrop #nav span.separator {padding-bottom: 1.168em; padding-top: 1.2em;} /* @end */ .opera #user1.grid.modcount5 .mod-grid.yui-u, .opera #user2.grid.modcount5 .mod-grid.yui-u {width:18.9%;} /* @end */ /* @group browsers.css */ /*---------------------------------------------------------------------------- ++ cross browser fixes ----------------------------------------------------------------------------*/ /* Candy specific */ /*core & light base fixes*/ .internetexplorer70 #login-wrap .input-wrap .form-input { float: left; width: 95.3%; } #topnav.topdrop #nav .menu { float: left; z-index: 1000; } .internetexplorer70 .mod .modinner { height: 1%; } .internetexplorer70 .search-input { width: 85%; float: left; } /* CB fix for Opera */ .opera #topnav-wrap { background-color: inherit; } /* CB fix - IE7 double border bug so needs own style - less padding */ .internetexplorer70 #topnav .search .search-btn {background-color: #fcfcfc;padding: 0.3em 0.6em;font-size: 17px;} .internetexplorer80 #topnav .search .search-btn {padding: 0.4em 0.8em;font-size: 16px;} /* CB fix - firefox has weird padding on button so needs own style */ .firefox .search .search-btn {padding:0.4em 1em;} .firefox #mod_search_searchword {padding:8px 8px;} .internetexplorer80 input#mod_search_searchword{padding:0.52em;} /*.chrome2017243 .search .search-btn {padding:0.4em 1em;font-size: 17px;}*/ /* Safari Button adjustments */ .safari #mod_search_searchword { padding: 7px 8px; } .safari .search-btn { padding: 6px 10px; font-size: 16px; } /* @end */