/* $Id: node.css,v 1.5 2008/01/25 21:21:44 goba Exp $ */ .node-unpublished { background-color: #fff4f4; } .preview .node { background-color: #ffffea; } #node-admin-filter ul { list-style-type: none; padding: 0; margin: 0; width: 100%; } #node-admin-buttons { float: left; /* LTR */ margin-left: 0.5em; /* LTR */ clear: right; /* LTR */ } td.revision-current { background: #ffc; } .node-form .form-text { display: block; width: 95%; } .node-form .container-inline .form-text { display: inline; width: auto; } .node-form .standard { clear: both; } .node-form textarea { display: block; width: 95%; } .node-form .attachments fieldset { float: none; display: block; } .terms-inline { display: inline; } /* $Id: node.css,v 1.5 2008/01/25 21:21:44 goba Exp $ */ .node-unpublished { background-color: #fff4f4; } .preview .node { background-color: #ffffea; } #node-admin-filter ul { list-style-type: none; padding: 0; margin: 0; width: 100%; } #node-admin-buttons { float: left; /* LTR */ margin-left: 0.5em; /* LTR */ clear: right; /* LTR */ } td.revision-current { background: #ffc; } .node-form .form-text { display: block; width: 95%; } .node-form .container-inline .form-text { display: inline; width: auto; } .node-form .standard { clear: both; } .node-form textarea { display: block; width: 95%; } .node-form .attachments fieldset { float: none; display: block; } .terms-inline { display: inline; } /* $Id: system.css,v 1.48 2008/01/09 09:56:39 goba Exp $ */ /* ** HTML elements */ body.drag { cursor: move; } th.active img { display: inline; } tr.even, tr.odd { background-color: #eee; border-bottom: 1px solid #ccc; padding: 0.1em 0.6em; } tr.drag { background-color: #fffff0; } tr.drag-previous { background-color: #ffd; } td.active { background-color: #ddd; } td.checkbox, th.checkbox { text-align: center; } tbody { border-top: 1px solid #ccc; } tbody th { border-bottom: 1px solid #ccc; } thead th { text-align: left; /* LTR */ padding-right: 1em; /* LTR */ border-bottom: 3px solid #ccc; } /* ** Other common styles */ .breadcrumb { padding-bottom: .5em } div.indentation { width: 20px; height: 1.7em; margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */ padding: 0.42em 0 0.42em 0.6em; /* LTR */ float: left; /* LTR */ } div.tree-child { background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */ } div.tree-child-last { background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */ } div.tree-child-horizontal { background: url(../../misc/tree.png) no-repeat -11px center; } .error { color: #e55; } div.error { border: 1px solid #d77; } div.error, tr.error { background: #fcc; color: #200; padding: 2px; } .warning { color: #e09010; } div.warning { border: 1px solid #f0c020; } div.warning, tr.warning { background: #ffd; color: #220; padding: 2px; } .ok { color: #008000; } div.ok { border: 1px solid #00aa00; } div.ok, tr.ok { background: #dfd; color: #020; padding: 2px; } .item-list .icon { color: #555; float: right; /* LTR */ padding-left: 0.25em; /* LTR */ clear: right; /* LTR */ } .item-list .title { font-weight: bold; } .item-list ul { margin: 0 0 0.75em 0; padding: 0; } .item-list ul li { margin: 0 0 0.25em 1.5em; /* LTR */ padding: 0; list-style: disc; } ol.task-list li.active { font-weight: bold; } .form-item { margin-top: 1em; margin-bottom: 1em; } tr.odd .form-item, tr.even .form-item { margin-top: 0; margin-bottom: 0; white-space: nowrap; } tr.merge-down, tr.merge-down td, tr.merge-down th { border-bottom-width: 0 !important; } tr.merge-up, tr.merge-up td, tr.merge-up th { border-top-width: 0 !important; } .form-item input.error, .form-item textarea.error, .form-item select.error { border: 2px solid red; } .form-item .description { font-size: 0.85em; } .form-item label { display: block; font-weight: bold; } .form-item label.option { display: inline; font-weight: normal; } .form-checkboxes, .form-radios { margin: 1em 0; } .form-checkboxes .form-item, .form-radios .form-item { margin-top: 0.4em; margin-bottom: 0.4em; } .marker, .form-required { color: #f00; } .more-link { text-align: right; /* LTR */ } .more-help-link { font-size: 0.85em; text-align: right; /* LTR */ } .nowrap { white-space: nowrap; } .item-list .pager { clear: both; text-align: center; } .item-list .pager li { background-image:none; display:inline; list-style-type:none; padding: 0.5em; } .pager-current { font-weight:bold; } .tips { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-size: 0.9em; } dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select { font-family: inherit; font-size: inherit; width: 14em; } dl.multiselect dd.a, dl.multiselect dd.a .form-item { width: 8em; } dl.multiselect dt, dl.multiselect dd { float: left; /* LTR */ line-height: 1.75em; padding: 0; margin: 0 1em 0 0; /* LTR */ } dl.multiselect .form-item { height: 1.75em; margin: 0; } /* ** Inline items (need to override above) */ .container-inline div, .container-inline label { display: inline; } /* ** Tab navigation */ ul.primary { border-collapse: collapse; padding: 0 0 0 1em; /* LTR */ white-space: nowrap; list-style: none; margin: 5px; height: auto; line-height: normal; border-bottom: 1px solid #bbb; } ul.primary li { display: inline; } ul.primary li a { background-color: #ddd; border-color: #bbb; border-width: 1px; border-style: solid solid none solid; height: auto; margin-right: 0.5em; /* LTR */ padding: 0 1em; text-decoration: none; } ul.primary li.active a { background-color: #fff; border: 1px solid #bbb; border-bottom: #fff 1px solid; } ul.primary li a:hover { background-color: #eee; border-color: #ccc; border-bottom-color: #eee; } ul.secondary { border-bottom: 1px solid #bbb; padding: 0.5em 1em; margin: 5px; } ul.secondary li { display: inline; padding: 0 1em; border-right: 1px solid #ccc; /* LTR */ } ul.secondary a { padding: 0; text-decoration: none; } ul.secondary a.active { border-bottom: 4px solid #999; } /* ** Autocomplete styles */ /* Suggestion list */ #autocomplete { position: absolute; border: 1px solid; overflow: hidden; z-index: 100; } #autocomplete ul { margin: 0; padding: 0; list-style: none; } #autocomplete li { background: #fff; color: #000; white-space: pre; cursor: default; } #autocomplete li.selected { background: #0072b9; color: #fff; } /* Animated throbber */ html.js input.form-autocomplete { background-image: url(../../misc/throbber.gif); background-repeat: no-repeat; background-position: 100% 2px; /* LTR */ } html.js input.throbbing { background-position: 100% -18px; /* LTR */ } /* ** Collapsing fieldsets */ html.js fieldset.collapsed { border-bottom-width: 0; border-left-width: 0; border-right-width: 0; margin-bottom: 0; height: 1em; } html.js fieldset.collapsed * { display: none; } html.js fieldset.collapsed legend { display: block; } html.js fieldset.collapsible legend a { padding-left: 15px; /* LTR */ background: url(../../misc/menu-expanded.png) 5px 75% no-repeat; /* LTR */ } html.js fieldset.collapsed legend a { background-image: url(../../misc/menu-collapsed.png); /* LTR */ background-position: 5px 50%; /* LTR */ } /* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */ * html.js fieldset.collapsed legend, * html.js fieldset.collapsed legend *, * html.js fieldset.collapsed table * { display: inline; } /* For Safari 2 to prevent collapsible fieldsets containing tables from dissapearing due to tableheader.js. */ html.js fieldset.collapsible { position: relative; } html.js fieldset.collapsible legend a { display: block; } /* Avoid jumping around due to margins collapsing into collapsible fieldset border */ html.js fieldset.collapsible .fieldset-wrapper { overflow: auto; } /* ** Resizable text areas */ .resizable-textarea { width: 95%; } .resizable-textarea .grippie { height: 9px; overflow: hidden; background: #eee url(../../misc/grippie.png) no-repeat center 2px; border: 1px solid #ddd; border-top-width: 0; cursor: s-resize; } html.js .resizable-textarea textarea { margin-bottom: 0; width: 100%; display: block; } /* ** Table drag and drop. */ .draggable a.tabledrag-handle { cursor: move; float: left; /* LTR */ height: 1.7em; margin: -0.4em 0 -0.4em -0.5em; /* LTR */ padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */ text-decoration: none; } a.tabledrag-handle:hover { text-decoration: none; } a.tabledrag-handle .handle { margin-top: 4px; height: 13px; width: 13px; background: url(../../misc/draggable.png) no-repeat 0 0; } a.tabledrag-handle-hover .handle { background-position: 0 -20px; } /* ** Teaser splitter */ .joined + .grippie { height: 5px; background-position: center 1px; margin-bottom: -2px; } /* Keeps inner content contained in Opera 9. */ .teaser-checkbox { padding-top: 1px; } div.teaser-button-wrapper { float: right; /* LTR */ padding-right: 5%; /* LTR */ margin: 0; } .teaser-checkbox div.form-item { float: right; /* LTR */ margin: 0 5% 0 0; /* LTR */ padding: 0; } textarea.teaser { display: none; } html.js .no-js { display: none; } /* ** Progressbar styles */ .progress { font-weight: bold; } .progress .bar { background: #fff url(../../misc/progress.gif); border: 1px solid #00375a; height: 1.5em; margin: 0 0.2em; } .progress .filled { background: #0072b9; height: 1em; border-bottom: 0.5em solid #004a73; width: 0%; } .progress .percentage { float: right; /* LTR */ } .progress-disabled { float: left; /* LTR */ } .ahah-progress { float: left; /* LTR */ } .ahah-progress .throbber { width: 15px; height: 15px; margin: 2px; background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px; float: left; /* LTR */ } tr .ahah-progress .throbber { margin: 0 2px; } .ahah-progress-bar { width: 16em; } /* ** Formatting for welcome page */ #first-time strong { display: block; padding: 1.5em 0 .5em; } /* ** To be used with tableselect.js */ tr.selected td { background: #ffc; } /* ** Floating header for tableheader.js */ table.sticky-header { margin-top: 0; background: #fff; } /* ** Installation clean URLs */ #clean-url.install { display: none; } /* ** For anything you want to hide on page load when JS is enabled, so ** that you can use the JS to control visibility and avoid flicker. */ html.js .js-hide { display: none; } /* ** Styles for the system modules page (admin/build/modules) */ #system-modules div.incompatible { font-weight: bold; } /* ** Styles for the system themes page (admin/build/themes) */ #system-themes-form div.incompatible { font-weight: bold; } /* ** Password strength indicator */ span.password-strength { visibility: hidden; } input.password-field { margin-right: 10px; /* LTR */ } div.password-description { padding: 0 2px; margin: 4px 0 0 0; font-size: 0.85em; max-width: 500px; } div.password-description ul { margin-bottom: 0; } .password-parent { margin: 0 0 0 0; } /* ** Password confirmation checker */ input.password-confirm { margin-right: 10px; /* LTR */ } .confirm-parent { margin: 5px 0 0 0; } span.password-confirm { visibility: hidden; } span.password-confirm span { font-weight: normal; } /* $Id: user.css,v 1.7 2007/06/21 04:38:41 unconed Exp $ */ #permissions td.module { font-weight: bold; } #permissions td.permission { padding-left: 1.5em; /* LTR */ } #access-rules .access-type, #access-rules .rule-type { margin-right: 1em; /* LTR */ float: left; /* LTR */ } #access-rules .access-type .form-item, #access-rules .rule-type .form-item { margin-top: 0; } #access-rules .mask { clear: both; } #user-login-form { text-align: center; } #user-admin-filter ul { list-style-type: none; padding: 0; margin: 0; width: 100%; } #user-admin-buttons { float: left; /* LTR */ margin-left: 0.5em; /* LTR */ clear: right; /* LTR */ } #user-admin-settings fieldset .description { font-size: 0.85em; padding-bottom: .5em; } /* Generated by user.module but used by profile.module: */ .profile { clear: both; margin: 1em 0; } .profile .picture { float: right; /* LTR */ margin: 0 1em 1em 0; /* LTR */ } .profile h3 { border-bottom: 1px solid #ccc; } .profile dl { margin: 0 0 1.5em 0; } .profile dt { margin: 0 0 0.2em 0; font-weight: bold; } .profile dd { margin: 0 0 1em 0; } .rteindent1 { margin-left: 40px; } .rteindent2 { margin-left: 80px; } .rteindent3 { margin-left: 120px; } .rteindent4 { margin-left: 160px; } .rteleft { text-align: left; } .rteright { text-align: right; } .rtecenter { text-align: center; } .rtejustify { text-align: justify; } .image_assist{ background-color: #eeeeee; background-repeat: no-repeat; background-image: url(plugins/imgassist/imgassist.gif); background-position: 50% 50%; border: 1px dashed #dddddd; } .ibimage_left { float: left; } .ibimage_right { float: right; }/* $Id$ */ /** * Sky * https://drupal.org/project/sky * https://drupal.org/user/88931 * * Credits: * Icons: https://www.icojoy.com/articles/44/ * Icons: https://www.icojoy.com/articles/46/ * https://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ * */ /* @group Reset */ html, body, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } html, body { height: 100%; } blockquote, q { quotes: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* @end */ /* @group Layout */ #wrapper { height: auto !important; min-height: 100%; width: 960px; margin: 0 auto -4em; } /* @group Footer */ #footer { clear: both; width: 960px; margin: 0 auto; min-height: 2em; padding-bottom: 2em; } /* @end */ #sidebar-left, #sidebar-right { overflow: hidden; } .push { clear: both; height: 4em; } .main-inner { padding: 1em 2em; } .sidebar .inner { padding: 1em 1.25em; } /* @group Both Sidebars */ .both #sidebar-left { width: 20%; float: left; } .both #main { width: 60%; float: left; } .both #sidebar-right { width: 20%; float: right; } /* @end */ /* @group Left Sidebar */ .left #sidebar-left { width: 25%; float: left; } .left #main { width: 75%; float: left; } /* @end */ /* @group Right Sidebar */ .right #main { width: 75%; float: left; } .right #sidebar-right { width: 25%; float: right; } /* @end */ /* @group No Sidebars */ .no-sidebar #main { width: 95%; margin: 0 auto; } /* @end */ /* @end */ .container { zoom: 1; } #content-top, #content-bottom { margin: 25px 0; } #main { overflow: hidden; } /* @group Clearfix */ /* slightly enhanced, universal clearfix hack */ .clearfix:after, .clear-block:after, .layout-region:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix, .clear-block, .layout-region { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix, * html .clear-block, * html .layout-region { height: 1%; zoom: 1; } .clearfix, .clear-block, .layout-region { display: block; } /* close commented backslash hack */ /* @end *//* $Id$ */ /** * Sky * https://drupal.org/project/sky * https://drupal.org/user/88931 * * Credits: * Icons: https://www.icojoy.com/articles/44/ * Icons: https://www.icojoy.com/articles/46/ */ /* @group Layout */ body { background: #314C74 url('images/bg-body.png') repeat-x left top; font-size: 12px; /* Don't modify the font size here */ line-height: 1.6; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; color: #111; } #wrapper { background: #fff; font-size: 12px; -webkit-box-shadow: 1em 1em 1em rgba(0, 0, 0, 0.5); } /* @group Header */ #header { background: #3A4E6A url('images/bg-header.png') repeat-x top left; height: 100px; } #header #site-name { font-size: 3.7em; line-height: normal; margin: 0.25em 0 0.25em 0.5em; float: left; } #header #site-name a { color: #fff; } #header #logo img { margin: 0; padding: 0; } #header #site-slogan { color: #fff; font-style: italic; margin: 1em; font-size: 1.5em; float: left; display: block; } /* @group Name & Slogan */ .name-slogan #site-name { margin: 0 0 0 0.5em; } .name-slogan #site-slogan { margin: 0 0 1em 1.7em; } /* @end */ /* @group Name & Logo */ .name-logo #site-name, .name-logo #logo { float: left; clear: none; } .name-logo #logo { margin: 0 0 1em 0.5em; display: block; } .name-logo #site-name { margin: 0.4em 0 0 0.5em; } /* @end */ /* @group Logo & Slogan */ .logo-slogan #logo, .logo-slogan #site-slogan { float: left; clear: left; } .logo-slogan #logo { margin: 0.25em 0 0.15em 0.5em; } #header.logo-slogan #site-slogan { margin: 0 0 0.5em 1.7em; display: block; width: 100%; } /* @end */ /* @group Name, Slogan and Logo */ .name-slogan-logo #logo { float: left; } #header.name-slogan-logo #site-slogan { float: left; clear: left; margin: 0 0 0.5em 1.5em; font-size: 1.2em; } /* @end */ /* @group Footer */ #footer-inner { background: #fff; padding: 1em; font-size: 0.9em; text-align: center; min-width: 4em; } /* @end */ /* @end */ /* @end */ /* @group Links */ a, a:visited { color: #314C74; text-decoration: none; } a:hover, a.active { color: #000; } /* @end */ /* @group HTML Tags */ /* @group Headings */ h1, h2, h3, h4, h5, h6 { font-family: 'Lucida Grande', Verdana, Arial, sans-serif; clear: both; display: block; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: -1px; line-height: 1.4em; margin-bottom: 10px; margin-top: 5px; } h1 { font-size: 2em; margin-bottom: 20px; display: block; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: -1px; line-height: 140%; margin: 0; } h2 { font-size: 1.8em; } h3 { font-size: 1.6em; } h4 { font-size: 1.4em; } h5 { font-size: 1.2em; } /* @end */ /* @group Code */ code, pre, tt { font-size: 11px; /* ems don't work well x-browser for some reason */ font-family: "Espresso Mono", Monaco, Consolas, "Lucida Console", monospace; color: #666; } pre { margin: 1em 0; padding: 0.5em; border: solid 1px #ddd; } /* @end */ /* @group Tables */ table { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 1em 0; border-top: 1px solid #ddd; border-left: 1px solid #ddd; } /*.table-wrapper { overflow: auto; } .node .table-wrapper, .view .table-wrapper { overflow: visible; } .table-wrapper table { margin: 10px .2%; width: 99.5%; } table.package, #tracker table { width: 99.5%; }*/ /* @group caption */ table caption { font-size: 1.4em; line-height: 1.6em; } /* @end */ /* @group thead, th */ th, thead th { background: #fff url('images/bg-shade-light.png') repeat-x 0 100%; color: #555; text-shadow: #fff 1px 1px 1px; border: none; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 4px; font-size: 0.9em; font-weight: bold; text-align: left; /* LTR */ } tbody th { border-bottom: 1px solid #ddd; } thead th { padding-right: 4px; /* LTR */ border-bottom: 1px solid #ddd; } th a, th a.active { color: #555; } /* @end */ /* @group tbody */ tbody { border-top: none; } /* @end */ /* @group tr */ tr.even, tr.odd { border-bottom: none; padding: 0; } /* @end */ /* @group td */ td, #blocks td.block { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 0.25em 0.5em; vertical-align: top; } tr.even, tr.odd { background-color: #fff; } td.menu-disabled { border-bottom: 1px solid #eee; } td.menu-disabled, tr.even td { background: #f8f8f8; } tr.odd td { background: #fff; } td:hover, tr.even td:hover, tr.odd td:hover { background: #eee; } td.active { background: #eee; } #blocks td.region { background: #fff; } /* @end */ /* @end */ /* @group Definition Lists */ dl { border: solid 1px #ddd; width: 100%; margin: 1em 0; padding: 0; } dt { background: #fff url('images/bg-shade-light.png') repeat-x 0 100%; color: #555555; border-bottom: 1px solid #ddd; font-weight: bold; padding: 0.25em 0.75em; text-shadow: #fff 1px 1px 1px; } dt a { text-decoration: none; } dd { border-bottom: solid 1px #ddd; margin: 0; padding: 0.5em 1.5em; } dd:last-child { border-bottom: 0; } dd:hover { background: #eee; } /* @group Undo Styling of DL's in some admin areas */ /* Remove borders and tweak margins for forms in

's */ .search-results dd { margin-bottom: 0; } .search-results dt.title { font-weight: bold; font-size: 1.2em; } .search-results p.search-info { font-size: 0.9em; color: #666; } dl.multiselect, dl.multiselect dt { border: none; } .advanced-help-topic dd { margin-bottom: 0; } /* @end */ /* Remove borders and tweak margins for forms in

's */ .search-results dd { margin-bottom: 0; } .search-results dt.title { font-weight: bold; } .search-results p.search-info { font-size: 0.9em; color: #666; } dl.multiselect, dl.multiselect dt { border: none; } .advanced-help-topic dd { margin-bottom: 0; } /* @end */ /* @group Misc */ p { margin: 5px 0 15px; } img { border: none; } blockquote, cite { clear: both; display: block; background: url('images/bg-cite.png') no-repeat; color: #888; font-style: italic; padding: 10px 0 0 45px; } caption { text-align: left; } acronym, abbr { border-bottom: dotted 1px; } acronym:hover, abbr:hover { cursor: help; } /* @end */ /* @end */ /* @group Navigation */ /* @group Nav Bar */ /** * Controls the backround color of the bar and * the default background state of the links */ #navigation { background: #fff url('images/bg-shade-light.png') repeat-x bottom left; border-bottom: solid 1px #ddd; height: 2.75em; } /** * Navigation Layout Alignment from theme settings * Credit: CSS Play, Centering Floats: https://www.cssplay.co.uk/menus/centered.html */ #navigation del { text-decoration: none!important; } #navigation .wrap-center { display: table; margin: 0 auto; } #navigation .wrap-left { float: left; } #navigation .wrap-right { float: right; } /* @end */ /* @group Level 1 */ #navigation ul { line-height: 2.75em; list-style: none; margin: 0; padding: 0; z-index: 998; opacity: 0.9999; /* Fixes bug FF2 with Superfish menus */ border: none; position: relative; } html>/**/body #navigation { opacity: 1; /* Sets the opacity back for FF3 */ } #navigation li { border-right: solid 1px #ddd; float: left; list-style: none; list-style-image: none; margin: 0; padding: 0; position: relative; z-index: 999; } #navigation li.last { border-right: none; } /* First level links */ #navigation a, #navigation a:visited { background: #fff url('images/bg-shade-light.png') repeat-x 0 100%; border: none; color: #555; display: block; font-size: 1em; font-weight: bold; margin: 0; overflow: hidden; padding: 0 1.2em; text-decoration: none; text-shadow: #fff 1px 1px 1px; } /* First level regular link hover */ #navigation a:hover, #navigation a:visited:hover, #navigation .active-trail a.active:hover, #navigation .active-trail a:hover { background: #B3B3B3 url('images/bg-shade-medium.png') repeat-x 0 100%; color: #fff; text-shadow: none; } #navigation .expanded a { background: transparent url('images/icn-arrow-down-light.png') no-repeat 96% 51%; } /* First level expandable active & hover state */ #navigation .sfHover a, #navigation .sfHover a:hover { background: #fff url('images/bg-shade-light-flip.png') repeat-x; color: #777; } /* First level regular link active */ #navigation .active-trail a, #navigation .active-trail a.active { color: #000; } /* @end */ /* @group Level 2 + */ #navigation ul ul { background: #fff url('images/bg-shade-white-lrg.png') repeat-x 0 100%; border: solid 1px #ddd; border-top: 0; width: 15em; left: 0; line-height: 1.25em; color: #555; display: none; /* make sure the submenus aren't visible on load */ margin: 0 0 0 -1px; /* make up for border */ padding: 0; position: absolute; top: 2.75em; z-index: 1000; } #navigation ul ul li { display: block; margin: 0; padding: 0; position: relative; width: 15em; line-height: normal; border-right: none; text-align: left; } #navigation li .expanded ul { margin: -2.65em 0 0 15em; } /* Second level links */ #navigation ul ul li a, #navigation ul ul li a:visited, #navigation ul li.active-trail ul li a, #navigation .sfHover ul li a { background: none; border-bottom: solid 1px #eee; color: #555; display: block; font-size: 0.9em; font-weight: normal; overflow: hidden; padding: 0.5em 1.25em 0.5em 0.75em; text-decoration: none; } /* remove bottom border, since it's being applied at ul level */ #navigation ul ul li.last a { border-bottom: none; } /* indicate menu has children with right arrow bg image */ #navigation ul ul li.expanded { background: transparent url('images/icn-arrow-right-light.png') no-repeat 96.5% 50%; } /* make sure children of expanded menus don't inherit indicator */ #navigation ul li.expanded li.leaf { background: none; } /* hover state for all submenu links */ #navigation ul ul li a:hover, #navigation ul ul li a:visited:hover { background: #B3B3B3 url('images/bg-shade-medium.png') repeat-x 0 100%!important; color: #fff!important; } /* active submenu link */ #navigation ul li.active-trail ul li a.active { color: #000; } #navigation ul ul ul { z-index: 1001; margin: 0; top: 2.65em; } /* @end */ /* @end */ /* @group Breadcrumbs */ .breadcrumb { clear: both; margin: 0 0 10px; padding: 5px 0 0; } /* @end */ /* @group Mission */ .mission { background: #fff url('images/bg-shade-white-lrg.png') repeat-x bottom left; border: 1px solid #eee; color: #000; margin: 5px 0 15px 0; padding: 15px; } /* @end */ /* @group Tabs */ .tab-wrapper { border-bottom: solid 1px #ddd; margin: 1em 0; } .primary-and-secondary { border-bottom: none; } .primary-and-secondary #tabs-primary { bottom: 0; } /* make the tabs smaller in the admin section */ .section-admin #tabs-primary li a { font-size: 1em; padding: 0.6em; } /* @group Primary */ #tabs-primary { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; font-size: 1em; float: left; position: relative; z-index: 1; bottom: -1px; } #tabs-primary ul { margin: 0; padding: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; display: block; float: left; width: 100%; } #tabs-primary ul li { margin: 0; padding: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; float: left; display: block; } #tabs-primary ul li:last-child { border-right: solid 1px #ddd; } #tabs-primary ul li.active::hover:last-child { border-right: solid 1px #858585; } #tabs-primary ul li.active:last-child { border: none; background: #fff; } #tabs-primary ul li a { background: #fff url('images/bg-shade-light.png') repeat-x 0 100%; color: #555555; margin: 0; padding: 0; outline: 0; border-top: solid 1px #ddd; border-left: solid 1px #ddd; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; float: left; font-weight: normal; text-decoration: none; padding: 0.5em 1.1em; text-shadow: #fff 1px 1px 1px; } #tabs-primary ul li a:hover { background: #b3b3b3 url('images/bg-shade-medium.png') repeat-x 0 100%; color: #fff; text-shadow: #555 1px 1px 1px; border-color: #999; } #tabs-primary ul li.active { background: #858585 url('images/bg-shade-dark.png') repeat-x 0 100%; color: #fff; } #tabs-primary ul li.active a, #tabs-primary ul li.active a:hover { background: #858585 url('images/bg-shade-dark.png') repeat-x 0 100%; color: #fff; line-height: 1.9; margin-top: -0.6em; text-shadow: #333 1px 1px 1px; border-color: #858585; } /* @end */ /* @group Secondary */ #tabs-secondary { background: #858585 url('images/bg-shade-dark-flip.png') repeat-x 0 0%; color: #fff; float: left; position: relative; width: 100%; border: solid 1px #858585; border-top: none; } #tabs-secondary ul { display: inline; list-style: none; float: left; padding: 0.5em; margin: 0; } #tabs-secondary ul li { float: left; padding: 0; margin: 0; } #tabs-secondary ul li a { font-size: 1em; float: left; padding: 0.5em 0.75em; margin: 0 0.15em 0 0; color: #fff; text-shadow: #444 1px 1px 1px; } #tabs-secondary ul li:last-child a { border-right: none; } #tabs-secondary ul li a:hover, #tabs-secondary ul li.active a { background: #b3b3b3 url('images/bg-shade-medium.png') repeat-x 0 100%; color: #fff; text-shadow: #555 1px 1px 1px; border-color: #999; } /* @end */ /* @end */ /* @group Pagers */ div.pager { margin: 1em auto; text-align: center; } .pager-inner { padding: 0 0.5em; background: #fff url('images/bg-shade-light.png') repeat-x 0 100%; -webkit-border-raduis: 0.333em; -moz-border-raduis: 0.333em; border: solid 1px #ddd; } ul.pager { padding: 0; margin: 0; display: inline; } ul.pager li { margin: 0 0.25em 0.25em 0!important; padding: 0!important; border: none; display: inline; } ul.pager li a { border: 0; color: #555555; text-decoration: none; margin: 0; padding: 0.2em 0.75em; font-weight: normal; display: inline-block; } ul.pager li a:hover, ul.pager li a:visited:hover { background: #B3B3B3 url('images/bg-shade-medium.png') repeat-x 0 100%; color: #fff; } ul.pager li span { padding: 0.2em 0.75em; display: inline-block; font-weight: normal; } ul.pager li.pager-current { font-weight: bold; } ul.pager li.pager-current span { background: #858585 url('images/bg-shade-dark.png') repeat-x 0 100%; color: #fff; } .block div.pager-inner, .panel-pane div.pager-inner { background: none; border: none; } .block div.pager, .panel-pane div.pager { font-size: 0.9em; text-align: left; } .block div.pager-inner, .panel-pane div.pager-inner { background-image: none; } .block div.pager ul.pager, .panel-pane ul.pager { margin:0; padding: 0; } /* @end */ /* @group Item Lists */ div.item-list { padding: 0.25em 0.75em; margin: 0; } div.item-list ul { list-style: disc outside; margin: 0.25em 1.25em; padding: 0; } div.item-list ul li { list-style-type: disc; margin: 0; } /* @end */ /* @group Menus */ /* @group Drupalisms */ ul.menu li { margin: 0 0 0 0; } li.leaf { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } /* @end */ ul.menu { padding: 0; margin: 0; list-style: none; list-style-image: none; border: solid 1px #ddd; /*border-bottom: 0;*/ } ul.menu ul { width: 100%; margin: 0; padding: 0; border: none; } ul.menu ul ul { margin: 0; padding: 0; } ul.menu li, ul.menu li.leaf, ul.menu li.expanded, ul.menu li.collapsed { list-style: none; list-style-image: none; list-style-type: none; margin: 0; padding: 0; } ul.menu li a { display: block; font-size: 1em; padding: 0.25em 1.5em; border-bottom: solid 1px #eee; color: #888; } ul.menu li.active-trail > a, ul.menu li.active-trail > a.active, ul.menu li a.active, ul.menu li a.active:visited { color: #555; text-shadow: #fff 1px 1px 1px; font-weight: bold; background-color: #f8f8f8; } ul.menu a { color: #888; padding: 0.25em 1em; } ul.menu a:visited { color: #888; } ul.menu a:hover { color: #000; } ul.menu ul a { font-size: 0.9em; } /* Prevent duplicate bottom borders */ ul.menu li.last a, ul.menu li:last-child a { border-bottom: none; } ul.menu li li.last a, ul.menu li li:last-child a { border-bottom: solid 1px #eee; } /* @group Indentation */ /* Indentation is happening at link level with padding. */ ul.menu a {padding-left: 1em;} ul.menu ul a {padding-left: 3.25em;} ul.menu ul ul a {padding-left: 4.75em;} ul.menu ul ul ul a {padding-left: 6.25em;} /* @end */ /* @group Background Images */ ul.menu .expanded a, ul.menu .collapsed a { background: url('images/sprites-sky.png') no-repeat; } /* Indentation needs to be applied to the sprites as well. */ /* @group First Level */ ul.menu .expanded a {background-position: 6px -503px;} ul.menu .expanded a:hover {background-position: 6px -244px;} ul.menu .collapsed a {background-position: 6px -1019px;} ul.menu .collapsed a:hover {background-position: 6px -760px;} /* @end */ /* @group Second Level */ ul.menu ul .expanded a {background-position: 22px -503px;} ul.menu ul .expanded a:hover {background-position: 22px -244px;} ul.menu ul .collapsed a {background-position: 22px -1019px;} ul.menu ul .collapsed a:hover {background-position: 22px -760px;} /* @end */ /* @group Third Level */ ul.menu ul ul .expanded a {background-position: 38px -503px;} ul.menu ul ul .expanded a:hover {background-position: 38px -244px;} ul.menu ul ul .collapsed a {background-position: 38px -1019px;} ul.menu ul ul .collapsed a:hover {background-position: 38px -760px;} /* @end */ /* @group Fourth Level */ ul.menu ul ul ul .expanded a {background-position: 54px -503px;} ul.menu ul ul ul .expanded a:hover {background-position: 54px -244px;} ul.menu ul ul ul .collapsed a {background-position: 54px -1019px;} ul.menu ul ul ul .collapsed a:hover {background-position: 54px -760px;} /* @end */ /* Remove the background images for nested list items that don't have any children. */ ul.menu .expanded .leaf a, ul.menu .collapsed .leaf a { background-image: none; } /* @end */ /* @end */ /* @group More Links */ .more-link { padding: 0.25em; margin: 1em -0.55em -0.55em -0.55em; display: block; font-size: 0.9em; text-transform: uppercase; font-weight: bold; color: #888; height: 1.5em; clear: both; } .more-link a { color: #888; padding-right: 1.5em; float: right; } .more-link a:hover { color: #555; } .more-link span.icon { background: transparent url('images/sprites-sky.png') no-repeat 0 -1023px; height: 16px; width: 16px; float: right; margin-left: -1.15em; } /* @end */ /* @group Blocks */ .block { overflow: hidden; margin: 0 0 1.25em 0; padding: 0; } #content-top .block, #content-bottom .block { border: 1px dotted #ddd; margin: 1em 0 2em 0; } .block h3.title { background: #fff url('images/bg-shade-light.png') repeat-x bottom left; color: #777; display: block; font-weight: 700; letter-spacing: normal; text-align: left; font-size: 1.1em; padding: 5px 10px; margin: 0; text-shadow: #fff 1px 1px 1px; color: #555; -moz-border-radius-topleft: 0.333em; -webkit-border-top-left-radius: 0.333em; -moz-border-radius-topright: 0.333em; -webkit-border-top-right-radius: 0.333em; border: solid 1px #ddd; border-bottom: 0; } .block .content { border: 1px solid #ddd; padding: 0.5em; position: relative; } .style-menu .content { padding: 0; border: none; } /* @group Links */ .block .links ul { font-size: 1em; display: block; margin: 0; padding: 0 0 0 0.25em; } .block .links li { display: block; list-style-type: disc; list-style-position: outside; } /* @end */ /* @group Poll */ /* @group Results */ .poll .title { font-size: 1.1em; font-weight: bold; margin-bottom: 1em; } .poll .bar { background: #fff url('images/bg-shade-light.png') repeat-x bottom left; color: #777; height: 1.5em; } .poll .bar .foreground { background: #858585 url('images/bg-shade-dark.png') repeat-x bottom left; color: #fff; height: 1.5em; } /* @end */ /* @group Vote Form */ .poll .vote-form { text-align: left; } .poll .vote-form .choices { display: block; margin: 0; } .poll .vote-form .choices .title { font-size: 1.1em; line-height: normal; } /* @end */ /* @end */ /* @end */ /* @group Nodes */ #edit-body-wrapper { width: 100%; clear: both; } .node { clear: both; display: block; margin: 0 0 1em 0; padding: 0 1em 0 0; } /* @group Teasers */ .node-teaser { margin-bottom: 3em; padding-bottom: 1.5em; border-bottom: solid 1px #eee; } /* @end */ /* @group Sticky */ .node-sticky { border: 2px dotted #eee; } /* @end */ /* @group Meta */ .node .meta { color: #777; } .node .meta p { margin: 0; padding: 0; } .node-teaser .meta, .with-photo .meta { float: left; background: #fff url('images/bg-shade-white-lrg.png') repeat-x left bottom; border: solid 1px #ddd; clear: both; padding: 1em; -webkit-border-radius: 0.333em; -moz-border-radius: 0.333em; } .with-photo .meta { padding: 1em 1em 1em 9em; width: 81%; /* 81% */ min-height: 7.25em; } .node .meta .picture { float: left; position: absolute; margin: 0 1em 0 -8em; padding: 0; border: solid 1px #777; -webkit-box-shadow: 5px 5px 5px; } .node .meta .picture img { margin: 0; padding: 0; display: block; } .without-photo .meta { padding: 1em; width: 93%; } /* @end */ /* @group Terms */ .node .terms { font-size: 1.1em; margin-top: 0.25em; } .node .terms .icon { background: url('images/sprites-16.png') no-repeat -169px -1224px; width: 16px; height: 16px; display: block; float: left; } .node .terms ul { border: none; font-size: 0.9em; display: inline; padding: 0; margin: 0!important; } .node .terms ul li { display: inline; margin: 0.25em 0.65em; } /* @end */ /* @group Content */ .node .content { padding: 1em 0; clear: both; } .node ol { list-style-type: decimal; margin: 0 0 0 35px; } .node ul { list-style-type: disc; margin: 0 0 0 35px; } .node .content li { padding: 2px 0; } /* @end */ /* @group Book Navigation */ .book-navigation { margin: 2em 0; border: solid 1px #ddd; } .book-navigation ul.menu { border: none; margin: 0; padding: 0; } #book-outline { min-width: 0; } /* @group Links */ .book-navigation .page-links { border: none; background: #fff url('images/bg-shade-light.png') repeat-x bottom left; } .book-navigation .page-links a { color: #555; text-shadow: #fff 1px 1px 1px; } .book-navigation .page-links a:hover { background: none; color: #000; } /* @end */ /* @end */ /* @group Node Add */ dl.node-type-list dt a:before { content: '+ '; } /* @end */ /* @group Links */ .node div.links { padding: 0; } .node .links ul { display: inline; margin: 0 0 1em 0; padding: 0; float: left; clear: both; } .node .links li { background: #fff url('images/bg-shade-light.png') repeat-x 0 100%; margin: 0; padding: 0; outline: 0; border: solid 1px #ddd; line-height: 1.3; text-decoration: none; font-size: 0.9em; list-style: none; float: left; font-weight: normal; text-decoration: none; padding: 0.5em 1.1em; text-shadow: #fff 1px 1px 1px; -webkit-border-radius: 0.333em; -moz-border-radius: 0.333em; display: inline; margin: 0.25em 0.5em 0 0; } .node .links li:hover { background: #b3b3b3 url('images/bg-shade-medium.png') repeat-x 0 100%; border-color: #999; color: #333; text-shadow: #ddd 1px 1px 1px; } .node .links li a { color: #555555; } .node .links li:hover a, .node .links li:hover a:hover { color: #fff; text-shadow: #555 1px 1px 1px; } /* @end */ /* @end */ /* @group Comments */ #comment-wrapper { clear: both; } #comment-wrapper h3 { display: block; font-size: 1.5em; letter-spacing: -1px; line-height: 2em; } #comments .box { clear: both; margin: 25px 0 0 0; } .comment { border: 1px solid #ddd; clear: both; display: block; margin: 0 0 15px 0; } .comment .title { display: block; font-size: 1.5em; letter-spacing: -1px; line-height: 2em; padding-left: 8px; } .comment .title .new { padding-left: 4px; } .comment .info { clear: both; display: block; font-size: 0.95em; padding: 5px 10px; color: #888; } .comment .info .picture { display: inline; margin: 0 10px; } .comment .info .picture img { display: inline; padding: 0 0 10px 0; vertical-align: middle; } .comment .content { padding: 5px 10px; } #comment-wrapper { clear: both; margin: 1.5em 0 0 0; position: static; } #comment-wrapper h3 { display: block; font-size: 1.5em; letter-spacing: -1px; line-height: 2em; } .comment ul.links { float: left; border-top: solid 1px #ddd; background: #fff url('images/bg-shade-light.png') repeat-x 0 100%; line-height: 24px; height: 24px; padding: 0; display: inline; margin: 1em 0 0 0; padding: 0; width: 100%; text-align: right; } .comment .links li { background: #fff url('images/bg-shade-light.png') repeat-x 0 100%; margin: 0!important; outline: 0; text-decoration: none; list-style: none; font-weight: normal; padding: 0 1em; line-height: 24px; text-shadow: #fff 1px 1px 1px; display: inline-block; } .comment .links li:hover { background: #b3b3b3 url('images/bg-shade-medium.png') repeat-x 0 100%; color: #333; text-shadow: #ddd 1px 1px 1px; } .comment .links li a { color: #555; } .comment .links li:hover a, .comment .links li:hover a:hover { color: #fff; text-shadow: #555 1px 1px 1px; } /* @end */ /* @group Feed Icon */ .left .feed-icon { text-align: right; padding: 0 1em 0 0; } .right .feed-icon { text-align: left; padding: 0 0 0 1em; } .block .feed-icon { text-align: left; } /* @end */ /* @group Feed Aggregator */ /* @group Source */ .feed-source { background: #fff url('images/bg-shade-white-lrg.png') repeat-x 0 100%; margin: 1em 0; padding: 2em; border: solid 1px #ddd; -moz-border-radius: 0.333em; -webkit-border-radius: 0.333em; } .feed-source .feed-icon { margin-left: 1em; } .feed-description { margin: 0 4em 1em 0; font-size: 1.1em; } .feed-url { border-top: solid 1px #ddd; padding-top: 1em; } .feed-url em, .feed-updated em { color: #777; width: 90px; float: left; } /* @end */ /* @group Item */ .feed-item { padding: 1em; border-bottom: solid 1px #eee; } .feed-item-title a { font-size: 1.4em; } .feed-item-meta { color: #777; } /* @end */ /* @end */ /* @group Forms */ /* @group Fieldsets */ /* Don't apply padding to the fieldsets */ fieldset, fieldset fieldset { padding: 0; margin: 1.3em 0; } /** * Collapsed Fieldset * Don't want any padding, additional margins, borders * or background colors because the fieldset is collapsed. */ fieldset.collapsed { border: none; margin-bottom: 1.5em!important; } /** * Expanded & Regular (not collapsible) Fieldset * Applying required fieldset styles here. */ fieldset.collapsible:not(.collapsed), fieldset:not(.collapsible) { background: #fff url('images/bg-shade-white-lrg.png') repeat-x bottom left; border: solid 1px #cdcdcd; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); } html.js fieldset:not(.collapsible) legend { padding: 0; margin-left: 1.25em; } /** * Padding is being applied to wrappers as opposed to the * fieldsets themselves. Some Drupal forms have a * div.fieldset-wrapper, and some don't so we've overridden * theme_fieldset() to make sure there is always one, and * here we back out of the padding when 2 are present. */ fieldset .fieldset-wrapper { padding: 1.3em; margin: 0; display: block; } fieldset .fieldset-wrapper .fieldset-wrapper { padding: 0; } /* Padding inside nested fieldsets still needs to happen */ fieldset .fieldset-wrapper fieldset .fieldset-wrapper { padding: 1em; margin: 0; } /* Avoid scrollbars */ html.js fieldset.collapsible .fieldset-wrapper { overflow: visible; } /* @group Legends */ /* Regular & Common Legend Styles */ fieldset legend { font-size: 1em; font-weight: bold; } fieldset legend a, fieldset legend a:active, fieldset legend a:focus, fieldset legend a:visited { text-decoration: none; } html.js fieldset.collapsible legend a { background: transparent url('images/sprites-sky.png') no-repeat; padding: 0 0 0 1.5em; } /* Expanded Legend */ html.js fieldset.collapsible legend { margin-left: 1.5em; } html.js fieldset.collapsible legend a { background-position: -266px -250px; } /* Collapsed Legend */ html.js fieldset.collapsed legend { margin-left: 0; } html.js fieldset.collapsed legend a { background-position: -266px -516px; } /* @end */ /* @end */ /* @group Labels */ .form-item label { font-size: 1.1em; font-weight: bold; } /* Back out of the bigger sizes for checkbox and radio option labels */ .form-item label.option { font-size: 1em; } /* @end */ /* @group Elements */ .form-item, .book-outline-form .form-item { padding: 0; margin: 1.5em 0 2.5em 0; width: auto; } /** * Specifically set font size & family for inputs to * override browser and crazy module defaults */ .form-checkbox, .form-checkboxes, .form-date, .form-file, .form-password, .form-radio, .form-select, .form-text, .form-textarea { font-size: 9pt; } /* @group Textfields */ .form-text { color: #333; width: 98%; } /* 98% width doesn't play well in table cells with padding */ td .form-text { width: auto; } /* @group Node Forms */ .node-form .form-text { width: 98%; } .node-form fieldset .form-text { width: 99%; } /* @end */ /* @group Search Forms */ .search-form .form-text { width: 80%; margin-right: 0.5em; } .block-search .form-text { width: 65%; } /* @end */ /* @end */ /* @group Textareas */ .resizable-textarea { width: 100%; } .form-textarea { color: #333; width: 98%; } .node-form textarea { width: 98%; } /* @end */ /* @group Checkboxes */ .form-item-checkbox { margin: 1em 0 0.5em 0; } /* @group Required Elements */ /* Aligning the asterisk to the left of the label */ .form-item-required { position: relative; } .form-item-required .form-required { position: absolute; left: 0; line-height: normal; color: #d70000; float: left; font-size: 1.4em; font-weight: bold; } .form-item-required label { padding-left: 1em; } /* @end */ /* @end */ /* @end */ /* @group Descriptions */ .description { color: #666; line-height: normal; padding: 0.25em 0 0.25em 0; } .fieldset-wrapper > div.description { margin-top: 1.1em; font-size: 1.1em!important; color: inherit; } /* @end */ /* @group Filter Tips */ ul.tips { margin: 0; padding: 0 0 0 2.25em; } ul.tips li { list-style: square; list-style-position: outside; margin: 0 0 0 1em; padding: 0.25em; font-size: 1.2em; } /* @end */ /* @group User Login Form */ #user-login-form { text-align: left; padding: 1em 0 1em 1em; margin: 0; text-align: left; } #user-login-form .form-item, #user-login-form .form-text { margin: 0; } #user-login-form .form-text { width: 90%; } #user-login li, #user-login-form li { list-style: none; } /* Open ID */ #user-login-form .form-item { margin: 0 0 1.5em 0; } #user-login-form .form-submit { margin-top: -1.5em; margin-bottom: 1em; } #user-login li, #user-login-form li { list-style: none; padding: 0; margin: 0; } #user-login ul, #user-login-form ul { margin: 0; } /* Open ID */ li.openid-link { padding: 0; margin: 0; background-position: center left; } li.openid-link a { padding-left: 1.75em; margin: 0; } #user-login li.openid-link { margin-bottom: 1em; } /* User Login Block */ #block-user-0 .content { border: solid 1px #ddd; } #block-user-0 form { overflow: hidden; } .advanced-help-link { margin-top: 1px!important; } /* @end */ /* @end */ /* @group System Messages */ div.messages { background: #fff url('images/bg-shade-white-lrg.png') repeat-x 0 100%; border: 1px solid #ddd; margin: 1em 0; padding: 1em 1em 2em 1em; -webkit-border-radius: 0.333em; -moz-border-radius: 0.333em; } div.warning { margin: 1em 0; padding: 1em 1em 2em 1em; } .messages .inner { padding-left: 4em; } .messages .icon { background: url('images/sprites-32.png') no-repeat 0 0; position: absolute; width: 32px; height: 32px; } .warning .icon {background-position: -182px -1270px;} .error .icon {background-position: -364px -898px;} .status .icon {background-position: 0 -960px;} div.help { margin: 1em 0; padding: 1em 0; } div.help div.help { background: none; border: none; padding: 0; margin: 0; } div.password-description { border: solid 1px #ddd; padding: 0.5em 1em 1.25em 4em; -webkit-border-radius: 0.333em; -moz-border-radius: 0.333em; font-size: 0.9em; margin: -2em 0 1em 0; } /* @end */ /* @group Module Support */ /* @group User Profile */ .profile dd { margin-bottom: 0; } .profile td { margin: 0; } .profile h3 { border-bottom: none; } .profile .picture { float: left; } /* @end */ /* @group Panels Front End */ .panel-panel { overflow: hidden; } .panel-pane .block { border: solid 1px #ddd; } /* @end */ /* @group Quicktabs */ .quicktabs_main .block { border: none; margin: 0; padding: 0; } .quicktabs_main .block .content { border: none; } .quicktabs_main .block .title { background: none; border: none; padding: 1em 1em 0.25em 1em; } .panel-pane .quicktabs_wrapper .content { border: none; } /* @end */ /* @group Admin Menu */ #admin-menu { font-size: 11px; z-index: 9999; } /* @end */ /* @group Vertical Tabs */ /* Disclaimer: sorry about all the important!'s but the CSS file loads last */ div.vertical-tabs-div { border: 1px solid #ddd!important; } .vertical-tabs ul.vertical-tabs-list { border: 1px solid #ddd!important; border-bottom: 0!important; border-right: 0!important; } .vertical-tabs ul.vertical-tabs-list li { background: #fff url('images/bg-shade-light.png') repeat-x 0 100%!important; border-bottom: 1px solid #ddd!important; border-right: 1px solid #ddd!important; text-shadow: #fff 1px 1px 1px; } .vertical-tabs ul.vertical-tabs-list li span.description { color: #999; text-shadow: none; } .vertical-tabs ul.vertical-tabs-list li a { text-shadow: #fff 1px 1px 1px; color: #555; } .vertical-tabs ul.vertical-tabs-list li.selected { background: #858585 url('images/bg-shade-dark.png') repeat-x 0 100%!important; border-right: none!important; color: #fff; } .vertical-tabs ul.vertical-tabs-list li.selected a { color: #fff!important; text-shadow: #333 1px 1px 1px; } .vertical-tabs ul.vertical-tabs-list li.selected span.description { color: #fff; } /* @end */ /* @group TinyMCE */ body.mceContentBody { background: #fff none; } /* @end */ /* @group Coder */ .coder pre { border: none; margin: 0; } .coder .item-list ul { margin: 0; padding: 0; border: solid 1px #bbb; } .coder .item-list li { list-style: none; padding: 0; margin: 0; border-bottom: solid 1px #bbb; } .coder .item-list li:last-child { border-bottom: 0; } .coder .item-list li.first.last { border: none; padding: 2em; color: #777; } .coder .coder-warning { padding: 1em; } /* @end */ /* @group External Link */ ul.menu a.ext { padding-right: 0; } /* @end */ /* @end */html, body { background: #000000; } #header { background: #fff url('/Blazing Twist_files/header.jpg') no-repeat;; } html, body, .form-radio, .form-checkbox, .form-file, .form-select, select, .form-text, input, .form-textarea, textarea { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "DejaVu Sans", Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "DejaVu Sans", Arial, sans-serif; } #wrapper { font-size: 12px; } #header { height: 150px; } #wrapper, #footer { width: 800px; } table,tr,td,th, #blocks td.block,td:hover, tr.even td:hover, tr.odd td:hover{padding:5px;border:0px;margin:0;background:transparent;}
body {
	MARGIN: 0px;}
	
body, div, table, td, tr {
	font-size: 12pt;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	text-align:left;}

a {	color: #2769E1;
	font: Arial, Helvetica, sans-serif;
	text-decoration: none;	}
	
a:hover {
	color: #000000;
	text-decoration: none;	}
	
#content {
	width:100%;
	border:0px;	}
	
#login {
	width: 320px;
	padding: 3px;
	border:1px;	}
	
#contactform {
	border: 1px solid #BB2718;
	padding: 0px;
	width: 400px;	}
	
H1 {
	font: Georgia, "Times New Roman", Times, serif;
	font-size: 17pt;
	line-height: 130%;
	font-weight: bold;
	color: #CA0000;}

	
H2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #2579DA;
	font-size: 12pt;}
H6 {
	font-weight:bold;
	font-size: 16px;
	text-align:center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom:0px;
	}
	
table.yellowbox {
	border: 1px solid #BB2718;
	background-color: #ffffe6;
	width: 90%; 
	padding: 15px;	}
	
table.orderform {
	background-color:#FFFFFF;
	width: 85%; 
	border: 1px solid #BB2718;
	padding:7px;	}

table.orderformwidth {
	width: 80%;}
	
td.main {
	padding:35px;
	background-image: url(https://www.meetyoursweet.com/main-images/bkrnd.gif);}

td.main2 {
	padding:10px;
	background-image: url(https://www.meetyoursweet.com/main-images/bkrnd2.gif);}
	
td.yellowtick {
	background-image: url(https://www.meetyoursweet.com/main-images/yellow-tick.gif);
	background-repeat: no-repeat;
	width: 60px;
	height: 65px;
	}
td.tick {
	background-image: url(https://www.meetyoursweet.com/main-images/tick.gif);
	background-repeat: no-repeat;
	background-position:top;
	width: 60px;
	height: 60px;
	padding:4px;}

.indent {
	text-indent: 10px;}
	
.centertext {
	text-align:center;}
	
.bolddetails { 
	font-size: 10pt; 
	font-weight: bold;
	font-style:italic;}

.testimonials {
	FONT-SIZE: 14px;
	COLOR: #000000;
	LINE-HEIGHT: 120%;
	FONT-FAMILY: Courier New, Courier, mono;}

.textbold {
	font-weight:bold;}

.subheading_red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #CA0000;}

.redsubheading {
	font-family: Georgia, Times New Roman, Times;
	font-size: 14pt;
	font-weight: bold;
	color: #CA0000;}
	
.subheadingblackblink {
	font-family: Georgia, Times New Roman, Times;
	font-size: 14pt;
	font-weight: bold;
	color: #000000;
	text-decoration:blink;}	

.blackblink {
	font-weight: bold;
	color: #000000;
	text-decoration:blink;}	
	
.redtextbold {
	font-weight:bold;
	color: #DD0000;}
	
.white {
	FONT-SIZE: 14px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	MARGIN: 0px;
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
}

.tablefullborder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;}

span.menuElement { padding: 0 1em; } 

table.homeorderbox {
	background-color: #FFFF00;
	border: 1px solid #000000;
	padding: 8px;
	width: 85%;
}

table.help {
	width: 100%;
	padding: 5px; 
	border: 1px solid #000000;
	background-color: #E3E3EA;
	margin-bottom:15px;}
	
td.blue-tick {
	background-image: url(https://www.meetyoursweet.com/main-images/tick-blue.gif);
	background-repeat: no-repeat;
	background-position:center;
	background-color:#CECEE1;
	width: 60px;
	height: 60px;
	padding:4px;}
	
td.blue {
	background-color:#CECEE1;}

td.grey-tick {
	background-image: url(https://www.meetyoursweet.com/main-images/tick-grey.gif);
	background-repeat: no-repeat;
	background-position:center;
	background-color:#F5F5F5;
	width: 60px;
	height: 60px;
	padding:4px;}
	
td.grey {
	background-color:#F5F5F5;}

table.grey-home {
	background-color:#F5F5F5;
	width: 100%;
	padding: 10px;
	border: 1px solid #9E9E9E;}
	
.highlightyellow {
	background-color: #FFFF00;
	font-weight: bold;
}

table.aff-login {
	border: 1px solid #9A9A9A;
	background-color: #EFEFEF;
	padding: 3px; 
	margin: 0px 0px 0px 5px;}
	
.news {
	padding: 5px;
	border: 2px dashed #CA0000;
	background-color:#F5F5F5;}

.news-home {
	padding: 5px;
	border: 2px dashed #CA0000;
	background-color:#F5F5F5;
	height: 220px;}
	
.dashed-border-F5 {
	background-color: #F5F5F5; 
	border: 2px dashed #BB2718;
	width:650px;
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 20px;}
	
.dashed-border-F5 ul {
	text-align:left;}
	
.border {	
	width: 90%; 
	border: 1px solid #CA0000;
	padding: 10px;}

a.small-link {	
	font: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 12px;	}
	
.black-bold-underline {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;}
	
.redboldblink {
	color: #DD0000; 
	font-weight: bold;
	text-decoration: blink;}
	
#dotted {
	width: 100%; 
	border-top: 1px dotted #000000;
	margin: 10px 0px 10px 0px;}
	
.image-dashedborder {
	border: 2px dashed #DD0000;
	margin: 7px;}
	
#hoplink-gen {
	background-color: #DBE7F5;
	padding: 20px;
	border: 1px solid #C8D3DF;}

.dashed-border-box {
	border: 2px dashed #DD0000; 
	padding: 20px; }
	
.blink {
	text-decoration:blink;}
.nobo a{border:none}