/*========================================================*/ /* CSS for TheAllStars Website */ /* by Phillip Oosthuizen */ /*========================================================*/ /*========================================================*/ /* Universal */ /*========================================================*/ /* Style For HTML PAGE */ html { height: 100%; } /* Style For HTML BODY */ #body {margin: 0px; padding: 0px; background-attachment: fixed; background-color: #000000; background-repeat: no-repeat; background-position: center top;} /* Setting Text Throughout the skin */ table, tr, td {font-family: Arial, Helvetica, sans-serif; margin: 0; font-size:11px} p { font-family: Arial, Helvetica, sans-serif;} ul { margin-left:15px; margin-top:5px; padding-left:0px; padding-top:0px} hr { border-left:none } H1 { color:#FFFFFF; font-size:14px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:500 } H2 { color:#FFFFFF; font-size:12px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:500 } H3 { color:#000000; font-size:14px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:500 } /*========================================================*/ /* Custom Elements */ /*========================================================*/ /*-- Breadcrumb Position - Check Tokens for Styling */ .CrumbPosition { position: relative; top:95px; left:700px; display:none } /*-- Login Position - Check Tokens for Styling */ .LoginPosition {} /*-- Login Position - Check Tokens for Styling */ .CopyrightRow { height:20px; padding: 25px 10px 0 10px; vertical-align: middle; } /*========================================================*/ /* Design Elements */ /*========================================================*/ /*-- width setting on skins --*/ .StandardWidth { width:960px } /*-- 100 percent height where req --*/ .FullHeight { height:100%; } /*-- 100 percent width where req --*/ .FullWidth { width:100%; } /*-- outer table on skins --*/ .OuterTableBoxed {width:100%; height:100%;} /*-- outer cell on skins --*/ .OuterTDBoxed { padding:0px 0 0px 0; } /*-- cell containing content panes --*/ .ContentPanesTD { width:auto; height:100%; vertical-align: top; padding: 0 0 0 0; } /*-- dotted background --*/ .Dotted { background: url(dotted2.gif) repeat top left; } /*-- row containing logo area --*/ .LogoRow { height:1px; padding: 0 10px 0 7px; } /*-- cell containing logo --*/ .LogoTD { width:1px; padding: 0 0 0 0; } /*-- row containing breadcrumbs --*/ .BreadcrumbsRow { height:41px; background: url(bread-bg.gif) repeat top left; padding: 0 0 0 0; } /*-- row for space between areas --*/ .SpaceBar { height:10px; padding: 0 0 0 0; } /*-- cell containing breadcrumbs --*/ .BreadcrumbsTD { height: 41px; width: 100%; background: url(bread-bg-l.gif) no-repeat top left; color:#a1a1a1; vertical-align: middle; padding: 0 20px 0 17px; } /*-- cell containing search --*/ .SearchTD { width:205px; vertical-align: top; height: 27px; background: url(search-bg.gif) no-repeat top right; padding: 0px 0px 0 0; } /*-- cell containing privacy --*/ .PrivacyTD { text-align: left; padding: 0px 0 0 0; } /*-- cell copright row --*/ .CopyrightRow { height:20px; padding: 0 10px 0 10px; vertical-align: middle; } /*-- cell containing copyright --*/ .CopyrightTD { text-align: right; padding: 0px 0 0 0; } /*========================================================*/ /* Footer Box Elements */ /*========================================================*/ /*-- row containing footer area --*/ .FooterRow { height:36px; padding: 0 7px 0 7px; } /*-- table within footer - rounded --*/ .FooterTable { height:36px; background: url(footer-bg-grad.gif) #aebdd0 repeat-x top left; } /*-- rounded top-left corner --*/ .FooterTL { height:5px; background: url(footer-bg-tl.gif) no-repeat top left; } /*-- rounded top-right corner --*/ .FooterTR { height:5px; background: url(footer-bg-tr.gif) no-repeat top right; } /*-- rounded bottom left corner --*/ .FooterBL { height:5px; background: url(footer-bg-bl.gif) no-repeat bottom left; } /*-- rounded bottom right corner --*/ .FooterBR { height:5px; background: url(footer-bg-br.gif) no-repeat bottom right; } /*========================================================*/ /* Outer Box Elements - boxed skins only */ /*========================================================*/ /*-- boxed skins outer box table --*/ .BoxTable { height:100%; width:960px; } /*-- top left corner --*/ .BoxTL { width:11px; height:0px; /*background: url(box-tl.gif) no-repeat bottom left;*/ } /*-- top edge --*/ .BoxT { height:0px; /*background: url(box-t.gif) repeat-x bottom left;*/ } /*-- top right corner --*/ .BoxTR { width:11px; height:0px; /*background: url(box-tr.gif) no-repeat bottom right;*/ } /*-- left edge --*/ .BoxL { width:11px; background: url(box-l.gif) repeat-y top left; } /*-- content area --*/ .BoxM { /*background: #FFF;*/ } /*-- right edge --*/ .BoxR { width:11px; background: url(box-r.gif) repeat-y top right; } /*-- bottom left corner --*/ .BoxBL { width:11px; height:11px; background: url(box-bl.gif) no-repeat top left; } /*-- bottom edge --*/ .BoxB { height:11px; background: url(box-b.gif) repeat-x top left; } /*-- bottom right corner --*/ .BoxBR { width:11px; height:11px; background: url(box-br.gif) no-repeat top right; } /*========================================================*/ /* Content Panes */ /*========================================================*/ /*-- top inside content pane --*/ .TopPane { padding:0 ; margin:0; border:0; background-color:#000000 ;} /*-- top inside content pane --*/ .SubMenuPane { padding:0 ; margin:0; border:0; background-color:#000000 ;} /*-- left content pane --*/ .LeftPane { padding: 0px; margin-left:0px; width: 600px;} /*-- right content pane --*/ .RightPane { padding: 0px; margin:0px; width: 360px; } /*-- content pane --*/ .ContentPane {padding:0 ; margin:0; border:0; background-color:#FFFFFF ;} /*-- left2 content pane --*/ .LeftPane2 { padding: 0px; width: 30%; } /*-- content2 pane --*/ .ContentPane2 { padding: 0px; } /*-- right2 content pane --*/ .RightPane2 { padding: 0px; width: 30%; } /*-- bottom inside pane --*/ .BottomPane { width: 100%; padding: 0 7px 0 7px; } /*========================================================*/ /* Tokens */ /*========================================================*/ /*-- login token idle --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active { color: #939393; background: url(ico-login.gif) no-repeat bottom left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:400; text-decoration: none; height:17px; float:right; padding: 2px 0 0 25px; margin: 0 0px 0 16px; } /*-- login token hover --*/ a.LOGIN_object:hover { background: url(ico-login-over.gif) no-repeat bottom left; color: #ed5d0c; font-family: Arial, Helvetica, sans-serif; font-weight:400; font-size: 11px; text-decoration: none; } /*-- user token idle --*/ .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #939393; background: url(ico-register.gif) no-repeat bottom left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:400; text-decoration: none; height:17px; float:right; padding: 2px 0 0 25px; margin: 0 10px 0 16px; } /*-- user token hover --*/ a.USER_object:hover { background: url(ico-register-over.gif) no-repeat bottom left; color: #ed5d0c; font-family: Arial, Helvetica, sans-serif; font-weight:400; font-size: 11px; text-decoration: none; } /*-- date token idle --*/ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: #939393; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; } /*-- date token hover --*/ a.DATE_object:hover { color: #c1c1c1; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; } /*-- breadcrumbs token idle --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight:400;} /*-- breadcrumbs token hover --*/ a.BREADCRUMBS_object:hover { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; font-weight:400; } /*-- terms privacy and copyright --*/ .FOOTER_objects { color:#aaa; font-size: 11px; } /*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { font-size: 11px; color:#aaa; font-weight:400; text-decoration:none; } /*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { font-size: 11px; color:#777; font-weight:400; text-decoration:none; } /*-- language selector dropdown --*/ .Language_object { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; } /*========================================================*/ /* Text */ /*========================================================*/ /*-- most of the text on site --*/ .normal, .Normal, p.normal, p.Normal { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #777; } /*-- most of the 400 text on site --*/ .Normal400 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 400; color: #777; } /*-- most of the black text on site --*/ .normalblack, .NormalBlack, p.normalblack, p.NormalBlack { color: #000000; font-size:12px } /*-- most of the white text on site --*/ .normalwhite, .NormalWhite, p.normalwhite, p.NormalWhite { color: #FFFFFF; font-size:12px } /*-- most of the white text on site --*/ .smallwhite, .SmallWhite, p.smallwhite, p.SmallWhite { color: #FFFFFF; font-size:11px } /*-- most of the cream text on site --*/ .normalCCC, .NormalCCC, p.normalCCC, p.NormalCCC { color: #777; font-size:12px } /*-- red text on site for errors --*/ .NormalRed { color: #C50000; font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 12px; } /*-- subheadings - mostly in admin --*/ .SubHead { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 400; color: #777; padding: 0; } /*-- headings - mostly in admin --*/ .Head { font-size: 11px; color: #777; background: transparent; font-weight: 400; padding: 0;} /*========================================================*/ /* Links */ /*========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active { color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11px; text-decoration: underline; } /*-- default links hover --*/ a:hover { color: #444; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; } /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited { color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11px; text-decoration: none; } /*-- normal links hover --*/ a.Normal:hover { color: #444; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; } /*-- search button in search form --*/.SearchButton { background: transparent; padding: 15px 12px 7px 12px; cursor: hand; font-size:1px; margin: 0 0 0 0;} /*-- footer links --*/ .Footer_Links, a.Footer_Links:link, a.Footer_Links:visited, a.Footer_Links:active { color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:400; text-decoration: none; } /*-- footer links hover --*/ a.Footer_Links:hover { color: #EEE; font-family: Arial, Helvetica, sans-serif; font-weight:400; font-size: 11px; text-decoration: none; } /*========================================================*/ /* Frontpage Styling */ /*========================================================*/ /*-- Padding around Menus --*/ .tabPadding { padding-left:10px; padding-right:10px; padding-top:7px; padding-bottom:10px } /*-- MenuBox of Tabs --*/ .tabMenuBox { height:25px; vertical-align:middle; } /*-- OuterBox of Tabs --*/ .tabOuterBox { width:600px; background-color: #242424 } /*-- InnerBox of Tabs --*/ .tabInnerBox { height:155px; background-color:#000000; padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:5px } /*-- Links on Tabs --*/ .tabLink { cursor:pointer ; background-color: #000000; padding:3px 16px 2px 16px; vertical-align:middle; color:#FFFFFF ; font-weight:400; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; } /*-- Links on Selected Tabs --*/ .tabLinkSelected { cursor:pointer ; background-color: #404040; padding:3px 16px 2px 16px; vertical-align:middle; color:#FFFFFF ; font-weight:400; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; } /*-- Series Title Text --*/ .tabSeriesTitle { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF } /*-- Series Description Text --*/ .tabSeriesDescription { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF } /*-- Message Title Text --*/ .tabMessageTitle { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF } /*-- Other Messages Title Text --*/ .tabOtherMessagesTitle { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#CCCCCC } /*-- Other Messages Text --*/ .tabOtherMessages { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#CCCCCC } /*-- Latest Message Box --*/ .tabLatestMessage { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF } /*-- Blog Title Text --*/ .tabBlogTitle { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF } /*-- Blog Entry Title Text --*/ .tabBlogEntryTitle { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF } /*-- Blog Text --*/ .tabBlogText { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF } /*-- Vision Title --*/ .tabVisionTitle { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF } /*-- Vision Text --*/ .tabVisionText { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF } /*-- Links Title --*/ .tabLinksTitle { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF } /*-- Links Text --*/ .tabLinksText { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF } /*-- Image links visited and active --*/ a.ImageLink:link, a.ImageLink:visited, a.ImageLink:active { border-color:#000000 } /*-- Image links hover --*/ a.ImageLink:hover { border:#404040 } /*========================================================*/ /* Forms */ /*========================================================*/ /*-- default form elements --*/ select, input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; } /*-- textbox --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; } /*-- textbox container --*/ td.NormalTextBox { padding: 0; margin: 0; background: transparent; visibility: invisible; border: 0; } /*-- textbox used for search --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:21px; background: transparent; width: 165px; color: #666; margin: 6px 2px 0px 4px; border: 0px solid #FFFFFF; cursor:text;} /*========================================================*/ /* Sub Menus and Module Menus */ /*========================================================*/ /*-- submenu container --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { background: #FFF; padding: 0px; border: 1px solid #000; z-index: 1000; cursor: pointer; cursor: hand; font-weight: normal; filter: none;} /*-- submenu items idle --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { background: #fff; color: #000; font-family: "Arial", sans-serif;; font-size: 9pt; font-weight: 400; font-style: normal; padding: 0px 15px 0px 15px; height: 15px; border: 0;} /*-- submenu items hover --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { background: #2E2E2E; color: #fff; font-family:"Arial", sans-serif;; font-size: 9pt; font-weight: 400; cursor: pointer; cursor: hand; padding: 0px 15px 0px 15px; height: 15px; border: 0;} /*-- submeny items icon --*/ .MainMenu_Icon { text-align: center; width: 5px; height: 100%; padding:2px} /*==========================================================*/ /* CommandButtons */ /*==========================================================*/ /*-- Ajax Comman Button Style --*/ .AjaxCommandButton {font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11px; color:#777; text-decoration:underline; cursor:pointer} /*-- Command Buttons Style --*/ .CommandButton { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11px;} /*-- Command Buttons link --*/ A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active { text-decoration: underline; color: #777; } /*-- Command Buttons link --*/ A.CommandButton:hover { text-decoration: underline; color: #555;} /*==========================================================*/ /* Specific Headings */ /*==========================================================*/ .cellFeedbackHead { color:#FFFFFF; font-size:14px; text-transform:uppercase; font-family: Arial, Tahoma, Helvetica, sans-serif; font-weight:500 } .cellFeedbackSubHead {} .icebreakerHead {color:#FFFFFF; font-size:14px; font-family:Arial, Tahoma, Helvetica, sans-serif; font-weight:500} .icebreakerSubHead {color:#FFFFFF; font-size:12px; font-family: Arial, Tahoma, Helvetica, sans-serif; font-weight:500} .messageHead { color:#777; font-size:14px; text-transform:uppercase; font-family: Arial, Tahoma, Helvetica, sans-serif; font-weight:500 } .messageSubHead { color:#777; } .prayerRequestHead { color: #FFFFFF; text-transform:uppercase; font-size:14px; font-family: Arial, Tahoma, Helvetica, sans-serif; font-weight:500 } .prayerRequestSubHead {} .popupFormHead { color: #000; text-transform:uppercase; font-size:14px; font-family: Arial, Tahoma, Helvetica, sans-serif; font-weight:500 } .popupFormSubHead {} /*==========================================================*/ /* Logos Reffer */ /*==========================================================*/ .lbsTooltip { background:#ffffff; border: 1px solid #777; z-index: 99; text-align: left; text-indent: 0; } .lbsTooltipHeader { background:#242424; color: #ffffff; font-weight:normal; font-size:14px; line-height: 16px; font-family:Arial,Helvetica,serif; margin: 0; padding:4px; position:relative; border: 0; } .lbsTooltipBody { padding: 4px 8px 0 8px; margin:0; position:relative; z-index: 2; border: 0; line-height:16px; } .lbsTooltipBody p, .lbsTooltipBody span { display: inline; color: black; font-family:Arial,Helvetica,serif; font-size: 12px; line-height:14px; } .lbsTooltipFooter { font-size:11px; font-family:Helvetica,Arial,serif; bottom:4px; margin-top: 4px; position:absolute; text-align:right; border: 0; } .lbsTooltipFooter a:link, .lbsTooltipFooter a:visited, .lbsTooltipFooter a:hover { color: #777; text-decoration: underline; font-weight: normal; font-size:11px; font-family:Helvetica,Arial,serif; } .lbsTooltipBody .ch-ref, .lbsTooltipBody .verse-ref { font-size: 85%; top: -1px; position: relative; } .lbsTooltipBody .ch-ref { font-weight: bold; } .lbsTooltipBody .verse-ref { color: dimgray; } .lbsTooltip, .lbsTooltipBody span, .lbsTooltip a, .lbsTooltipBody p { margin: 0; padding: 0; } .lbsLibronix img { float: none !important; } /*==========================================================*/ /* End Style Sheet */ /*==========================================================*/ #band {background-color:#000066} .GreyBorder { border-color:#777;} .WhiteBorder { border-color:#FFF;} .Margin { margin-left:15px; margin-right:15px; } .AdminTitle {font-family: Tahoma, Arial, Helvetica, sans-serif;} a.AdminTitle:link, a.AdminTitle:visited, a.AdminTitle:active {color:#FFF; font-size:13px; text-decoration:none; font-weight:400} a.AdminTitle:hover {color:#777; } .LXDataGrid_Item{} .LXDataGrid_AlternatingItem { background-color: #222222} .LXDataGrid_Header { background-color:#222222} .link-button { padding: 20px 0px; color: #fff;} .link-button a, .link-button a:visited { color: #fff; background: #6699cc url() no-repeat; padding: 7px 10px; -moz-border-radius: 1px; -webkit-border-radius: 2px; text-decoration: none; } .link-button a:hover { background: #333 url() no-repeat; text-decoration: none; } .link-button-red { color: #fff; text-decoration:none; } .link-button-red a, .link-button-red a:visited { color: #fff; background: #777 url() no-repeat; padding: 2px 8px; -moz-border-radius: 1px; -webkit-border-radius: 2px; font-size: 9px; font-weight: bold; text-decoration: none; } .link-button-red a:hover { color: #fff; background: #242424 no-repeat; font-size: 9px; font-weight: bold; text-decoration: none; } .link-button-gray { padding-top:25px; color: #fff; text-decoration:none; } .link-button-gray a, .link-button-gray a:visited { color: #fff; background: #777; padding: 2px 8px 2px; -moz-border-radius: 1px; -webkit-border-radius: 2px; font-size: 9px; font-weight: bold; text-decoration: none; } .link-button-gray a:hover { color: #fff; background: #000000; font-size: 9px; font-weight: bold; text-decoration: none; } .link-button-darkgray { color: #fff; text-decoration:none; } .link-button-darkgray a, .link-button-darkgray a:visited { color: #fff; background: #404143; padding: 2px 8px 2px; -moz-border-radius: 1px; -webkit-border-radius: 2px; font-size: 9px; font-weight: bold; text-decoration: none; } .link-button-darkgray a:hover { color: #000; background: #CCCCCC; font-size: 9px; font-weight: bold; text-decoration: none; }