/*=====================================================================*/ /* Cascading Style Sheet for CDSA Skins */ /* created by t-worx */ /* */ /* http://www.t-worx.com */ /* tracyw@t-worx.com */ /*=====================================================================*/ /* Skin BG Color and Content Alignament */ body, html { padding:0px; margin:0px;background: #FFFFFF;} /* Skin BG Color and Content Alignament */ .BGTable { /* Alignament MUST be defined cross-browser compatibility at Text-align*/ width: 100%;height: 100%;background: #FFFFFF;padding:0px 0px 0px 0px;margin:0px;text-align:center;} /* Width of Skin - Applied to underlying table with minimum width applied */ .MainTable {width: 940px;background:none;margin:auto;text-align: left!important;} div { padding:0px; margin:0px;} /*=====================================================================*/ /* Skin Layout styles */ /*=====================================================================*/ /*Style for Logo Pane*/ .LogoPane {float:left; width:295px; height:66px; padding:0px 0px; margin:0px 0px 0px 0px; overflow:hidden;} .LogoPaneMain { float:left; width:315px;} .HeaderBgImage { background:url(images/Headerbg.jpg) 0px 0px no-repeat;} .HeaderBgLeftImage { margin:0px 0px 0px -71px!important; position:absolute;} .LogoPane img { position:absolute;} .FooterLogo { margin:-55px 0px 0px 0px; position:absolute;} /*Style for Nav Pane*/ .NavPane { margin:0px; padding:0px 0px 0px 0px; float:right; width:635px;} .NavPane li{ list-style:none!important;} /*Style for LoginPane*/ .LoginPane {z-index:999; position:relative;width:350px; float:right; margin:0px; padding:5px 20px 0px 0px; text-align:right; color:#6490b8;font-size:11px!important; font-weight:bold; overflow:hidden;} /*Style for Shadoes Backgrounds*/ .ShadowMain { margin:-12px 0px 1px 0px;} /*Style for Topleft*/ .Topleft { background:url(images/TopLeft.png) left top no-repeat;} /*Style for TopRight*/ .TopRight { background:url(images/TopRight.png) right top no-repeat;} /*Style for TopMiddle*/ .TopMiddle { background:url(images/TopMiddle.png) left top repeat-x; margin:0px 25px;} /*Style for LeftSide*/ .LeftSide { background:url(images/LeftSide.png) left top repeat-y;} /*Style for RightSide*/ .RightSide { background:url(images/RightSide.png) right top repeat-y;} /*Style for Bottomleft*/ .Bottomleft { background:url(images/BottomLeft.png) left bottom no-repeat;} /*Style for BottomRight*/ .BottomRight { background:url(images/BottomRight.png) right bottom no-repeat;} /*Style for BottomMiddle*/ .BottomMiddle { background:url(images/BottomMiddle.png) left bottom repeat-x; margin:0px 25px;} /*Style for Gradient Shadoes Backgrounds*/ .GradientShadowMain { margin:0px 0px 1px 0px;} /*Style for GradientContentMain */ .GradientContentMain { overflow:hidden; margin:0px 14px; padding:6px 22px 10px 22px; background:#FFFFFF url(images/GradientMain.png) left bottom repeat-x;} /*Style for Gradient Topleft*/ .GradientTopleft { background:url(images/GradientTopLeft.png) left top no-repeat;} /*Style for Gradient TopRight*/ .GradientTopRight { background:url(images/GradientTopRight.png) right top no-repeat;} /*Style for Gradient TopMiddle*/ .GradientTopMiddle { background:url(images/GradientTopMiddle.png) left top repeat-x; margin:0px 25px;} /*Style for Gradient LeftSide*/ .GradientLeftSide { background:url(images/GradientLeftSide.png) left top repeat-y;} /*Style for Gradient RightSide*/ .GradientRightSide { background:url(images/GradientRightSide.png) right top repeat-y;} /*Style for Gradient Bottomleft*/ .GradientBottomleft { background:url(images/GradientBottomLeft.png) left bottom no-repeat;} /*Style for Gradient BottomRight*/ .GradientBottomRight { background:url(images/GradientBottomRight.png) right bottom no-repeat;} /*Style for Gradient BottomMiddle*/ .GradientBottomMiddle { background:url(images/GradientBottomMiddle.png) left bottom repeat-x; margin:0px 25px;} /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*Style for TopMain */ .TopMain {padding:0px; margin:0px 0px 0px 0px; background:#1a5e9d;} /*Style for MiddleMain */ .MiddleMain {overflow:hidden; background:url(images/MainBg.gif) left top repeat-x; padding:0px 0px 30px 0px;} /*Style for ContentMain */ .ContentMain { overflow:hidden; margin:0px 25px; padding:6px 6px 6px 6px; background:#FFFFFF;} /*Style for LeftPaneMain */ .LeftPaneMain {float: left; width: 200px;padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; overflow:hidden; background:url(images/LeftShadow.gif) right top repeat-y #ffffff;} /*Style for RightPaneMain */ .RightPaneMain {float: right;width: 720px;padding:5px 0px; overflow:hidden;} /*Style for FooterMain */ .FooterMain {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;background: #ad0101 url(images/Bottombg.jpg) center top no-repeat;} .FooterPane a { color:#333333!important; text-decoration:none!important; font-size:11px!important;} .FooterPane a:hover { color:#666666!important;} .FooterPane p, .FooterPane .Normal, .FooterPane td, .FooterPane div { color:#9c9c9c!important;text-decoration:none!important;} /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*Style for HeaderLeftPane */ .HeaderLeftPane { padding:0px 0px 0px 0px; margin:0px; float:left; width:290px; overflow:hidden;} /*Style for HeaderPane */ .HeaderPane { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; float:right; width:480px; overflow:hidden;} /*Style for LoginLeftPane */ .LoginLeftPane { position:relative; z-index:33333; padding:5x 0px 2px 0px; margin:0px 20px 0px 100px; float:left; width:450px; overflow:hidden;} /*Style for ContentPane */ .ContentPane { padding:0px 0px 5px 0px; margin:0px; overflow:hidden;} /*Style for AdminContentPane */ .AdminContentPane { padding:0px 0px 10px 0px; margin:0px; overflow:hidden;} /*Style for ContentMiddlePane */ .ContentMiddlePane { padding:5px 0px 0px 0px; margin:0px; overflow:hidden;} /*Style for LeftPane */ .LeftPane {padding:0px; float:left; margin:0px; width:332px; overflow:hidden;} /*Style for CenterPane */ .CenterPane { margin:0px; padding:0px; width:460px; float:left; overflow:hidden;} /*Style for RightPane */ .RightPane {padding:0px; width:535px; float:right; overflow:hidden;} /*Style for MiddlePane */ .MiddlePane { margin:0px 15px 2px 15px; padding:0px 0px; overflow:hidden;} /*Style for BottomPane */ .BottomPane { margin:0px 0px 0px 0px; padding:0px 0px; overflow:hidden;} /*Style for FooterPane */ .FooterPane { margin:0px 100px 0px 100px; padding:0px 0px 0px 0px; text-align:center; overflow:hidden; } /*Style for InnerPage Panes */ /*Style for ContentPaneIP */ .ContentPaneIP { padding:0px 0px 10px 0px; margin:0px; overflow:hidden;} .ContentPaneIP .GrayGradientbgNoTitleSmallContentMain a{ text-decoration:none!important; font-weight:bold!important; margin:0px 35px 0px 0px;} /*Style for TopLeftPane */ .TopLeftPane {padding:0px 0px 10px 0px; float:left; margin:0px; width:250px; overflow:hidden;} /*Style for TOpRightPane */ .TopRightPane {padding:0px 0px 10px 0px; width:610px; float:right; overflow:hidden;} /*Style for LeftPaneIP */ .LeftPaneIP {padding:0px 0px 0px 0px; float:left; margin:0px; width:610px; overflow:hidden;} /*Style for RightPaneIP */ .RightPaneIP {padding:0px 0px 0px 0px; width:250px; float:right; overflow:hidden;} /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*Style for LinkPane */ .LinkPane { margin:12px 0px 44px 20px; float:left; width:565px; padding:0px 0px 0px 0px; color:#ec9999; text-align:left; overflow:hidden; } /*Style for CopyrightPane*/ .CopyrightPane { padding:0px 0px 3px 0px; margin:16px 100px 5px 0px; color:#ec9999; font-size:11px; text-align:right; white-space:nowrap; float:right; width:245px;} /*Style for clearing Div's*/ .ClearFloat {clear:both;height:0px;font-size:0px;line-height:0px;} /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Breadcrumb text syle */ .BreadcrumbPane { padding:0px 0px 6px 0px; color:#a2a2a2;font-size:11px;} .breadcrumb {font-weight: normal;color: #a2a2a2;text-align:left;text-decoration:none; font-size:11px; vertical-align:top;} A.breadcrumb:link, A.breadcrumb:visited, A.breadcrumb:active {font-weight: normal;font-size:11px;color: #a2a2a2;text-align:left;text-decoration:none;} A.breadcrumb:hover {font-weight: normal;font-size:11px;color: #747474;text-align:left;text-decoration:underline;} /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*=====================================================================*/ /* Skin Properties */ /*=====================================================================*/ /* Login hover styles*/ .Login,A.Login:link,A.Login:visited,A.Login:active{color:#6491b9; font-size:11px;font-weight: bold;text-decoration:none;} A.Login:hover {color:#1a5e9d; font-size:11px;font-weight: bold;text-decoration:none; } /* User hover styles*/ .User,A.User:link,A.User:visited,A.User:active{color:#6491b9; font-size:11px;font-weight: bold;text-decoration:none;} A.User:hover {color:#1a5e9d; font-size:11px;font-weight: bold;text-decoration:none; } /*Date Styles*/ .Date { color:#FFFFFF; font-size:11px;text-decoration:none;} /* Footer text syle */ .Footer,A.Footer:link,A.Footer:visited,A.Footer:active {font-weight:normal;color:#9c9c9c;text-decoration:none;padding:0px 2px;} A.Footer:hover {font-weight:normal;color:#666666;text-decoration:none; padding:0px 2px;} /* Copyright text syle */ .Copyright,A.Copyright:link,A.Copyright:visited,A.Copyright:active {font-weight:normal; font-size:11px;text-transform:none;color:#ec9999;text-decoration:none;} A.Copyright:hover {color: #FFFFFF;} /* Link Pane text syle */ .Link { font-size: 11px; color: #f4b3b3; text-decoration:none;} A.Link:link, A.Link:visited, A.Link:active {font-size: 11px; padding:0px 10px 0px 0px!important; color: #f4b3b3; text-decoration:none; font-weight:bold; text-transform:uppercase;} A.Link:hover { font-size: 11px; color: #FFFFFF; text-decoration:none; font-weight:bold; text-transform:uppercase;} /* Host Pane text syle */ .Host { font-size: 10px; text-transform:uppercase;color: #FFFFFF; text-decoration:none;} A.Host:link, A.Host:visited, A.Host:active { font-size: 10px; color: #ffffff; text-decoration:none;} A.Host:hover { font-size: 10px; color: #ffffff; text-decoration:underline;} /*=====================================================================*/ /* Template Text and Link Styles Based on Colors */ /*=====================================================================*/ /* Default font style Style */ body, html, TH, TD, td, div , p, table { color: #333333; font-size: 14px; text-decoration: none; font-family:Arial;} p { margin:0px; padding:0px 0px 8px 0px;} td { text-align:left;} /*Default List style */ ul, ol { margin:0px; padding:0px 0px 5px 30px; list-style:none;} ul ul, ol ol{ margin:0px; padding:0px 0px 5px 15px; list-style:none;} li { list-style:disc!important; vertical-align:top; line-height:normal; padding:0px; margin:0px;} ol li { list-style:decimal!important;} img { border:none;} br { margin:0px; padding:0px; height:1px;} .ContentMain, .BottomPane, .MiddlePane { line-height:28px;} /**/ /* Default link syle */ A:Link, A:Visited, A:Active {color: #ad0101;text-decoration: underline;font-family:Arial;} A:Hover {color: #1a5e9d;text-decoration: underline;font-family:Arial;} /* Black (Default color) */ .Normal { color: #333333; font-family:Arial!important; font-size: 14px; font-weight: normal; } A.Normal:link, A.Normal:visited, A.Normal:Active { color: #ad0101; font-family:Arial!important; font-size: 14px; font-weight: normal; text-decoration: underline; } A.Normal:Hover { color: #1a5e9d; font-family:Arial!important; font-size: 14px; font-weight: normal; text-decoration: underline; } .NormalBold { color: #333333; font-size: 14px; font-weight: bold; } A.NormalBold:link, A.NormalBold:visited, A.NormalBold:Active { color: #ad0101; font-size: 14px; font-weight: bold; text-decoration: none; } A.NormalBold:Hover { color: #1a5e9d; font-size: 14px; font-weight: bold; text-decoration: underline; } .NormalBoldBlue { color: #1a5e9d; font-size: 15px; font-weight: bold; padding:0px 0px 8px 0px; margin:0px;font-family:Arial; line-height:normal;} A.NormalBoldBlue:link, A.NormalBoldBlue:visited, A.NormalBoldBlue:Active { color: #ad0101; font-size: 15px; font-weight: bold; text-decoration: underline; } A.NormalBoldBlue:Hover { color: #ad0101; font-size: 15px; font-weight: bold; text-decoration: underline; } /*Extra Font color styles*/ /* Blue */ .BlueText, .BlueText a { color: #1a5e9d;font-weight: normal;} .BlueText a:Hover { color: #1a5e9d; font-weight: normal; text-decoration: underline; } /* Orange */ .OrangeText, .OrangeText a { color: #ff9c00;font-weight: normal;} .OrangeText a:Hover { color: #ff9c00; font-weight: normal; text-decoration: underline; } /* Red */ .RedText, .RedText a { color: #ac0000;font-weight: normal;} .RedText a:Hover { color: #ac0000; font-weight: normal; text-decoration: underline; } /* Green */ .GreenText, .GreenText a { color: #00ac35;font-weight: normal;} .GreenText a:Hover { color: #00ac35; font-weight: normal; text-decoration: underline; } /* Gray */ .GrayText, .GrayText a { color: #707070;font-weight: normal;} .GrayText a:Hover { color: #707070; font-weight: normal; text-decoration: underline; } /*ControlPanel*/ .ControlPanel { margin:10px auto!important; width:930px;} /*=====================================================================*/ /* Template Text Headings */ /*=====================================================================*/ /* H1 */ H1 { color: #1a5e9d; font-size: 26px; font-weight: bold; padding:0px 0px 8px 0px; margin:0px;font-family:"Century Gothic"; line-height:normal;} A.H1:Link,A.H1:Visited,A.H1:Hover,A.H1:Active { color: #ad0101; font-size: 26px; font-weight: bold; text-decoration: underline;font-family:"Century Gothic"} /* H2 */ H2 { color: #ac0000; font-size: 19px; font-weight: bold; padding:0px 0px 8px 0px; margin:0px; font-family:"Century Gothic"; line-height:normal;} A.H2:Link,A.H2:Visited,A.H2:Hover,A.H2:Active { color: #ad0101; font-size: 19px; font-weight: bold; text-decoration: underline;font-family:"Century Gothic"} /* H3 */ H3 { color: #1a5e9d; font-size: 19px; font-weight: bold; padding:0px 0px 8px 0px; margin:0px; font-family:"Century Gothic"; line-height:normal;} A.H3:Link,A.H3:Visited,A.H3:Hover,A.H3:Active { color: #ad0101; font-size: 19px; font-weight: bold; text-decoration: underline; } /* H4 */ H4 { color: #ac0000; font-size: 16px; font-weight: bold; padding:0px 0px 8px 0px; margin:0px;font-family:Arial; line-height:normal;} A.H4:Link,A.H4:Visited,A.H4:Hover,A.H4:Active { color: #ad0101; font-size: 16px; font-weight: bold; text-decoration: underline; } /* H4 */ H5 { color: #1a5e9d; font-size: 15px; font-weight: bold; padding:0px 0px 8px 0px; margin:0px;font-family:Arial; line-height:normal;} A.H5:Link,A.H5:Visited,A.H5:Hover,A.H4:Active { color: #ad0101; font-size: 15px; font-weight: bold; text-decoration: underline; } /* H6 */ H6 { color: #ac0000; font-size: 12px; font-weight: bold; padding:0px 0px 8px 0px; margin:0px; font-family:Arial; line-height:normal;} A.H6:Link,A.H6:Visited,A.H6:Hover,A.H6:Active {font-size: 12px; color: #ad0101; font-weight: bold; text-decoration: underline; } /*=====================================================================*/ /* Module Classes */ /*=====================================================================*/ /* Default Container Title Style */ .Head { color: #333333; font-size: 14px; font-weight: bold; text-decoration: none;font-family:Arial; } A.Head:Link, A.Head:Visited, A.Head:Active { color: #ad0101; font-size: 14px; font-weight: bold; text-decoration: underline; } A.Head:Hover { color: #1a5e9d;} /* SubHead */ .SubHead { color: #333333; font-size: 13px; font-weight: bold; text-decoration: none;font-family:Arial; } A.SubHead:Link, A.SubHead:Visited, A.SubHead:Active { color: #ad0101; font-size: 13px; font-weight: bold; text-decoration: underline; } A.SubHead:Hover { color: #1a5e9d;} /* Module title style used instead of Head for compact rendering by QuickLinks and Signin modules */ .SubSubHead { color: #333333;font-weight: bold; text-decoration: none; text-transform:uppercase; font-size: 12px; font-family:Arial;} A.SubSubHead:Link, A.SubSubHead:Visited, A.SubSubHead:Active { color: #ad0101; font-size: 12px; font-weight: bold; text-decoration: underline; } A.SubSubHead:Hover{color: #1a5e9d;} /* Text style for skin objects */ .SkinObject { color: #333333; font-size: 11px; font-weight: normal; text-decoration: none; font-family:Arial;} A.SkinObject:Link, A.SkinObject:Visited, A.SkinObject:Active { color: #ad0101; font-size: 11px; font-weight: normal; text-decoration: underline; } A.SkinObject:Hover {color: #1a5e9d;} /*=====================================================================*/ /* Input and Other Admin Site Styles */ /*=====================================================================*/ /* Normal Text Box */ .NormalTextBox { color: #333333; background:#FFFFFF; font-family:Arial; font-size: 12px; font-weight: normal; vertical-align: middle; border: 1px solid #bec0bb;} td.NormalTextBox , span.NormalTextBox, table.NormalTextBox {padding: 0px;margin: 0px; background:none;border:none;} /* Admin link styles */ A.CommandButton:Link, A.CommandButton:Visited, A.CommandButton:Active {font-family:Arial; color:#ad0101; font-size: 14px; cursor:pointer; font-weight: bold; text-decoration: underline; background: none; border:none; padding:2px 3px 3px 4px; height: 20px; } A.CommandButton:Hover {font-family:Arial; color:#1a5e9d; font-size: 14px; font-weight: bold; text-decoration: underline; cursor:pointer; background:none; border:none; padding:2px 3px 3px 4px; height: 20px; } /* button style for standard HTML buttons */ .StandardButton, A.StandardButton:Link, A.StandardButton:Visited, A.StandardButton:Active {font-family:Arial; color:#ad0101; cursor:pointer; font-size: 14px; font-weight: bold; text-decoration: underline; background:none; border:none; padding:2px 3px 3px 4px; height: 20px; } A.StandardButton:Hover {font-family:Arial; color:#1a5e9d; font-size: 14px; font-weight: bold; text-decoration: underline; cursor:pointer; background:none; border:none; padding:2px 3px 3px 4px; height: 20px; } /* New DataGrid DNN Class used in Admin interface */ .DataGrid_Header { color: #333333; font-weight: bold; text-decoration: none; font-family:Arial;} .DataGrid_AlternatingItem { color: #333333; font-weight: normal; text-decoration: none; font-family:Arial;} .DataGrid_Item { color: #333333; font-weight: normal; text-decoration: none;font-family:Arial; } /*=========================================================================================================================================================================================================================================================================================================================================================*/ /* Module Action Menus */ .ModuleTitle_SubMenu{border:1px solid #1a5e9d; z-index:44444;} .ModuleTitle_SubMenu table {padding:0px; border:0px;} .ModuleTitle_SubMenu td{background:#4687c1; white-space: nowrap;border:none;border-bottom:1px solid #1a5e9d;color:#FFF!important;} .ModuleTitle_MenuIcon {background-color:#4687c1; border:none;padding: 0px 2px;} td.ModuleTitle_MenuItemSel , .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{background-color: #ad0101;color: #fff!important;} .ModuleTitle_MenuBreak td { display:none;} .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon{height:10px;background: #ad0101;} /**/ a.ImageLinkBorder, .ImageLinkBorder a { border:1px solid #d9d9d9; overflow:hidden; display:inline-block; white-space:nowrap;} a:hover.ImageLinkBorder, .ImageLinkBorder a:hover { border:1px solid #ad0101;}