/*************************************************************************************************************************************/ /* Puure Skin Pack CSS . Copyright by BIND . www.bind.pt . All rights reserved. */ /* For skin license please refer to EULA available at http://www.snowcovered.com/snowcovered2/Default.aspx?tabid=242&PackageID=15416 */ /*************************************************************************************************************************************/ @import "HouseMenuNavH.css"; @import "HouseMenuNavV.css"; html, body { height:100% !important; } body { margin: 0; padding:0; position: relative; font-size:12px; } body #Form { margin: 0; padding:0; height:100%; } table, tr, td { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #222; line-height: 140%; } p, div, ul, li { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; color: #333333; line-height: 125%; } p { display: block; margin:0; padding: 10px 0 15px 0; } li { list-style: none outside url('images/li.gif'); } ol li { list-style: decimal; } ul li { list-style: none outside url('images/li.gif'); } li { margin: 5px 0; } /*========================================================*/ /* 2. Design Elements */ /*========================================================*/ .ControlPanel { z-index:99999 !important; } #Wrapper { position:relative; } #TopBarB { z-index:0; position:absolute; top:0; width:100%; height:580px; } #TopBarT { z-index:1; position:absolute; top:0; width:100%; height:580px; } #Outer { z-index:2; position:absolute; top:0; width:100%; min-height:100%; margin:0 auto; } #OuterTable { margin:0 auto; } #OuterTable #TL { background: transparent url('images/WhiteBGBox.TL.png') no-repeat top left; } #OuterTable #TR { background: transparent url('images/WhiteBGBox.TR.png') no-repeat top right; } #OuterTable #TM { background: transparent url('images/WhiteBGBox.TM.png') repeat-x; margin:0 20px; padding-bottom:12px; } #OuterTable #ML { background: transparent url('images/WhiteBGBox.ML.png') repeat-y top left; } #OuterTable #MR { background: transparent url('images/WhiteBGBox.MR.png') repeat-y top right; } #OuterTable #MM { background: #fff; margin:0 10px; min-height:1px; } #Header { position:relative; } #Logo { padding: 40px 10px 10px; width:50%; } #Logo a { border: none; } #Logo a:hover { border: none; background: transparent; } #NavAux { position:absolute; top:40px; right:10px; } #NavAux div { padding-left: 10px; float:right; margin-bottom:7px; } #NavAux .Sep { color:#d4d4d4; font-weight:300; } #NavAux #Login { } #NavAux #Register { } #NavAux #Login .Icon, #NavAux #Register .Icon { width:12px; height:12px; background:transparent url('images/LoginIcon.bg.png') no-repeat; float:left; margin:3px 3px 0 0; padding:0; } #NavAux #Login #Arrow2, #NavAux #Register #Arrow1 { width:7px; height:6px; background:transparent url('images/LoginIcon.arrow.gif') no-repeat; float:left; margin: 3px 0 0 3px; padding:0; } #NavAux #Login #Arrow2 img, #NavAux #Register #Arrow1 img { width:1px; height:1px; border:0; } #NavAux #Language { } #NavAux #FontWidget { clear:both; } #Search { position:absolute; right:10px; bottom:0px; width: 265px; height: 34px; background-image: url('images/search.bg.gif'); background-repeat:no-repeat; } #SearchPos { position:relative; margin:2px; } #dnn_dnnSEARCH_txtSearch.NormalTextBox { width: 177px; height:20px; background: transparent; color: #666; padding: 7px 4px 2px; margin:0; border: none; cursor:text;} a.SearchButton:hover, a.SearchButton:active, a.SearchButton:visited, a.SearchButton:link { width:70px; height:30px; font-size:0px; line-height:0; margin:0; display:inline-block; background-image:url('images/search.btn.png') !important; background-repeat:no-repeat; position:absolute; top:0; right:0; cursor: pointer; } #NavBarCorners { position:relative; } #NavBarCorners .CL { width:15px; height:38px; position:absolute; top:-38px; left:0; z-index:99999; } #NavBarCorners .CL img { width:15px; height:38px; border:0; } #NavBarCorners .CR { width:15px; height:38px; position:absolute; top:-38px; right:0; z-index:99999; } #NavBarCorners .CR img { width:15px; height:38px; border:0; } #BreadcrumbRow { height:35px; background:url('images/breadcrumb.bg.gif') repeat-x; } #BreadcrumbRow .CL { width:15px; height:36px; float:left; } #BreadcrumbRow .CL img { width:15px; height:36px; border:0; } #Breadcrumb { color: #cacaca; float:left; margin:9px 5px 0 10px; } #Breadcrumb span { color: #cacaca; white-space:nowrap; } #Breadcrumb #BreadcrumbArrow { font-size:14px; margin-right:6px; } #Date { float:right; margin:9px 5px 0 5px;} #BreadcrumbRow .CR { width:15px; height:36px; float:right; } #BreadcrumbRow .CR img { width:15px; height:36px; border:0; } #BannerRow1, #BannerRow2 { min-height:0; } #Panes { clear:both; margin:0; padding:10px 10px 0; } /* Footer styles */ .FooterArea1 #FooterL { background: transparent url('images/WhiteBGBox.Footer1L.png') no-repeat bottom left; } .FooterArea1 #FooterR { background: transparent url('images/WhiteBGBox.Footer1R.png') no-repeat bottom right; } .FooterArea1 #FooterM { background: #fff url('images/WhiteBGBox.Footer1M.png') repeat-x bottom left; margin:0 140px; min-height:1px; } .FooterArea1 #Footer { height: 40px; width:100%; clear:both; text-align:center; color: #999; } .FooterArea1 #FooterPadding { padding: 15px 0 0; color:rgb(0, 0, 0); } .FooterArea1 #BL { background: transparent url('images/WhiteBGBox.BL.png') no-repeat top left; } .FooterArea1 #BR { background: transparent url('images/WhiteBGBox.BR.png') no-repeat top right; } .FooterArea1 #BM { background: transparent url('images/WhiteBGBox.BM.png') repeat-x; height:35px; margin:0 140px; } .FooterArea2 #FooterL { background: transparent url('images/WhiteBGBox.Footer2L.png') no-repeat top left; } .FooterArea2 #FooterR { background: transparent url('images/WhiteBGBox.Footer2R.png') no-repeat top right; } .FooterArea2 #FooterM { background: url('images/WhiteBGBox.Footer2M.png') repeat-x; margin:0 10px; min-height:1px; } .FooterArea2 #Footer { width:100%; clear:both; text-align:center; color: #666; } .FooterArea2 #FooterPadding { padding: 15px 0; color:rgb(0, 0, 0); } .FooterArea2 #BL { background: transparent; } .FooterArea2 #BR { background: transparent; } .FooterArea2 #BM { background: transparent; height:35px; } .FooterArea2 .FooterPane { padding: 10px 20px; } .FooterArea3 #FooterL { background: transparent url('images/WhiteBGBox.Footer3L.png') no-repeat top left; } .FooterArea3 #FooterR { background: transparent url('images/WhiteBGBox.Footer3R.png') no-repeat top right; } .FooterArea3 #FooterM { background: url('images/WhiteBGBox.Footer3M.png') repeat-x; margin:0 30px; min-height:1px; } .FooterArea3 #Footer { width:100%; clear:both; text-align:center; color: #666; } .FooterArea3 #FooterPadding { padding: 35px 0 0; color:rgb(0, 0, 0); } .FooterArea3 #BL { background: transparent url('images/WhiteBGBox.Footer3BL.png') no-repeat top left; } .FooterArea3 #BR { background: transparent url('images/WhiteBGBox.Footer3BR.png') no-repeat top right; } .FooterArea3 #BM { background: transparent url('images/WhiteBGBox.Footer3BM.png') repeat-x; height:20px; margin:0 30px; } .FooterArea3 .FooterPane { padding: 35px 0 10px; } div,p { margin-top:0 }/*clear top margin for mozilla*/ .left { float: left; } .right { float: right; } .clear { clear: both; } .dummy { display: none; } /* Headings */ h1, h1 .Head, .Head { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 140%; font-weight: 700; line-height: 130%; border: none; margin-top:0; letter-spacing: -1px; vertical-align: top; width: 100%; margin-bottom: 10px; } h2 { font-family: Georgia, Times, Serif; font-size: 120%; font-weight: 500; line-height: 130%; color: #2c303a; border: none; margin-top:0; letter-spacing: 0px; } h3 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 120%; font-weight: 500; line-height: 130%; color: #000000; border: none; margin-top:0; letter-spacing: -1px; } h4 { font-family: Georgia, Times, Serif; font-size: 120%; font-weight: 500; line-height: 130%; border: none; margin-top:0; letter-spacing: 0px; } h5 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 115%; font-weight: 500; line-height: 130%; color: #000000; border: none; margin-top:0; } h6 { font-family: Georgia, Times, Serif; font-size: 115%; font-weight: 500; line-height: 130%; border: none; margin-top:0; } .textIntro { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 85%; font-weight: 300; line-height: 130%; color: #666666; border: none; margin: 10px 20px; } /* Forms */ div.form { width: 500px; text-align: left; } div.form_group { text-align: left; margin-bottom: 10px; font-size: 115%; color: #60ae4b; } div.form_text { float: left; margin: 0; } p.form_text { margin: 0 0 3px 0; } textarea.form_text, input.form_text, select.form_text { font-weight: bold; font-size: 100%; color: #222; background: #efefef; border-color: #bbb #bbb #ddd; border-width: 2px 1px 1px; padding: 0.2em; margin: 0 10px 10px 0; } .icons { padding-bottom: 1px !important; line-height:0 !important; min-height:1px !important; } .Settings, #dnn_ctr_ModuleContent { text-align:left !important; } /*========================================================*/ /* 3. Content Panes */ /*========================================================*/ .TopPane, .BottomPane, .ContentPane { margin: 0; padding: 0 7px 7px; text-align:left; vertical-align: top; } .LeftPane1 { margin: 0; padding: 0 7px 7px; text-align:left; vertical-align: top; width: 25%; } .LeftPane2 { margin: 0; padding: 0 7px 7px; text-align:left; vertical-align: top; } .RightPane { margin: 0; padding: 0 7px 7px; text-align:left; vertical-align: top; width: 25%; } .SidePane33 { margin: 0; padding: 0 7px 7px; text-align:left; vertical-align: top; width: 33%; } .SidePane50 { margin: 0; padding: 0 7px 7px; text-align:left; vertical-align: top; width: 50%; } .HeaderPane1 { margin: 0; padding: 0; text-align:left; vertical-align: top; } .HeaderPane2 { margin: 0; padding: 0; text-align:left; vertical-align: top; margin-top:1px; } .DNNEmptyPane { margin: 0; padding: 0; width: 0; height:0; line-height:0; display:none; } /*========================================================*/ /* 4. Tokens */ /*========================================================*/ a.USER_object:active, a.USER_object:visited, a.USER_object:link, .USER_object, a.LOGIN_object:active, a.LOGIN_object:visited, a.LOGIN_object:link, .LOGIN_object { color: #939393; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; background: transparent; text-transform:uppercase; text-decoration: none; } a.USER_object:hover, a.LOGIN_object:hover { color: #000000; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; background: transparent; text-transform:uppercase; text-decoration: none; } a.BREADCRUMBS_object:active { color: #000000; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; background: transparent; text-transform:uppercase; text-decoration: none; } a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:link, .BREADCRUMBS_object, .DATE_object { color: #939393; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; background: transparent; text-transform:uppercase; text-decoration: none; } a.BREADCRUMBS_object:hover { color: #000000; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; background: transparent; text-transform:uppercase; text-decoration: underline; } .FOOTER_objects { color: rgb(0, 0, 0); font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 85%; font-weight: normal; background: transparent; text-decoration:none; } a.FOOTER_objects:active, a.FOOTER_objects:visited, a.FOOTER_objects:link { color: rgb(0, 0, 0); font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 85%; font-weight: normal; background: transparent; text-decoration:none; text-decoration: none; } a.FOOTER_objects:hover { color: #000000; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 85%; font-weight: normal; background: transparent; text-decoration:none; text-decoration: underline; } /*========================================================*/ /* 5. Text */ /*========================================================*/ .Normal, .normal { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #222; line-height: 120%; text-align:left; } strong, b, .NormalBold { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #222; line-height: 120%; text-align:left; } .NormalRed { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #C00; line-height: 120%; text-align:left; } .SubHead { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #222; line-height: 120%; text-align:left; } .font-family { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #777; line-height: 120%; background: transparent; } .AnnouncementHead { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 120%; font-weight: bold; color: #222; line-height: 120%; text-align:left; } /*========================================================*/ /* 6. Links */ /*========================================================*/ a:active, a:visited, a:link { background:transparent; text-decoration: none; } a:hover { background:transparent; text-decoration: underline; color: #006699; } a.Normal:visited, a.Normal:link { background:transparent; text-decoration: none; font-weight: normal; } a.Normal:hover { background:transparent; text-decoration: underline; font-weight: normal; color: #000000; } a.CommandButton, a.CommandButton:active, a.CommandButton:visited, a.CommandButton:link { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; } a.CommandButton:hover { text-decoration: underline; color: #000000; } /*========================================================*/ /* 7. Forms */ /*========================================================*/ input { color: #999; } select { color: #999; } .StandardButton { color: #000; background: #EEEEEE; border-right: solid 1px #D1C7BE; border-bottom: solid 1px #D1C7BE; border-left: none; border-top: none; height: 17px; } .NormalTextBox { color: #666; background: #FFF; border: solid 1px #EBE4DD; padding-left: 4px; line-height: 12px; font-weight: normal; } td.NormalTextBox, span.NormalTextBox{ padding: 0; margin: 0; background: transparent; border: 0; } /*========================================================*/ /* 8. Main Menu and Module Menus */ /*========================================================*/ /* Actions Menu */ .MainMenu_SubMenu { z-index: 999999; margin: 0px ; border-right: 1px #990000 solid; border: 1px #e4e4e4 solid; border-bottom: 2px #e4e4e4 solid; padding: 0 5px 10px 5px; } .ModuleTitle_MenuItem { color: #848996; font-size: 100%; font-weight: normal; height: 23px; padding: 0px 5px; border: 0; border-bottom: 1px #f5f5f5 solid; white-space: nowrap; } .ModuleTitle_MenuItemSel { color: #FFFFFF; font-size: 100%; font-weight: normal; height: 23px; padding: 0px 5px; border: 0; border-bottom: 1px #f5f5f5 solid; white-space: nowrap; background-color: #848996; } .ModuleTitle_MenuContainer { color: #2c2c2c; } .ModuleTitle_MenuBar { cursor: pointer; } .ModuleTitle_MenuIcon { padding: 0px 5px; } .ModuleTitle_RootMenuArrow { display: none; } .ModuleTitle_MenuArrow { display: none; } .ModuleTitle_MenuBreak { display: none; } /*========================================================*/ /* 9. Custom Settings */ /*========================================================*/ body { background: rgb(101, 132, 163) url(images/bg.transp.8.png) no-repeat 0% 0%; } .SkinBgColor { background-color:#6584a3 !important; } .SkinColor, h1, h1 .Head, .Head, h4, h6 { color: #6584a3; } a:active, a:visited, a:link , a.Normal:visited, a.Normal:link, a.CommandButton, a.CommandButton:active, a.CommandButton:visited, a.CommandButton:link { color: #6584a3; } .SkinWidth { width: 1000px; } #TopBarB { background:transparent none repeat 0% 0%; } #TopBarT { background:transparent none; } /*White Corners*/ #NavBarCorners .CL, #NavBarCorners .CR, #BreadcrumbRow .CL, #BreadcrumbRow .CR { display:block; } /*Top Area*/ #OuterTable #TL, #OuterTable #TR, #OuterTable #TM {} /*Vertical menu's width*/ #NavBarVWidth, .NavBar4_3 #NavBarV_MM { width:220px; } .NavBar4_1 #NavBarV_MM, .NavBar4_2 #NavBarV_MM, #HouseMenuNavV, #HouseMenuNavV ul, #HouseMenuNavV li { width: 212px; } #HouseMenuNavV a { width: 179px; } #HouseMenuNavV li ul, .NavBar4_3 #HouseMenuNavV li ul ul { margin-left: 212px; } .NavBar4_3 #HouseMenuNavV li ul { margin-left: 220px; } .LeftPane1 { } .LeftPane2 { display:none; } /*Containers Color 1*/ .C02CTW_BoxTL, .C03CTW_BoxTL, .C04CTW_Box, .C06CTW_BoxTL, .C07CTW_BoxTL, .C08CTW_Box { background-color:#a3bccc !important; } /*Containers Color 2*/ .C02GTW_BoxTL, .C03GTW_BoxTL, .C04GTW_Box, .C06GTW_BoxTL, .C07GTW_BoxTL, .C08GTW_Box { background-color:#dbdbdb !important; } /*Tokens*/ #Breadcrumb { } #Date { } #Search { } /*Menu Color OFF*/ .NavBar1_1 #HouseMenuNav, .NavBar1_2 #HouseMenuNav, .NavBar1_3 #HouseMenuNav, .NavBar1_4 #HouseMenuNav, .NavBar1_5 #HouseMenuNav, .NavBar1_6 #HouseMenuNav, .NavBar3_1 #HouseMenuNav, .NavBar4_1, .NavBar4_3 { background-color:#f7f7f7 !important; } .NavBar4_1 #HouseMenuV li { border-bottom:1px #f7f7f7 solid; } .NavBar4_2 { background:#f7f7f7; } .NavBar2_1 #HouseMenuNav li { background-color:#f7f7f7 !important; } /*Menu Color ON*/ .NavBar3_1 #HouseMenuNav #HouseMenuNavCurrentItem, .NavBar3_1 #HouseMenuNav a#HouseMenuNavCurrentLink, .NavBar3_1 #HouseMenuNav li:hover, .NavBar3_1 #HouseMenuNav li.sfhover, .NavBar3_1 #HouseMenuNav li a:hover, .NavBar3_1 #HouseMenuNav li:hover a, .NavBar3_1 #HouseMenuNav li.sfhover a, .NavBar4_1 #HouseMenuNavV li#HouseMenuNavVCurrentItem, .NavBar4_1 #HouseMenuNavV li:hover, .NavBar4_1 #HouseMenuNavV li.sfhover, .NavBar4_3 #HouseMenuNavV li#HouseMenuNavVCurrentItem, .NavBar4_3 #HouseMenuNavV li.sfhover, .NavBar4_3 #HouseMenuNavV li:hover { background-color:#8ba9ba !important; } .NavBar2_1 #HouseMenuNav #HouseMenuNavCurrentItem, .NavBar2_1 #HouseMenuNav a#HouseMenuNavCurrentLink, .NavBar2_1 #HouseMenuNav li:hover, .NavBar2_1 #HouseMenuNav li.sfhover, .NavBar2_1 #HouseMenuNav li a:hover, .NavBar2_1 #HouseMenuNav li:hover a, .NavBar2_1 #HouseMenuNav li.sfhover a, .NavBar3_1 #HouseMenuNav li:hover li a:hover, .NavBar3_1 #HouseMenuNav li.sfhover li a:hover, .NavBar4_1 #HouseMenuNavV li li:hover, .NavBar4_2 #HouseMenuNavV li#HouseMenuNavVCurrentItem, .NavBar4_2 #HouseMenuNavV li.sfhover, .NavBar4_2 #HouseMenuNavV li:hover, .NavBar4_2 #HouseMenuNavV li li:hover, .NavBar4_3 #HouseMenuNavV li li:hover{ background-color:#8ba9ba !important; } #HouseMenuNav li:hover li a:hover, #HouseMenuNav li.sfhover li a:hover { background-color:#8ba9ba !important; } /*Menu Text Color On*/ .NavBar1_2 #HouseMenuNav li a:hover, .NavBar1_4 #HouseMenuNav li a:hover, .NavBar1_6 #HouseMenuNav li a:hover, .NavBar2_1 #HouseMenuNav li a:hover, .NavBar3_1 #HouseMenuNav li a:hover, #HouseMenuNav li li a:hover, .NavBar1_2 li a#HouseMenuNavCurrentLink, .NavBar1_4 li a#HouseMenuNavCurrentLink, .NavBar1_6 li a#HouseMenuNavCurrentLink, .NavBar2_1 li a#HouseMenuNavCurrentLink, .NavBar3_1 li a#HouseMenuNavCurrentLink, .NavBar4_2 #HouseMenuNavV li a:hover, .NavBar4_3 #HouseMenuNavV li a:hover, #HouseMenuNavV li li a:hover, #HouseMenuNavV li a#HouseMenuNavVCurrentLink {color: rgb(0, 0, 0) !important;} /*Menu Text Color Off*/ #HouseMenuNavV a,#HouseMenuNav a { color: rgb(0, 0, 0); } .NavBar1_1 #HouseMenuNav li:hover a, .NavBar1_3 #HouseMenuNav li:hover a, .NavBar1_5 #HouseMenuNav li:hover a, .NavBar1_1 li a#HouseMenuNavCurrentLink, .NavBar1_3 li a#HouseMenuNavCurrentLink, .NavBar1_5 li a#HouseMenuNavCurrentLink, .NavBar1_1 #HouseMenuNav li a:hover, .NavBar1_3 #HouseMenuNav li a:hover, .NavBar1_5 #HouseMenuNav li a:hover{color:#000;} .icons {clear: both;}