/* template.css, Copyright (C) 2007 - 2010 YOOtheme GmbH */ /* reset.css, Copyright (C) 2007 - 2010 YOOtheme GmbH */ /* * 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; } body { overflow-y: scroll; } /* * default values */ p { margin-top: 10px; margin-bottom: 15px; } ul, ol, dl { margin: 10px 0; padding-left: 30px } dl { margin: 10px 0; } dd { padding-left: 40px; } td, th { padding: 1px; } a:link, a:visited { text-decoration: none; } a:hover { text-decoration: underline; } fieldset { margin: 10px 0 10px 0; padding: 0 10px 10px 10px; border: 1px solid #c8c8c8; } legend { padding: 0 10px 0 10px; background: #ffffff; } form div { margin: 10px 0 10px 0; } textarea { padding: 1px 0 1px 5px; } option { padding: 0 0 1px 5px; } input[type='hidden'] { display: none; } input[type='text'], input[type='password'] { padding: 1px 0 1px 5px; } button, input[type='button'], input[type='submit'] { padding: 2px 4px 2px 1px; line-height: 100%; } input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; } 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; } h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; font-weight: normal; } /*h1 { font-size: 36px; line-height: 36px; margin-top: 25px; } h2 { font-size: 24px; line-height: 24px; margin-top: 25px; } h3 { font-size: 18px; line-height: 18px; margin-top: 15px; } h4 { font-size: 16px; line-height: 16px; margin-top: 15px; } h5 { font-size: 14px; line-height: 14px; margin-top: 10px; } h6 { font-size: 14px; line-height: 14px; margin-top: 10px; }*/ h1 { font-size: 16px; line-height: 16px; margin-top: 16px; } h2 { font-size: 14px; line-height: 14px; margin-top: 14px; } h3 { font-size: 12px; line-height: 12px; margin-top: 12px; } h4 { font-size: 11px; line-height: 11px; margin-top: 11px; } h5 { font-size: 10px; line-height: 10px; margin-top: 10px; } h6 { font-size: 8px; line-height: 8px; margin-top: 8px; } hr { margin: 15px 0 15px 0; display: block; background: #c8c8c8; height: 1px; border: none; } q { font-style: italic; } blockquote { margin: 10px 0 10px 15px; font-style: italic; font-size: 90% } blockquote > *:first-child:first-letter { font-size: 90% } 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: "Arial", Courier, monospace; white-space: pre-wrap; } acronym, abbr { border-bottom: 1px dashed #969696; cursor: help; font-variant: small-caps; text-transform: lowercase; } /* layout.css, Copyright (C) 2007 - 2010 YOOtheme GmbH */ body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 130%; color: #646464; } .wrapper { margin: auto; } #header { position: relative; z-index: 10; height: 195px; clear: both; } #top { overflow: hidden; clear: both; } #top .topbox { margin-top: 15px; } #middle { padding: 15px 0px 15px 0px; clear: both; } #bottom { overflow: hidden; clear: both; } #bottom .bottombox { padding-bottom: 15px; } #footer { position: relative; margin: 0px 70px 0px 70px; padding-bottom: 15px; clear: both; text-align: center; color: #ffffff; } #middle { width: 100%; overflow: hidden; position: relative; } #middle-expand { width: 200%; } #main { position: relative; left: 50%; width: 50%; float: left; } #main-shift { position: relative; left: -100%; overflow: hidden; } #left { position: relative; left: -50%; float: left; overflow:hidden; } #right { float: left; overflow:hidden; } div#maintop, div#contenttop { margin: 0px 0px 15px 0px; overflow: hidden; } div#contentbottom, div#mainbottom { margin: 15px 0px 0px 0px; overflow: hidden; } #mainmiddle { width: 100%; overflow: hidden; position: relative; } #mainmiddle-expand { width: 200%; } #content { position: relative; left: 50%; width: 50%; float: left; } #content-shift { position: relative; left: -100%; overflow: hidden; } #contentleft { position: relative; left: -50%; float: left; overflow:hidden; } #contentright { float: left; overflow:hidden; } .floatbox { overflow:hidden; } .float-left { float: left; overflow: hidden; } .float-right { float: right; overflow: hidden; } .width15 { width: 15%; } .width18 { width: 18%; } .width20 { width: 20%; } .width23 { width: 23%; } .width25 { width: 25%; } .width33 { width: 33%; } .width34 { width: 34%; } .width35 { width: 35%; } .width40 { width: 40%; } .width45 { width: 45%; } .width50 { width: 50%; } .width54 { width: 54%; } .width65 { width: 65%; } .width75 { width: 75%; } .width100 { width: 100%; } body.yoopage { background: #2465B5; } #page-body { background: #FAFAFA url(/templates/yoo_flux/images/page_bg_t.png) 0 0 repeat-x; } #page-footer { padding-top: 15px; background: url(/templates/yoo_flux/images/page_bg_b.png) 0 0 repeat-x; } .wrapper-body { padding: 0px 70px 0px 70px; } #absolute { position: absolute; z-index: 15; top: 0px; left: 0px; width: 100%; } #breadcrumbs { position: absolute; top: 9px; left: 15px; right: 15px; height: 19px; overflow: hidden; font-size: 85%; } #breadcrumbs a, #breadcrumbs span { display: block; float: left; } #breadcrumbs a, #breadcrumbs span.separator { margin-right: 10px; } #breadcrumbs .box-1 { background: url(/templates/yoo_flux/images/breadcrumbs.png) 0 0 no-repeat; color: #ffffff; text-shadow: 0px 1px 2px #646464; } #breadcrumbs a:hover { text-shadow: 0px -1px 3px #646464; } #breadcrumbs .box-2 { padding: 0px 10px 0px 10px; background: url(/templates/yoo_flux/images/breadcrumbs.png) 100% -24px no-repeat; } #breadcrumbs .box-3 { height: 19px; background: url(/templates/yoo_flux/images/breadcrumbs.png) 0 -48px repeat-x; } #toolbar { height: 25px; padding: 0px 70px 0px 70px; overflow: hidden; line-height: 28px; font-size: 9px; color: #464646; } #date { padding: 0px 10px 0px 10px; background: url(/templates/yoo_flux/images/toolbar_separator.png) 0 0 no-repeat; float: left; } #toolbar .left { background: url(/templates/yoo_flux/images/toolbar_separator.png) 0 0 no-repeat; float: left; } #toolbar .right { background: url(/templates/yoo_flux/images/toolbar_separator.png) 100% 0 no-repeat; float: right; } #headerbar { height: 95px; padding: 0px 70px 0px 370px; padding-left: 220px; overflow: hidden; } #menubar { background: url(/templates/yoo_flux/images/menubar_bg.png) 0 0 no-repeat; } #menubar div.menubar-2 { padding: 0px 70px 0px 70px; background: url(/templates/yoo_flux/images/menubar_bg.png) 100% -80px no-repeat; } #menubar div.menubar-3 { background: url(/templates/yoo_flux/images/menubar_bg.png) 0 -160px repeat-x; } #menubar div.menubar-4 { height: 75px; background: url(/templates/yoo_flux/images/menubar_shadow.png) 50% 100% no-repeat; } #logo { position: absolute; top: 25px; left: 400px; } div#logo1 { position: absolute; top: 10px; left: 20px; float: left; width: 287px; height: 80px; background: url(/templates/yoo_flux/images/cy-pr2_logo.png) 0 0 no-repeat; margin-left: 30px; margin-top: 25px; } #menu { position: absolute; top: 124px; left: 70px; z-index: 11; } #search { position: absolute; top: 136px; right: 70px; z-index: 12; width: 120px; height: 22px; padding: 4px 4px 0px 4px; background: url(/templates/yoo_flux/images/search_bg.png) 0 0 no-repeat; } #banner { position: absolute; top: 10px; right: 500px; width: 0px; z-index: 3; } #footer a:link, #footer a:visited { color: #ffffff; } #footer a:hover { color: #ffffff; } #footer a.anchor { position: absolute; right: 0px; top: 3px; width: 30px; height: 5px; background: url(/templates/yoo_flux/images/footer_anchor.png) 0 -10px no-repeat; display: block; text-decoration: none; } div.content-wrapper-t1 { position: relative; background: url(/templates/yoo_flux/images/content_wrapper_corners.png) 0 0 no-repeat; } div.content-wrapper-t2 { padding: 0px 40px 0px 40px; background: url(/templates/yoo_flux/images/content_wrapper_corners.png) 100% -55px no-repeat; } div.content-wrapper-t3 { height: 50px; background: url(/templates/yoo_flux/images/content_wrapper_corners.png) 0 -110px repeat-x; } div.content-wrapper-1 { background: #ffffff url(/templates/yoo_flux/images/content_wrapper_edges_without.png) 0 0 repeat-y; } div.content-wrapper-2 { padding: 0px 15px 0px 15px; background: url(/templates/yoo_flux/images/content_wrapper_edges_without.png) 100% 0 repeat-y; } div.content-wrapper-b1 { background: url(/templates/yoo_flux/images/content_wrapper_corners.png) 0 -165px no-repeat; } div.content-wrapper-b2 { padding: 0px 40px 0px 40px; background: url(/templates/yoo_flux/images/content_wrapper_corners.png) 100% -190px no-repeat; } div.content-wrapper-b3 { height: 20px; background: url(/templates/yoo_flux/images/content_wrapper_corners.png) 0 -215px repeat-x; } .column-contentleft div.content-wrapper-t1 { background-position: 0 -240px; } .column-contentleft div.content-wrapper-1 { background-image: url(/templates/yoo_flux/images/content_wrapper_edges_with.png); } .column-contentleft div.content-wrapper-b1 { background-position: 0 -350px; } .column-contentright div.content-wrapper-t2 { background-position: 100% -295px; } .column-contentright div.content-wrapper-2 { background-image: url(/templates/yoo_flux/images/content_wrapper_edges_with.png); } .column-contentright div.content-wrapper-b2 { background-position: 100% -375px; } .column-contentleft div.content-wrapper-t2, .column-contentleft div.content-wrapper-b2 { padding-left: 215px; } .column-contentright div.content-wrapper-t2, .column-contentright div.content-wrapper-b2 { padding-right: 215px; } .column-contentleft div.content-wrapper-2 { padding-left: 1px; } .column-contentright div.content-wrapper-2 { padding-right: 1px; } #mainmiddle { margin-top: -15px; } #content { margin-top: 15px; } /* typography.css, Copyright (C) 2007 - 2010 YOOtheme GmbH */ /* * headings */ h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } h1 { font-weight: normal; color: #0671AD; } #page h1 a { color: #0671AD; text-decoration: none; } h2 { color: #50555A; } h3 { color: #0671AD; } h4 { color: #50555A; } h5 { color: #0671AD; } h6 { color: #50555A; } /* * anchor */ a:link, a:visited { color: #0671AD; } a:hover { color: #00a3ff; } a.icon-folder { padding-left: 17px; background: url(/templates/yoo_flux/images/typography/icon_folder.png) 0 40% no-repeat; } a.icon-file { padding-left: 17px; background: url(/templates/yoo_flux/images/typography/icon_file.png) 0 40% no-repeat; } a.icon-download { padding-left: 17px; background: url(/templates/yoo_flux/images/typography/icon_download.png) 0 40% no-repeat; } a.icon-external { padding-left: 17px; background: url(/templates/yoo_flux/images/typography/icon_external.png) 0 40% no-repeat; } a.icon-pdf { padding-left: 17px; background: url(/templates/yoo_flux/images/pdf_button.png) 0 40% no-repeat; } /* * emphasis */ em.box { padding: 0px 3px 0px 3px; border: 1px dotted #aaaaaa; background: #f5f6f7; font-family: "Arial", Courier New, Courier, monospace; font-style: normal; } /* * unsorted lists */ /* icon style */ 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(/templates/yoo_flux/images/typography/list_arrow.png) 0 0 no-repeat; } ul.checkbox li { background: url(/templates/yoo_flux/images/typography/list_checkbox.png) 0 0 no-repeat; } ul.check li { background: url(/templates/yoo_flux/images/typography/list_check.png) 0 0 no-repeat; } ul.star li { background: url(/templates/yoo_flux/images/typography/list_star.png) 0 0 no-repeat; } /* table style */ ul.table { margin: 20px 0px 20px 0px; padding-left: 0px; list-style: none; } ul.table li { padding: 5px; border-bottom: 1px solid #c8c8c8; } ul.table li:nth-child(odd) { background: #fafafa; } ul.table li:nth-child(even) { background: #ffffff; } ul.table li:last-child { border: none; } /* * ordered lists */ ol.disc { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 45px; background: url(/templates/yoo_flux/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(/templates/yoo_flux/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(/templates/yoo_flux/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(/templates/yoo_flux/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(/templates/yoo_flux/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(/templates/yoo_flux/images/typography/box_tip.png) 3px 5px no-repeat; border-top: 1px dotted #ffc864; border-bottom: 1px dotted #ffc864; } /* * 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; } /* * tables */ table.listing { width: 100%; margin-bottom: 30px; font-size: 11px; } table.listing thead th { height: 30px; padding: 5px; border-bottom: 1px solid #c8c8c8; background: none; vertical-align: top; font-size: 14px; font-weight: normal; } table.listing tbody td { height: 20px; padding: 5px; border-bottom: 1px solid #c8c8c8; } table.listing tr.odd td { background: #fafafa; } table.listing tr.even td { background: #ffffff; } table.listing td.bold { font-weight: bold; font-size: 12px; } /* * blockquotes */ q.blockquote { margin: 10px 0 10px 15px; font-style: italic; font-size: 130%; } q.blockquote:first-letter { font-size: 150%; } q.blockquote:before, q.blockquote:after { content: ""; } blockquote.quotation { margin: 10px 0px 10px 0px; padding: 10px 35px 10px 35px; border: none; background: url(/templates/yoo_flux/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(/templates/yoo_flux/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; } /* menus.css, Copyright (C) 2007 - 2010 YOOtheme GmbH */ /* * top and footer menu */ #toolbar ul.menu, #footer ul.menu { display: inline-block; margin: 0px; padding: 0px; list-style: none; } #footer ul.menu { display: block; line-height: 14px; } #toolbar .menu li, #footer .menu li { display: inline-block; margin: 0px; padding: 0px; } #toolbar .menu li a, #footer .menu li a { display: inline-block; padding: 0px 10px 0px 10px; background: url(/templates/yoo_flux/images/toolbar_separator.png) 0 0 no-repeat; overflow: hidden; } #footer .menu li a { background: url(/templates/yoo_flux/images/topmenu_item_bg_white.png) 0 50% no-repeat; } #toolbar .menu a.first, #footer .menu a.first { padding: 0px 10px 0px 0px; background: none; } #toolbar .menu a.last, #footer .menu a.last { padding: 0px 0px 0px 10px; } #toolbar .menu a:link, #toolbar .menu a:visited { color: #464646; } #toolbar .menu a:hover { color: #000000; } #footer .menu a:link, #footer .menu a:visited { color: #ffffff; } #footer .menu a:hover { color: #ffffff; } /* * menu */ #menu ul { margin: 0px; padding: 0px; list-style: none; } #menu li { position: relative; z-index: 5; margin: 0px; padding: 0px; } #menu a, #menu span { display: block; } #menu a { text-decoration: none; } #menu span.icon { background-repeat: no-repeat; background-position: 0 50%; } #menu ul.menu { padding-left: 2px; background: url(/templates/yoo_flux/images/menu_level1_item.png) 0 0 no-repeat; float: left; } #menu li.level1 { float: left; } #menu a.level1, #menu span.level1 { float: left; } #menu a.level1 span.bg, #menu span.level1 span.bg { height: 51px; padding: 0px 20px 0px 18px; background: url(/templates/yoo_flux/images/menu_level1_item.png) 100% 0 no-repeat; float: left; line-height: 50px; font-size: 18px; color: #323232; text-shadow: 1px 1px 0px #ffffff; } #menu li:hover .level1 span.bg { color: #000000; text-shadow: 0px 1px 0px #ffffff, 0px 2px 5px #969696; } #menu li.remain .level1 span.bg { color: #000000; text-shadow: 0px 1px 0px #ffffff, 0px 2px 5px #969696; } #menu li.active .level1 span.bg { color: #0671AD; } #menu a.level1 span.title, #menu span.level1 span.title { font-size: 18px; line-height: 40px; } #menu a.level1 span.subtitle, #menu span.level1 span.subtitle { margin-top: -10px; font-size: 9px; font-weight: normal; color: #323232; line-height: 10px; text-transform: none; letter-spacing: 0px; text-shadow: 1px 1px 1px #ffffff; } #menu li:hover .level1 span.subtitle { color: #000000; text-shadow: 0px 1px 0px #ffffff, 0px 2px 5px #969696; } #menu li.remain .level1 span.subtitle { color: #000000; text-shadow: 0px 1px 0px #ffffff, 0px 2px 5px #969696; } #menu li.active .level1 span.subtitle { color: #015b8e; } div#menu div.fancy { position: absolute; top: 0px; visibility: hidden; z-index: 4; overflow: hidden; } div#menu div.fancy div.fancy-1 { padding-right: 2px; background: url(/templates/yoo_flux/images/menu_fancy.png) 0 0 no-repeat; } div#menu div.fancy div.fancy-2 { padding: 0px 18px 0px 20px; background: url(/templates/yoo_flux/images/menu_fancy.png) 100% -56px no-repeat; } div#menu div.fancy div.fancy-3 { height: 51px; background: url(/templates/yoo_flux/images/menu_fancy.png) 0 -112px repeat-x; } #menu .dropdown { position: absolute; top: 51px; left: -999em; z-index: 100; } #menu li:hover .dropdown, #menu li.remain .dropdown { left: -8px; } #menu .dropdown-t1 { background: url(/templates/yoo_flux/images/menu_dropdown_corners.png) 0 0 no-repeat; } #menu .dropdown-t2 { padding: 0px 8px 0px 15px; background: url(/templates/yoo_flux/images/menu_dropdown_corners.png) 100% -15px no-repeat; } #menu .dropdown-t3 { height: 10px; background: #FAFAFA } #menu .dropdown-1 { background: url(/templates/yoo_flux/images/menu_dropdown_edges.png) 0 0 repeat-y; } #menu .dropdown-2 { padding: 0px 8px 0px 8px; background: url(/templates/yoo_flux/images/menu_dropdown_edges.png) 100% 0 repeat-y; } #menu .dropdown-3 { padding: 0px 7px 0px 7px; background: #FAFAFA; overflow: hidden; } #menu .dropdown-b1 { background: url(/templates/yoo_flux/images/menu_dropdown_corners.png) 0 -30px no-repeat; } #menu .dropdown-b2 { padding: 0px 15px 0px 15px; background: url(/templates/yoo_flux/images/menu_dropdown_corners.png) 100% -50px no-repeat; } #menu .dropdown-b3 { height: 15px; background: url(/templates/yoo_flux/images/menu_dropdown_corners.png) 0 -70px repeat-x; } #menu li.level2 { margin-bottom: 5px; } #menu li.level1 li.last { margin-bottom: 0px; } #menu .hover-box1 { border: 1px solid #D2D7DC; background: #ffffff; overflow: hidden; } #menu .hover-box1:hover { border: 1px solid #b4b9be; border-right-color: #d2d7dc; border-bottom-color: #d2d7dc; background: #f5f6f7; } #menu li.separator .hover-box1:hover { border: 1px solid #D2D7DC; background: #ffffff; } #menu a.level2 span.bg, #menu span.level2 span.bg { min-height: 45px; line-height: 45px; text-indent: 10px; color: #323232; font-size: 15px; text-shadow: 1px 1px 1px #c8c8c8; } #menu .hover-box1:hover a.level2 span.bg { text-shadow: 1px 1px 0px #ffffff; } #menu a.level2 span.icon, #menu span.level2 span.icon { text-indent: 50px; } #menu li.level2 a.current span.bg { font-weight: bold; } #menu a.level2 span.title, #menu span.level2 span.title { line-height: 33px; } #menu a.level2 span.subtitle, #menu span.level2 span.subtitle { margin-top: -6px; padding-bottom: 10px; font-size: 10px; font-weight: normal; color: #646464; line-height: 12px; text-transform: none; letter-spacing: 0px; text-shadow: none; } #menu .sub { padding: 5px 0px 5px 0px; } #menu ul.level3 { padding-left: 12px; } #menu a.level3:hover { text-decoration: underline; } #menu a.level3 span.bg, #menu span.level3 span.bg { padding-left: 10px; background: url(/templates/yoo_flux/images/menu_level3_item.png) 1px 5px no-repeat; line-height: 17px; font-size: 11px; } #menu .columns2 ul.level2, #menu .columns3 ul.level2, #menu .columns4 ul.level2 { float: left; } #menu .columns2 ul.level2 { width: 50%; } #menu .columns3 ul.level2 { width: 34%; } #menu .columns3 ul.first, #menu .columns3 ul.last { width: 33%; } #menu .columns4 ul.level2 { width: 25%; } #menu .columns2 li.level2 .group-box1, #menu .columns3 li.level2 .group-box1, #menu .columns4 li.level2 .group-box1 { margin-right: 5px; } #menu .columns2 ul.last li.level2 .group-box1, #menu .columns3 ul.last li.level2 .group-box1, #menu .columns4 ul.last li.level2 .group-box1 { margin-right: 0px; } /* * sub menus */ div.mod-menu ul { margin: 0px; padding: 0px; overflow: hidden; list-style: none; } div.mod-menu ul.menu li { margin: 0px; padding: 0px; } div.mod-menu ul.menu a, div.mod-menu ul.menu span { display: block; } div.mod-menu ul.menu a { text-decoration: none; } div.mod-menu ul.menu span.icon { background-repeat: no-repeat; background-position: 5px 50%; text-indent: 35px; } div.mod-menu ul.menu li.parent span.separator { cursor: pointer; } div.mod-menu ul.menu span.subtitle { display: none; } /* * sub menu: mod-black */ div.mod-black ul.menu span.bg { height: 25px; line-height: 24px; text-indent: 35px; color: #646464; text-shadow: 0px 1px 0px #ffffff, 0px 2px 2px #c8c8c8; } div.mod-black ul.menu a.current span.bg { font-weight: bold; } div.mod-black ul.menu li.level1 { background: #FAFBFC url(/templates/yoo_flux/images/submenu_level2_bg.png) 0 0 repeat-x; } div.mod-black ul.menu a.level1, div.mod-black ul.menu span.level1 { background: #ffffff url(/templates/yoo_flux/images/submenu_level1_item.png) 0 0 no-repeat; } div.mod-black ul.menu li.parent a.level1 span.bg, div.mod-black ul.menu li.parent span.level1 span.bg { background: url(/templates/yoo_flux/images/submenu_level1_parent.png) 100% 0 no-repeat; } div.mod-black ul.menu li.parent a.active span.bg, div.mod-black ul.menu li.parent span.active span.bg { background-position: 100% -25px; } div.mod-black ul.menu ul.level2 { padding: 2px 0px 5px 0px; border-bottom: 1px solid #D8DADC; } div.mod-black ul.menu li.level2 span.bg { height: 20px; line-height: 20px; } div.mod-black ul.menu a.level2 span.bg { text-indent: 35px; } div.mod-black ul.menu a.level3 span.bg { text-indent: 45px; } div.mod-black ul.menu a.level4 span.bg { text-indent: 55px; } /* * sub menu: mod-band */ div.mod-band ul.menu { border-bottom: 1px solid #CFD1D3; } div.mod-band ul.menu span.bg { color: #646464; text-shadow: 0px 1px 0px #ffffff, 0px 2px 2px #c8c8c8; } div.mod-band ul.menu .level1 .level1 span.bg { height: 23px; border-top: 1px solid #CFD1D3; border-bottom: 1px solid #FAFBFB; line-height: 23px; text-indent: 15px; } div.mod-band ul.menu li.first .level1 span.bg { border-top: none; } div.mod-band ul.menu li.parent a.level1 span.bg, div.mod-band ul.menu li.parent span.level1 span.bg { background: url(/templates/yoo_flux/images/submenu_level1_parent.png) 100% 0 no-repeat; } div.mod-band ul.menu li.parent a.active span.bg, div.mod-band ul.menu li.parent span.active span.bg { background-position: 100% -25px; } div.mod-band ul.menu ul.level2 { padding: 2px 0px 5px 0px; border-top: 1px solid #CFD1D3; border-bottom: 1px solid #FAFBFB; background: #F0F3F5; } div.mod-band ul.menu .level2 span.bg { height: 20px; line-height: 20px; text-indent: 25px; } div.mod-band ul.menu a.current span.bg { font-weight: bold; } /* modules.css, Copyright (C) 2007 - 2010 YOOtheme GmbH */ /* * module headers */ .module h3.header { margin: 0px; padding: 0px; font-size: 16px; color: #323232; font-weight: normal; } .module span.header-2, .module span.header-3 { display: block; } .module h3.header span.title { display: block; font-size: 15px; line-height: 27px; } .module h3.header span.subtitle { display: block; margin-top: -5px; line-height: 10px; font-size: 9px; font-weight: normal; color: #646464; letter-spacing: 0px; text-indent: 1px; } /* * space between modules */ div.separator .module { margin: 0px 15px 0px 0px; } #left .module, #right .module, #contentleft .module, #contentright .module { margin-bottom: 15px; } #left .last, #right .last, #contentleft .last, #contentright .last { margin-bottom: 0px; } #top .topblock .module { margin: 15px 0px 0px 0px; } #bottom .bottomblock .module { margin: 0px 0px 15px 0px; } /* * header module positions */ #toolbar .left .module { padding: 0px 10px 0px 10px; background: url(/templates/yoo_flux/images/toolbar_separator.png) 100% 0 no-repeat; float: left; } #toolbar .right .module { padding: 0px 10px 0px 10px; background: url(/templates/yoo_flux/images/toolbar_separator.png) 0 0 no-repeat; float: right; } #headerbar .left .module { margin-right: 15px; float: left; } #headerbar .right .module { margin-left: 15px; float: right; } /* * #contentleft and #contentright */ #contentleft .module, #contentright .module { margin-right: 12px; margin-left: 12px; } #contentleft div.mod-line, #contentleft div.mod-ridge, #contentleft div.mod-band { margin-left: 0px; margin-right: 1px; } #contentright div.mod-line, #contentright div.mod-ridge, #contentright div.mod-band { margin-left: 1px; margin-right: 0px; } /* * badge styles */ div.module { position: relative; } div.module div.badge { position: absolute; top: 0px; right: 0px; width: 39px; height: 39px; background: url(/templates/yoo_flux/images/module_badges.png) 0 0 no-repeat; overflow: hidden; z-index: 1; } div.module div.badge-hot { background-position: 0 0; } div.module div.badge-top { background-position: 0 -40px; } div.module div.badge-pick { background-position: 0 -80px; } div.module div.badge-new { background-position: 0 -120px; } /* * icon styles */ div.module h3.header span.icon { display: block; position: relative; left: -5px; width: 30px; height: 30px; background: url(/templates/yoo_flux/images/module_icons.png) 0 0 no-repeat; overflow: hidden; float: left; } div.module h3.header span.icon-feed { background-position: 0 0; } div.module h3.header span.icon-download { background-position: 0 -30px; } div.module h3.header span.icon-twitter { background-position: 0 -60px; } div.module h3.header span.icon-mail { background-position: 0 -90px; } div.module h3.header span.icon-message { background-position: 0 -120px; } div.module h3.header span.icon-users { background-position: 0 -150px; } div.module h3.header span.icon-shopping { background-position: 0 -180px; } div.module h3.header span.icon-lock { background-position: 0 -210px; } /* * module: blank */ div.mod-blank { overflow: hidden; } #headerbar div.mod-blank { padding-top: 15px; } /* * module: dropdown */ #menu ul.mod-dropdown { padding-left: 0px; background: none; } #menu .mod-dropdown .module { padding: 5px; overflow: hidden; } #menu .mod-dropdown .dropdown { width: 300px; } /* * module: headerbar */ div.mod-headerbar div.box-1 { background: url(/templates/yoo_flux/images/module_headerbar.png) 0 0 no-repeat; } div.mod-headerbar div.box-2 { padding: 0px 10px 0px 10px; background: url(/templates/yoo_flux/images/module_headerbar.png) 100% -75px no-repeat; } div.mod-headerbar div.box-3 { height: 60px; padding: 10px 10px 5px 0px; background: url(/templates/yoo_flux/images/module_headerbar.png) 0 -150px repeat-x; overflow: hidden; } /* * module: rounded */ div.mod-rounded div.box-t1 { background: url(/templates/yoo_flux/images/module_rounded_white_corners.png) 0 0 no-repeat; } div.mod-rounded div.box-t2 { padding: 0px 10px 0px 10px; background: url(/templates/yoo_flux/images/module_rounded_white_corners.png) 100% -15px no-repeat; } div.mod-rounded div.box-t3 { height: 9px; border-top: 1px solid #D2D2D2; background: #ffffff; } div.mod-rounded div.box-1 { padding: 0px 14px 0px 14px; border-left: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; background: #ffffff; overflow: hidden; } div.mod-rounded div.box-b1 { background: url(/templates/yoo_flux/images/module_rounded_white_corners.png) 0 -30px no-repeat; } div.mod-rounded div.box-b2 { padding: 0px 10px 0px 10px; background: url(/templates/yoo_flux/images/module_rounded_white_corners.png) 100% -45px no-repeat; } div.mod-rounded div.box-b3 { height: 9px; border-bottom: 1px solid #D2D2D2; background: #ffffff; } div.mod-rounded h3.header { height: 30px; line-height: 27px; text-shadow: 1px 1px 1px #c8c8c8; } div.mod-rounded h3.header span.icon { top: -2px; } /* color: grey */ div.mod-rounded-grey div.box-t1 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_corners.png); } div.mod-rounded-grey div.box-t2 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_corners.png); } div.mod-rounded-grey div.box-1 { padding: 0px 1px 0px 1px; border-left: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; background: #ffffff; } div.mod-rounded-grey div.box-2 { padding: 0px 13px 0px 13px; background: url(/templates/yoo_flux/images/module_rounded_grey_fading.png) 0 100% repeat-x; overflow: hidden; } div.mod-rounded-grey div.box-b1 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_corners.png); } div.mod-rounded-grey div.box-b2 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_corners.png); } div.mod-rounded-grey div.box-b3 { height: 10px; border: none; background: url(/templates/yoo_flux/images/module_rounded_grey_corners.png) 0 -60px repeat-x; } div.mod-rounded-grey em.box { background: #ffffff; } /* header: grey */ div.mod-rounded-header div.deepest { padding: 30px 14px 0px 14px; } div.mod-rounded-header div.box-1 div.deepest { padding: 30px 13px 0px 13px; } div.mod-rounded-header div.header-1 { position: absolute; top: 0px; left: 0px; right: 0px; background: url(/templates/yoo_flux/images/module_rounded_grey_header_grey.png) 0 0 no-repeat; } div.mod-rounded-header div.header-2 { padding: 0px 30px 0px 30px; background: url(/templates/yoo_flux/images/module_rounded_grey_header_grey.png) 100% -45px no-repeat; } div.mod-rounded-header div.header-3 { height: 40px; background: url(/templates/yoo_flux/images/module_rounded_grey_header_grey.png) 100% -90px repeat-x; } div.mod-rounded-header h3.header { position: absolute; top: 0px; left: 0px; right: 0px; height: 40px; padding-left: 15px; line-height: 35px; text-shadow: 0px 1px 0px #ffffff, 0px 2px 2px #c8c8c8; overflow: hidden; } div.mod-rounded-header h3.header span.icon { top: 2px; } /* color: header blue */ div.mod-rounded-header-blue div.header-1 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_blue.png); } div.mod-rounded-header-blue div.header-2 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_blue.png); } div.mod-rounded-header-blue div.header-3 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_blue.png); } div.mod-rounded-header-blue h3.header { color: #ffffff; text-shadow: 0px 1px 1px #323232; } div.mod-rounded-header-blue h3.header span.subtitle { color: #ffffff; } /* color: header red */ div.mod-rounded-header-red div.header-1 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_red.png); } div.mod-rounded-header-red div.header-2 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_red.png); } div.mod-rounded-header-red div.header-3 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_red.png); } div.mod-rounded-header-red h3.header { color: #ffffff; text-shadow: 0px 1px 1px #323232; } div.mod-rounded-header-red h3.header span.subtitle { color: #ffffff; } /* color: header orange */ div.mod-rounded-header-orange div.header-1 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_orange.png); } div.mod-rounded-header-orange div.header-2 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_orange.png); } div.mod-rounded-header-orange div.header-3 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_orange.png); } div.mod-rounded-header-orange h3.header { color: #ffffff; text-shadow: 0px 1px 1px #323232; } div.mod-rounded-header-orange h3.header span.subtitle { color: #ffffff; } /* color: header green */ div.mod-rounded-header-green div.header-1 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_green.png); } div.mod-rounded-header-green div.header-2 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_green.png); } div.mod-rounded-header-green div.header-3 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_green.png); } div.mod-rounded-header-green h3.header { color: #ffffff; text-shadow: 0px 1px 1px #323232; } div.mod-rounded-header-green h3.header span.subtitle { color: #ffffff; } /* color: header pink */ div.mod-rounded-header-pink div.header-1 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_pink.png); } div.mod-rounded-header-pink div.header-2 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_pink.png); } div.mod-rounded-header-pink div.header-3 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_pink.png); } div.mod-rounded-header-pink h3.header { color: #ffffff; text-shadow: 0px 1px 1px #323232; } div.mod-rounded-header-pink h3.header span.subtitle { color: #ffffff; } /* color: header turquoise */ div.mod-rounded-header-turquoise div.header-1 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_turquoise.png); } div.mod-rounded-header-turquoise div.header-2 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_turquoise.png); } div.mod-rounded-header-turquoise div.header-3 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_turquoise.png); } div.mod-rounded-header-turquoise h3.header { color: #ffffff; text-shadow: 0px 1px 1px #323232; } div.mod-rounded-header-turquoise h3.header span.subtitle { color: #ffffff; } /* color: header gold */ div.mod-rounded-header-gold div.header-1 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_gold.png); } div.mod-rounded-header-gold div.header-2 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_gold.png); } div.mod-rounded-header-gold div.header-3 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_gold.png); } div.mod-rounded-header-gold h3.header { color: #ffffff; text-shadow: 0px 1px 1px #323232; } div.mod-rounded-header-gold h3.header span.subtitle { color: #ffffff; } /* color: header templatecolor */ div.mod-rounded-header-templatecolor div.header-1 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_blue.png); } div.mod-rounded-header-templatecolor div.header-2 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_blue.png); } div.mod-rounded-header-templatecolor div.header-3 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_blue.png); } div.mod-rounded-header-templatecolor h3.header { color: #ffffff; text-shadow: 0px 1px 1px #323232; } div.mod-rounded-header-templatecolor h3.header span.subtitle { color: #ffffff; } /* * module: black */ div.mod-black div.box-t1 { background: url(/templates/yoo_flux/images/module_black.png) 0 0 no-repeat; } div.mod-black div.box-t2 { padding: 0px 30px 0px 30px; background: url(/templates/yoo_flux/images/module_black.png) 100% -40px no-repeat; } div.mod-black div.box-t3 { height: 35px; background: url(/templates/yoo_flux/images/module_black.png) 0 -80px repeat-x; } div.mod-black div.box-1 { padding: 10px 14px 10px 14px; border-left: 1px solid #141414; border-right: 1px solid #141414; background: #141414 url(/templates/yoo_flux/images/module_black.png) 0 -150px repeat-x; overflow: hidden; color: #c8c8c8; } div.mod-black div.box-b1 { background: url(/templates/yoo_flux/images/module_black.png) 0 -120px no-repeat; } div.mod-black div.box-b2 { padding: 0px 30px 0px 30px; background: url(/templates/yoo_flux/images/module_black.png) 100% -135px no-repeat; } div.mod-black div.box-b3 { height: 9px; border-bottom: 1px solid #B6BFC6; background: #DCE1E6; } div.mod-black h3.header { position: absolute; top: 0px; left: 0px; right: 0px; z-index: 1; height: 35px; padding-left: 15px; line-height: 35px; text-shadow: 0px 1px 0px #ffffff, 0px 2px 2px #c8c8c8; overflow: hidden; } div.mod-black h3.header span.icon { top: 2px; } div.mod-black em.box { background: #323232; border-color: #646464; } div.mod-black h1, div.mod-black h2, div.mod-black h3, div.mod-black h4, div.mod-black h5, div.mod-black h6 { color: #ffffff; text-shadow: none; } /* menu */ div.mod-menu-black div.box-t1 { background: url(/templates/yoo_flux/images/module_rounded_grey_header_grey.png) 0 0 no-repeat; } div.mod-menu-black div.box-t2 { background: url(/templates/yoo_flux/images/module_rounded_grey_header_grey.png) 100% -45px no-repeat; } div.mod-menu-black div.box-t3 { background: url(/templates/yoo_flux/images/module_rounded_grey_header_grey.png) 0 -90px repeat-x; } div.mod-menu-black div.box-1 { padding: 0px 0px 0px 0px; border-left: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; background: #ffffff; overflow: hidden; color: #646464; } /* * module: line */ div.mod-line div.box-1 { padding: 5px 15px 10px 15px; overflow: hidden; } div.mod-line h3.header { height: 30px; padding-left: 15px; line-height: 27px; background: url(/templates/yoo_flux/images/module_line.png) 0 100% repeat-x; text-shadow: 0px 1px 0px #ffffff, 0px 1px 5px #c8c8c8; } /* * module: ridge */ div.mod-ridge div.box-1 { padding: 5px 15px 10px 15px; background: url(/templates/yoo_flux/images/module_ridge.png) 0 -27px repeat-x; overflow: hidden; } div.mod-ridge h3.header { height: 30px; padding-left: 15px; line-height: 27px; background: url(/templates/yoo_flux/images/module_ridge.png) 0 8px repeat-x; text-shadow: 0px 1px 0px #ffffff, 0px 1px 5px #c8c8c8; } /* * module: band */ div.mod-band { margin-top: 5px; } div.mod-band div.box-1 { padding: 5px 15px 10px 15px; background: url(/templates/yoo_flux/images/module_band_shadow.png) 50% 0 no-repeat; overflow: hidden; } div.mod-band h3.header { background: url(/templates/yoo_flux/images/module_band_bg.png) 0 -70px repeat-x; line-height: 29px; text-shadow: 0px 1px 0px #ffffff, 0px 1px 5px #c8c8c8; } div.mod-band span.header-2 { background: url(/templates/yoo_flux/images/module_band_bg.png) 0 0 no-repeat; } div.mod-band span.header-3 { height: 30px; padding-left: 15px; background: url(/templates/yoo_flux/images/module_band_bg.png) 100% -35px no-repeat; } /* menu */ div.mod-menu-band div.box-1 { padding: 0px 0px 10px 0px; background: none; overflow: hidden; } /* * 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_flux/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_flux/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: "Arial", Comic Sans MS, "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; color: #C8C8C8; } div.mod-polaroid div.box-b1 { background: url(/templates/yoo_flux/images/module_polaroid_shadows.png) 0 0 no-repeat; } div.mod-polaroid div.box-b2 { padding: 0px 70px 0px 70px; background: url(/templates/yoo_flux/images/module_polaroid_shadows.png) 100% -5px no-repeat; } div.mod-polaroid div.box-b3 { height: 5px; background: url(/templates/yoo_flux/images/module_polaroid_shadows.png) 0 -10px 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: "Arial", Comic Sans MS, "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; color: #323232; } /* * module: postit */ div.mod-postit div.box-1 { background: #FFFFAA; color: #323232; } div.mod-postit div.box-2 { padding: 15px 15px 0px 15px; overflow: hidden; font-family: "Arial", Comic Sans MS, "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; } div.mod-postit div.box-b1 { background: url(/templates/yoo_flux/images/module_postit_shadows.png) 0 0 no-repeat; } div.mod-postit div.box-b2 { padding: 0px 90px 0px 60px; background: url(/templates/yoo_flux/images/module_postit_shadows.png) 100% -40px no-repeat; } div.mod-postit div.box-b3 { height: 40px; background: url(/templates/yoo_flux/images/module_postit_shadows.png) 0 -80px 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: "Arial", Comic Sans MS, "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; color: #323232; } /* * module: tab */ div.mod-tab { padding: 15px 0px 0px 0px; } div.mod-tab div.box-1 { background: url(/templates/yoo_flux/images/module_tab_l.png) 0 0 repeat-y; } div.mod-tab div.box-2 { background: url(/templates/yoo_flux/images/module_tab_t.png) 0 0 repeat-x; } div.mod-tab div.box-3 { background: url(/templates/yoo_flux/images/module_tab_tr.png) 100% 0 no-repeat; } div.mod-tab div.box-4 { padding: 20px 15px 10px 15px; background: url(/templates/yoo_flux/images/module_tab_bl.png) 0 100% no-repeat; } div.mod-tab h3.header { position: absolute; top: 0px; left: 0px; background: url(/templates/yoo_flux/images/module_tab_header.png) 0 0 no-repeat; line-height: 30px; } div.mod-tab span.header-2 { padding: 0px 20px 0px 15px; background: url(/templates/yoo_flux/images/module_tab_header.png) 100% -35px no-repeat; } div.mod-tab span.header-3 { height: 30px; background: url(/templates/yoo_flux/images/module_tab_header.png) 0 -70px repeat-x; } /* joomla.css, Copyright (C) 2007 - 2010 YOOtheme GmbH */ /* * global CSS * not inside joomla CSS class */ /* readmore button */ p.readmore { overflow: hidden; } div.module p.readmore { margin-bottom: 0px; } a.readmore { display: block; width: 100px; height: 20px; background: transparent url(/templates/yoo_flux/images/readmore.png) 0 0 no-repeat; float: left; line-height: 20px; text-indent: 10px; font-size: 90%; text-decoration: none; text-shadow: 0px -1px 1px #ffffff, 0px 2px 2px #b4b4b4; } a.readmore:link, a.readmore:visited { color: #505050; } a.readmore:hover { background: transparent url(/templates/yoo_flux/images/readmore.png) 0 -25px no-repeat; color: #000000; text-shadow: 0px 1px 1px #ffffff, 0px 2px 2px #969696; } /* 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; } div.cleanbody { position : absolute; left : -1000px; } /* * general * used by Jommla core components */ div.joomla h1 { letter-spacing: -1px; } div.joomla h1.title { text-shadow: 0px 1px 0px #ffffff, 0px 2px 4px #aaaaaa; } div.joomla h1.pagetitle { margin-top: 0px; } 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 table.joomlatable th { padding: 5px 5px 5px 5px; background: #ebebeb; border-bottom: 1px solid #b4b4b4; font-weight : bold; } div.joomla table.joomlatable tr.even td { padding: 5px 5px 5px 5px; background: #f0f0f0; border-bottom: 1px solid #dcdcdc; } div.joomla table.joomlatable tr.odd td { padding: 5px 5px 5px 5px; background: #fafafa; 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_flux/images/article_separator.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_flux/images/article_separator.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.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; margin-top: 5px; padding-bottom: 2px; } div.joomla h1.title { margin: 0px; float: left; } div.joomla div.multicolumns h1.title { font-size: 150%; letter-spacing: -1px; } div.joomla div.icons { float: right; } div.joomla div.icon { margin-top: 10px; float: right; } div.joomla div.multicolumns div.icon { margin-top: 5px; } div.joomla div.edit { margin-left: 5px; } div.joomla div.pdf { margin-right: 5px; } div.joomla div.print { margin-right: 5px; } div.joomla div.email {} div.joomla div.printscreen {} div.joomla p.iteminfo { margin: 0px 0px 15px 0px; } div.joomla p.articleinfo { margin-top: 0px; text-transform: uppercase; font-size: 80%; letter-spacing: 1px; line-height: 150%; } 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: #ffffff; color: #323232; } /* * 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: 110%; font-weight: normal; letter-spacing: -1px; } div.joomla div.contact h2 { margin-bottom: 10px; font-size: 105%; 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; } /* * com_wrapper */ iframe.wrapper { width: 100%; } /* * 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 */ .default-search div.searchbox { width: 120px; height: 18px; padding: 0px; margin: 0px; background: url(/templates/yoo_flux/images/searchbox_bg.png) 0 0 no-repeat; /* ie6png:crop */ } .default-search div.searchbox:hover { background: url(/templates/yoo_flux/images/searchbox_bg.png) 0 -18px no-repeat; } .default-search div.searchbox:hover input { color: #000000; } .default-search div.searchbox input:focus { color: #000000; } .default-search div.searchbox input { width: 102px; height: 15px; padding: 3px 0px 0px 0px; border: none; outline: none; background: none; float: left; color: #646464; font-size: 11px; } .default-search div.searchbox button { width: 18px; height: 18px; padding: 0px; border: none; float: left; cursor: pointer; line-height: 0px; } .default-search div.searchbox button.search-magnifier { background: url(/templates/yoo_flux/images/search_magnifier_icon.png) 0 0 no-repeat; } /* * 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; } /* * Joomla! system CSS file: system.css */ /* OpenID icon style */ input.system-openid { background: url(https://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; } .button2-left .blank { background: url(/templates/system/images/j_button2_blank.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; } .none1 {display: none; } /* extensions.css, Copyright (C) 2007 - 2010 YOOtheme GmbH */ #left #form-login fieldset { border: none; } /* * YOOsearch */ #page div.yoo-search div.resultbox { position: absolute; right: 0px; top: 35px; z-index: 20; } /* * YOOtweet */ /* single */ #header div.single div.yoo-tweet { min-width: 200px; max-width: 400px; } #header div.single div.yoo-tweet p { margin-top: 0px; } /* * YOOlogin */ /* quick */ #header span.quick span.yoo-login {} #header span.quick span.yoo-login span.login { width: 231px; } #header span.quick span.yoo-login span.login span.login-button-text, #header span.quick span.yoo-login span.login span.login-button-icon { margin-right: 0px; } #header span.quick span.yoo-login span.login span.lostpassword, #header span.quick span.yoo-login span.login span.lostusername, #header span.quick span.yoo-login span.login span.registration { margin-top: 5px; } #header span.quick span.yoo-login span.logout { margin-top: 10px; overflow: visible; } #header span.quick span.yoo-login span.logout span.logout-button-text, #header span.quick span.yoo-login span.logout span.logout-button-icon { margin-right: 0px; } /* nifty quick */ #header span.niftyquick span.yoo-login {} #header span.niftyquick span.yoo-login span.login { width: 268px; height: 50px; } #header span.niftyquick span.yoo-login span.login span.login-button { margin-right: 0px; } #header span.niftyquick span.yoo-login span.login span.lostpassword, #header span.niftyquick span.yoo-login span.login span.lostusername, #header span.niftyquick span.yoo-login span.login span.registration { margin-top: 5px; } #header span.niftyquick span.yoo-login span.logout { margin-top: 10px; overflow: visible; } #header span.niftyquick span.yoo-login span.logout span.logout-button { margin-right: 0px; } #header span.niftyquick span.yoo-login span.login span.username input, #header span.niftyquick span.yoo-login span.login span.password input { width: 95%; height: 12px; background: #ffffff; border: 1px solid #ffffff; overflow: hidden; } /* carbon.css, Copyright (C) 2007 - 2010 YOOtheme GmbH */ body.yoopage { background: #21262D; } #page-body { background-image: url(/templates/yoo_flux/images/variations/carbon/page_bg_t.png); background-position: 50% 0; } #page-footer { background-image: url(/templates/yoo_flux/images/variations/carbon/page_bg_b.png); } #menubar { background-image: url(/templates/yoo_flux/images/variations/carbon/menubar_bg.png); } #menubar div.menubar-2 { background-image: url(/templates/yoo_flux/images/variations/carbon/menubar_bg.png); } #menubar div.menubar-3 { background-image: url(/templates/yoo_flux/images/variations/carbon/menubar_bg.png); } #menu li.active .level1 span.bg { color: #058eac; } /*cf1402*/ #menu li.active .level1 span.subtitle { color: #057a93; } /*bb2416*/ h1, #page h1 a, h3, h5, a:link, a:visited, .contentheading, .componentheading { color: #00a1c4; } a:hover { color: #03c6f0; } /* color: header templatecolor */ div.mod-rounded-header-templatecolor div.header-1 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_grey.png); } div.mod-rounded-header-templatecolor div.header-2 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_grey.png); } div.mod-rounded-header-templatecolor div.header-3 { background-image: url(/templates/yoo_flux/images/module_rounded_grey_header_grey.png); } div.mod-rounded-header-templatecolor h3.header { color: #323232; text-shadow: 0px 1px 0px #ffffff, 0px 2px 2px #c8c8c8; } div.mod-rounded-header-templatecolor h3.header span.subtitle { color: #646464; }/* custom.css, Copyright (C) 2007 - 2010 YOOtheme GmbH */ /* * This CSS file is for customization purpose only */ div.module div.yoo-gallery { margin: 15px auto 5px auto; width: 600px; }