/*========================================================*/ /* CSS for DotNetNuke Skin - KSAPE Red */ /* by Cyber Siouxland */ /* http://www.cybersiouxland.com */ /*========================================================*/ /*========================================================*/ /* Universal */ /*========================================================*/ /* cross browser compaibility fix */ * {margin: 0;} /* Style For HTML PAGE */ html { height: 100%; padding-top:0px;} /* Style For HTML BODY */ #body { height:100%; margin: 0; repeat; margin: 0 0 0 0; background: url(images/bg.png) repeat #565656 } /* Setting Text Throughout the skin */ table, tr, td {font-family: Arial; font-size: 14px; color:#515151; margin: 0;} p {font-family: Arial; font-size: 14px; color:#515151; padding:0;} IMG { border:none;} HR {height:1px;text-align:left;color:202356;} UL.Arrow_hover { list-style-image:url(images/Arrow_hover.png) } UL.Arrow_default { list-style-image:url(images/Arrow_default.png) } LI.Arrow_hover { list-style-image:url(images/Arrow_hover.png) } LI.Arrow_default { list-style-image:url(images/Arrow_default.png) } /*========================================================*/ /* Design Elements */ /*========================================================*/ /*-- width setting on skins --*/ .StandardWidth { width:100%; margin:auto;} /*-- Outer Table --*/ .OuterTable { width:100%; margin:auto;} /*-- 100 percent height where req --*/ .FullHeight { height:100%; } /*-- cell containing logo & Menu --*/ .HeaderTD { width:100%; margin: auto; height:133px; vertical-align: top; background: url(images/HeaderTable_BG.jpg) repeat-x top left #FFFFFF; border-bottom: #cb0100 solid 1px} /*-- Header table on boxed 800 --*/ .HeaderTable780 { width:780px; height:133px; margin:auto; margin:auto !important; vertical-align:bottom; border:none} /*-- Header table on boxed 1004 --*/ .HeaderTable1004 { width:1004px; height:133px; margin:auto; margin:auto !important; vertical-align:bottom; border:none} /*-- Header table for full width --*/ .HeaderTableFull { width:100%; height:133px; margin:auto; margin:auto !important; vertical-align:bottom; border:none} /*-- Top Left Header Cell --*/ .LeftHeaderTD { vertical-align: bottom; padding-bottom:0px} /*-- Right Header Top TD --*/ .RightHeaderTopTD { display: inline; vertical-align: top; padding-bottom:0px; padding-top:5px; padding-right: 15px; border:0px} /*-- Left Header Bottom TD --*/ .RightHeaderBottomTD { vertical-align: bottom; padding-bottom:0px; border:0px} /*-- Date table on skins --*/ .DateTable { vertical-align:top; text-align:right; } /*-- Menu Cell --*/ .navParentTD { vertical-align: bottom; height:33px; _height:33px; padding-bottom:0px; border:0px} /*-- Breadcrumb Cell --*/ .BreadcrumbTD { vertical-align: middle; height:22px; _height:25px; padding-bottom:0px; border:0px; padding-right:7px;} /*-- cell containing search --*/ .SearchTD { vertical-align: top; text-align: left; height: 25px; padding-left:7px; } /*-- cell containing search --*/ .SearchTD_2 { width:208px; vertical-align: top; text-align: left; height: 25px; background: url(images/search_bg.jpg) no-repeat top right transparent; padding: 0px 0px 0 0; } /*-- cell containing Logo Token -*/ .LogoTD { text-align:left; height:108px; vertical-align:middle; padding-left:7px;} /*-- cell containing content panes --*/ .ContentPanesTD { width:100%; vertical-align: top; background: url(images/bg.png) repeat top #e2e0e0; border:none} /*-- Content table on boxed 800 --*/ .ContentTable780 { width:780px; margin:auto; background-color:#e2e0e0; border:none} /*-- Content table on boxed 1004 --*/ .ContentTable1004 { width:1004px; margin:auto; background-color:#e2e0e0; border:none} /*-- Content table for full width -*/ .ContentTableFull { width:100%; margin:auto; background-color:#e2e0e0; border:none} /*-- cell containing content panes --*/ .BottomPanesTD { width:100%; vertical-align: top; background: url(images/bg.png) repeat top #ffffff; border:none;} /*-- Bottom Content table on boxed 800 --*/ .BottomContentTable780 { width:780px; margin:auto; background-color:#ffffff; border:none} /*-- Bottom Content table on boxed 1004 --*/ .BottomContentTable1004 { width:1004px; margin:auto; background-color:#ffffff; border:none} /*-- Bottom Content table for full --*/ .BottomContentTableFull { width:100%; margin:auto; background-color:#ffffff; border:none} /*-- cell containing Footer Objects --*/ .FooterPanesTD { width:100%; vertical-align: top; background: none; border: none} /*-- Footer table on boxed 800 --*/ .FooterTable780 { width:780px; margin:auto; vertical-align:top; padding-bottom: 7px; background-color:#565656; border:none} /*-- Footer table for full width --*/ .FooterTableFull { width:100%; margin:auto; vertical-align:top; padding-bottom: 7px; background-color:#565656; border:none} /*-- cell containing Footer Objects --*/ .FooterTD_links { width:50%; padding-top:7px; padding-left:7px;} /*-- cell containing Footer Objects --*/ .FooterTD_objects { width:50%; padding-left:7px;} /*-- cell for login & register --*/ .LoginRegTD { vertical-align:top; padding-right:7px;} /*-- table for login & register -*/ .LoginRegTable { vertical-align:top; height:24px} /*-- cell containing footerlinks --*/ .FooterLinksTD { border-right:#0b73aa dotted 1px;} /*-- cell for login & register --*/ .FooterTokensTD { vertical-align:top; padding-bottom:20px;} /*========================================================*/ /* Content Panes */ /*========================================================*/ /*-- content pane --*/ .BannerPane { width:100%; padding-left:5px; padding-right:5px; padding-top:7px; padding-bottom:5px} /*-- content pane --*/ .HeaderPane { width:100%; padding-left:5px; padding-right:5px; padding-top:7px; padding-bottom:5px} /*-- main content pane --*/ .ContentPane { width:100%; padding-left:5px; padding-right:5px; padding-top:7px;} /*-- content pane --*/ .ContentPane2 { width:50%; padding-left:5px; padding-right:5px; padding-top:7px;} /*-- content pane --*/ .ContentPane3 { width:50%; padding-left:5px; padding-right:5px; padding-top:7px;} /*-- content pane --*/ .ContentPane4 { width:40%; padding-left:5px; padding-right:5px} /*-- content pane --*/ .ContentPane5 { width:60%; padding-left:5px; padding-right:5px} /*-- content pane --*/ .ContentPane6 { width:80%; padding-left:5px; padding-right:5px; padding-top:7px;} /*-- content pane --*/ .ContentPane7 { width:20%; padding-left:5px; padding-right:5px; padding-top:7px;} /*-- content pane --*/ .ContentPane8 { width:25%; padding-left:5px; padding-right:5px; padding-top:7px; margin:auto} /*-- content pane --*/ .ContentPane9 { width:25%; padding-left:5px; padding-right:5px; padding-top:7px; margin:auto} /*-- content pane --*/ .ContentPane10 { width:25%; padding-left:5px; padding-right:5px; padding-top:7px; margin:auto} /*-- content pane --*/ .ContentPane11 { width:25%; padding-left:5px; padding-right:5px; padding-top:7px; margin:auto} /*-- content pane --*/ .BottomPane2 { width:100%; padding-left:5px; padding-right:5px; padding-top:7px} /*-- content pane --*/ .BottomPane { width:100%; padding-left:5px; padding-right:5px; padding-top:7px} /*-- footer content pane --*/ .FooterPane { width:100%; padding-left:5px; padding-right:5px; padding-top:5px; background-color:#565656;} /*========================================================*/ /* Tokens */ /*========================================================*/ /*-- login token idle --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active { color: #565656; background: url(images/ico-login.png) no-repeat top left; font-family: Arial; font-size: 11px; font-weight:normal; text-decoration: none; height:17px; float:right; padding-left:20px;} /*-- login token hover --*/ a.LOGIN_object:hover { color: #444; background: url(images/ico-login-over.png) no-repeat top left; font-family: Arial; 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: #565656; background: url(images/ico-register.png) no-repeat top left; font-family: Arial; font-size: 11px; font-weight:normal; text-decoration: none; height:17px; float:right; padding-left:20px;} /*-- user token hover --*/ a.USER_object:hover { color: #4444; background: url(images/ico-register-over.png) no-repeat top left; font-family: Arial; font-weight:normal; font-size: 11px; text-decoration: none; } /*-- breadcrumbs token idle --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #c8c8c8; font-family: Arial; font-style:italic; font-size: 11px; text-decoration: none; font-weight:normal;} /*-- breadcrumbs token hover --*/ a.BREADCRUMBS_object:hover { color: #f2f2f2; font-family: Arial; font-style:italic; font-size: 11px; text-decoration: none; font-weight:normal; } /*-- date token idle --*/ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: #ffffff; font-family: Arial; font-size: 11px; text-decoration: none; } /*-- date token hover --*/ a.DATE_object:hover { color: #c1c1c1; font-family: Arial; font-size: 11px; text-decoration: none; } /*-- terms privacy and copyright --*/ .FOOTER_objects { color:#e2e0e0; font-size: 9px} /*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { font-size: 9px; color:#e2e0e0; font-weight:normal; text-decoration:none; } /*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { font-size: 9px; color:#cdcdcd; font-weight:normal; text-decoration:none; } /*-- footer link token --*/ .FOOTER_links { color:#e2e0e0; font-size: 10px; padding-top:10px; } /*-- footer link token --*/ a.FOOTER_links:link, a.FOOTER_links:visited, a.FOOTER_links:active { font-size: 10px; color:#e2e0e0; font-weight:normal; text-decoration:none; } /*-- footer link token --*/ a.FOOTER_links:hover { font-size: 10px; color:#cdcdcd; font-weight:normal; text-decoration:none; } /*========================================================*/ /* Text */ /*========================================================*/ /*-- text style portal admin pages --*/ .CommandButton {font-family: Arial; font-size: 11px; color: #555;} /*-- most of the text on site --*/ .normal, .Normal { font-family: Arial; font-size: 14px; color: #515151; } /*-- most of the bold text on site --*/ .NormalBold { font-family: Arial; font-size: 14px; font-weight: bold; color: #8D8D8D; } /*-- red text on site for errors --*/ .NormalRed { color: #208f99; font-family: Arial; font-weight: bold; font-size: 14px; } /*-- subheadings - mostly in admin --*/ .SubHead { font-family: Arial; font-size: 11px; font-weight: bold; color: #cb0100; padding: 0; } /*-- headings - mostly in admin --*/ .Head { font-size: 11px; color: #cb0100; background: transparent; font-weight: bold; padding: 0;} /*-- h1 - on site --*/ H1 { font-size: 35px; color: #cb0100; background: transparent; font-weight: normal; padding: 0; font-family: Georgia;} /*-- h2 - on site --*/ H2 { font-size: 22px; color: #cb0100; background: transparent; font-weight: normal; padding: 0; font-family: Georgia;} /*-- h3 - on site --*/ H3 { font-size: 14px; color: #cb0100; background: transparent; font-weight: normal; padding: 0; font-family: Georgia;} /*========================================================*/ /* Links */ /*========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active { color: #cb0100; font-weight: bold; text-decoration: none; } /*-- default links hover --*/ a:hover { color: #515151; text-decoration: underline; } /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited { color: #cb0100; font-family: Arial; font-weight: bold; text-decoration: none; } /*-- normal links hover --*/ a.Normal:hover { color: #515151; font-family: Arial; text-decoration: underline; } /*-- hyperlink style portal admin --*/ A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active {color: #cb0100; font-family: Arial; font-weight: normal; font-size: 14px; text-decoration: none; line-height:2.5; border:1px #cb0100 solid; padding:1px; background-color:#FFFFFF} /*-- hyperlink style portal admin --*/ A.CommandButton:hover {color: #515151; font-family: Arial; font-weight: normal; font-size: 14px; text-decoration: none; line-height:2.5; border:1px #515151 solid; padding:1px} /*-- block1 idle --*/ a.block1_object_text:link, a.block1_object_text:visited, a.block1_object_text:active { color: #ffffff; font-family: Arial; font-size: 18px; font-weight:bold; text-decoration: none;} /*-- block1 idle hover --*/ a.block1_object_text:hover { color: #f2f2f2; font-family: Arial; text-decoration: underline; } /*========================================================*/ /* Forms */ /*========================================================*/ /*-- default form elements --*/ select, input { font-family: Arial; font-size: 11px; color: #333; } /*-- textbox --*/ .NormalTextBox { color: #515151; padding-left: 4px; line-height: 12px; font-family: Arial; 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:25px; background: transparent; width: 175px; font-size: 11px; color: #c8c8c8; padding: 5px 4px 0px 7px; border: 0px solid #FFFFFF; cursor:text;} /*========================================================*/ /* Breadcrumb Background */ /*========================================================*/ /*-- Breadcrumb left --*/ .Bread-l { width:8px; height:21px; background: url(images/Bread-l.jpg) no-repeat right;} /*-- Breadcrumb mid --*/ .Bread-m { height:21px; background: url(images/Bread-m.jpg) repeat-x} /*-- Breadcrumb right --*/ .Bread-r { width:8px; height:21px; background: url(images/Bread-r.jpg) no-repeat left; } /*========================================================*/ /* Login Reg Menu */ /*========================================================*/ /*-- Reg left --*/ .reg-l { width:10px; height:24px; background: url(images/reg-l.png) no-repeat top right;} /*-- Reg mid --*/ .reg-m { height:24px; background: url(images/reg-m.png) repeat-x top} /*-- Reg right --*/ .reg-r { width:10px; height:24px; background: url(images/reg-r.png) no-repeat top left; } /*-- Login Left --*/ .log-l { width:10px; height:24px; background: url(images/log-l.png) no-repeat top right;} /*-- Login Mid --*/ .log-m { height:24px; background: url(images/log-m.png) repeat-x top} /*-- Login Right --*/ .log-r { width:10px; height:24px; background: url(images/log-r.png) no-repeat top left;} /*========================================================*/ /* Main Image Styles */ /*========================================================*/ /*-- block1 idle --*/ .block1_object_normal { background: url(images/block1-normal.png) no-repeat top; color: #ffffff; font-family: Arial; font-size: 18px; font-weight:bold; text-decoration: none; height:151px; vertical-align:top; padding-top: 20px;} /*-- block1 hover --*/ .block1_object_hover { background: url(images/block1-hover.png) no-repeat top; color: #ffffff; font-family: Arial; font-size: 18px; font-weight:bold; text-decoration: none; height:151px; vertical-align:top; padding-top: 20px;} /*-- block1 row1 --*/ .block1_row1 { color: #515151; font-family: Arial; font-size: 14px; font-weight:bold; border-bottom:#cb0100 dotted 1px; padding-top: 15px; padding-bottom:15px; padding-left: 10px;} /*-- block1 row2 --*/ .block1_row2 { color:#515151; font-family: Arial; font-size: 11px; padding-top:5px; padding-bottom:5px;} /*-- block1 row3 --*/ .block1_row3 { padding-top:10px; padding-bottom:10px;} /*-- block2 idle --*/ .block2_object_normal { background: url(images/block2-normal.png) no-repeat top; color: #ffffff; font-family: Arial; font-size: 18px; font-weight:bold; text-decoration: none; height:151px; vertical-align:top; padding-top: 20px;} /*-- block2 hover --*/ .block2_object_hover { background: url(images/block2-hover.png) no-repeat top; color: #ffffff; font-family: Arial; font-size: 18px; font-weight:bold; text-decoration: none; height:151px; vertical-align:top; padding-top: 20px;} /*-- block2 row1 --*/ .block2_row1 { color: #515151; font-family: Arial; font-size: 14px; font-weight:bold; border-bottom:#cb0100 dotted 1px; padding-top: 15px; padding-bottom:15px; padding-left: 10px;} /*-- block2 row2 --*/ .block2_row2 { color:#515151; font-family: Arial; font-size: 11px; padding-top:5px; padding-bottom:5px;} /*-- block2 row3 --*/ .block2_row3 { padding-top:10px; padding-bottom:10px;} /*-- block3 idle --*/ .block3_object_normal { background: url(images/block3-normal.png) no-repeat top; color: #ffffff; font-family: Arial; font-size: 18px; font-weight:bold; text-decoration: none; height:151px; vertical-align:top; padding-top: 20px;} /*-- block3 hover --*/ .block3_object_hover { background: url(images/block3-hover.png) no-repeat top; color: #ffffff; font-family: Arial; font-size: 18px; font-weight:bold; text-decoration: none; height:151px; vertical-align:top; padding-top: 20px;} /*-- block3 row1 --*/ .block3_row1 { color: #515151; font-family: Arial; font-size: 14px; font-weight:bold; border-bottom:#cb0100 dotted 1px; padding-top: 15px; padding-bottom:15px; padding-left: 10px;} /*-- block3 row2 --*/ .block3_row2 { color:#515151; font-family: Arial; font-size: 11px; padding-top:5px; padding-bottom:5px;} /*-- block3 row3 --*/ .block3_row3 { padding-top:10px; padding-bottom:10px;} /*-- block4 idle --*/ .block4_object_normal { background: url(images/block4-normal.png) no-repeat top; color: #ffffff; font-family: Arial; font-size: 18px; font-weight:bold; text-decoration: none; height:151px; vertical-align:top; padding-top: 20px;} /*-- block4 hover --*/ .block4_object_hover { background: url(images/block4-hover.png) no-repeat top; color: #ffffff; font-family: Arial; font-size: 18px; font-weight:bold; text-decoration: none; height:151px; vertical-align:top; padding-top: 20px;} /*-- block4 row1 --*/ .block4_row1 { color: #515151; font-family: Arial; font-size: 14px; font-weight:bold; border-bottom:#cb0100 dotted 1px; padding-top: 15px; padding-bottom:15px; padding-left: 10px;} /*-- block4 row2 --*/ .block4_row2 { color:#515151; font-family: Arial; font-size: 11px; padding-top:5px; padding-bottom:5px;} /*-- block4 row3 --*/ .block4_row3 { padding-top:10px; padding-bottom:10px;} /*========================================================*/ /* Button Styles */ /*========================================================*/ /*-- hover --*/ .button_hover { background: url(images/button_hover.png) no-repeat right; color: #444; font-family: Arial; font-size: 14px; font-weight:bold; text-decoration: none; height:28px; padding-right:35px;} /*-- idle --*/ .button_default { background: url(images/button_default.png) no-repeat right; color: #888888; font-family: Arial; font-size: 14px; font-weight:bold; text-decoration: none; height:28px; padding-right:35px;} /*==========================================================*/ /* End Style Sheet */ /*==========================================================*/