/*------------------------------------------------------------------------ # Soapbox -> Core CSS (v2.0.6) # ------------------------------------------------------------------------ # Copyright (C) 2009 PICNet, Inc. All Rights Reserved. # Author: Ryan Belisle # Website: http://www.picnet.net /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !BODY */ /* ----------------------------------------------------------------------*/ body { font-size: 62.5%; line-height: 1.5em; } /* start at 10px always for font size */ /* !Printable page & Mailto Page Popups */ body.contentpane { font-size: 62.5%; line-height: 1.5em; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; width: auto; } body.contentpane .article { padding-top: 5px; } /* !Starting Font Size */ .fs1 { font-size: 1.0em; line-height: 1.5em; } .fs2 { font-size: 1.1em; line-height: 1.5em; } .fs3 { font-size: 1.2em; line-height: 1.5em; } .fs4 { font-size: 1.3em; line-height: 1.5em; } .fs5 { font-size: 1.4em; line-height: 1.5em; } .fs6 { font-size: 1.5em; line-height: 1.5em; } .fs7 { font-size: 1.6em; line-height: 1.5em; } /* !Starting Font Family */ body.ff-optima, .ff-optima td { font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif; } body.ff-geneva, .ff-geneva td { font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif; } body.ff-arial, .ff-arial td { font-family: Arial, Helvetica, sans-serif; } body.ff-helvetica, .ff-helvetica td { font-family: Helvetica, Arial, FreeSans, sans-serif; } body.ff-lucida, .ff-lucida td { font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif; } body.ff-georgia, .ff-georgia td { font-family: Georgia, sans-serif; } body.ff-trebuchet, .ff-trebuchet td { font-family: "Trebuchet MS", sans-serif; } body.ff-palatino, .ff-palatino td { font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; } body.ff-verdana, .ff-verdana td { font-family: Verdana, Arial, Helvetica, sans-serif; } body.ff-gillsans, .ff-gillsans td { font-family: "Gill Sans", GillSans, Calibri, Trebuchet, sans-serif; } /* !Table */ th { padding: 5px; font-weight: bold; text-align: left; } td,div { font-size: 1em; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MODULES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULES: Base */ /* ----------------------------------------------------------------------*/ /* !UL Style for default module lists, change them all using this */ ul.mod-list, ol.mod-list, ul.dn { margin: 0px; } ul.mod-list li, ol.mod-list li, ul.dn li { background: none; padding: 0px 0px .8em 0px; } ol.mod-list li { margin-left: 24px; } /* !Title and Footer inside content */ h4.mod-contentTitle { margin: 0px 0 .4em 0; } /* !RSS Feed Link in Module */ a.modRSSlink, a.modRSSlink:active, a.modRSSlink:visited { padding: 0 0 0 20px; background: url(../images/livemarks.png) no-repeat left center !important; /*_background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/system/images/livemarks.png', sizingMethod='crop');*/ } a.modRSSlink:hover {} /* ------------------------------------------------------------------------ /* !MODULE: Archive */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Banners */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Breadcrumbs */ /* ----------------------------------------------------------------------*/ .mod-breadcrumbs span.pathway img { margin: 1px 5px; width: 3px; height: 5px; } /* ------------------------------------------------------------------------ /* !MODULE: Display News */ /* !MODULE: Feed */ /* !MODULE: Newsflash */ /* !MODULE: Comments: Most Commented */ /* !MODULE: Comments: Latest */ /* !MODULE: Comments: Highest Rated */ /* ----------------------------------------------------------------------*/ .mod-dn { display: inline-block; } .dn-meta { font-size: .9em; line-height: 1.2em; } .dn-catsection { display: inline; } .dn-createby { display: inline; } .dn-createdate { display: inline; } .dn-module_description { margin: 0 0 .8em 0; font-size: .9em; line-height: 1.2em; } .dn-author, .dn-date, .dn-hits { font-weight: bold; } span.dn-head { font-size: 1em; font-weight: bold; display: block; } span.dn-introtext { display: block; margin: .2em 0 0 0; } span.dn-introtext p { margin: 0 0 .2em 0; } /* Read More Button */ a.dn-read_more, a.dn-read_more:active, a.dn-read_more:visited { font-size: .9em; font-weight: bold; } a.dn-read_more:hover {} span.dn-numhits {} /* DN rating */ .dn-rating { position: relative; } .dn-rating span.title { float: left; padding: 0 5px 0 0; } .dn-rating .ratingImgs { float: left; display: block; margin: -1px 0 0 0; height: 14px; } /* JXtended Comments rating */ ol.dn div.dn-rating { margin: 0 0 .2em 0 !important; } ol.dn div.dn-rating, ol.dn div.dn-rating span.current-rating { background: transparent url(../../../components/com_comments/media/images/star_yellow-small.png) left -1000em repeat-x; } ol.dn div.dn-rating { background-position: left top; height: 15px; margin: 0; overflow: hidden; padding: 0; position: relative; width: 75px; } ol.dn div.dn-rating span.current-rating { background-position: left bottom; border: none; display: block; height: 15px; left: 0; line-height: 15px; outline: none; overflow: hidden; position: absolute; text-indent: -1000em; top: 0; } /* ------------------------------------------------------------------------ /* !MODULE: Footer */ /* ----------------------------------------------------------------------*/ .mod-footer div { display: inline; } /* ------------------------------------------------------------------------ /* !MODULE: Latest News */ /* !MODULE: Taxonomy Latest News */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Login */ /* ----------------------------------------------------------------------*/ .mod-login form { _width: 96%; } .mod-login li.lgn-rem div { padding-bottom: 4px; } .mod-login input#modlgn_remember { margin: 0px; } .mod-login div.adminMsg { margin: 0px 0px .4em 0px; } .mod-login div.logoutBtn { text-align: left; } .mod-login .login-links ul li { padding-left: 12px; background-position: 0px .85em; } /* ------------------------------------------------------------------------ /* !MODULE: Most Read /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Poll */ /* ----------------------------------------------------------------------*/ .mod-poll ul { position: relative; } .mod-poll ul li { padding: 0px !important; } .mod-poll ul li.buttons { padding: 1em 0 0 0 !important; } .mod-poll label.choice { width: 80% !important; } .mod-poll h4 { position: relative; } /* ------------------------------------------------------------------------ /* !MODULE: Random Image */ /* ----------------------------------------------------------------------*/ .mod-randomimg { text-align: center; } /* ------------------------------------------------------------------------ /* !MODULE: Related Items */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Search */ /* ----------------------------------------------------------------------*/ .mod-search button.button { display: block; float: left; } .mod-search input#mod_search_searchword { display: block; float: left; width: 130px; } /* ------------------------------------------------------------------------ /* !MODULE: Sections */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Statistics */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Syndicate */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Who's Online */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Wrapper */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !PAGES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: Base */ /* ----------------------------------------------------------------------*/ #page { _height: 1%; _position: relative; } /* !Description */ .page-desc { clear: both; } .page-desc img {} /* !Content */ .page-content { clear: both; } /* !Error */ .page-error { clear: both; } /* !Component Heading */ h1.componentheading { font-size: 2em; font-weight: bold; line-height: 1.0em; margin: 0 0 20px; padding: 0 0 15px; } h1.componentheading span.subheading { font-weight: normal; } /* !Article Heading */ .article-title { margin-bottom: 8px; position: relative; z-index: 1; } .article-title h2.contentheading { font-weight: normal; font-size: 2em; line-height: 1.0em; margin: 0 70px 0 0; padding: 0 0 0 0; } .article-title h2.contentheading a, .article-title h2.contentheading a:active, .article-title h2.contentheading a:visited {} .article-title h2.contentheading a:hover {} .article-title h2.contentheading span.subheading {} .article-title .buttonheading { width: 65px; position: absolute; right: 0px; top: 0px; z-index: 1; text-align: right; } .article-title .buttonheading img { margin: 7px 5px 0 0; border: 0; float: right; } .article-title .buttonheading span {} .article-title .buttonheading span.btnEmail {} .article-title .buttonheading span.btnPDF {} .article-title .buttonheading span.btnPrint {} .article-title .buttonheading span.btnPrintScreen {} /* !Article Meta */ .article-meta-wrap, div.metadata { font-size: .9em; padding: 0px 0px .2em 0px; clear: both; } div.metadata span.author-name { font-weight: bold; } .article-meta-wrap, div.metadata, span.small {} .article-meta-content {} .article-meta-content span {} .article-meta-content span strong { font-weight: bold; } .article-meta-content span.title { float: left; padding: 0 10px 0 0; } .article-meta-content span.title span.count { font-weight: bold; } .article-meta-content span.createby {} .article-meta-content span.createdate {} .article-meta-content span.catsection {} .article-meta-content span.submitby {} .article-meta-content span.modifydate {} .article-meta-content span.rating-count {} .article-meta-content span.comments {} .article-meta-content span.terms {} .article-meta-content span.small { font-size: .9em; } .article-meta-content span.small strong { font-weight: bold; } /* !Article Meta: Setup for just top portion and bottom */ .metaTop { padding: 0px 0px .0px 0px; } .metaBot { padding: 0px 0px .8em 0px; } /* !Article Content */ .article-content { margin: 1em 0; } .article-content img { margin: 5px; } /* !Back Button */ .back_button a, .back_button a:active, .back_button a:visited { font-size: 1.0em; font-weight: bold; } .back_button a:hover {} /* !Read On Button */ a.readon, a.readon:active, a.readon:visited { font-size: 1.0em; font-weight: bold; } a.readon:hover {} /* ------------------------------------------------------------------------ /* !PAGE: Articles > Archive > Archived Article List (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: Articles > Article > Article Layout (Default) */ /* !PAGE: Formmailer > Article > Article Layout (Default) */ /* ----------------------------------------------------------------------*/ h2.contentheading .pageEdit { display: inline; } h2.contentheading .pageEdit .hasTip img { display: inline; margin: 0px !important; } /* !Table of Contents */ table.contenttoc { margin: 0 0 10px 20px; padding: 0; width: 35%; float: right; } table.contenttoc a {} table.contenttoc td { padding: 3px 5px 0px 5px; } table.contenttoc th { border-width: 0px 0px 1px 0px; border-style: solid; padding: 0 0 3px 0; text-indent: 5px; } /* !Separators */ span.article_separator { height: 3em; clear: both; display: block; } span.afterdisplay_separator { height: .5em; clear: both; display: block; } /* !Before and After Wrappers */ .article-beforecontent {} .article-aftercontent { border-width: 1px 0px 0px 0px; border-style: solid; padding-top: .8em; } /* ------------------------------------------------------------------------ /* !PAGE: Articles > Category > Category Blog Layout (Default) */ /* !PAGE: Articles > Frontpage > Font Page Blog Layout (Default) */ /* !PAGE: Articles > Section > Section Blog Layout (Default) */ /* !PAGE: Taxonomy > Term > Term Blog Layout (Default) */ /* ----------------------------------------------------------------------*/ /* !Blog Table */ table.blog {} table.blog tr {} table.blog tr td {} table.blog tr td div.contentpaneopen {} table.blog tr td.article_column { vertical-align: top; padding-right: 25px } table.blog tr td.column_separator { } table.blog h2.contentheading { font-size: 1.5em; } table.blog h2.contentheading .pageEdit { display: inline; } table.blog h2.contentheading .pageEdit .hasTip img { display: inline; margin: 0px !important; } table.blog h2.contentheading a, table.blog h2.contentheading a:active, table.blog h2.contentheading a:visited {} table.blog h2.contentheading a:hover {} /* !Article Content */ table.blog .article-content {} table.blog .article-content p {} table.blog .article-content img {} table.blog .article-title .buttonheading img { margin: 1px 5px 0 0; } /* !Separators */ table.blog span.article_separator { clear: both; display: block; } table.blog span.afterdisplay_separator { clear: both; display: block; } /* !Before and After Wrappers */ table.blog .article-beforecontent {} table.blog .article-aftercontent {} /* !Read On Button */ table.blog a.readon, table.blog a.readon:active, table.blog a.readon:visited {} table.blog a.readon:hover {} /* ------------------------------------------------------------------------ /* !PAGE: Articles > Section > Section Layout (Default) */ /* !PAGE: Newsfeeds > Section > Section Layout (Default) */ /* !PAGE: Weblinks > Section > Section Layout (Default) */ /* ----------------------------------------------------------------------*/ ul#sectionList li p { margin: 0px; padding: 0px; } ul#sectionList li a.mainLink, ul#sectionList li a.mainLink:active, ul#sectionList li a.mainLink:visited { font-weight: bold; } /* ------------------------------------------------------------------------ /* !PAGE: Articles > Category > Category List Layout (Default) */ /* !PAGE: Contacts > Contact > Category List Layout (Default) */ /* !PAGE: Weblinks > Category > Category List Layout (Default) */ /* !PAGE: Newsfeeds > Category > Category List Layout (Default) */ /* !PAGE: Taxonomy > Term > Category List Layout (Default) */ /* ----------------------------------------------------------------------*/ /* !Article Table */ #page.catList-layDefault table#articleTBL th.title, #page.catList-layDefault table#articleTBL td.title { width: 100%; } #page.catList-layDefault table#articleTBL th.date, #page.catList-layDefault table#articleTBL td.date { white-space: nowrap; } #page.catList-layDefault table#articleTBL th.author, #page.catList-layDefault table#articleTBL td.author { white-space: nowrap; } /* !Newsfeeds Table */ #page.catList-layDefault table#newsFeedsTBL th.name, #page.catList-layDefault table#newsFeedsTBL td.name { width: 100%; } #page.catList-layDefault table#newsFeedsTBL th.numArticles, #page.catList-layDefault table#newsFeedsTBL td.numArticles { white-space: nowrap; } /* !Web Links */ #page.catList-layDefault table#webLinksTBL th.title, #page.catList-layDefault table#webLinksTBL td.title { width: 100%; } /* ------------------------------------------------------------------------ /* !PAGE: Contacts > Contact > Contact Layout (Default) */ /* ----------------------------------------------------------------------*/ #page.contact-layDefault form#form-contact { _width: 96%; } #page.contact-layDefault .contact-name { float: left; } #page.contact-layDefault .contact-img { float: right; } #page.contact-layDefault .marker { float: left; width: 10%; } #page.contact-layDefault .info { float: left; width: 90%; } #page.contact-layDefault .info p { margin: 0; } /* ------------------------------------------------------------------------ /* !PAGE: Newsfeeds > Feed > Individual Layout (Default) */ /* ----------------------------------------------------------------------*/ #page.feed-layDefault .page-content .feedImg { font-weight: bold; } #page.feed-layDefault ul#feedList li a.mainLink { font-weight: bold; } /* ------------------------------------------------------------------------ /* !PAGE: Wrappers > Wrapper > Wrapper Layout (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: Mailto > Mailto > Mailto Layout (Default) */ /* !PAGE: Mailto > Mailto > Sent Layout (Default) */ /* ----------------------------------------------------------------------*/ #page.mailto-layDefault { position: relative; } #page.mailto-layDefault h1.componentheading { font-size: 1.4em; margin: 0px 0px 10px 0px; padding: 5px 0px 10px 0px; _position: relative; } /* !Close Button */ #page.mailto-layDefault .popup-close { text-align: right; position: absolute; top: 7px; right: 0px; _right: 10px; } #page.mailto-layDefault .popup-close a, #page.mailto-layDefault .popup-close a:active, #page.mailto-layDefault .popup-close a:visited { text-decoration: none; line-height: normal; font-size: .9em; padding: 2px 15px 2px 0px; background: url(../images/close-x.gif) no-repeat right 2px; } #page.mailto-layDefault .popup-close a:hover { text-decoration: underline; } #page.mailto-layDefault .popup-close a img {} /* !Form */ #page.mailto-layDefault #form-mailto { margin: 0px !important; } #page.mailto-layDefault #form-mailto ul li { padding-bottom: 0px !important; } /* !Form Field Names */ #page.mailto-layDefault #form-mailto #mailto_name { width: 260px; } #page.mailto-layDefault #form-mailto #mailto_sender { width: 260px; } #page.mailto-layDefault #form-mailto #mailto_from { width: 260px; } #page.mailto-layDefault #form-mailto #mailto_subject { width: 260px; } /* ------------------------------------------------------------------------ /* !PAGE: Polls > Poll > Poll Layout (Default) */ /* ----------------------------------------------------------------------*/ table#pollTBL td.hits { width: 2%; font-weight: bold; } table#pollTBL td.percent { width: 5%; } table#pollTBL td.bar { width: 93%; } /* !Poll Table Bars */ table#pollTBL .polls_color_1 { background-color: #8D1B1B; border: 2px ridge #B22222; } table#pollTBL .polls_color_2 { background-color: #6740E1; border: 2px ridge #4169E1; } table#pollTBL .polls_color_3 { background-color: #8D8D8D; border: 2px ridge #D2D2D2; } table#pollTBL .polls_color_4 { background-color: #CC8500; border: 2px ridge #FFA500; } table#pollTBL .polls_color_5 { background-color: #5B781E; border: 2px ridge #6B8E23; } /* !Poll Footer */ .poll-footer { padding: 5px 8px; margin: 1em 0 0 0; font-size: .9em; } .poll-footer table#pollStatsTBL {} .poll-footer table#pollStatsTBL tr {} .poll-footer table#pollStatsTBL tr td {} .poll-footer table#pollStatsTBL tr td.statLeft { font-weight: bold;} .poll-footer table#pollStatsTBL tr td.statRight {} /* ------------------------------------------------------------------------ /* !PAGE: Search > Search Layout (Default) */ /* ----------------------------------------------------------------------*/ #page.searchResults ul.compList-formHorz li label.choice, #page.searchResults ul.compList-formVert li label.choice, #page.searchResults ul.compList-viewHorz li label.choice, #page.searchResults ul.compList-viewVert li label.choice { _display: inline; width: 96%; } /* ------------------------------------------------------------------------ /* !PAGE: User > Register > Register Layout (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: User > Remind > Remind Layout (Default) */ /* !PAGE: User > Reset > Reset Layout (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: User > Login > Login Layout (Default) */ /* !PAGE: User > Login > Logout Layout (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: User > User > User Layout (Default) */ /* !PAGE: User > User > User Form Layout (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: Weblinks > Weblink > Weblink Submit Layout (Default) */ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: Articles > Article > Article Submit Layout (Default) */ /* ----------------------------------------------------------------------*/ /* !Editor Buttons */ #editor-xtd-buttons { padding: 5px; margin: 0px !important; } .button2-left div { margin: 0px !important; } .button2-left, .button2-right, .button2-left div, .button2-right div { float: left; } .button2-left a, .button2-right a, .button2-left span, .button2-right span { font-size: 11px; line-height: 22px; display: block; height: 22px; float: left; cursor: pointer; text-decoration: none; } .button2-left span, .button2-right span { cursor: default; } .button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span { padding: 0 6px; text-decoration: none;} .button2-left a:hover, .button2-right a:hover { text-decoration: none; } .button2-left a, .button2-left span { padding: 0 24px 0 6px; } .button2-right a, .button2-right span { padding: 0 6px 0 24px; } .button2-left { background: url(../images/j_button2_left.png) no-repeat; float: left; margin-left: 5px; } .button2-right { background: url(../images/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; } .button2-left .image { background: url(../images/j_button2_image.png) 100% 0 no-repeat; } .button2-left .readmore { background: url(../images/j_button2_readmore.png) 100% 0 no-repeat; } .button2-left .pagebreak { background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat; } .button2-left .blank { background: url(../images/j_button2_blank.png) 100% 0 no-repeat; } /* ------------------------------------------------------------------------ /* !PAGE: Xmap > Xmap Layout (Default) */ /* ----------------------------------------------------------------------*/ #page.xmap-layDefault h2.menutitle { margin-top: 0px; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !COMPONENTS, FORMS, VIEWS & PIECES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !SECTION CONTAINERS: Main & Buttons */ /*-----------------------------------------------------------------------*/ /* !Section */ .compSect-wrap { position: relative; margin: 1.6em 0 0 0; } .compSect-title { position: relative; margin: 0px; padding: 0px; } .compSect-title a, .compSect-title a:active, .compSect-title a:visited { text-decoration: none; } .compSect-title a:hover { text-decoration: none; } .compSect-title h3 { font-weight: bold; margin: 0px; padding: 0px; } .compSect-title h3 span {} .compSect-title h3 span.sub {} .compSect-title-link h3 {} .compSect-title-link h3 a, .compSect-title-link h3 a:active, .compSect-title-link h3 a:visited {} .compSect-title-link h3 a:hover {} /* DEGRADED when implementing new compTitleBar piece .compSect-title .toolbar { position: absolute; right: 0px; top: 0px; width: auto; padding: 0; } .compSect-title .toolbar a, .compSect-title .toolbar a:active, .compSect-title .toolbar a:visited {} .compSect-title .toolbar a:hover {} .compSect-title .toolbar span { padding: 0 0 0 5px; } .compSect-title .toolbar span.btnRss a { padding: 2px 0 2px 20px; background: url(../images/livemarks.png) no-repeat left center !important; _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/system/images/livemarks.png', sizingMethod='crop'); } */ .compSect-contentwrap { padding: .8em 0px .6em 0px; position: relative; } .compSect-contentwrap fieldset { padding: .8em 0px .6em 0px; } .compSect-content {} .compSect-content div.botPad { margin-bottom: 1em; } .compSect-content ul.linksList { margin: 0px; padding: 0px; } .compSect-content label.desc {} .compSect-content label.choice, .compSect-content li.buttons span {} .compSect-content li.section, .compSect-content li.sectionInstruct { border-width: 1px 0px 0px 0px; border-style: dotted; } /* !Form Section Buttons */ .compSectBtns-wrap { margin: .8em 0 0 0; } .compSectBtns-contentwrap {} .compSectBtns-content {} /* !Section Internal */ .compSectInt-wrap {} .compSectInt-title {} .compSectInt-title a, .compSectInt-title a:active, .compSectInt-title a:visited {} .compSectInt-title a:hover {} .compSectInt-title h3 {} .compSectInt-title h3 span {} .compSectInt-title h3 span.sub {} .compSectInt-title-link h3 {} .compSectInt-title-link h3 a, .compSectInt-title-link h3 a:active, .compSectInt-title-link h3 a:visited { text-decoration: none; } .compSectInt-title-link h3 a:hover {} .compSectInt-contentwrap { margin: 0px; padding: .8em 0px .6em 0px; } .compSectInt-contentwrap fieldset { padding: 0px; } .compSectInt-content {} .compSectInt-content div.botPad { margin-bottom: 1em; } .compSectInt-content ul.linksList { margin: 0px; padding: 0px; } /* !Form Section Internal Buttons */ .compSectIntBtns-wrap {} .compSectIntBtns-contentwrap {} .compSectIntBtns-content {} /* ------------------------------------------------------------------------ /* !SECTION CONTAINERS: Error & Success */ /*-----------------------------------------------------------------------*/ /* !Error Notice */ .compErrNotice-wrap {} .compErrNotice-content {} /* !Error Message */ .compErrMsg-wrap {} .compErrMsg-content {} /* !Success Notice */ .compScsNotice-wrap {} .compScsNotice-content {} /* !Success Message */ .compScsMsg-wrap {} .compScsMsg-content {} /* ------------------------------------------------------------------------ /* !PIECES: Top Description */ /*-----------------------------------------------------------------------*/ .compDesc-wrap {} .compDesc-content {} .compDesc-content span { font-weight: bold; } .compDesc-content h2 { margin: .2em 0 .2em !important; } .compDesc-content h3 { margin: 0px !important; } .compDesc-content p {} /* ------------------------------------------------------------------------ /* !PIECES: Stats Box */ /*-----------------------------------------------------------------------*/ .compBox-wrap { border-width: 1px; border-style: solid; padding: 10px; margin: 0px 0px 1em 0px; text-align: center; } .compBox-content {} .compBox-content .keyword {} .compBox-content .keyword span { font-weight: bold; } .compBox-content .total {} .compBox-content .total span { font-weight: bold; } /* ------------------------------------------------------------------------ /* !PIECES: Results Filter */ /*-----------------------------------------------------------------------*/ .compResFilter-wrap {} .compResFilter-content {} .compResFilter-content label.desc {} .compResFilter-content input.inputbox {} .compResFilter-content select.inputbox {} .compResFilter-content button.button {} .compResFilter-content label { font-size: 1em; font-weight: bold; line-height: 1.8em; padding: 0px 0px 1px 0px; margin: 0px 5px 2px 0px; display: block; float: left; } .compResFilter-content span { float: left; margin: 0px 4px 0px 0px; padding: 0px 0px 8px 0px; } /* ------------------------------------------------------------------------ /* !PIECES: Results Page Display Filter */ /*-----------------------------------------------------------------------*/ .compResPDFilter-wrap { font-weight: normal; margin: 0px; padding: 8px 5px 8px 8px; _height: 1%; } .compResPDFilter-content {} .compResPDFilter-content label.desc {} .compResPDFilter-content .leftSide { float: left; padding: 0px; line-height: 2em; } .compResPDFilter-content .leftSide div { float: left; } .compResPDFilter-content .leftSide div span.pageOn { font-weight: bold; } .compResPDFilter-content .leftSide div span.totalPages { font-weight: bold; } .compResPDFilter-content .leftSide div span.resultsOn {} .compResPDFilter-content .leftSide div span.totalResults {} .compResPDFilter-content .rightSide { float: right; margin: 0 5px 0 0; } .compResPDFilter-content .rightSide label { padding: 0 5px 0px 0; line-height: 2em; font-weight: bold; display: block; float: left; } .compResPDFilter-content .rightSide span { float: left; } .compResPDFilter-content .rightSide select.inputbox {} /* ------------------------------------------------------------------------ /* !PIECES: Results Table */ /*-----------------------------------------------------------------------*/ /* !Table */ table.resultsTBL { position: relative; } /* !Head & Rows Padding */ table.resultsTBL thead th, table.resultsTBL tr td { padding: 8px 5px 7px 8px; } table.resultsTBL tr.rowTitle1 td, table.resultsTBL tr.rowTitle2 td { font-weight: bold; padding: 8px 5px 0px 8px; } /* !Head */ table.resultsTBL thead th { white-space: nowrap; } table.resultsTBL thead th a, table.resultsTBL thead th a:active, table.resultsTBL thead th a:visited {} table.resultsTBL thead th a:hover {} table.resultsTBL thead th a img {} /* !Sort Image that Get's Rendered */ table.resultsTBL thead a.sortLink { text-decoration: none; } table.resultsTBL thead a.sortLink img { margin-top: -4px; vertical-align: middle; } /* !Rows */ table.resultsTBL tr.row1 td, .odd { border-width: 0px 0px 1px 0px; border-style: dotted; } table.resultsTBL tr.rowTitle1 td {} table.resultsTBL tr.row2 td, .even { border-width: 0px 0px 1px 0px; border-style: dotted; } table.resultsTBL tr.rowTitle2 td {} table.resultsTBL tr.row1:hover td, table.resultsTBL tr.row2:hover td, .odd:hover, .even:hover {} table.resultsTBL tr.rowTitle1:hover td, table.resultsTBL tr.rowTitle2:hover td {} table.resultsTBL a.mainLink { font-weight: bold; } table.resultsTBL div.tdLeft { display: block; float: left; width: 47%; } table.resultsTBL div.tdRight { display: block; float: right; width: 47%; } table.resultsTBL div.tdLeftLarge { display: block; float: left; width: 80%; } table.resultsTBL div.tdRightSmall { display: block; float: right; width: 20%; } /* !Link Icon (web links) */ table.resultsTBL span.linkIcon { width: 16px; height: 16px; } table.resultsTBL span.linkIcon a { text-decoration: none; } table.resultsTBL span.linkIcon img { margin-bottom: -4px; } table.resultsTBL span.linkDesc { display: block; } table.resultsTBL span.count {} table.resultsTBL span.catsection {} table.resultsTBL span.title { display: block; } table.resultsTBL p { margin: 0px; } /* !TD/TH Defaults */ table.resultsTBL td.resManage, table.resultsTBL td.manage { white-space: nowrap; } table.resultsTBL span.mngLink {} table.resultsTBL span.mngLink a, table.resultsTBL span.mngLink a:active, table.resultsTBL span.mngLink a:visited {} table.resultsTBL span.mngLink a:hover {} table.resultsTBL span.mngView {} table.resultsTBL span.mngRemove {} table.resultsTBL span.mngEdit {} table.resultsTBL a.mngViewLink {} table.resultsTBL a.mngEditLink {} table.resultsTBL a.mngRemoveLink {} /* !List inside Table */ table.resultsTBL ul.tdList-horz { margin: 0px; } table.resultsTBL ul.tdList-horz li { margin: 0px; padding: 0px 0px 2px 0px; line-height: normal; list-style-type: none; background: none; clear: both; position: relative; } table.resultsTBL ul.tdList-horz li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } table.resultsTBL ul.tdList-horz li { display: inline-block; height: 1% } table.resultsTBL ul.tdList-horz li { display: block; } table.resultsTBL ul.tdList-horz li div, table.resultsTBL ul.tdList-horz li span { margin: 0px 4px 0px 0px; padding: 0px 0px 0px 0px; } * html table.resultsTBL ul.tdList-horz li div { float: left; display: inline-block; } table.resultsTBL ul.tdList-horz li div { float: left; width: 65%; } table.resultsTBL ul.tdList-horz li div.left { display: inline; float: left; width: 47%; } table.resultsTBL ul.tdList-horz li div.right { display: inline; float: right; width: 47%; } table.resultsTBL ul.tdList-horz li span { float: left; } table.resultsTBL ul.tdList-horz li div label, table.resultsTBL ul.tdList-horz li span label { font-weight: normal; font-size: .8em; margin: 0px; padding-top: 3px; clear: both; display: block; width: auto; } table.resultsTBL ul.tdList-horz li label { display: block; font-weight: bold; margin: 0px 0px 0px 0px; float: left; width: 25%; } table.resultsTBL ul.tdList-horz li label.desc { font-size: 1.0em; font-weight: bold; line-height: normal; padding: 0 0 1px 0; border: none; display: block; } table.resultsTBL ul.tdList-horz li label span { float: none; display: inline; } /* !Meta inside Table */ table.resultsTBL .article-meta-wrap {} table.resultsTBL .article-meta-content {} table.resultsTBL .article-meta-content span {} /* ------------------------------------------------------------------------ /* !PIECES: Results Navigation */ /*-----------------------------------------------------------------------*/ .compResNav-wrap { margin: 0 0 1em 0; } .compResNav-content {} /* !Pager: List */ ul.pagination { margin: 1em 0 0 0; padding: .6em 0; border-width: 1px 0px 0px 0px; border-style: solid; } ul.pagination li { margin: 0px; padding: 0px; display: inline; background: none; } ul.pagination li span { padding: 2px 2px; } ul.pagination li.prevPage, ul.pagination li.prevPageOff, ul.pagination li.nextPage, ul.pagination li.nextPageOff { margin: 0px 7px 0px 0px; padding: 0; } ul.pagination a, ul.pagination a:active, ul.pagination a:visited { padding: 2px 2px; } ul.pagination a:hover {} /* !Counter */ .compResNavCtr-content span.pageTtl { padding: 2px 0 2px 20px; background: url(../images/icon-pages.gif) no-repeat left 0px; } .compResNavCtr-content span.pageOn { font-weight: bold; } .compResNavCtr-content span.totalPages { font-weight: bold; } /* ------------------------------------------------------------------------ /* !PIECES: Tool Bar */ /*-----------------------------------------------------------------------*/ .compToolBar-wrap { clear: both; margin: 0 0 2em 0; border-style: solid; border-width: 0px 0px 3px 0px; } .compToolBar-content { text-align: left; } .compToolBar-content ul { margin: 0px; padding: 0px; } .compToolBar-content ul li a, .compToolBar-content ul li a:active, .compToolBar-content ul li a:visited { font-size: 1.1em; padding: .7em 1em; font-weight: normal; text-decoration: none; float: left; border-width: 1px 1px 0px 1px; border-style: solid; } .compToolBar-content ul li a:hover {} .compToolBar-content ul li { margin: 0 .4em 0 0; padding: 0px; float: left; position: relative; } .compToolBar-content ul li.first {} .compToolBar-content ul li.last {} .compToolBar-content ul li.left { float: left; } .compToolBar-content ul li.right { float: right; } .compToolBar-content ul li.active a { text-decoration: none; font-weight: bold; } .compToolBar-content ul li.disabled a { text-decoration: none; cursor: default; } /* ------------------------------------------------------------------------ /* !PIECES: Nav Bar */ /*-----------------------------------------------------------------------*/ .compNavBar-wrap { clear: both; margin: 0 0 1em 0; border-style: solid; border-width: 0px 1px 1px 1px; } .compNavBar-content { text-align: left; } .compNavBar-content ul { margin: 0px; padding: 0px; } .compNavBar-content ul li { margin: 0px; padding: 6px 0px; background: none; float: left; } .compNavBar-content ul li.first {} .compNavBar-content ul li.last a { border: none; } .compNavBar-content ul li.active a { text-decoration: underline; } .compNavBar-content ul li.disabled a { cursor: default; } .compNavBar-content ul li a { padding: 0px 10px; font-weight: bold; text-decoration: none; border-style: solid; border-width: 0px 1px 0px 0px; } .compNavBar-content ul li.left { float: left; } .compNavBar-content ul li.right { float: right; } /* ------------------------------------------------------------------------ /* !PIECES: Title Bar */ /*-----------------------------------------------------------------------*/ .compTitleBar-wrap { position: absolute; top: 0px; right: 0px; } .compTitleBar-content {} .compTitleBar-content ul { margin: 0px; padding: 0px; } .compTitleBar-content ul li { margin: 0px; padding: 2px 0px; background: none; float: left; } .compTitleBar-content ul li.first {} .compTitleBar-content ul li.last {} .compTitleBar-content ul li.last a { border: none; padding-right: 0px; } .compTitleBar-content ul li.active a { text-decoration: underline; } .compTitleBar-content ul li.disabled a { cursor: default; } .compTitleBar-content ul li a { padding: 0px 10px; font-weight: bold; text-decoration: none; border-style: solid; border-width: 0px 1px 0px 0px; } .compTitleBar-content ul li.left { float: left; } .compTitleBar-content ul li.right { float: right; } a.cstRSS span { padding: 2px 0 2px 20px; background: url(../images/livemarks.png) no-repeat left center !important; /*_background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/system/images/livemarks.png', sizingMethod='crop');*/ } /* ------------------------------------------------------------------------ /* !PIECES: Content Rating */ /*-----------------------------------------------------------------------*/ .compConRating-wrap { clear: both; margin: 1em 0 1em 0; font-weight: normal; padding: 8px 5px 8px 10px; _height: 1%; } .compConRating-content {} .compConRating-content .leftSide { float: left; padding: 0px; line-height: 1.3em; } .compConRating-content .leftSide div.ratingImgs { float: left; margin-top: 5px;} .compConRating-content .leftSide label { display: block; float: left; font-size: 1em; font-weight: bold; margin: 4px 5px 2px 0px; padding: 0px 0px 1px 0px; } .compConRating-content .rightSide { float: right; margin: 0 5px 0 0; } .compConRating-content .rightSide span { float: left; display: block; margin: 0px 0px 0px 5px; } .compConRating-content .rightSide span.poor, .compConRating-content .rightSide span.radios, .compConRating-content .rightSide span.best { margin-top: 3px;} .compConRating-content .rightSide button.button { margin-right: 0px; margin-left: 10px; } .compConRating-content .rightSide input.radio { float: left; margin: 3px 0 0 3px; } /* ------------------------------------------------------------------------ /* !PIECES: Blog More */ /*-----------------------------------------------------------------------*/ .compBlogMore-wrap { border-width: 1px 0px 0px 0px; border-style: solid; margin: 0 0 2em 0; } .compBlogMore-content {} /* ------------------------------------------------------------------------ /* !PIECES: Plugin: Terms */ /*-----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PIECES: Module: Comments Simple */ /*-----------------------------------------------------------------------*/ .compModCommSimple-wrap { height: 20px; } /* ------------------------------------------------------------------------ /* !PIECES: Module: Comments Share */ /*-----------------------------------------------------------------------*/ .compModCommShare-wrap { height: 20px; } .compModCommShare-content span.title { line-height: 16px; } .compModCommShare-content ul.share-list { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; float: left; } .compModCommShare-content ul.share-list li { display: inline; margin: 0; padding: 0; background: none; line-height: normal; } .compModCommShare-content ul.share-list li a, .compModCommShare-content ul.share-list li a:hover { text-decoration: none; } /* ------------------------------------------------------------------------ /* !PIECES: Module: Comments Rating */ /*-----------------------------------------------------------------------*/ /* !1.1.1 version*/ /*.compModCommRating-wrap { vertical-align: middle; margin-top: 0px; line-height: 18px; height: 20px; } .compModCommRating-content form.addrating { width: 100px; display: block; float: left; } .compModCommRating-content .rating-count { float: left; } .compModCommRating-content ul.rating-stars, .compModCommRating-content ul.rating-stars a:hover, .compModCommRating-content ul.rating-stars .current-rating { background: url(../images/star.gif) left -1000px repeat-x; } .compModCommRating-content ul.rating-stars { position: relative; width: 100px; height: 16px; overflow: hidden; list-style: none; margin: 0; padding: 0; background-position: left top; } .compModCommRating-content ul.rating-stars li { display: inline; background-image: none; padding: 0; } .compModCommRating-content ul.rating-stars a, .compModCommRating-content ul.rating-stars .current-rating { position: absolute; top: 0; left: 0; text-indent: -1000em; height: 16px; line-height: 16px; outline: none; overflow: hidden; border: none; cursor: pointer; } .compModCommRating-content ul.rating-stars a:hover { background-position: left bottom; } .compModCommRating-content ul.rating-stars a.one-star { width: 20%; z-index: 6; } .compModCommRating-content ul.rating-stars a.two-stars { width: 40%; z-index: 5; } .compModCommRating-content ul.rating-stars a.three-stars { width: 60%; z-index: 4; } .compModCommRating-content ul.rating-stars a.four-stars { width: 80%; z-index: 3; } .compModCommRating-content ul.rating-stars a.five-stars { width: 100%; z-index: 2; } .compModCommRating-content ul.rating-stars .current-rating { z-index: 1; background-position: left center; margin: 0px; }*/ /* !1.2.0 version*/ .compModCommRating-wrap { vertical-align: middle; line-height: 16px; margin-top: 0px; } .compModCommRating-content form.addrating { width: 100px; display: block; float: left; } .compModCommRating-content .rating-count { float: left; } .compModCommRating-content ul.rating-stars, .compModCommRating-content ul.rating-stars a:hover, .compModCommRating-content ul.rating-stars .current-rating { background: transparent url(../../../components/com_comments/media/images/star_yellow.png) left -1000px repeat-x; } .compModCommRating-content ul.rating-stars { position: relative; width: 100px; height: 20px; overflow: hidden; list-style: none; margin: 0; padding: 0; background-position: left top; } .compModCommRating-content ul.rating-stars li { display: inline; background-image: none; padding: 0; } .compModCommRating-content ul.rating-stars a, .compModCommRating-content ul.rating-stars .current-rating { position: absolute; top: 0; left: 0; text-indent: -1000em; height: 20px; line-height: 20px; outline: none; overflow: hidden; border: none; cursor: pointer; } .compModCommRating-content ul.rating-stars a:hover { background-position: left bottom; } .compModCommRating-content ul.rating-stars a.one-star { width: 20%; z-index: 6; } .compModCommRating-content ul.rating-stars a.two-stars { width: 40%; z-index: 5; } .compModCommRating-content ul.rating-stars a.three-stars { width: 60%; z-index: 4; } .compModCommRating-content ul.rating-stars a.four-stars { width: 80%; z-index: 3; } .compModCommRating-content ul.rating-stars a.five-stars { width: 100%; z-index: 2; } .compModCommRating-content ul.rating-stars .current-rating { z-index: 1; background-position: left center; margin: 0px; } /* ------------------------------------------------------------------------ /* !PIECES: Module: Comments List */ /*-----------------------------------------------------------------------*/ ol.comment-list { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0px; padding: 0px; } ol.comment-list li.comment { margin: 0; padding: 8px 8px; } ol.comment-list li.comment p.date { margin: 0.1em 0px; } ol.comment-list li.comment p.author { margin: 0.1em 0px; line-height: 1.5em; } ol.comment-list li.comment p.author span.author-name {} ol.comment-list li.comment p.author img.avatar {} ol.comment-list li.comment div.metadata { padding-bottom: 0.5em; margin-bottom: 0.5em; line-height: normal; } ol.comment-list li.comment div.comment { margin-top: .5em; } /* ------------------------------------------------------------------------ /* !PIECES: Module: Comments Response */ /*-----------------------------------------------------------------------*/ #sectModCommAdd-contentwrap {} #sectModCommAdd-contentwrap fieldset { background: none; border: none; } div.bbcode-editor { margin: 0px !important; padding: 0px !important; } div.bbcode-editor span.help {} div.bbcode-editor textarea.editor {} div.bbcode-editor ul.toolbar { list-style: none; padding: 0px; margin: 0px; } div.bbcode-editor ul.toolbar li { float: left; display: inline; margin: .2em .1em; background: none; padding: 0px 0px 2px 0px; clear: none; position: static; } div.bbcode-editor ul.toolbar li a { text-decoration: none; padding: .1em .3em; background: #fff; border: 1px outset #ccc; } div.bbcode-editor ul.toolbar li a:active { outline: none; border: 1px inset #ccc; } div.bbcode-editor ul.toolbar li a span { float: none; margin: 0px; padding: 0px; } div.bbcode-editor ul.toolbar li a#bold_button { font-weight: bold; } div.bbcode-editor ul.toolbar li a#italic_button { font-style: italic; } div.bbcode-editor ul.toolbar li a#underline_button { text-decoration: underline } div.bbcode-editor ul.toolbar li a#strikethrough_button { text-decoration: line-through; } div.bbcode-editor ul.toolbar li a#quote_button {} div.bbcode-editor ul.toolbar li a#image_button {} div.bbcode-editor ul.toolbar li a#link_button {} div.bbcode-editor ul.toolbar li a#code_button {} div.bbcode-editor ul.emoticon-palette { list-style: none; padding: 0px; margin: 0px; } div.bbcode-editor ul.emoticon-palette li { float: left; display: inline; margin: .2em .1em; background: none; padding: 0px 0px 2px 0px; clear: none; position: static; } div.bbcode-editor ul.emoticon-palette li img.emoticon-palette { cursor:pointer } #sectModCommAdd-contentwrap .captcha { padding-bottom: 4px !important; } #sectModCommAdd-contentwrap .ajax-loading { padding: 20px !important; height: 20px; background: url(../images/spinner.gif) no-repeat top left; } /* ------------------------------------------------------------------------ /* !Pieces: Flickr Album Plugin */ /* ----------------------------------------------------------------------*/ .gallery-flickr {} .gallery-flickr h3 {} .gallery-flickr ul { padding: 0px; width: auto; } .gallery-flickr ul li { margin: 0px 5px 5px 0px; padding: 0px; background: none; display: block; float: left; } .gallery-flickr ul li a { margin: 0px; padding: 0px; } .gallery-flickr ul li a:hover img {} .gallery-flickr ul li a img { display: block; border-width: 1px; border-style: solid; padding: 1px; margin: 0px; } .gallery-flickr-link { clear: both; } #jquery-overlay { z-index: 2000 !important; } #jquery-lightbox { z-index: 2001 !important; } /* ------------------------------------------------------------------------ /* !FORM: MCE Editor Fixx */ /*-----------------------------------------------------------------------*/ .mceEditor, .mceEditor span { margin: 0 !important; padding: 0 !important; float: none !important; } /* ------------------------------------------------------------------------ /* !FORM: Global Elements */ /*-----------------------------------------------------------------------*/ form { margin: 0; padding: 0; position: relative; _height: 1%; } form.jForm {} form.adminForm { width: 100%; } /* !Labels */ form label { cursor: pointer; } /* !Fields */ input.field, select.field, textarea.field, .inputbox {} select.select[class], select.select, td.paramlist_value select { margin: 0px; padding: 2px 1px 2px 0px !important; } input.inputbox, input.text, textarea.textarea, select.select, td.paramlist_value select { padding: 3px 0px; } input.inputbox, input.text, input.file, textarea.textarea, select.select, select.inputbox { margin: 0px; } .field, .inputbox, td.paramlist_value select { font-size: 1em; background: #fff url(../images/fieldbg.gif) repeat-x center top; border-style: solid; border-width: 1px; border-color: #7c7c7c #c3c3c3 #ddd; } input.inputbox:hover, input.inputbox:focus, input.text:hover, input.text:focus, textarea.textarea:hover, textarea.textarea:focus {} /* !Select */ select.inputbox, select.select { padding: 1px 0px 0px 0px; margin: 1px 0px; } /* !Checkbox & Radio */ input.checkbox, input.radio { font-size: 1em; background: none url(none); border: none; display: block; height: 13px; line-height: 1.4em; padding: 0px; margin: 6px 0px 0px 3px; width: 13px; } /* !Buttons */ button.button {} button.button:hover, button.button:focus {} /* !Link next to Button */ a.buttonLink { font-weight: bold; margin-right: 5px; } /* !Fieldset */ fieldset { padding: 10px 5px; } fieldset a {} /* !Big Link and Options */ a.bigLink { font-size: 1.4em; font-weight: bold; text-decoration: none; } span.linkOptions { font-size: .9em; line-height: 2.2em; } span.linkOptions a, span.linkOptions a:visited, span.linkOptions a:active {} span.linkOptions a:hover {} /* ------------------------------------------------------------------------ /* !FORM: Sizes */ /*-----------------------------------------------------------------------*/ .quarter { width: 23% !important; } .third { width: 32% !important; } .half { width: 48% !important; } .threefourths { width: 74% !important; } .full99 { width: 99% !important; } .full { width: 100% !important; } input.small, select.small { width: 25%; } input.medium, select.medium { width: 50%; } input.big, select.big { width: 75%; } input.extrabig, select.extrabig { width: 90%; } input.large, select.large, textarea.textarea { width: 100%; _width: 99%; } textarea.small { height: 5.5em; } textarea.medium { height: 10em; } textarea.large { height: 20em; } /* ------------------------------------------------------------------------ /* !FORM & VIEW: Horizontal & Vertical UL > Common */ /*-----------------------------------------------------------------------*/ ul.compList-formBtns, ul.compList-formHorz, ul.compList-formVert, ul.compList-viewBtns, ul.compList-viewHorz, ul.compList-viewVert { margin: 0px; padding: 0px; list-style-type: none; height: 1%; } ul.compList-formBtns li, ul.compList-formHorz li, ul.compList-formVert li, ul.compList-viewBtns li, ul.compList-viewHorz li, ul.compList-viewVert li { margin: 0px; padding: 4px 0px 2px 0px; background: none; line-height: normal; clear: both; position: relative; list-style-type: none; } ul.compList-formBtns li:after, ul.compList-formHorz li:after, ul.compList-formVert li:after, ul.compList-formBtns .buttons:after, ul.compList-formHorz .buttons:after, ul.compList-formVert .buttons:after, ul.compList-viewBtns li:after, ul.compList-viewHorz li:after, ul.compList-viewVert li:after, ul.compList-viewBtns .buttons:after, ul.compList-viewHorz .buttons:after, ul.compList-viewVert .buttons:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul.compList-formBtns li, ul.compList-formHorz li, ul.compList-formVert li, ul.compList-formBtns .buttons, ul.compList-formHorz .buttons, ul.compList-formVert .buttons, ul.compList-viewBtns li, ul.compList-viewHorz li, ul.compList-viewVert li, ul.sbxComp-ViewUL .buttons { display: inline-block; } * html ul.compList-formBtns li, * html ul.compList-formHorz li, * html ul.compList-formVert li, * html ul.compList-formBtns .buttons, * html ul.compList-formHorz .buttons, * html ul.compList-formVert .buttons, * html ul.compList-viewBtns li, * html ul.compList-viewHorz li, * html ul.compList-viewVert li, * html ul.sbxComp-ViewUL .buttons { height: 1%; } ul.compList-formBtns li, ul.compList-formHorz li, ul.compList-formVert li, ul.compList-formBtns .buttons, ul.compList-formHorz .buttons, ul.compList-formVert .buttons, ul.compList-viewBtns li, ul.compList-viewHorz li, ul.compList-viewVert li, ul.sbxComp-ViewUL .buttons { display: block; } /* !LI: Divs & Spans */ ul.compList-formHorz li div, ul.compList-formVert li div, ul.compList-formHorz li span, ul.compList-formVert li span, ul.compList-viewHorz li div, ul.compList-viewVert li div, ul.compList-viewHorz li span, ul.compList-viewVert li span { margin: 0px 4px 0px 0px; padding: 0px 0px 8px 0px; } ul.compList-formHorz li span, ul.compList-formVert li span, ul.compList-viewBtns li span, ul.compList-viewHorz li span, ul.compList-viewVert li span { float: left; } ul.compList-formHorz li div, ul.compList-viewHorz li div { float: left; width: 65%; } *html ul.compList-formHorz li div, *html ul.compList-viewHorz li div { float: left; display: inline-block; } ul.compList-formVert li div, ul.compList-viewVert li div {} *html ul.compList-formVert li div, *html ul.compList-viewVert li div { display: inline-block; } /* !LI: Buttons */ ul.compList-formBtns li.buttons, ul.compList-formHorz li.buttons, ul.compList-formVert li.buttons, ul.compList-viewBtns li.buttons { line-height: 1.8em; clear: both; } ul.compList-formBtns li.buttons span, ul.compList-formHorz li.buttons span, ul.compList-formVert li.buttons span, ul.compList-viewBtns li.buttons span { font-size: 1.0; margin-right: 5px; padding: 0px; display: block; float: left; } ul.compList-viewBtns li.buttons span.req, ul.compList-formBtns li.buttons span.req, ul.compList-formHorz li.buttons span.req, ul.compList-formVert li.buttons span.req { font-size: .9em; float: right; } ul.compList-formBtns li.buttons .button, ul.compList-formHorz li.buttons .button, ul.compList-formVert li.buttons .button, ul.compList-viewBtns li.buttons .button { float: left; } ul.compList-formBtns li.buttons a, ul.compList-formHorz li.buttons a, ul.compList-formVert li.buttons a, ul.compList-viewBtns li.buttons a { float: left; display: block; } /* !LI: Labels */ ul.compList-formHorz li div label, ul.compList-formVert li div label, ul.compList-formHorz li span label, ul.compList-formVert li span label, ul.compList-viewHorz li div label, ul.compList-viewVert li div label, ul.compList-viewHorz li span label, ul.compList-viewVert li span label { font-size: .8em; font-weight: normal; margin: 0px; padding-top: 3px; clear: both; display: block; } ul.compList-formHorz li label, ul.compList-formVert li label, ul.compList-viewHorz li label, ul.compList-viewVert li label { font-weight: bold; margin: 0px 0px 2px 0px; display: block; } ul.compList-formHorz li label.choice, ul.compList-formVert li label.choice, ul.compList-viewHorz li label.choice, ul.compList-viewVert li label.choice { font-size: 1.0em; line-height: 1.4em; font-weight: normal; margin: -16px 0px 0px 25px; padding: 2px 0px 2px 0px; width: 90%; display: block; } ul.compList-formHorz li label.desc, ul.compList-formVert li label.desc, ul.compList-viewHorz li label.desc, ul.compList-viewVert li label.desc {} ul.compList-formHorz li label.desc span.tip, ul.compList-formVert li label.desc span.tip, ul.compList-viewHorz li label.desc span.tip, ul.compList-viewVert li label.desc span.tip { font-size: .9em; font-weight: normal; } /* !LI: Sections */ ul.compList-formHorz li.first, ul.compList-formVert li.first, ul.compList-viewHorz li.first, ul.compList-viewVert li.first { border-top: none !important; margin-top: 0px !important; padding-top: 0px !important; } ul.compList-formVert li.section, ul.compList-formHorz li.section, ul.compList-formVert li.section, ul.compList-formHorz li.section, ul.compList-viewHorz li.section, ul.compList-viewVert li.section { margin-top: 0px; padding-top: 13px; padding-bottom: 0px; padding-left: 0px; width: 97% !important; } ul.compList-formHorz li.section h3, ul.compList-formVert li.section h3, ul.compList-viewHorz li.section h3, ul.compList-viewVert li.section h3 { font-size: 1.2em; line-height: 1.3em; font-weight: normal; margin: 0 0 10px 0; } ul.compList-formHorz li.section h3 span, ul.compList-formVert li.section h3 span, ul.compList-viewHorz li.section h3 span, ul.compList-viewVert li.section h3 span { display: inline; float: none; } ul.compList-formHorz li.section h3 span.sub, ul.compList-formVert li.section h3 span.sub, ul.compList-viewHorz li.section h3 span.sub, ul.compList-viewVert li.section h3 span.sub {} ul.compList-formHorz li.section p, ul.compList-formVert li.section p, ul.compList-viewHorz li.section p, ul.compList-viewVert li.section p { font-size: .9em; line-height: normal; margin: 0 0 10px 0; } /* !LI: Inline */ ul.compList-formHorz li.inline label.desc, ul.compList-formVert li.inline label.desc, ul.compList-viewHorz li.inline label.desc, ul.compList-viewVert li.inline label.desc { width: auto; padding-right: 5px; } ul.compList-formHorz li.inline div, ul.compList-formVert li.inline div, ul.compList-viewHorz li.inline div, ul.compList-viewVert li.inline div { width: auto; } /* ------------------------------------------------------------------------ /* !FORM: Horizontal & Vertical UL */ /*-----------------------------------------------------------------------*/ ul.compList-formBtns, ul.compList-formHorz, ul.compList-formVert {} ul.compList-formBtns li, ul.compList-formHorz li, ul.compList-formVert li {} ul.compList-formBtns li:after, ul.compList-formHorz li:after, ul.compList-formVert li:after, ul.compList-formBtns .buttons:after, ul.compList-formHorz .buttons:after, ul.compList-formVert .buttons:after {} ul.compList-formBtns li, ul.compList-formHorz li, ul.compList-formVert li, ul.compList-formBtns .buttons, ul.compList-formHorz .buttons, ul.compList-formVert .buttons {} * html ul.compList-formBtns li, * html ul.compList-formHorz li, * html ul.compList-formVert li, * html ul.compList-formBtns .buttons, * html ul.compList-formHorz .buttons, * html ul.compList-formVert .buttons {} ul.compList-formBtns li, ul.compList-formHorz li, ul.compList-formVert li, ul.compList-formBtns .buttons, ul.compList-formHorz .buttons, ul.compList-formVert .buttons {} /* !LI: Divs & Spans */ ul.compList-formHorz li div, ul.compList-formVert li div, ul.compList-formHorz li span, ul.compList-formVert li span {} ul.compList-formHorz li span.hasLabel, ul.compList-formVert li span.hasLabel { padding: 0px 0px 0px 0px; } ul.compList-formHorz li span, ul.compList-formVert li span {} span.centerTxt { line-height: 1.5em; } * html ul.compList-formHorz li div {} ul.compList-formHorz li div {} *html ul.compList-formVert li div {} ul.compList-formVert li div {} ul.compList-formVert li div.address { padding-bottom: 0px; } ul.compList-formVert li div.address div { margin: 0px; } ul.compList-formVert li div.left { display: inline; float: left; width: 47%; } ul.compList-formVert li div.right { display: inline; float: right; width: 47%; } ul.compList-formHorz li div img.calendar, ul.compList-formVert li div img.calendar { border: none; background: none; margin: 0px 0px 0px 5px; } ul.compList-formHorz li a.calendar, ul.compList-formVert li a.calendar { border: none; background: url(../images/calendar.png) no-repeat; _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/system/images/calendar.png', sizingMethod='crop'); text-indent: -9999px; display: block; width: 16px; height: 16px; cursor: pointer; } /* !LI: Buttons */ ul.compList-formBtns li.buttons, ul.compList-formHorz li.buttons, ul.compList-formVert li.buttons {} ul.compList-formBtns li.buttons span, ul.compList-formHorz li.buttons span, ul.compList-formVert li.buttons span { padding: 0px; } ul.compList-formBtns li.buttons span.req, ul.compList-formHorz li.buttons span.req, ul.compList-formVert li.buttons span.req {} ul.compList-formBtns li.buttons .button, ul.compList-formHorz li.buttons .button, ul.compList-formVert li.buttons .button {} ul.compList-formBtns li.buttons a, ul.compList-formHorz li.buttons a, ul.compList-formVert li.buttons a {} /* !LI: Param */ ul.compList-formVert li.param {} /* !LI: Labels */ ul.compList-formHorz li div label, ul.compList-formVert li div label, ul.compList-formHorz li span label, ul.compList-formVert li span label { width: auto; } ul.compList-formHorz li label, ul.compList-formVert li label {} ul.compList-formHorz li label.choice, ul.compList-formVert li label.choice {} ul.compList-formHorz li label.desc, ul.compList-formVert li label.desc { line-height: 1.5em; } ul.compList-formHorz li label.desc span.tip, ul.compList-formVert li label.desc span.tip {} ul.compList-formHorz li label { width: 30%; float: left; } ul.compList-formHorz li label.choice {} ul.compList-formHorz li label.desc {} ul.compList-formHorz li label span { float: none; display: inline; } ul.compList-formVert li label {} ul.compList-formVert li label.choice {} ul.compList-formVert li label.desc {} /* !LI: Sections */ ul.compList-formHorz li.first, ul.compList-formVert li.first {} ul.compList-formVert li.section, ul.compList-formHorz li.section {} ul.compList-formHorz li.section h3, ul.compList-formVert li.section h3 {} ul.compList-formHorz li.section h3 span, ul.compList-formVert li.section h3 span {} ul.compList-formHorz li.section h3 span.sub, ul.compList-formVert li.section h3 span.sub {} ul.compList-formHorz li.section p, ul.compList-formVert li.section p {} ul.compList-formVert li.sectionInstruct, ul.compList-formHorz li.sectionInstruct { margin-top: 0px; padding-top: 6px; padding-bottom: 0px; padding-left: 0px; width: 97% !important; } ul.compList-formVert li.sectionInstruct h3, ul.compList-formHorz li.sectionInstruct h3 { font-size: 1.1em; line-height: 1.3em; font-weight: normal; margin: 0 0 2px 0; } ul.compList-formVert li.sectionInstruct p, ul.compList-formHorz li.sectionInstruct p { font-size: .9em; margin: 0 0 10px 0; } li.sectionMTop { margin-top: 14px !important; } /* !LI: Inline */ ul.compList-formHorz li.inline div, ul.compList-formVert li.inline div { line-height: 1.5em; } /* !Inputs */ ul.compList-formVert input.field {} ul.compList-formVert input.text {} ul.compList-formVert input.textarea {} ul.compList-formVert input.checkbox { display: block; } /* !Field Floating */ ul.compList-formVert li.leftHalf { clear: left; float: left; } ul.compList-formVert li.rightHalf { clear: none; float: right; } ul.compList-formVert li.leftHalf, ul.compList-formVert li.rightHalf { width: 46% !important; } ul.compList-formVert li.leftHalf .medium, ul.compList-formVert li.rightHalf .medium, ul.compList-formVert li.leftHalf .small, ul.compList-formVert li.rightHalf .small { width: 100%; } ul.compList-formHorz li.liClear, ul.compList-formVert li.liClear { clear: both; font-size: 0px; height: 0px; line-height: 0px; padding: 0px; } /* !Messages */ label.invalid { color: red !important; } label.required { color: red !important; } input.invalid, textarea.invalid {} input.required, textarea.required {} /* !Other */ ul.compList-formBtns hr, ul.compList-formHorz hr, ul.compList-formVert hr { display: none; } ul.compList-formBtns .noClr, ul.compList-formHorz .noClr, ul.compList-formVert .noClr { clear: none; } ul.compList-formBtns .req, ul.compList-formHorz .req, ul.compList-formVert .req { color: red !important; font-weight: bold; float: none; margin: 0px; } /* !Horizontal Checkbox Lists */ span.horzCBXlist {} span.horzCBXlist label { margin-right: 10px !important; } span.horzCBXlist input.checkbox { margin-top: 0px !important; } /* ------------------------------------------------------------------------ /* !VIEWS: Horizontal & Vertical UL /*-----------------------------------------------------------------------*/ ul.compList-viewBtns, ul.compList-viewHorz, ul.compList-viewVert {} ul.compList-viewBtns li, ul.compList-viewHorz li, ul.compList-viewVert li {} ul.compList-viewBtns li:after, ul.compList-viewHorz li:after, ul.compList-viewVert li:after, ul.compList-viewBtns .buttons:after, ul.compList-viewHorz .buttons:after, ul.compList-viewVert .buttons:after {} ul.compList-viewBtns li, ul.compList-viewHorz li, ul.compList-viewVert li, ul.sbxComp-ViewUL .buttons {} * html ul.compList-viewBtns li, * html ul.compList-viewHorz li, * html ul.compList-viewVert li, * html ul.sbxComp-ViewUL .buttons {} ul.compList-viewBtns li, ul.compList-viewHorz li, ul.compList-viewVert li, ul.sbxComp-ViewUL .buttons {} /* !LI: Divs & Spans */ ul.compList-viewHorz li div, ul.compList-viewVert li div, ul.compList-viewHorz li span, ul.compList-viewVert li span {} ul.compList-viewBtns li span, ul.compList-viewHorz li span, ul.compList-viewVert li span {} *html ul.compList-viewHorz li div {} ul.compList-viewHorz li div {} *html ul.compList-viewVert li div {} ul.compList-viewVert li div {} /* !LI: Buttons */ ul.compList-viewBtns li.buttons {} ul.compList-viewBtns li.buttons span {} ul.compList-viewBtns li.buttons span.req {} ul.compList-viewBtns li.buttons .button {} ul.compList-viewBtns li.buttons a {} /* !LI: Labels */ ul.compList-viewHorz li div label, ul.compList-viewVert li div label, ul.compList-viewHorz li span label, ul.compList-viewVert li span label {} ul.compList-viewHorz li label, ul.compList-viewVert li label {} ul.compList-viewHorz li label.choice, ul.compList-viewVert li label.choice {} ul.compList-viewHorz li label.desc, ul.compList-viewVert li label.desc {} ul.compList-viewHorz li label.desc span.tip, ul.compList-viewVert li label.desc span.tip {} ul.compList-viewHorz li label { width: 30%; float: left; } ul.compList-viewHorz li label.choice {} ul.compList-viewHorz li label.desc {} ul.compList-viewVert li label {} ul.compList-viewVert li label.choice {} ul.compList-viewVert li label.desc {} /* !LI: Sections */ ul.compList-viewHorz li.first, ul.compList-viewVert li.first {} ul.compList-viewHorz li.section, ul.compList-viewVert li.section {} ul.compList-viewHorz li.section h3, ul.compList-viewVert li.section h3 {} ul.compList-viewHorz li.section h3 span, ul.compList-viewVert li.section h3 span {} ul.compList-viewHorz li.section h3 span.sub, ul.compList-viewVert li.section h3 span.sub {} ul.compList-viewHorz li.section p, ul.compList-viewVert li.section p {} /* !Parameters List Table */ table.paramlist {} table.paramlist tr {} table.paramlist tr td { padding: 0px 0px 10px 0px;} table.paramlist tr td.paramlist_key { width: 140px !important; } table.paramlist tr td.paramlist_key span { float: none; } table.paramlist tr td.paramlist_key label { display: inline; margin: 0px; font-size: 1.0em; } table.paramlist tr td.paramlist_value {} table.paramlist select { width: 230px; } /* ------------------------------------------------------------------------ /* !FORM & VIEW: Photos UL */ /*-----------------------------------------------------------------------*/ ul.compList-photos { margin: 0px; padding: 0px; } ul.compList-photos li { background: none; background-image: none; float: left; padding: 0px; margin: 0px 5px 10px 0px; text-align: center; } ul.compList-photos li div.thumb { margin-bottom: 3px; } ul.compList-photos li div.thumb img { height: 100px; margin: 0px; } ul.compList-photos li span { display: block; } ul.compList-photos li span.default { font-size: .9em; } ul.compList-photos li span.delete { font-size: .9em; } ul.compList-photos li span.choose-default input { display: inline; } /* ------------------------------------------------------------------------ /* !FORM & VIEW: Instructions */ /*-----------------------------------------------------------------------*/ ul.compList-formVert li.focused { background-color: #fff7c0; } ul.compList-formVert .instruct, ul.compList-formHorz .instruct { color: #666; background: #f5f5f5; border: 1px solid #e6e6e6; font-size: .8em; line-height: 1.3em; width: 42%; margin: 0 0 0 8px; padding: 8px 10px 9px 10px; position:absolute; top: 0; left: 100%; z-index: 1000; visibility: hidden; } ul.compList-formVert .instruct small, ul.compList-formHorz .instruct small { font-size: 1em; } ul.compList-formVert li.focused .instruct, ul.compList-formVert li:hover .instruct, ul.compList-formHorz li.focused .instruct, ul.compList-formHorz li:hover .instruct { visibility: visible; } ul.compList-formVert li.altInstruct .instruct, ul.compList-formVert li.leftHalf .instruct, ul.compList-formVert li.rightHalf .instruct, ul.compList-formHorz li.altInstruct .instruct, ul.compList-formHorz li.leftHalf .instruct, ul.compList-formHorz li.rightHalf .instruct { font-size: .8em; margin: 0; padding: 6px 0 7px 0; background: none; border: none; visibility: visible; position: static; width: 100%; clear: left; } /* ------------------------------------------------------------------------ /* !FORM & VIEW: Inline Error & Success Messages */ /*-----------------------------------------------------------------------*/ /* !Errors */ ul.compList-formHorz li.error, ul.compList-formVert li.error { background-color: #FFDFDF !important; margin: 3px 0; display: block !important; } ul.compList-formHorz li.error label, ul.compList-formVert li.error label, ul.compList-formHorz li label.error, ul.compList-formVert li label.error { color: #DF0000 !important; white-space: nowrap; } ul.compList-formHorz li.error span label.error, ul.compList-formVert li.error span label.error, ul.compList-formHorz li.error div label.error, ul.compList-formVert li.error div label.error { font-size: .9em; font-weight: bold; } ul.compList-formHorz p.error, ul.compList-formVert p.error { color: red; font-weight: bold; font-size: .8em; margin: -2px 0 5px 0; display: none; clear: both; } ul.compList-formHorz li.error p.error, ul.compList-formVert li.error p.error { display: block; } ul.compList-formHorz .leftLabel p.error, ul.compList-formVert .leftLabel p.error, ul.compList-formHorz .rightLabel p.error, ul.compList-formVert .rightLabel p.error { margin-left: 30%; padding-left: 15px; } ul.compList-formHorz .noI .leftLabel p.error, ul.compList-formVert .noI .leftLabel p.error, ul.compList-formHorz .noI .rightLabel p.error, ul.compList-formVert .noI .rightLabel p.error { margin-left: 35%; padding-left: 15px; } ul.compList-formHorz li input.error, ul.compList-formVert li input.error, ul.compList-formHorz li select.error, ul.compList-formVert li select.error, ul.compList-formHorz li textarea.error, ul.compList-formVert li textarea.error { border-color: red; } /* !Success */ ul.compList-formHorz li.success, ul.compList-formVert li.success { background-color: #FFDFDF !important; margin: 3px 0; display: block !important; } ul.compList-formHorz li.success label, ul.compList-formVert li.success label { color: #DF0000 !important; } ul.compList-formHorz p.success, ul.compList-formVert p.success { color: #339900; font-weight: bold; font-size: .8em; margin: -2px 0 5px 0; display: none; clear: both; } ul.compList-formHorz li.success p.success, ul.compList-formVert li.success p.success { display: block; } ul.compList-formHorz .leftLabel p.success, ul.compList-formVert .leftLabel p.success, ul.compList-formHorz .rightLabel p.success, ul.compList-formVert .rightLabel p.success { margin-left: 30%; padding-left: 15px; } ul.compList-formHorz .noI .leftLabel p.success, ul.compList-formVert .noI .leftLabel p.success, ul.compList-formHorz .noI .rightLabel p.success, ul.compList-formVert .noI .rightLabel p.success { margin-left: 35%; padding-left: 15px; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !SYSTEM MESSAGES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* !SYSTEM MESSAGES: Regular */ /* ------------------------------------------------------ */ #system-message { padding: 0px; margin: 0px 0px 1em 0px; width: 100%; } #system-message dt { display: none; } #system-message dd { font-weight: normal; margin: 0px 0px 1em 0px; padding: 0px; text-indent: 0px; border: none; float: none; display: block; height: 1%; width: 100%; } #system-message ul { padding: 10px; margin: 0px; list-style-type: none; } #system-message ul li { background: none; padding: 0px; margin: 0px auto; background: #fff; width: 100%; height: 1%; text-align: center; font-size: 1.7em; font-weight: bold; line-height: normal; } #system-message ul li h3 { font-size: 1.0em; margin: 0px 0px 5px 0px; padding: 0px; } #system-message ul li p { font-size: .7em; margin: 0px; padding: 0px; color: #000; font-weight: normal; } #system-message ul li p strong { padding: 2px 3px; } /* !System Standard Messages */ #system-message dd.message ul { background: #fff; border: 1px dotted #339900; } #system-message dd.message ul li { color: #009900; } #system-message dd.message ul p strong { color: #339900; background-color: #d9f0d9; } #system-message dd.message ul li h3 { color: #009900; } /* !System Error Messages */ #system-message dd.error ul { background: #fff; border: 1px dotted red; } #system-message dd.error ul li { color: #DF0000; } #system-message dd.error ul p strong { color: red; background-color: #ffdfdf; } #system-message dd.error ul li h3 { color: #df0000; } /* !System Notice Messages */ #system-message dd.notice ul { background: #fff; border: 1px dotted red; } #system-message dd.notice ul li { color: #df0000; } #system-message dd.notice ul p strong { color: red; background-color: #ffdfdf; } #system-message dd.notice ul li h3 { color: #df0000; } /* !SYSTEM MESSAGES: Detail */ /* ------------------------------------------------------ */ #system-messageDetail { padding: 0px; margin: 0px 0px 1em 0px; width: 100%; } #system-messageDetail dd { font-weight: normal; margin: 0px 0px 1em 0px; padding: 0px; text-indent: 0px; border: none; float: none; display: block; height: 1%; width: 100%; } #system-messageDetail ul { padding: 10px; margin: 0px; list-style-type: none; } #system-messageDetail ul li { background: none; padding: 0px; margin: 0px auto; width: 100%; height: 1%; display: block; font-size: 1.0em; font-weight: normal; line-height: normal; clear: both; } #system-messageDetail ul li h3 { margin: 0px 0px 5px 0px; padding: 0px; font-size: 1.2em; font-weight: bold; } #system-messageDetail ul li p { margin: 0px 0px .8em 0; } #system-messageDetail ul li.buttons { padding: 4px 0px 2px 0px; } #system-messageDetail ul li:after, #system-messageDetail ul li.buttons:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* !System Standard Messages */ #system-messageDetail dd.message ul { background: #d9f0d9; border: 1px dotted #339900; } #system-messageDetail dd.message ul li { color: #000; } #system-messageDetail dd.message ul li h3 { color: #009900; } /* !System Error Messages */ #system-messageDetail dd.error ul { background: #ffdfdf; border: 1px dotted red; } #system-messageDetail dd.error ul li { color: #000; } #system-messageDetail dd.error ul li h3 { color: #df0000; } /* !System Notice Messages */ #system-messageDetail dd.notice ul { background: #ffdfdf; border: 1px dotted red; } #system-messageDetail dd.notice ul li { color: #000; } #system-messageDetail dd.notice ul li h3 { color: #df0000; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !TOOL TIPS */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ .tool-tip { float: left; border: 1px solid #d4d5aa; padding: 5px; background: #ffffcc; max-width: 200px; } .tool-title { padding: 0; margin: 0; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../images/selector-arrow.png) no-repeat; font-size: 1em; font-weight: bold; } .tool-text { margin: 0; font-size: 1em; } .hasTip img { margin: 7px 5px 0 0; border: none; } div.tooltip { float: left; background: #ffc; border: 1px solid #d4d5aa; padding: 5px; width: 200px; z-index: 13000; } div.tooltip h4 { padding: 0; margin: 0; font-size: .9em; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../images/selector-arrow.png) no-repeat; } div.tooltip p { font-size: .9em; margin: 0; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MISC */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* !OpenID icon style */ input.system-openid { background: url(http://openid.net/login-bg.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; } /* !Unpublished */ .system-unpublished { background: #e8edf1; border-top: 4px solid #c4d3df; border-bottom: 4px solid #c4d3df; }