/*========================================================*/ /* CSS for DotNetNuke Skin - Student Painters - Default */ /* by Cyberspace Solutions Inc. */ /* http://www.CyberspaceSolutionsInc.com */ /*========================================================*/ /*========================================================*/ /* Universal */ /*========================================================*/ /* Style For HTML PAGE */ html { height: 100%; padding-top:0px;} /* Style For HTML BODY */ #body { margin: 0; repeat; margin: 0 0 0 0; background: url(images/black_bg.gif) repeat #202022; } /* Setting Text Throughout the skin */ table, tr, td {font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0;} p {font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding:0;} UL.White { list-style-image:url(images/arrow.gif) } IMG { border:none;} ol, ul, UL, OL { font-family:arial,helvetica,verdana; padding-top:0; padding-bottom:0; padding-left:40px; margin-top:5; margin-bottom:5; line-height:1.5;} .normal li {font-family:arial,helvetica,verdana; padding-top:0; padding-bottom:0; margin:0; line-height:1.5;} /*========================================================*/ /* Design Elements */ /*========================================================*/ /*-- width setting on skins --*/ .StandardWidth { width:100%; margin:auto;} /*-- 100 percent height where req --*/ .FullHeight { height:100%; } /*-- cell containing logo & Menu --*/ .HeaderTD { width:100%; margin: auto; vertical-align: top;} /*-- cell containing logo Pane TD --*/ .LeftHeaderTD { width:50%; margin: auto; vertical-align: top; padding-left:10px; padding-top:20px} /*-- cell containing Right TD objects --*/ .RightHeaderTD { width:50%; margin: auto; vertical-align: top;} /*-- cell - main content panes --*/ .ContentPanesTD { width:100%; height:100%; vertical-align: top; padding-top:0px;} /*-- cell containing Footer Objects --*/ .FooterPanesTD { width:100%; height:24px; vertical-align: top; padding-top:0px;} /*-- Header table on skins --*/ .HeaderTableBoxed { width:870px; margin:auto; margin:auto !important; background: #9e0b0f;} /*-- Content table on skins --*/ .ContentTableBoxed { width:870px; margin:auto;} /*-- Content table on skins --*/ .MainTableBoxed { width:870px; margin:auto; background-color:#4d4b4c;} /*-- Content table on skins --*/ .LandingTableBoxed { width:870px; height:611px; margin:auto; background: url(images/landing.jpg) no-repeat bottom #c0c0b8;} /*-- Footer table on skins --*/ .LandingFooterTableBoxed { width:870px; height:24px; margin:auto; vertical-align:top; background: url(images/footer_lbg.jpg) repeat-x top left;} /*-- Footer table on skins --*/ .FooterTableBoxed { width:870px; height:24px; margin:auto; vertical-align:top; background: url(images/footer_bg.jpg) repeat-x top left;} /*-- Footer table on skins --*/ .FooterDiv { width:870px; height:24px; margin:auto; vertical-align:middle;} /*-- cell containing Footer Objects --*/ .FooterLeftTD { padding-left:5px; padding-top:0px;} /*-- cell containing Footer Objects --*/ .FooterCenterTD { padding-top:0px;} /*-- cell containing Footer Objects --*/ .FooterRightTD { padding-right:5px; padding-top:0px;} /*-- row for space between areas --*/ .SpaceBar { height:10px; padding: 0 0 0 0; } /*-- cell containing Login --*/ .NavLoginTD { vertical-align:top; height: 25px; width:100%; padding-right:0px; padding-top:5px;} /*-- cell containing Login --*/ .LoginTD { vertical-align:top; height: 25px; padding-right:15px; padding-top:0px; width:auto;} /*-- cell containing breadcrumbs --*/ .BreadcrumbsTD { height: 41px; width: 100%; background: url(bread-bg-l.gif) no-repeat top left; color:#41004c; vertical-align: middle; padding: 0 20px 0 17px; } /*-- cell containing search --*/ .SearchTD { vertical-align: top; text-align: right; padding: 0px 10px 0 0; } /*-- cell containing privacy --*/ .PrivacyTD { width:auto; } /*-- cell containing copyright --*/ .CopyrightTD { text-align: right; padding: 0 0 0 0;} /*========================================================*/ /* Content Panes */ /*========================================================*/ /*-- Logo pane --*/ .LogoPane { width:100%; padding: 0 0px 0px 0px} /*-- banner pane --*/ .BannerPane { width:100%; padding: 0 0px 0px 0px} /*-- Nav pane --*/ .NavPane { padding: 0 0px 0px 0px; width:auto;} /*-- content pane --*/ .ContentPane { width:100%; padding: 7 7px 7px 7px; background-color:#f2f2f2} /*-- content pane - Landing --*/ .LandingContentPane { width:100%; padding: 7 7px 7px 7px} /*-- Top Left pane --*/ .TopLeftPane { width:25%; padding: 7 7px 0 7px;} /*-- Top Right pane --*/ .TopRightPane { width:75%; padding: 7 7px 0 0px;} /*-- Upper Left pane - Landing --*/ .UpperLeftPane { width:450px; padding: 15px 185px 0 35px;} /*-- Upper Right pane - Landing --*/ .UpperRightPane { width:200px; padding: 15px 15px 0 0px;} /*-- Homeowners Top pane - Landing --*/ .HomeownersTopPane { width:350px; padding: 15px 25px 0 35px;} /*-- Students Top pane - Landing --*/ .StudentsTopPane { width:350px; padding: 15px 25px 0 0px;} /*-- Homeowners Bottom pane - Landing --*/ .HomeownersBottomPane { width:350px; padding: 0px 0px 0 35px;} /*-- Students Bottom pane - Landing --*/ .StudentsBottomPane { width:350px; padding: 0px 0px 0 0px;} /*-- left content pane --*/ .LeftPane { padding: 7 0px 0 7px; width:33%; } /*-- Mid content pane --*/ .MidPane { padding: 7 7px 7 7px; width:33%;} /*-- right content pane --*/ .RightPane { padding: 7 7px 0 0px; width:33%;} /*-- bottom inside pane --*/ .BottomPane { width: 100%; padding: 0 0px 0 0px; } /*-- Footer Nav pane --*/ .FooterNavPane { padding: 0 0px 0px 0px; width:auto;} /*========================================================*/ /* Tokens */ /*========================================================*/ /*-- login token idle --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active { color: #f2f2f2; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; text-decoration: none; height:17px; vertical-align:middle; text-align:center } /*-- login token hover --*/ a.LOGIN_object:hover { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size: 11px; text-decoration: none; } /*-- user token idle --*/ .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; text-decoration: none; height:17px; vertical-align:middle; text-align:center} /*-- user token hover --*/ a.USER_object:hover { color: #cbe97a; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size: 11px; text-decoration: none; } /*-- date token idle --*/ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; } /*-- date token hover --*/ a.DATE_object:hover { color: #a335b8; 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: #41004c; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight:bold;} /*-- breadcrumbs token hover --*/ a.BREADCRUMBS_object:hover { color: #a335b8; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight:bold; } /*-- terms privacy and copyright --*/ .FOOTER_objects { color:#000000; font-size: 9px; } /*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { font-size: 9px; color:#000000; font-weight:normal; text-decoration:none; } /*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { font-size: 9px; color:#9e0b0f; font-weight:normal; text-decoration:none; } /*-- terms privacy and copyright --*/ .FOOTER_objects2 { color:#ffffff; font-size: 9px; padding-top:5px; } /*-- terms privacy and copyright links --*/ a.FOOTER_objects2:link, a.FOOTER_objects2:visited, a.FOOTER_objects2:active { font-size: 9px; color:#ffffff; font-weight:normal; text-decoration:none; } /*-- terms privacy and copyright hover --*/ a.FOOTER_objects2:hover { font-size: 9px; color:#ffffff; font-weight:normal; text-decoration: underline; } .testimonial_header { color:#ffffff; font-size: 24px; font-weight:bold; } .testimonial_body p { color:#ffffff; font-size: 11px; } .testimonial_footer {} /*========================================================*/ /* Text */ /*========================================================*/ /*-- most of the text on site --*/ .normal, .Normal { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } /*-- FAQ text --*/ .FAQ { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } /*-- most of the bold text on site --*/ .NormalBold { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; } /*-- red text on site for errors --*/ .NormalRed { color: #990000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; } /*-- subheadings - mostly in admin --*/ .SubHead { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; padding: 0; } /*-- headings - mostly in admin --*/ .Head { font-size: 11px; color: #000000; background: transparent; font-weight: bold; padding: 0;} /*-- h1 - on site --*/ H1 { font-size: 18px; color: #000000; background: transparent; font-weight: bold; padding: 0; font-family: Arial, Helvetica, sans-serif; line-height:1;} /*-- h2 - on site --*/ H2 { font-size: 14px; color: #000000; background: transparent; font-weight: normal; padding: 0; font-family: Arial, Helvetica, sans-serif; line-height:1;} /*-- h3 - on site --*/ H3 { font-size: 11px; color: #000000; background: transparent; font-weight: normal; padding: 0; font-family: Arial, Helvetica, sans-serif; line-height:1;} /*========================================================*/ /* Links */ /*========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active { color: #4d4b4c; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: underline; } /*-- default links hover --*/ a:hover { color: #bf2827; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; } /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited { color: #4d4b4c; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; } /*-- normal links hover --*/ a.Normal:hover { color: #bf2827; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; } /*-- product links visited and active --*/ a.product:link, a.product:visited { color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; } /*-- product links hover --*/ a.product:hover { color: #bf2827; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; } /*-- hyperlink style portal admin --*/ A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active {color: #9d9c9c; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; text-decoration: underline; background-color: transparent;} /*-- hyperlink style portal admin --*/ A.CommandButton:hover {color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; background-color: transparent;} /*-- normal links visited and active --*/ a.FAQ:link, a.FAQ:visited, a.FAQ:active { color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; } /*-- normal links hover --*/ a.FAQ:hover { color: #bf2827; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; } /*========================================================*/ /* 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:19px; background: url(images/search_bg.png) no-repeat; white-space: no-wrap; width: 119px; color: #41004c; padding: 4px 7px 0px 7px; border: 0px; cursor:text;} /*========================================================*/ /* SolPart Menu */ /*========================================================*/ .MenuArea { padding:0px 25px 0px 5px; } /* Menu area */ /* Menu height */ .MenuHeight { height:28px; } /* Menu height */ .LandingSpacer { height:7px; } /* Main menu container */ .MainMenu_SubMenu { background:#5b5a5b; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; z-index:1000; cursor:pointer; cursor:hand; font-weight:normal; } /* Submenu items idle */ .MainMenu_MenuItem { background:#5b5a5b; color:#f2f2f2; font-family: Arial, Helvetica, sans-serif; font-size:8pt; font-weight:bold; font-style:normal; padding:5px 30px 5px 16px; height:20px; border-top:0px solid #636263; border-right:0px solid #ffffff; border-bottom:0px solid #d8dde3; border-left:0px solid #ffffff; } /* Submenu items hover */ .MainMenu_MenuItemSel { background-color:transparent; } /* Submenu items hover */ .SubMenu_MenuItemSel { background:#4d4b4c; color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:8pt; font-weight:bold; cursor:pointer; cursor:hand; padding:5px 30px 5px 16px; height:20px; border-top:0px solid #e4e4e4; border-right:0px solid #e4e4e4; border-bottom:0px solid #d8dde3; border-left:0px solid #e4e4e4; } /* Box that contains the menu */ .MainMenu_MenuContainer { height:28px; background:transparent; } /* Bar that contains the menu */ .MainMenu_MenuBar { height:28px; cursor:pointer; cursor:hand; background:transparent; } .MainMenu_Idle TD IMG { display:none; } .MainMenu_Idle TD{ line-height:0; height:28px; padding:0; margin:0; vertical-align:middle;} .MainMenu_Idle TD DIV{ height:28px; background:url(images/NavSepOffR.gif) top right no-repeat; background-color: transparent; margin:0; padding:0; float:left; _float:none; } .MainMenu_Idle TD DIV DIV{ height:28px; background:url(images/NavSepOffL.gif) top left no-repeat; margin:0; padding:0 26px 0 26px; float:right; _float:none; } .MainMenu_Idle TD DIV DIV DIV{ height:28px; background:url(images/NavOff.gif) center center repeat-x; padding:0px 0px 0px 0px; margin:0; font-size:8pt; font-weight:bold; color:#f2f2f2; line-height:20pt; } .MainMenu_Selected TD IMG, .MainMenu_BreadcrumbActive TD IMG { display:none; } .MainMenu_Selected TD, .MainMenu_BreadcrumbActive TD{ height:28px; padding:0; margin:0; vertical-align:middle; line-height:0; } .MainMenu_Selected TD DIV, .MainMenu_BreadcrumbActive TD DIV{ height:28px; background:url(images/NavSepSelR.gif) top right no-repeat; margin:0; padding:0; float:left; _float:none; } .MainMenu_Selected TD DIV DIV, .MainMenu_BreadcrumbActive TD DIV DIV{ height:28px; background:url(images/NavSepSelL.gif) top left no-repeat; margin:0; padding:0 26px 0 26px; float:right; _float:none; } .MainMenu_Selected TD DIV DIV DIV, .MainMenu_BreadcrumbActive TD DIV DIV DIV{ line-height:20pt; height:28px; color:#ffffff; font-size:8pt; background:url(images/NavSel.gif) center center repeat-x; font-weight:bold; padding:0px 0px 0px 0px; margin:0; } /* Menuitem arrows */ .MainMenu_MenuArrow { border-top:0px solid #ffffff; border-right:0px solid #ffffff; border-bottom:0px solid #d8dde3; border-left:0px solid #ffffff; margin:0; padding:0; } /* Menuitem root arrows */ .MainMenu_RootMenuArrow { display:none; } /* Menuitem icons */ .MainMenu_MenuIcon { display:none; } /* Menuitem separator */ .MainMenu_Separator { } /* Menuitems separator borders */ .MainMenu_MenuBreak { border-top-style:none; border-right-style:none; border-left-style:none; border-bottom-style:none; background:transparent; vertical-align:top; } /* Menu cell */ .MenuCell { width:100%;}