/*========================================================*/ /* Skin styles for id Visual */ /*========================================================*/ Body { margin:0px; padding:0px;} table, tr, td { color: #444; } p, div, ul, li { color: #444;font-size: 13px; line-height: 17px; color:#666; } p { padding:5px 0; margin:0px; } li { list-style: none; } ol li { list-style: decimal; } ul li { list-style: none;} li { margin: 5px 0 0 15px; } lia { margin: 5px 0 0 40px; } .clear { clear:both; } .left { float:left; } .right { float:right; } .Head { color:#385997; font:bold 12pt Verdana, Arial, Helvetica, sans-serif; } .SubHead { color:#999999;} h1,h2,h3,h4,h5 { line-height:20px; font-weight:bold; margin:0px; padding:0px; } h1 { font-size: 20px; color: #4d70b1; } h2 { font-size: 16px; color: #4d70b1; } h3 { font-size: 14px; color: #4d70b1; } h4 { font-size: 12px; color: #646e80; padding-left: 20px; } h5 { font-size: 11px; color: #323947; } h6 { font-size: 12px; color: #323947; margin:0;} /*========================================================*/ /* Forms */ /*========================================================*/ div.form { width: 500px; text-align: left; } div.form_group { text-align: left; margin-bottom: 10px; font-size: 14px; color: #4b91ae; } div.form_text { float: left; margin: 0; } p.form_text { margin: 0 0 3px 0; } textarea.form_text, input.form_text, select.form_text { color:#333;background:#efefef; border-color: #bbb #bbb #ddd;border-width: 2px 1px 1px; padding: 0.2em;margin: 0 10px 10px 0; } input { color: #666; } select { color: #666; } .StandardButton { color: #666; background: #EEE; border: solid 1px #D1C7BE; line-height:22px; padding:0 10px; height:22px; cursor:pointer;} .NormalTextBox { color: #666; padding-left: 4px; line-height: 12px; font-weight: normal; } td.NormalTextBox { padding: 0; margin: 0; background: transparent; visibility: inherit; border: 0; } #dnn_ctr_Login_pnlLogin table { float:none; margin:0 auto; } #dnn_ctr_ManageUsers_pnlUser { text-align:left; min-height:1px;} #dnn_ctr_ManageUsers_pnlUser .Normal{ line-height:20px;} #dnn_ctr_Terms_lblTerms, #dnn_ctr_Privacy_lblPrivacy { line-height:20px;} #dnn_ctr_Terms_lblTerms .SubHead, #dnn_ctr_Privacy_lblPrivacy .SubHead{ font-size:14px; color:#6e91d2; border-bottom:1px #6e91d2 solid;line-height:26px; margin:0px; padding:0px; font-weight:normal;} #dnn_ctr979_LogViewer_dlLog td { text-align:left; white-space: normal; border:1px #fff solid;} /*========================================================*/ /* Text */ /*========================================================*/ .Normal, .normal { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #444; line-height: 120%; } .NormalBold { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: bold; color: #444; line-height: 120%; } .NormalRed { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: bold; color: #C00; line-height: 120%; } .SubHead { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: bold; color: #444; line-height: 120%; } span.SubHead { font-size: 9px; margin:0; padding:0; } span.SubHead br { display: none; } a:link { color: #4d70b1; } a:visited { color: #4d70b1; } a:hover { color: #4d70b1; text-decoration: underline black; } a:active { color: #4d70b1; } /*========================================================*/ /* Skin Layout */ /*========================================================*/ #fload { width:0px; height:0px; } .date { padding:0 20px; color:#777; } .languagebox { float:right;text-align:right; padding:0 20px; white-space:nowrap; width:20%; display:none;} .Settings { text-align:left; } .vmenubox { float:left; width:22%; } .vmenucontent { float:right; width:77%; } .logo { min-height:80px; min-width:300px; } * html .logo { height:80px; width:300px;} .news h2 { color:#333333; font-size:14px; margin:0px; padding:0px; line-height:22px;} .news p { line-height:17px; font-weight:bold; } #dnncontent { width:97%; margin:5px auto; clear:both; } #dnncontent-1 { width:872px; margin:0px auto; clear:both; border-top: solid 4px #0071BC; border-bottom: solid 4px #0071BC; background:url(images/border-l.gif) top left repeat-y;} #dnncontent-2 { width:742px; margin:0px auto; clear:both; border-top: solid 4px #0071BC; border-bottom: solid 4px #0071BC; background:url(images/border-l.gif) top left repeat-y;} #dnnbreader { width:100%; background:url(images/breadbg.gif) top left repeat-x; height:27px; margin:1px auto; line-height:26px;} #dnnbreader .left { background:url(images/breadleft.gif) top left no-repeat; height:27px; padding-left:22px;text-align:left;} #dnnbreader .right { background:url(images/breadright.gif) top right no-repeat; height:27px;position:relative; padding-right:180px; display:inline;} #dnn_dnnSEARCH_txtSearch { height:16px; position:absolute; top:4px; right:40px; padding:2px 0px 0 0px; background:#fff; width:140px; font:bold 9pt Arial, Helvetica, sans-serif; color:#777; border:1px #d7d5d8 solid;} #dnnbreader .right a:link, #dnnbreader .right a:active, #dnnbreader .right a:visited{ position:absolute; right:0px; border:0px; top:4px; width:25px; height:20px; display:block; border:0px; background:url(images/search-button.gif) left top no-repeat; overflow:hidden; margin-right:10px;} #dnnbreader .right a:hover { background:url(images/search-button.gif) 0 -21px no-repeat; } #themes { display:none; } /*========================================================*/ /* Skin Object */ /*========================================================*/ .breader, a.breader:link, a.breader:active, a.breader:visited { font-weight: normal; text-decoration:underline; padding:0 4px; font-family: Tahoma; color:#6e91d1; } a.breader:hover { color:#666666; text-decoration:none; } .user, a.user:link, a.user:active, a.user:visited { color: #cccccc;text-decoration: none; line-height:35px;padding:5px 20px; font-weight:bold; } a.user:hover { color:#111;text-decoration:underline; } .login, a.login:link, a.login:active, a.login:visited { line-height:25px; padding:5px 20px; font-weight:bold; color:#cccccc; text-decoration:none; } a.login:hover { color:#111; text-decoration:underline; } .themeOff,.themeOn { border:0; cursor:pointer; margin:0px; } /*========================================================*/ /* Content Panes */ /*========================================================*/ .topbannerpane { width:100%; clear:both; } .botbannerpane { width:100%; clear:both; } .topleftpane { width:49.5%; float:left; } .toprightpane { width:49.5%; float:right; } .toppane { width:100%; } .leftpane { width:24%; float:left;overflow:hidden; padding-top:3px; } .contentpane { width:50%; margin-left:1%; display:inline; float:left; padding-top:3px; } .rightpane { width:24%; float:right; overflow:hidden; padding-top:3px; } .boxapane { margin:0 0 0 50px; } .boxbpane { width:24%; float:left;overflow:hidden; } .boxbpane-pop { width:190px; float:left;overflow:hidden; padding-top:15px; } .boxcpane { width:75%; float:right;overflow:hidden; } .boxcpane-pop { width:470px; float:right;overflow:hidden; padding-top:5px; padding-right:10px;} .boxdpane { margin-left:20px; } .boxepane { width:73%; float:left;overflow:hidden; } .boxfpane { width:26%; float:right;overflow:hidden; } .boxgpane { margin-left:50px; } .mainapane { width:245px; float:left; overflow:hidden; padding:0 5px 0 10px; } .mainbpane { width:240px; float:left; overflow:hidden; margin-left:35px; } .maincpane { width:245px; float:right; overflow:hidden; padding:0 0 0 15px; } .maindpane {} .mainepane { width:240px; float:left; overflow:hidden; padding:0 5px 0 10px; } .mainfpane { width:240px; margin-left:30px; padding:0 0 0 10px; float:left; overflow:hidden; } .maingpane { width:240px; float:right; overflow:hidden; padding:0 0 0 10px; } .bottompane {} .menubotpane { padding-top:5px; } .sloganpane { float:left; margin-top:20px; max-width:40%; } .contentbox { margin:5px 0 5px 50px; } /*========================================================*/ /* Horizontal Menu2 Style */ /*========================================================*/ .HMB { width:100%;margin:0 auto; clear:both; } .HMB .Box { padding-right:0px; height:31px; } .HM2 { position:relative; height:36px; float:right; font-family: Tahoma, Arial, Helvetica, sans-serif; } .HM2 span { padding:0 15px; white-space: nowrap; display:block; font-size:8pt; font-weight:bold; } .HM2 ul { margin:0 0 0 10px; padding:0px;display: block;float:left; } .HM2 li { list-style: none none outside; float:left;position:relative; margin:0px; } .HM2 ul li { background:url(menus/menu2.gif) top left no-repeat; float:left; } .HM2 ul li a { background:url(menus/menu2.gif) right -40px no-repeat;height:36px; display:block; float:left; } .HM2 ul .current { background:url(menus/menu2.gif) left -80px no-repeat; margin:0px; } .HM2 ul .current a { background:url(menus/menu2.gif) right -120px no-repeat; color:#333; } .HM2 ul .current span { color:#000; } .HM2 ul .current .slide span { background:transparent; } .HM2 ul a:link, .HM2 ul a:active, .HM2 ul a:visited { width:auto;color:#fff; text-decoration:none; line-height:36px;display: block; cursor:pointer; } .HM2 ul a:hover { color: #333; background:url(menus/menu2.gif) left -160px no-repeat;float:left; } .HM2 ul a:hover span { background:url(menus/menu2.gif) right -200px no-repeat; float:left; } .HM2 .downarrow { display:none; } .HM2 .rightarrow { position:absolute; right:2px; top:10px; } .HM2 .slide { display: none; float: left; overflow:hidden; position:absolute; } .HM2 .slide .icon { position:absolute; left:2px; top:3px; } .HM2 .slide .Group { background:#fff; border:1px #dfdfdf dotted;display: none;left: 0px; float: left; position:relative; margin:0px; } .HM2 .slide ul li { clear: both;background:#fff; display:block; } .HM2 .slide ul li span { color:#666666; display:block; padding:0 20px 0 20px; } .HM2 .slide ul li a { background:#fff;height:24px; display:block; } .HM2 .slide ul a:link, .HM2 .slide ul a:active, .HM2 .slide ul a:visited { width:auto;text-decoration:none; line-height:24px;display: block; cursor:pointer; } .HM2 .slide ul a:hover { background:#5675ae;width:100%; } .HM2 .slide ul a:hover span { background:#5675ae; color:#ffffff; } /*========================================================*/ /* SiteMap */ /*========================================================*/ .SiteMap { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; width:90%; margin:0 auto; } .SiteMap ul li a { font-size:14px; font-weight:bold; line-height:20px; color:#6e91d2; } .SiteMap ul li ul { margin:5px 10px;list-style:inside; } .SiteMap ul li ul li { list-style:disc; margin:0 5px; background:none; } .SiteMap ul li ul li span { font-size:12px; color:#999; text-decoration:underline; line-height:18px; } .SiteMap ul li ul li a:hover span { color:#6e91d2; text-decoration:none; } /*========================================================*/ /* Styles for the main text and images within the Text/HTML Module */ .imageleftside img { border: 1px solid #CCC; margin: 5px 15px 10px 0px; float: left; } .imagerightside img { border: 1px solid #CCC; margin:5px 15px 10px 10px; float: right; } .imageleftnoborder img { margin: 5px 15px 10px 0px; float: left; } .imagerightnoborder img { margin: 5px 15px 10px 10px; float: right; } .imagearrow img { border: 0px; margin: 6px 3px 0 0px; float: left; } /* * Buttons 1 Setup */ ul.cssmenu { list-style: none; padding: 0px; margin-left:-25px;} .displace { position: absolute; left: -5000px; } ul.cssmenu li { float: left; } ul.cssmenu li a { display: block; width: 180px; height: 80px; background: url(buttons/buttons1.jpg); } /* * Normal Links */ ul.cssmenu li.cctv a { background-position: 0 0; margin-left:12px;} ul.cssmenu li.access-control a { background-position: -180px 0; margin-left:12px;} ul.cssmenu li.intruder-alarms a { background-position: -360px 0; margin-left:12px;} ul.cssmenu li.upgrades a { background-position: -540px 0; margin-left:12px;} /* * Hover Links */ ul.cssmenu li.cctv a:hover { background-position: 0 -80px; } ul.cssmenu li.access-control a:hover { background-position: -180px -80px; margin-left:12px;} ul.cssmenu li.intruder-alarms a:hover { background-position: -360px -80px; margin-left:12px;} ul.cssmenu li.upgrades a:hover { background-position: -540px -80px; margin-left:12px;} /* * Buttons 2 Setup */ ul.cssmenu2 { list-style: none; padding: 0px; } .displace { position: absolute; left: -5000px; } ul.cssmenu2 li { float: right; } ul.cssmenu2 li a { display: block; width: 90px; height: 40px; background: url(buttons/buttons2.jpg); } /* * Normal Links */ ul.cssmenu2 li.cctv a { background-position: 0 0; } ul.cssmenu2 li.access-control a { background-position: -90px 0; } ul.cssmenu2 li.intruder-alarms a { background-position: -180px 0; } /* * Hover Links */ ul.cssmenu2 li.access-control a:hover { background-position: 0 -40px; } ul.cssmenu2 li.cctv a:hover { background-position: -90px -40px; } ul.cssmenu2 li.intruder-alarms a:hover { background-position: -180px -40px; } /* * Buttons Business Setup */ ul.cssmenu3 { list-style: none; padding: 0px; margin-left:30px; margin-top:-20px;} .displace { position: absolute; left: -5000px; } ul.cssmenu3 li { float: left; } ul.cssmenu3 li a { display: block; width: 150px; height: 55px; background: url(buttons/buttons-business.jpg); } /* * Normal Links */ ul.cssmenu3 li.retail a { background-position: 0 0; } ul.cssmenu3 li.construction a { background-position: -150px 0; margin-left:40px;} ul.cssmenu3 li.warehouse a { background-position: -300px 0; margin-left:40px;} ul.cssmenu3 li.office a { background-position: -450px 0; margin-left:40px;} /* * Hover Links */ ul.cssmenu3 li.retail a:hover { background-position: 0 -55px; } ul.cssmenu3 li.construction a:hover { background-position: -150px -55px; margin-left:40px;} ul.cssmenu3 li.warehouse a:hover { background-position: -300px -55px; margin-left:40px;} ul.cssmenu3 li.office a:hover { background-position: -450px -55px; margin-left:40px;} /* * Buttons Public Setup */ ul.cssmenu4 { list-style: none; padding: 0px; margin-left:30px; margin-top:-20px;} .displace { position: absolute; left: -5000px; } ul.cssmenu4 li { float: left; } ul.cssmenu4 li a { display: block; width: 150px; height: 55px; background: url(buttons/buttons-public.jpg); } /* * Normal Links */ ul.cssmenu4 li.education a { background-position: 0 0; } ul.cssmenu4 li.medical a { background-position: -150px 0; margin-left:40px;} ul.cssmenu4 li.pharmacy a { background-position: -300px 0; margin-left:40px;} ul.cssmenu4 li.community a { background-position: -450px 0; margin-left:40px;} /* * Hover Links */ ul.cssmenu4 li.education a:hover { background-position: 0 -55px; } ul.cssmenu4 li.medical a:hover { background-position: -150px -55px; margin-left:40px;} ul.cssmenu4 li.pharmacy a:hover { background-position: -300px -55px; margin-left:40px;} ul.cssmenu4 li.community a:hover { background-position: -450px -55px; margin-left:40px;} /* * Buttons Residential Setup */ ul.cssmenu5 { list-style: none; padding: 0px; margin-left:30px; margin-top:-20px;} .displace { position: absolute; left: -5000px; } ul.cssmenu5 li { float: left; } ul.cssmenu5 li a { display: block; width: 150px; height: 55px; background: url(buttons/buttons-residential.jpg); } /* * Normal Links */ ul.cssmenu5 li.care a { background-position: 0 0; } ul.cssmenu5 li.social a { background-position: -150px 0; margin-left:40px;} ul.cssmenu5 li.property a { background-position: -300px 0; margin-left:40px;} ul.cssmenu5 li.home a { background-position: -450px 0; margin-left:40px;} /* * Hover Links */ ul.cssmenu5 li.care a:hover { background-position: 0 -55px; } ul.cssmenu5 li.social a:hover { background-position: -150px -55px; margin-left:40px;} ul.cssmenu5 li.property a:hover { background-position: -300px -55px; margin-left:40px;} ul.cssmenu5 li.home a:hover { background-position: -450px -55px; margin-left:40px;} /** 960 GRID **/ .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px; } .grid_4,.grid_8{display:inline;float:left;margin-left:0px;margin-right:10px; } .container_16 .grid_4{width:220px; } .container_16 .grid_8{width:460px; } .alpha{margin-left:0; width:195px; } .omega{margin-right:0; width:195px; } .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0; } .clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0; } .clearfix{display:inline-block } * html .clearfix{height:1% } .clearfix{display:block } /** DNNGRID960 | Extra clearing for more advanced layouts for html clarity **/ .grdClear{clear:both;}.splitclear{clear:both;}