/* Copyright (C) 2007 - 2009 YOOtheme GmbH */ /* * Browser Reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } fieldset, img { border: 0; } a:focus { outline: none; } html { height: 100%; margin-bottom: 1px; } /* * New standard values */ /* paragraph */ p { margin: 10px 0px 15px 0px; } /* lists */ ul, ol, dl { margin: 1em 0; padding-left: 30px } dl { margin: 1em 0; } dd { padding-left: 40px; } /* tables */ td, th { padding: 1px; } /* forms */ fieldset { border: 1px solid #c8c8c8; } legend { background: #ffffff; } textarea, input[type='text'], input[type='password'], select { border: 1px solid #c8c8c8; background: #ffffff; } textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaaaaa; } textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #8c8c8c; outline: 2px solid #dcdcdc; } input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; } input[type='hidden'] { display: none; } fieldset { padding: 0 1em 1em 1em; } legend { padding: 0 .8em 0 .8em; } textarea, input[type='text'], input[type='password'] { padding: .1em 0 .1em .4em; } option { padding: 0 0 .1em .4em; } form div { margin: .8em 0 .8em 0; } button, input[type='button'], input[type='submit'] { padding: .2em .3em .2em .1em; line-height: 100%; } /* links */ a:link, a:visited { text-decoration: none; } a:hover { text-decoration: underline; } /* headings */ h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 5px; line-height: 100%; } h1 { font-size: 300%; } h2 { font-size: 250%; } h3 { font-size: 200%; } h4 { font-size: 175%; } h5 { font-size: 150%; } h6 { font-size: 125%; } /* horizontal rule */ hr { margin: 15px 0px 15px 0px; display: block; background: #c8c8c8; height: 1px; border: none; } /* blockquotes */ blockquote { margin: 10px 0 10px 15px; padding: 0px 0px 0px 0px; font-style: italic; font-size: 130% } blockquote:first-letter { font-size: 150% } /* preformatted text elements */ pre { margin: 10px 0 10px 0px; padding: 5px 0 5px 10px; border: 1px dotted #aab4be; border-left: 20px solid #b4b4b4; background: #fafafa; font-size: 90%; color: #2E8B57; font-family: "Courier New", Courier, monospace; /* Browser specific (not valid) styles to make preformatted text wrap */ /* white-space: pre-wrap; /* css-3 */ /* white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ } /* acronym */ acronym, abbr { border-bottom: 1px dashed #969696; cursor: help; font-variant: small-caps; text-transform: lowercase; } /* * black styling * remove comments for dark colored templates */ /* fieldset { border: 1px solid #323232; } legend { background: #141414; } textarea, input[type='text'], input[type='password'], select { border: 1px solid #323232; background: #141414; color: #646464; } textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #464646; } textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #646464; outline: 2px solid #282828; } hr { background: #323232; color: #323232; } blockquote { border-top: 1px solid #323232; border-bottom: 1px solid #323232; } pre { border: 1px dotted #3c3c50; border-left: 20px solid #323232; background: #232328; } acronym, abbr { border-bottom: 1px dashed #969696; } *//* Copyright (C) 2007 - 2009 YOOtheme GmbH */ /* * Page */ body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 150%; color: #464646; } body.yoopage { background: #3C372D; } /* center page */ div.wrapper { margin: auto; } /* * Layout */ div#absolute { position: absolute; z-index: 15; top: 0px; left: 0px; width: 100%; } div#page-header { background: 3C372D; } div#toolbar { position: relative; width: auto; height: 30px; padding: 0px 145px 0px 15px; clear: both; overflow: hidden; line-height: 250%; } div#topmenu { margin: 0px 10px 0px 0px; float: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } div#page-body { background: #ffffff; } div.wrapper-bg { padding: 15px 0px 15px 0px; background: #ffffff; } div.wrapper-l { border-left: 1px solid #DCDCD7; } div.wrapper-r { padding: 0px 14px 0px 14px; border-right: 1px solid #DCDCD7; } div#header { width: auto; height: 190px; padding: 0px 0px 0px 0px; position: relative; z-index: 10; clear: both; } div#logobar { width: 350px; height: 128px; margin: auto; border-top: 1px solid #D7D7D2; border-bottom: 1px solid #D7D7D2; clear: both; overflow: hidden; } div#logo { height: 103px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 350%; line-height: 100%; text-transform: uppercase; text-align: center; vertical-align: middle; } div#date { height: 24px; border-top: 1px solid #D7D7D2; font-family: Georgia, "Times New Roman", Times, serif; line-height: 24px; text-align: center; color: #BE4238; font-weight: bold; font-style: italic; } body.green div#date { color: #7BA46C; } body.pink div#date { color: #B165A3; } body.orange div#date { color: #D68636; } body.blue div#date { color: #5296B7; } body.yellow div#date { color: #ADA83F; } body.lilac div#date { color: #655A9E; } body.turquoise div#date { color: #619A99; } body.black div#date { color: #C83232; } div#menubar { width: auto; margin: 10px 0px 0px 0px; padding: 1px 0px 1px 0px; border-top: 1px solid #D7D7C8; border-bottom: 1px solid #D7D7C8; background: #ffffff; clear: both; } div#menubar div.menubar-2 { height: 46px; background: #E6E6D2; } div#menu { position: absolute; top: 142px; left: 0px; z-index: 11; height: 46px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif } div#search { position: absolute; top: -39px; right: -15px; z-index: 12; width: 120px; } div#banner { position: absolute; top: 0px; right: -30px; width: 0px; z-index: 3; } div#header-left { position: absolute; top: 10px; left: 0px; width: 200px; } div#header-right { position: absolute; top: 10px; right: 0px; width: 200px; text-align: right; } div#header-left ul, div#header-right ul { margin: 0px; padding: 0px; list-style: none; } div#header-left li, div#header-right li { display: block; } div#header-left li a, div#header-right li a { display: inline-block; padding: 0px 5px 0px 5px; color: #323232; font-size: 11px; font-style: italic; } div#header-left li a:hover, div#header-right li a:hover { color: #ffffff; background: #323232; text-decoration: none; } div#top { width: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; } div#top .topbox { margin-top: 15px; } div#middle { width: auto; margin: 0px 0px 0px 0px; padding: 15px 0px 15px 0px; clear: both; } div#middle .background { min-height: 200px; } div#middle .background { background: none; } .left div#middle .background { background: url(../../../templates/yoo_scoop/images/left_bg_l.png) 0 0 repeat-y; } .right div#middle .background { background: url(../../../templates/yoo_scoop/images/left_bg_r.png) 100% 0 repeat-y; } div#left { width: 210px; } .left div#middle div#left { float: left; } .right div#middle div#left { float: right; } div#main { width: auto; } div#main { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .left div#main { margin: 0px 0px 0px 240px; } .right div#main { margin: 0px 240px 0px 0px; } div#maintop { padding: 0px 0px 15px 0px; } div#mainmiddle { margin: 0px 0px 15px 0px; } .showright div#mainmiddle { background: url(../../../templates/yoo_scoop/images/right_bg.png) 100% 0 repeat-y; } div#right { width: 180px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right; } div#content { width: auto; } div#content { margin: 0px 0px 0px 0px; } .showright div#content { margin: 0px 210px 0px 0px; } div#contenttop { margin: 0px 0px 15px 0px; } div#breadcrumbs { margin-bottom: 10px; font-size: 85%; } div#contentbottom { margin: 15px 0px 0px 0px; } div#mainbottom { padding: 0px 0px 0px 0px; } div#bottom { width: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; clear: both; } div#bottom .bottomblock { margin-top: 15px; margin-bottom: -15px; } div#footer { position: relative; width: auto; min-height: 30px; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; clear: both; text-align: center; color: #ffffff; } div#footer a:link, div#footer a:visited { color: #ffffff; } div#footer a:hover { color: #ffffff; } div#footer a.anchor { position: absolute; right: 5px; top: 10px; width: 40px; height: 9px; background: url(../../../templates/yoo_scoop/images/footer_anchor_white.png) 0 0 no-repeat; display: block; text-decoration: none; } /* * Clearing & Floating */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: block; } .floatbox { overflow:hidden; } .float-left { float: left; overflow: hidden; } .float-right { float: right; overflow: hidden; } .width15 { width: 14.999%; } .width18 { width: 18.333%; } .width20 { width: 19.999%; } .width23 { width: 22.999%; } .width25 { width: 24.999%; } .width33 { width: 33.333%; } .width35 { width: 34.999%; } .width40 { width: 39.999%; } .width45 { width: 44.999%; } .width50 { width: 49.999%; } .width54 { width: 53.999%; } .width65 { width: 64.999%; } .width75 { width: 74.999%; } .width100 { width: 100%; } /************************* Price Table ***********************************/ .price { width : 100%; border-right: expression(1 != 1 ? '1px solid #999' : '0');} .price thead td { border:1px solid #999; border-top:0px; border-left:0px; } .price tfoot td { border:1px solid #999; border-bottom:0px; border-left:0px; border-top:0px; } .price tbody td { border:1px solid #999; border-left:0px; border-top:0px; } .price td.last { border-right: 1px solid #999;} .price thead td { font-size: 30px; background-color:#ffffff; font-size:11px; text-align:center; color:#717171; /*border-right: expression(nextSibling ? '1px solid #999;' : '0' );*/ } .price tfoot td { background-color:#ffffff; font-size:15px; text-align:center; color:#717171; height:30px; /*border-right: expression(nextSibling ? '1px solid #999;' : '0' );*/ } .price tbody td { background-color:#ffffff; font-size:15px; text-align:center; color:#717171; /*border-right: expression(nextSibling ? '1px solid #999;' : '0' );*/ font-size: 13px; } .price tbody tr.odd td { background-color:#ececec; font-size:15px; text-align:center; color:#717171; /*border-right: expression(nextSibling ? '1px solid #999;' : '0' );*/ } div.wrapper { width: 1024px; }/* Copyright (C) 2007 - 2009 YOOtheme GmbH */ /* * headings */ h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; } h1 { color: #BE4238; } #page h1 a { color: #BE4238; text-decoration: none; } h2 { color: #8C9196; } h3 { color: #50555A; } h4 { color: #BE4238; } h5 { color: #6E7378; } h6 { color: #BE4238; } body.green h1, body.green h4, body.green h6, body.green #page-body h1 a { color: #7BA46C; } body.pink h1, body.pink h4, body.pink h6, body.pink #page-body h1 a { color: #B165A3; } body.orange h1, body.orange h4, body.orange h6, body.orange #page-body h1 a { color: #D68636; } body.blue h1, body.blue h4, body.blue h6, body.blue #page-body h1 a { color: #5296B7; } body.yellow h1, body.yellow h4, body.yellow h6, body.yellow #page-body h1 a { color: #ADA83F; } body.lilac h1, body.lilac h4, body.lilac h6, body.lilac #page-body h1 a { color: #655A9E; } body.turquoise h1, body.turquoise h4, body.turquoise h6, body.turquoise #page-body h1 a { color: #619A99; } body.black h1, body.black h4, body.black h6, body.black #page-body h1 a { color: #C83232; } #page h1 a:hover { background: #F5F5E6; border-bottom: 1px solid #C8C8B4; } /* * anchor */ a:link, a:visited { color: #BE4238; } a:hover { color: #BE4238; } body.green a:link, body.green a:visited, body.green a:hover { color: #7BA46C; } body.pink a:link, body.pink a:visited, body.pink a:hover { color: #B165A3; } body.orange a:link, body.orange a:visited, body.orange a:hover { color: #D68636; } body.blue a:link, body.blue a:visited, body.blue a:hover { color: #5296B7; } body.yellow a:link, body.yellow a:visited, body.yellow a:hover { color: #ADA83F; } body.lilac a:link, body.lilac a:visited, body.lilac a:hover { color: #655A9E; } body.turquoise a:link, body.turquoise a:visited, body.turquoise a:hover { color: #619A99; } body.black a:link, body.black a:visited, body.black a:hover { color: #C83232; } a.icon-folder { padding-left: 17px; background: url(../images/typography/icon_folder.png) 0 40% no-repeat; } a.icon-file { padding-left: 17px; background: url(../images/typography/icon_file.png) 0 40% no-repeat; } a.icon-download { padding-left: 17px; background: url(../images/typography/icon_download.png) 0 40% no-repeat; } a.icon-external { padding-left: 17px; background: url(../images/typography/icon_external.png) 0 40% no-repeat; } a.icon-pdf { padding-left: 17px; background: url(../../../templates/yoo_scoop/images/pdf_button.png) 0 40% no-repeat; } /* * emphasis */ em.box { padding: 0px 4px 0px 4px; background: #e6e9eb; border-bottom: 1px dotted #646464; font-style: normal; } /* * unsorted lists */ ul.arrow, ul.checkbox, ul.check, ul.star { margin: 10px 0px 10px 0px; padding-left: 20px; list-style: none; } ul.arrow li, ul.checkbox li, ul.check li, ul.star li { margin: 5px 0px 5px 0px; padding-left: 35px; font-weight: bold; line-height: 26px; } ul.arrow li { background: url(../images/typography/list_arrow.png) 0 0 no-repeat; } ul.checkbox li { background: url(../images/typography/list_checkbox.png) 0 0 no-repeat; } ul.check li { background: url(../images/typography/list_check.png) 0 0 no-repeat; } ul.star li { background: url(../images/typography/list_star.png) 0 0 no-repeat; } /* * ordered lists */ ol.disc { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 45px; background: url(../images/typography/list_disc.png) 20px 0px repeat-y; } ol.disc li { margin: 5px 0px 5px 0px; padding-left: 10px; font-weight: bold; line-height: 26px; } /* * horizontal rule */ hr.dotted { margin: 15px 0px 15px 0px; display: block; background: url(../images/typography/line_dotted.png) 0 0 repeat-x; height: 1px; border: none; } /* * highlighted div and span tags */ span.note, span.info, span.alert, span.download, span.tip { display: block; } div.note, span.note { margin: 10px 0px 10px 0px; padding: 5px 10px 5px 10px; background: #f4f5f6; border-top: 1px dotted #aab4be; border-bottom: 1px dotted #aab4be; text-align:justify; } div.info, span.info, div.alert, span.alert, div.download, span.download, div.tip, span.tip { margin: 10px 0px 10px 0px; padding: 8px 10px 8px 35px; } div.info, span.info { background: #f4f5f6 url(../images/typography/box_info.png) 3px 5px no-repeat; border-top: 1px dotted #aab4be; border-bottom: 1px dotted #aab4be; } div.alert, span.alert { background: #fff5eb url(../images/typography/box_alert.png) 3px 5px no-repeat; border-top: 1px dotted #ffb4a0; border-bottom: 1px dotted #ffb4a0; } div.download, span.download { background: #f5faeb url(../images/typography/box_download.png) 3px 5px no-repeat; border-top: 1px dotted #78be5a; border-bottom: 1px dotted #78be5a; } div.tip, span.tip { background: #fffdeb url(../images/typography/box_tip.png) 3px 5px no-repeat; border-top: 1px dotted #ffc864; border-bottom: 1px dotted #ffc864; } /* * img */ img.border { padding: 9px; border: 1px solid #e6e6e1; } /* * p tag with dropcaps */ p.dropcap:first-letter { display: block; margin: 7px 4px 0px 0px; float: left; font-size: 280%; font-family: Georgia, "Times New Roman", Times, serif; } /* * blockquotes */ q.blockquote, blockquote { font-family: Georgia, "Times New Roman", Times, serif; } q.blockquote { display: block; } q.blockquote { margin: 10px 0px 10px 15px; padding: 0px 0px 0px 0px; font-style: italic; font-size: 130%; } q.blockquote:before, q.blockquote:after { content: ""; } blockquote:first-letter, q.blockquote:first-letter, blockquote.quotation p:first-letter { font-size: 150%; } blockquote.quotation { margin: 10px 0px 10px 0px; padding: 10px 35px 10px 35px; border: none; background: url(../images/typography/blockquote_start.png) 0 0 no-repeat; text-align:justify; } blockquote.quotation p { margin: 0px -35px -10px 0px; padding: 0px 35px 10px 0px; background: url(../images/typography/blockquote_end.png) 100% 100% no-repeat; } /* * floating boxes */ body .inset-left { margin: 15px 15px 10px 0px; float: left; } body .inset-right { margin: 15px 0px 10px 15px; float: right; }/* Copyright (C) 2007 - 2009 YOOtheme GmbH */ /* * topmenu */ div#topmenu ul { margin: 0px; padding: 0px; list-style: none; float: left; } div#topmenu li { margin: 0px; padding: 0px; float: left; display: block; } div#topmenu li a { display: block; height: 30px; padding: 0px 10px 0px 15px; background: url(../../../templates/yoo_scoop/images/topmenu_item_bg.png) 0 13px no-repeat; float: left; overflow: hidden; text-decoration: none; } div#topmenu li.item1 a { padding: 0px 10px 0px 0px; background: none; } div#topmenu a:link, div#topmenu a:visited { color: #ffffff; } div#topmenu a:hover { color: #ffffff; text-decoration: none; } div#topmenu a span { display: block; height: 22px; float: left; } div#topmenu a:hover span { border-bottom: 1px dotted #ffffff; } /* * menu */ div#menu ul { margin: 0px; padding: 0px; list-style: none; float: left; } div#menu li { position: relative; margin: 0px; padding: 0px; display: block; float: left; z-index: 5; } div#menu li a, #menu li span.separator { height: 46px; display: block; float: left; text-decoration: none; color: #323232; } div#menu li span { display: block; cursor: pointer; background-repeat: no-repeat; background-position: 95% 0px; } div#menu li.level2 a.current { font-weight: bold; } div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover { /* color: #000000; */ } div#menu a.active, div#menu span.active { color: #000000; } div#menu li.parent span.separator { cursor: pointer; } div#menu ul.menu { } div#menu li.level1 { } div#menu a.level1, div#menu span.level1 { padding: 0px 24px 0px 25px; border-right: 1px solid #ffffff; background: #E6E6D2; font-size: 150%; line-height: 250%; text-transform: uppercase; } div#menu li.active a.level1 { background: #B45046; color: #ffffff; } body.green div#menu li.active a.level1 { background: #97AF82; } body.pink div#menu li.active a.level1 { background: #B995B1; } body.orange div#menu li.active a.level1 { background: #D1934E; } body.blue div#menu li.active a.level1 { background: #639FB7; } body.yellow div#menu li.active a.level1 { background: #AEAC57; } body.lilac div#menu li.active a.level1 { background: #87829D; } body.turquoise div#menu li.active a.level1 { background: #789696; } body.black div#menu li.active a.level1 { background: #3C372D; } div#menu a.level1 span, div#menu span.level1 span { } div#menu a.level1 span.title, div#menu span.level1 span.title{ padding: 0px; font-size: 100%; line-height: 180%; } div#menu a.level1 span.sub, div#menu span.level1 span.sub { margin-top: -5px; padding: 0px 0px 10px 0px; background: none; font-size: 70%; font-weight: normal; color: #646464; line-height: 13px; text-transform: none; font-style: italic; } div#menu a.active span.sub, div#menu span.active span.sub { color: #ffffff; } div#menu ul.menu ul { position: absolute; top: 46px; left: -999em; width: 205px; padding: 2px 0px 0px 0px; background: url(../../../templates/yoo_scoop/images/menu_dropdown_bg.png) 0 2px no-repeat; } div#menu li:hover ul, div#menu li.sfhover ul { left: -5px; z-index: 100; } div#menu li.level1 li { width: 100%; text-indent: 15px; } div#menu li.level1 li a, div#menu li.level1 li span.separator{ height: 25px; padding: 0px; margin: 0px 5px 0px 5px; background: #bbbbaf; float: none; display: block; line-height: 25px; } div#menu li.level2 a.parent, div#menu li li.level2 span.parent { background: url(../../../templates/yoo_scoop/images/menu_level2_item_parent.png) 100% 0 no-repeat; } div#menu li.level2 a.active, div#menu li.level2 span.active { } div#menu li.level2 a:hover, div#menu li.level2 span.separator:hover, div#menu li.level2 span.sfhover { height: 24px; border-bottom: 1px solid #904038; background: #B45046; color: #ffffff; } body.green div#menu li.level2 a:hover, body.green div#menu li.level2 span.separator:hover, body.green div#menu li.level2 span.sfhover { border-color: #798C68; background: #97AF82;} body.pink div#menu li.level2 a:hover, body.pink div#menu li.level2 span.separator:hover, body.pink div#menu li.level2 span.sfhover { border-color: #94778E; background: #B995B1;} body.orange div#menu li.level2 a:hover, body.orange div#menu li.level2 span.separator:hover, body.orange div#menu li.level2 span.sfhover { border-color: #A7763E; background: #D1934E;} body.blue div#menu li.level2 a:hover, body.blue div#menu li.level2 span.separator:hover, body.blue div#menu li.level2 span.sfhover { border-color: #4F7F92; background: #639FB7;} body.yellow div#menu li.level2 a:hover, body.yellow div#menu li.level2 span.separator:hover, body.yellow div#menu li.level2 span.sfhover { border-color: #8B8A46; background: #AEAC57;} body.lilac div#menu li.level2 a:hover, body.lilac div#menu li.level2 span.separator:hover, body.lilac div#menu li.level2 span.sfhover { border-color: #6C687E; background: #87829D;} body.turquoise div#menu li.level2 a:hover, body.turquoise div#menu li.level2 span.separator:hover, body.turquoise div#menu li.level2 span.sfhover { border-color: #607878; background: #789696;} body.black div#menu li.level2 a:hover, body.black div#menu li.level2 span.separator:hover, body.black div#menu li.level2 span.sfhover { border-color: #302C24; background: #3C372D;} div#menu li ul ul { margin: -48px 0 0 155px; } div#menu li:hover ul ul, div#menu li.sfhover ul ul { border-top: none; } div#menu li:hover ul ul, div#menu li.sfhover ul ul, div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul, div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul { left: -999em; } div#menu li li:hover ul, div#menu li li.sfhover ul, div#menu li li li:hover ul, div#menu li li li.sfhover ul, div#menu li li li li:hover ul, div#menu li li li li.sfhover ul { left: 0; z-index: 100; } /* * sub menu */ div#middle div.mod-menu div.module ul, div#middle div.mod-menu div.module ul { margin: 0px; padding: 0px; overflow: hidden; list-style: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } div#middle ul.menu li { margin: 0px; padding: 0px; display: block; } div#middle ul.menu a, div#middle ul.menu span.separator { height: 24px; padding: 0px; margin: 0px 5px 0px 5px; border-bottom: 1px solid #ffffff; background: #E6E6D2; display: block; line-height: 25px; text-decoration: none; color: #323232; } div#middle ul.menu li span { display: block; background-repeat: no-repeat; background-position: 95% 0px; } div#middle ul.menu a.current { font-weight: bold; } div#middle ul.menu a:hover, div#middle ul.menu span.separator:hover, div#middle ul.menu span.sfhover, div#middle ul.menu a.active:hover, div#middle ul.menu span.active:hover { height: 24px; border-bottom: 1px solid #904038; background: #B45046; color: #ffffff; } body.green div#middle ul.menu a:hover, body.green div#middle ul.menu span.separator:hover, body.green div#middle ul.menu span.sfhover, body.green div#middle ul.menu a.active:hover, body.green div#middle ul.menu span.active:hover { border-color: #798C68; background: #97AF82;} body.pink div#middle ul.menu a:hover, body.pink div#middle ul.menu span.separator:hover, body.pink div#middle ul.menu span.sfhover, body.pink div#middle ul.menu a.active:hover, body.pink div#middle ul.menu span.active:hover { border-color: #94778E; background: #B995B1;} body.orange div#middle ul.menu a:hover, body.orange div#middle ul.menu span.separator:hover, body.orange div#middle ul.menu span.sfhover, body.orange div#middle ul.menu a.active:hover, body.orange div#middle ul.menu span.active:hover { border-color: #A7763E; background: #D1934E;} body.blue div#middle ul.menu a:hover, body.blue div#middle ul.menu span.separator:hover, body.blue div#middle ul.menu span.sfhover, body.blue div#middle ul.menu a.active:hover, body.blue div#middle ul.menu span.active:hover { border-color: #4F7F92; background: #639FB7;} body.yellow div#middle ul.menu a:hover, body.yellow div#middle ul.menu span.separator:hover, body.yellow div#middle ul.menu span.sfhover, body.yellow div#middle ul.menu a.active:hover, body.yellow div#middle ul.menu span.active:hover { border-color: #8B8A46; background: #AEAC57;} body.lilac div#middle ul.menu a:hover, body.lilac div#middle ul.menu span.separator:hover, body.lilac div#middle ul.menu span.sfhover, body.lilac div#middle ul.menu a.active:hover, body.lilac div#middle ul.menu span.active:hover { border-color: #6C687E; background: #87829D;} body.turquoise div#middle ul.menu a:hover, body.turquoise div#middle ul.menu span.separator:hover, body.turquoise div#middle ul.menu span.sfhover, body.turquoise div#middle ul.menu a.active:hover, body.turquoise div#middle ul.menu span.active:hover { border-color: #607878; background: #789696;} body.black div#middle ul.menu a:hover, body.black div#middle ul.menu span.separator:hover, body.black div#middle ul.menu span.sfhover, body.black div#middle ul.menu a.active:hover, body.black div#middle ul.menu span.active:hover { border-color: #302C24; background: #3C372D;} div#middle ul.menu a.active, div#middle ul.menu span.active { color: #000000; } div#middle ul.menu li.parent span.separator { cursor: pointer; } div#middle ul.menu a.parent, div#middle ul.menu span.parent { background: url(../../../templates/yoo_scoop/images/submenu_l_item_parent.png) 100% 0 no-repeat; } div#right ul.menu a.parent, div#right ul.menu span.parent { background: url(../../../templates/yoo_scoop/images/submenu_r_item_parent.png) 100% 0 no-repeat; } div#middle ul.menu li.level1 { } div#middle ul.menu a.level1, div#middle ul.menu span.level1 { text-indent: 15px; } div#middle ul.menu li.level2 { } div#middle ul.menu a.level2 { text-indent: 25px; } div#middle ul.menu a.level2 span { } div#middle ul.menu li.level3 { } div#middle ul.menu a.level3 { text-indent: 35px; } div#middle ul.menu a.level3 span { } div#middle ul.menu li.level4 { } div#middle ul.menu a.level4 { text-indent: 45px; } div#middle ul.menu a.level4 span { } /* Copyright (C) 2007 - 2009 YOOtheme GmbH */ /* * module headers */ /* reset header for all modules */ div.module h3.header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 140%; color: #323232; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; } /* header span's */ div.module span.header-2, div.module span.header-3 { display: block; } /* * space for adjoining modules */ .separator div.module { margin: 0px 15px 0px 0px; } #left div.module, #right div.module { margin: 0px 0px 15px 0px; } #top .topblock div.module { margin: 15px 0px 0px 0px; } #bottom .bottomblock div.module { margin: 0px 0px 15px 0px; } /* * styling for special positions */ div#toolbar div.module { margin-left: 20px; float: right; } div#headerbar div.module { margin-left: 20px; float: right; } /* * badge styling for all modules */ div.module { position: relative; } div.module div.badge-new { position: absolute; top: 0px; right: 0px; width: 39px; height: 39px; background: url(../../../templates/yoo_scoop/images/module_badge_new.png) 0 0 no-repeat; z-index: 1; } div.module div.badge-top { position: absolute; top: 0px; right: 0px; width: 39px; height: 39px; background: url(../../../templates/yoo_scoop/images/module_badge_top.png) 0 0 no-repeat; z-index: 1; } div.module div.badge-pick { position: absolute; top: 0px; right: 0px; width: 39px; height: 39px; background: url(../../../templates/yoo_scoop/images/module_badge_pick.png) 0 0 no-repeat; z-index: 1; } div.module div.badge-sticker-new, div.module div.badge-sticker-hot, div.module div.badge-sticker-top { position: absolute; top: -15px; right: -5px; width: 50px; height: 50px; z-index: 1; } div.module div.badge-sticker-new { background: url(../../../templates/yoo_scoop/images/module_badge_sticker_new.png) 0 0 no-repeat; } div.module div.badge-sticker-hot { background: url(../../../templates/yoo_scoop/images/module_badge_sticker_hot.png) 0 0 no-repeat; } div.module div.badge-sticker-top { background: url(../../../templates/yoo_scoop/images/module_badge_sticker_top.png) 0 0 no-repeat; } /* * module: blank */ div.mod-blank div.module { overflow: hidden; } div.mod-blank h3.module { height: 20px; line-height: 20px; } /* * module: grey */ div.mod-grey div.box-1 { padding: 10px 15px 10px 15px; background: #F5F5E6; overflow: hidden; } div.mod-grey h3.header { margin: 0px 0px 5px 0px; font-size: 140%; letter-spacing: -1px; } /* * module: black */ div.mod-black div.box-1 { padding: 10px 15px 10px 15px; background: #3C372D; color: #ffffff; overflow: hidden; } div.mod-black h3.header { margin: 0px 0px 5px 0px; font-size: 140%; letter-spacing: -1px; color: #ffffff; } div.mod-black a:link, div.mod-black a:visited { color: #ffffff; text-decoration: underline; } div.mod-black a:hover { color: #ffffff; text-decoration: line-through; } /* * module: color */ div.mod-color div.box-1 { padding: 10px 15px 10px 15px; background: #B45046; color: #ffffff; overflow: hidden; } body.green div.mod-color div.box-1 { background: #97AF82; } body.pink div.mod-color div.box-1 { background: #B995B1; } body.orange div.mod-color div.box-1 { background: #D1934E; } body.blue div.mod-color div.box-1 { background: #639FB7; } body.yellow div.mod-color div.box-1 { background: #AEAC57; } body.lilac div.mod-color div.box-1 { background: #87829D; } body.turquoise div.mod-color div.box-1 { background: #789696; } body.black div.mod-color div.box-1 { background: #3C372D; } div.mod-color h3.header { margin: 0px 0px 5px 0px; font-size: 140%; letter-spacing: -1px; color: #ffffff; } div.mod-color a:link, div.mod-color a:visited { color: #ffffff; text-decoration: underline; } div.mod-color a:hover { color: #ffffff; text-decoration: line-through; } /* * module: coloredborder */ div.mod-coloredborder div.box-1 { padding: 10px 15px 10px 10px; border-left: 10px solid #B45046; background: #F5F5E6; overflow: hidden; } body.green div.mod-coloredborder div.box-1 { border-left-color: #97AF82; } body.pink div.mod-coloredborder div.box-1 { border-left-color: #B995B1; } body.orange div.mod-coloredborder div.box-1 { border-left-color: #D1934E; } body.blue div.mod-coloredborder div.box-1 { border-left-color: #639FB7; } body.yellow div.mod-coloredborder div.box-1 { border-left-color: #AEAC57; } body.lilac div.mod-coloredborder div.box-1 { border-left-color: #87829D; } body.turquoise div.mod-coloredborder div.box-1 { border-left-color: #789696; } body.black div.mod-coloredborder div.box-1 { border-left-color: #3C372D; } div.mod-coloredborder h3.header { margin: 0px 0px 5px 0px; font-size: 140%; letter-spacing: -1px; } /* * module: border */ div.mod-border div.box-1 { padding: 9px 14px 9px 14px; border: 1px solid #DCDCD7; overflow: hidden; } div.mod-border h3.header { margin: 0px 0px 5px 0px; font-size: 140%; letter-spacing: -1px; } /* * module: frame */ div.mod-frame div.box-1 { padding: 5px; background: #F5F5E6; } div.mod-frame div.box-2 { padding: 9px 14px 9px 14px; border: 1px solid #DCDCD7; background: #ffffff; overflow: hidden; } div.mod-frame h3.header { margin: 0px 0px 5px 0px; font-size: 140%; letter-spacing: -1px; } div.mod-frame div.badge-new, div.mod-frame div.badge-top, div.mod-frame div.badge-pick { top: 5px; right: 5px; } /* * module: header */ div.mod-header div.box-1 { padding: 1px 0px 1px 0px; border-top: 1px solid #D7D7C8; border-bottom: 1px solid #D7D7C8; background: #ffffff; } div.mod-header div.box-2 { padding: 10px 15px 10px 15px; background: #E6E6D2; overflow: hidden; color: #464646; } div.mod-header h3.header { height: 30px; margin: -10px -15px 5px -15px; background: #D7D7C8; font-size: 140%; line-height: 30px; text-indent: 15px; letter-spacing: -1px; } /* menu */ div.mod-menu div.box-1 { padding-bottom: 0px; } div.mod-menu div.box-2 { padding: 0px 0px 0px 0px; overflow: visible; } div.mod-menu div.box-3 { margin: 0px -5px 0px -5px; } div.mod-menu h3.header { margin: 0px 5px 0px 5px; } /* * module: hover */ div.mod-hover div.box-1 { padding-bottom: 15px; background: url(../../../templates/yoo_scoop/images/line_h.png) 0 100% repeat-x; } div.mod-hover div.box-2 { padding: 5px 5px 5px 5px; background: #ffffff; overflow: hidden; } div.mod-hover h3.header { margin: 0px 0px 5px 0px; font-size: 140%; letter-spacing: -1px; } /* * module: dottedborder */ div.mod-dottedborder div.box-1 { background: url(../../../templates/yoo_scoop/images/line_h.png) 0 0 repeat-x; } div.mod-dottedborder div.box-2 { background: url(../../../templates/yoo_scoop/images/line_h.png) 0 100% repeat-x; } div.mod-dottedborder div.box-3 { background: url(../../../templates/yoo_scoop/images/line_v.png) 0 0 repeat-y; } div.mod-dottedborder div.box-4 { padding: 10px 15px 10px 15px; background: url(../../../templates/yoo_scoop/images/line_v.png) 100% 0 repeat-y; overflow: hidden; } div.mod-dottedborder h3.header { margin: 0px 0px 5px 0px; font-size: 140%; letter-spacing: -1px; } /* * module: dotted */ div.mod-dotted div.module { padding: 0px 0px 15px 0px; } div.mod-dotted div.box-1 { overflow: hidden; } div.mod-dotted h3.header { margin: 0px 0px 3px 0px; padding:0px 0px 6px 0px; background: url(../../../templates/yoo_scoop/images/module_dotted_header.png) 0 100% repeat-x; font-size: 140%; letter-spacing: -1px; } div.mod-dotted h3.header span.color { color: #141414; } /* * module: polaroid */ div.mod-polaroid div.badge-tape { position: absolute; top: -13px; left: 50%; width: 114px; height: 38px; margin-left: -57px; background: url(../../../templates/yoo_scoop/images/module_polaroid_tape.png) 0 0 no-repeat; z-index: 1; } div.mod-polaroid div.box-1 { margin-top: 13px; padding: 10px 10px 5px 10px; border-top: 1px solid #C8C8C8; border-left: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8; background: #ffffff url(../../../templates/yoo_scoop/images/module_polaroid_bg.png) 0 100% repeat-x; overflow: hidden; } div.mod-polaroid div.box-2 { margin-bottom: 5px; background: #000000; } div.mod-polaroid div.box-3 { padding: 10px 15px 10px 15px; overflow: hidden; font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; color: #C8C8C8; } div.mod-polaroid div.box-b1 { background: url(../../../templates/yoo_scoop/images/module_polaroid_bl.png) 0 0 no-repeat; } div.mod-polaroid div.box-b2 { padding: 0px 70px 0px 70px; background: url(../../../templates/yoo_scoop/images/module_polaroid_br.png) 100% 0 no-repeat; } div.mod-polaroid div.box-b3 { height: 5px; background: url(../../../templates/yoo_scoop/images/module_polaroid_b.png) 0 0 repeat-x; } div.mod-polaroid h3.header { height: 25px; margin: 0px 0px 0px 0px; font-size: 140%; line-height: 25px; text-align: center; letter-spacing: -1px; font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; color: #323232; } /* * module: postit */ div.mod-postit div.box-1 { border-top: 1px solid #F2F2F2; border-left: 1px solid #F2F2F2; border-right: 1px solid #F2F2F2; background: #FFFFAA; } div.mod-postit div.box-2 { padding: 15px 15px 0px 15px; overflow: hidden; font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; } div.mod-postit div.box-b1 { background: url(../../../templates/yoo_scoop/images/module_postit_bl.png) 0 0 no-repeat; } div.mod-postit div.box-b2 { padding: 0px 90px 0px 60px; background: url(../../../templates/yoo_scoop/images/module_postit_br.png) 100% 0 no-repeat; } div.mod-postit div.box-b3 { height: 40px; background: url(../../../templates/yoo_scoop/images/module_postit_b.png) 0 0 repeat-x; } div.mod-postit h3.header { height: 30px; margin: -15px -15px 5px -15px; background: #FFFFDA; font-size: 140%; line-height: 30px; text-indent: 15px; letter-spacing: -1px; font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; } /* * module: tab */ div.mod-tab div.module { padding: 25px 0px 0px 0px; } div.mod-tab div.box-1 { padding: 14px 15px 10px 15px; border-top: 1px solid #DCDCD7; } div.mod-tab h3.header { position: absolute; top: 0px; left: 0px; height: 25px; padding: 0px 15px 0px 15px; border-top: 1px solid #DCDCD7; border-left: 1px solid #DCDCD7; border-right: 1px solid #DCDCD7; background: #ffffff; line-height: 25px; font-size: 130%; letter-spacing: -1px; } /* Copyright (C) 2007 - 2009 YOOtheme GmbH */ /* * global CSS * not inside joomla CSS class */ /* readmore button */ p.readmore { overflow: hidden; } div.module p.readmore { margin-bottom: 0px; } a.readmore { height: 20px; padding: 0px 5px 0px 5px; border-left: 5px solid #B45046; background: #E6E6D2; display: block; float: left; line-height: 20px; font-size: 90%; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; } body.green a.readmore { border-color: #97AF82; } body.pink a.readmore { border-color: #B995B1; } body.orange a.readmore { border-color: #D1934E; } body.blue a.readmore { border-color: #639FB7; } body.yellow a.readmore { border-color: #AEAC57; } body.lilac a.readmore { border-color: #87829D; } body.turquoise a.readmore { border-color: #789696; } body.black a.readmore { border-color: #3C372D; } a.readmore:link, a.readmore:visited { color: #323232; text-decoration: none; } a.readmore:hover { color: #BE4238; text-decoration: none; } body.yoopage a.readmore:link, body.yoopage a.readmore:visited { color: #323232; } body.yoopage a.readmore:hover { color: #BE4238; } body.green a.readmore:hover { color: #7BA46C; } body.pink a.readmore:hover { color: #B165A3; } body.orange a.readmore:hover { color: #D68636; } body.blue a.readmore:hover { color: #5296B7; } body.yellow a.readmore:hover { color: #ADA83F; } body.lilac a.readmore:hover { color: #655A9E; } body.turquoise a.readmore:hover { color: #619A99; } body.black a.readmore:hover { color: #C83232; } /* tooltips */ .tool-tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; color: #323232; } .tool-title { padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../../templates/system/images/selector-arrow.png) no-repeat; } .tool-text { font-size: 100%; margin: 0; } /* * general * used by Jommla core components */ div.joomla h1 { letter-spacing: -1px; } div.joomla h2, div.joomla h3, div.joomla h4, div.joomla h5 { letter-spacing: -1px; } div.joomla h1.pagetitle { } div.joomla div.description { margin: 10px 0px 10px 0px; overflow: hidden; } div.joomla div.description img.left { margin-right: 15px; float: left; } div.joomla div.description img.right { margin-left: 15px; float: right; } div.joomla div.filter { margin: 10px 0px 10px 0px; } div.joomla th { padding: 5px 5px 5px 5px; background: #E6E6D2; border-bottom: 1px solid #b4b4b4; font-weight : bold; } div.joomla tr.even td { padding: 5px 5px 5px 5px; background: #F5F5E6; border-bottom: 1px solid #dcdcdc; } div.joomla tr.odd td { padding: 5px 5px 5px 5px; background: #fafaf0; border-bottom: 1px solid #dcdcdc; } div.joomla span.number { color: #969696; font-style: italic; } /* * com_content * blog layout (frontpage, category, section) * sub selectors: blog */ div.joomla div.blog div.description { margin: 10px 0px 15px 0px; padding-bottom: 20px; background: url(../../../templates/yoo_scoop/images/line_h.png) 50% 100% repeat-x; } div.joomla div.leadingarticles { overflow: hidden; } div.joomla div.teaserarticles { overflow: hidden; } div.joomla div.item { margin-bottom: 15px; } div.joomla div.item-bg { padding-bottom: 5px; background: url(../../../templates/yoo_scoop/images/line_h.png) 50% 100% repeat-x; overflow: hidden; } div.joomla div.multicolumns div.item { margin: 0px 15px 15px 15px; } div.joomla div.multicolumns div.first div.item { margin-left: 0px; } div.joomla div.multicolumns div.last div.item { margin-right: 0px; } div.joomla div.multicolumns div.column { border-right: 1px solid #DCDCD7; } div.joomla div.multicolumns div.last div.column { border-right: none; } div.joomla div.morearticles { margin: 10px 0px 10px 0px; } div.joomla div.pagination { text-align: center; } div.joomla div.pagination p.results { } /* * com_content * list layout (frontpage, category, section) * sub selectors: sectionlist, categorylist */ /* * com_content * article layout * sub seletors: article */ div.joomla div.headline { overflow: hidden; } div.joomla div.blog h1.title { text-align: center; } div.joomla div.article h1.title { float: left; } div.joomla div.multicolumns h1.title { font-size: 230%; letter-spacing: -1px; } div.joomla div.article span.icon { display: block; float: right; margin: 10px 0px 0px 5px; } #page div.joomla span.icon a:hover { background: none; border-bottom: none; } div.joomla span.edit { } div.joomla span.pdf { } div.joomla span.print { } div.joomla span.email { } div.joomla div.printscreen { margin-top: 10px; float: right; } div.joomla p.articleinfo { margin-top: 0px; color: #646464; text-transform: uppercase; font-size: 80%; letter-spacing: 1px; line-height: 150%; } div.joomla div.blog p.articleinfo { text-align: center; } div.joomla p.articleinfo span.modified, div.joomla p.articleinfo span.author, div.joomla p.articleinfo span.created, div.joomla p.articleinfo span.url { white-space: nowrap; } /* * com_content * editing an article * sub seletors: edit-article */ div.joomla div.edit-article fieldset { margin-bottom: 30px; } div.joomla div.edit-article fieldset div { overflow: hidden; } div.joomla div.edit-article label.label-left { display: block; width: 150px; float: left; } div.joomla div.edit-article div.save { margin: 0px; float: right; } div.joomla div.edit-article div#editor-xtd-buttons { margin-bottom: 0px; overflow: hidden; } div.joomla div.edit-article div#editor-xtd-buttons div { margin: 0px; } div.joomla div.edit-article div#editor-xtd-buttons div.button2-left { margin-right: 5px; } div.joomla div.edit-article div#editor-xtd-buttons a:link, div.joomla div.edit-article div#editor-xtd-buttons a:visited, div.joomla div.edit-article div#editor-xtd-buttons a:hover { color: #323232; } /* * com_weblinks * sub seletors: weblinks */ div.joomla div.weblinks fieldset { } div.joomla div.weblinks fieldset div { overflow: hidden; } div.joomla div.weblinks label.label-left { display: block; width: 150px; float: left; } /* * com_search * sub seletors: search */ div.joomla div.search p.info { margin: 0px; color: #969696; font-style: italic; } div.joomla div.search span.highlight { background: #ffffaa; } /* * com_poll * sub seletors: poll */ div.joomla div.poll fieldset { margin: 15px 0px 10px 0px; } /* * com_contact * sub seletors: contact */ div.joomla div.contact h1 { margin-bottom: 0px; font-size: 250%; font-weight: normal; letter-spacing: -1px; } div.joomla div.contact h2 { margin-bottom: 10px; font-size: 120%; font-weight: normal; text-transform: uppercase; letter-spacing: 0px; } div.joomla div.contact div.image { float: right; } div.joomla div.contact table { margin-bottom: 10px; } div.joomla div.contact label.label-top { display: block; } /* * com_user * sub seletors: user */ div.joomla div.user label.label-left, div.joomla div.user span.label-left { display: block; width: 130px; float: left; } /* * mod_newsflash */ div.module-newsflash { overflow: hidden; } div.module-newsflash div.item { padding-bottom: 15px; overflow: hidden; } div.module-newsflash div.last { padding-bottom: 0px; } /* * mod_search */ div.module-search { width: 120px; height: 18px; padding: 0px; margin: 0px; background: url(../../../templates/yoo_scoop/images/search_bg.png) 0 0 no-repeat; } div.module-search input { width: 93px; height: 14px; padding: 2px 2px 2px 7px; border: none; outline: none; background: none; float: left; color: #646464; font-size: 80%; } div.module-search input:focus { outline: none; } div.module-search button { width: 18px; height: 18px; padding: 0px; border: none; background: url(../../../templates/yoo_scoop/images/search_button.png) 0 0 no-repeat; cursor: pointer; text-indent: 100px; line-height: 0px; } div.module-search:hover{ background: url(../../../templates/yoo_scoop/images/search_bg.png) 0 -18px no-repeat; } div.module-search:hover input { color: #000000; } div.module-search input:focus { color: #000000; } /* * legacy Joomla styling only for third party components */ .contentheading, .componentheading { margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 250%; line-height: 100%; font-weight: bold; color: #c8001e; letter-spacing: -1px; } body.blue .contentheading, body.blue .componentheading { color: #00bed2; } body.pink .contentheading, body.pink .componentheading { color: #c800c8; } body.orange .contentheading, body.orange .componentheading { color: #dc5000; } body.green .contentheading, body.green .componentheading { color: #78c800; } body.yellow .contentheading, body.yellow .componentheading { color: #FFC800; } body.lilac .contentheading, body.lilac .componentheading { color: #6432C8; } body.turquoise .contentheading, body.turquoise .componentheading { color: #00DCB4; } /* * Joomla! system CSS file: system.css */ /* OpenID icon style */ input.system-openid { background: url(http://openid.net/login-bg.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; } /* Unpublished */ .system-unpublished { background: #e8edf1; border-top: 4px solid #c4d3df; border-bottom: 4px solid #c4d3df; } /* System Messages */ #system-message { margin-bottom: 10px; padding: 0;} #system-message dt { font-weight: bold; } #system-message dd { margin: 0; font-weight: bold; text-indent: 30px; padding: 0;} #system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;} /* System Standard Messages */ #system-message dt.message { display: none; } #system-message dd.message { } /* System Error Messages */ #system-message dt.error { display: none; } #system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;} /* System Notice Messages */ #system-message dt.notice { display: none; } #system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;} /* Debug */ #system-debug { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; } #system-debug div { font-size: 11px;} /* * Joomla! system CSS file: general.css */ /* Form validation */ .invalid { border-color: #ff0000; } label.invalid { color: #ff0000; } /* Buttons */ #editor-xtd-buttons { padding: 5px; } .button2-left, .button2-right, .button2-left div, .button2-right div { float: left; } .button2-left a, .button2-right a, .button2-left span, .button2-right span { display: block; height: 22px; float: left; line-height: 22px; font-size: 11px; color: #666; cursor: pointer; } .button2-left span, .button2-right span { cursor: default; color: #999; } .button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span { padding: 0 6px; } .page span { color: #000; font-weight: bold; } .button2-left a:hover, .button2-right a:hover { text-decoration: none; color: #0B55C4; } .button2-left a, .button2-left span { padding: 0 24px 0 6px; } .button2-right a, .button2-right span { padding: 0 6px 0 24px; } .button2-left { background: url(../../../templates/system/images/j_button2_left.png) no-repeat; float: left; margin-left: 5px; } .button2-right { background: url(../../../templates/system/images/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; } .button2-left .image { background: url(../../../templates/system/images/j_button2_image.png) 100% 0 no-repeat; } .button2-left .readmore { background: url(../../../templates/system/images/j_button2_readmore.png) 100% 0 no-repeat; } .button2-left .pagebreak { background: url(../../../templates/system/images/j_button2_pagebreak.png) 100% 0 no-repeat; } /* Tooltips */ div.tooltip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; } div.tooltip h4 { padding: 0; margin: 0; font-size: 95%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../../templates/system/images/selector-arrow.png) no-repeat; } div.tooltip p { font-size: 90%; margin: 0; } /* Caption fixes */ .img_caption .left { float: left; margin-right: 1em; } .img_caption .right { float: right; margin-left: 1em; } .img_caption .left p { clear: left; text-align: center; } .img_caption .right p { clear: right; text-align: center; } /* Calendar */ a img.calendar { width: 16px; height: 16px; margin-left: 3px; background: url(../../../templates/system/images/calendar.png) no-repeat; cursor: pointer; vertical-align: middle; } /* Copyright (C) 2007 - 2009 YOOtheme GmbH */ #left #form-login fieldset { border: none; } /* * YOOsearch */ #page div.default div.yoo-search div.resultbox { position: absolute; right: 0px; top: 24px; z-index: 20; } #page div.default div.yoo-search div.resultbox-bg { border-left: 1px solid #d7d7c8; border-right: 1px solid #d7d7c8; background: #ffffff; } #page div.default div.yoo-search div.resultbox-bl { background: #d7d7c8; } #page div.default div.yoo-search div.resultbox-br { background: #d7d7c8; } #page div.default div.yoo-search div.resultbox-b { background: #d7d7c8; } #page div.default div.yoo-search div.resultbox-b a:link, #page div.default div.yoo-search div.resultbox-b a:visited, #page div.default div.yoo-search div.resultbox-b a:hover { color: #323232; } #page div.default div.yoo-search a.search-more { color: #323232; } #page div.default div.yoo-search h3.search-header { background: #d7d7c8; color: #323232; } #page div.default div.yoo-search .resultbox-bg a { background: #ffffff; } #page div.default div.yoo-search .resultbox-bg a:hover { background: #f5f5e6; } #page div.default div.yoo-search span.search-more { background: url(../images/yoosearch/more_icon.png) 0 0 no-repeat; } /* * YOOcarousel: plain */ #page div.plain div.yoo-carousel div.top ul.tabs { height: 25px; border-bottom: 1px solid #dcdcd7; background: none ; } #page div.plain div.yoo-carousel div.top li.item1 { } #page div.plain div.yoo-carousel div.top li { background: #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; } #page div.plain div.yoo-carousel div.top ul.tabs li.selected { background: #ffffff; border-left: 1px solid #DCDCD7; border-right: 1px solid #DCDCD7; border-top: 1px solid #DCDCD7; } #page div.plain div.yoo-carousel div.top ul.tabs li a span { height: 24px; background: none; line-height: 25px; letter-spacing: -1px; font-family: Georgia,"Times New Roman",Times,serif; font-weight: normal; font-size: 130%; } #page div.plain div.yoo-carousel div.top ul.tabs li.selected a span { height: 25px; } #page div.plain div.yoo-carousel li a:link, #page div.plain div.yoo-carousel li a:visited { color: #323232; } #page div.plain div.yoo-carousel .article { font-size: 100%; } #page div.plain div.yoo-carousel h3 { line-height: 25px; font-size: 130%; letter-spacing: 0px; font-weight: normal; }/* Copyright (C) 2007 - 2009 YOOtheme GmbH */ div#page-body { background: url(../images/stripesdark/page_bg.png) 50% 0px repeat; } div.wrapper-l { border-left: none; } div.wrapper-r { border-right: none; }