@import url('custom.css');
html *{margin:0;padding:0}
fieldset{border:0}
#pagetopbgd{position:absolute;top:0;left:0;width:100%;height:750px;z-index:-1}
body{}
body div#homepage{display:none} /*all but homepage*/
body.home div#subpages{display:none}
body.home div#homepage{display:block}
#header{position:relative;margin:0 auto;width:996px;height:174px;z-index:1;padding-top: 0px}
#slab{width:995px;position:relative;margin:0 auto;display:block;background:transparent;min-height:537px;z-index:0;padding-top: 70px;}
#footer {
background-color: #efeff0;
clear: both;
padding-top: 20px;
padding-bottom: 20px;
}
#footer .footer-container{
position:relative;
clear:both;width:996px;height:100px;margin:0 auto}
#logo{
position: relative;
top: 20px;
left: 0px;
margin-left: 0;
height: auto;
width: 100%;
}
#sitetitle{position:absolute;top:19px;
left:120px;
/*left:220px;*/
width:575px;height:84px;background:url(../images/bwp-title.png) no-repeat 0 0 transparent}
#smallmenu{position:relative;top:0px;left:680px;background:url(../images/top-links.png) no-repeat 0 0 transparent;width:315px;height:35px;}
#search {background: url(../images/menu-sprt.png) no-repeat scroll -812px -5px transparent;height: 30px;left: 832px;position: relative;top: -40px;;width: 174px;}
#search fieldset{border:0}
#contentarea-top{position:relative;display:block;width:934px;height:13px;clear:both;margin:6px 0 0 31px;display: none;}
#contentarea{position:relative;width:100%;padding:0px;min-height:500px;clear:both;min-height:500px;margin:0 0 0 0px}/*added 10px width for safari*/
#contentarea{font-family:Tahoma, Geneva, sans-serif;font-size:12px;display:table}/*table ignores min-height, uses height*/
#contentarea-btm{ display: none !important;;position:relative;background:url(../images/content-btm-sub.png) no-repeat 0 0 transparent;width:934px;height:11px;clear:both;margin:0 0 6px 31px}
#content{padding:0 0 8px 0;line-height:160%;font-size:12px;color:#000000;display:table;width:670px;margin-left:10px;float:left}
#content img[align="left"] {
margin-right:8px
}
#content img[align="right"] {
margin-left:8px
}
#content a, .content-billmenu a{color:#a53525;text-decoration:underline}
#content a:hover, .content-billmenu a:hover{color:#000000;text-decoration:underline}
#content p, .content-billmenu p, #content td p{font-size:12px;font-weight:normal;margin:0 0 8px 0;color:#000000}
#content h1,#pagetitle h1{font-size:22px;font-weight:normal;margin:0 0 12px 0;color:#000000;
text-transform:uppercase}
#content h2{font-size:18px;font-weight:normal;margin:0 0 10px 0;color:#1c5397}
#content h3,#content p.sectiontitle{font-size:16px;font-weight:normal;margin:0 0 10px 0;color:#1c5397}
#content h4{font-size:14px;font-weight:normal;margin:0 0 10px 0;color:#000000}
#content h5{font-size:12px;font-weight:bold;margin:0 0 8px 0;color:#000000}
#content h6{font-size:12px;font-weight:bold;margin:0 0 8px 0;color:#1c5397}
#content ul,#content ol{margin:0 0 8px 25px}
#content ul ul,#content ol ol,#content ul ul ul,#content ol ol ol{margin:0 0 0 25px}
#content blockquote{margin:0 20px 0 25px}
#content table{border-collapse:collapse;border-color:silver; display: inline-block;}
#content table td{padding:4px;border-color:silver;text-align:left;vertical-align:top}
div.clearboth{display:block;height:0;width:100%}
#smallmenu{font-family:Tahoma, Geneva, sans-serif;font-size:12px}
#smallmenu *{line-height:20px}
#smallmenu ul{display:table;position:absolute;left:23px;top:7px}
#smallmenu li{list-style:none;float:left;height:20px}
#smallmenu a{color:#646464;;text-decoration:none;padding:0 11px}
#smallmenu a:hover{color:#F26532}
#topmenu{height:60px}
#topmenu *{line-height:60px;}
#topmenu{
position: relative;
top: 0px;
left: 0;
width: 100%;
height: 52px;
margin: 0 0 0 1px;
letter-spacing: 0;
clear: both;
}
#topmenu ul{display:table;padding:0;margin:0}
#topmenu ul li,#topmenu ul li a,#topmenu ul li span.separator{list-style:none;display:block;float:left;font-size:16px;margin:0 10px}
#topmenu ul li a,#topmenu ul li span.separator{float:none}/*ie7 doesn't like it*/
#topmenu ul li a{text-decoration:none;color:#0e2047;}
#topmenu ul.menu li {width:auto;height:51px;background:transparent;margin:0}
#topmenu ul.menu li a{
height:51px;
/* border-right:1px solid #29487F;
border-left:1px solid #85b6da; */
border-top:0;border-bottom:0;
font-family:Arial, sans-serif;color: #221e1e;
font-size:16px;font-weight:bold
}
#topmenu ul.menu li a:hover, #topmenu ul.menu li.active a, #topmenu ul.menu li#current a{
background: none;
color: #1692ce;
}
#topmenu ul.menu li a:hover li,#topmenu ul.menu li a:hover li a, #topmenu ul.menu li.active li a, #topmenu ul.menu li#current li a{
background-image:none}
#topmenu ul.menu li ul li a:hover, #topmenu ul.menu li ul li.active a, #topmenu ul.menu li ul li#current a{
}
/*Home */
#topmenu ul.menu li.item-1165 a:hover, #topmenu ul.menu li.item-1165.active a, #topmenu ul.menu li#current.item-1165 a{
background-position:3px 6px}/*dev 4*/
#topmenu ul.menu li.item-1165 ul li a:hover, #topmenu ul.menu li.item-1165 ul li.active a, #topmenu ul.menu li#current.item-1165 ul li#current a{
background:url(../images/menu-drop-sprt.png) 0 -48px repeat transparent}
/*my home*/
/* #topmenu ul.menu li.item-940 a:hover, #topmenu ul.menu li.item-940.active a, #topmenu ul.menu li#current.item-940 a{
background-position:-68px 6px} dev4
#topmenu ul.menu li.item-940 ul li a:hover, #topmenu ul.menu li.item-940 ul li.active a, #topmenu ul.menu li#current.item-940 ul li#current a{
color: #1692ce;}
*/
/* my business*/
/* #topmenu ul.menu li.item-942 a:hover, #topmenu ul.menu li.item-942.active a, #topmenu ul.menu li#current.item-942 a{
background-position:-163px 6px}
#topmenu ul.menu li.item-942 ul li a:hover, #topmenu ul.menu li.item-942 ul li.active a, #topmenu ul.menu li#current.item-942 ul li#current a{
background:url(../images/menu-drop-sprt.png) 0 -48px repeat transparent} */
/* #topmenu ul.menu li.item-943 a:hover, #topmenu ul.menu li.item-943.active a, #topmenu ul.menu li#current.item-943 a{
background-position:-288px 6px}
#topmenu ul.menu li.item-943 ul li a:hover, #topmenu ul.menu li.item-943 ul li.active a, #topmenu ul.menu li#current.item-943 ul li#current a{
background:url(../images/menu-drop-sprt.png) 0 -48px repeat transparent} */
/* #topmenu ul.menu li.item-944 a:hover, #topmenu ul.menu li.item-944.active a, #topmenu ul.menu li#current.item-944 a{
background-position:-358px 6px}
#topmenu ul.menu li.item-944 ul li a:hover, #topmenu ul.menu li.item-944 ul li.active a, #topmenu ul.menu li#current.item-944 ul li#current a{
background:url(../images/menu-drop-sprt.png) 0 -48px repeat transparent} */
/* #topmenu ul.menu li.item-945 a:hover, #topmenu ul.menu li.item-945.active a, #topmenu ul.menu li#current.item-945 a{
background-position:-453px 6px}
#topmenu ul.menu li.item-945 ul li a:hover, #topmenu ul.menu li.item-945 ul li.active a, #topmenu ul.menu li#current.item-945 ul li#current a{
background:url(../images/menu-drop-sprt.png) 0 -48px repeat transparent} */
/*
#topmenu ul.menu li.item-947 a:hover, #topmenu ul.menu li.item-947.active a, #topmenu ul.menu li#current.item-947 a{
background-position:-591px 6px}
#topmenu ul.menu li.item-947 ul li a:hover, #topmenu ul.menu li.item-947 ul li.active a, #topmenu ul.menu li#current.item-947 ul li#current a{
background:url(../images/menu-drop-sprt.png) 0 -48px repeat transparent} */
/* #topmenu ul.menu li.item-946 a:hover, #topmenu ul.menu li.item-946.active a, #topmenu ul.menu li#current.item-946 a{
background-position:-689px 6px}
#topmenu ul.menu li.item-946 ul li a:hover, #topmenu ul.menu li.item-946 ul li.active a, #topmenu ul.menu li#current.item-946 ul li#current a{
background:url(../images/menu-drop-sprt.png) 0 -48px repeat transparent} */
#topmenu ul.menu li li a,#topmenu ul.menu li li span.separator{background:#eeeeee;color:#222222;font-family:Tahoma, Geneva, sans-serif}
/*topmenu dropdowns*/
#topmenu ul.menu{width:100%;display:table;margin:1px 0 0 1px}
#topmenu ul.menu ul {
padding: 0;
padding-right:14px;
margin: 0 auto;
list-style: none;
/*line-height: 1;*/
z-index: 100;
left: auto;
}
#topmenu ul.menu li li {
position: relative;
display: block;
width: 200px;
}
#topmenu ul.menu ul, #topmenu ul.menu ul ul {
display: block;
position: absolute;
left: -999em;
margin: 0;
width: auto;
height: auto;
z-index: 101;
}
#topmenu ul.menu li li ul {
margin: -24px 0 0 190px;
z-index: 102;
}
/** general on-mouse-over display */
/*#topmenu ul.menu li ul,#topmenu ul.menu li:hover ul ul,#topmenu ul.menu li:hover ul ul ul{left:-999px}
*/
#topmenu ul.menu li ul,#topmenu ul.menu li:hover ul ul,#topmenu ul.menu li:hover ul ul ul{display:none}
#topmenu ul.menu li:hover ul,#topmenu ul.menu ul li:hover ul,#topmenu ul.menu ul ul li:hover ul{display:block;left:auto}
#topmenu ul.menu li li {
clear: left;margin-top:0px
}
/*#topmenu ul.menu li:last-child a{border-right:0}*/
#topmenu ul:first-child li:first-child a,#topmenu ul:first-child li:first-child span.separator{border-left:0;padding-left: 0 !important;}
#topmenu ul.menu li a,#topmenu ul.menu li span.separator{width:auto;margin:0;padding:0 22px}
#topmenu ul.menu li:last-child a {
padding-right: 0 !important;
}
#topmenu ul.menu li ul *{height:24px;line-height:16px;text-align:left;}
#topmenu ul.menu li ul a,#topmenu ul.menu li ul span.separator{
border: 0 none;
font-size: 12px;
font-variant: normal;
min-width: 200px;
padding: 8px 6px 8px 0px;
font-weight:normal;letter-spacing:0;height:100%}
.nav-child .parent .nav-child.unstyled.small {
margin-top: -33px !important;
}
/*#topmenu ul.menu li.item-939 ul li.parent a,#topmenu ul.menu li.item-939 ul li.parent span.separator{background:url(../images/right-arrow.png) 176px no-repeat}
#topmenu ul.menu li.item-939 ul li.parent li a,#topmenu ul.menu li.item-939 ul li.parent li span.separator{background-image:none}
*/
/* EDIT to correct item numbers-- remove duplicates -------------------------------------------------------------------------------*/
/*my home*/
/*
#topmenu ul.menu li.item-940 ul li,#topmenu ul.menu li.item-940 ul li a,#topmenu ul.menu li.item-940 ul li span.separator{background: 0 -1px repeat-x #cfc1f2;}
#topmenu ul.menu li.item-940 ul li a:hover{background:url(../images/menu-drop-sprt.png) 0 -144px repeat-x #6b51c9;color: white;}
#topmenu ul.menu li.item-940 ul li,#topmenu ul.menu li.item-940 ul li a,#topmenu ul.menu li.item-940 ul li span.separator{background: 0 -1px repeat-x #70ADD5;}
#topmenu ul.menu li.item-940 ul li a:hover{background:url(../images/menu-drop-sprt.png) 0 -48px repeat-x #70ADD5;color: white;}
*/
/*my business*/
/*
#topmenu ul.menu li.item-942 ul li,#topmenu ul.menu li.item-942 ul li a,#topmenu ul.menu li.item-942 ul li span.separator{background: 0 -1px repeat-x #e7ad9f;}
#topmenu ul.menu li.item-942 ul li a:hover{background:url(../images/menu-drop-sprt.png) 0 -120px repeat-x #c15d40;color: white;}
*/
/*water*/
/*
#topmenu ul.menu li.item-943 ul li,#topmenu ul.menu li.item-943 ul li a{background: 0 -1px repeat-x #8cd3ee;}
#topmenu ul.menu li.item-943 ul li a:hover{background:url(../images/menu-drop-sprt.png) 0 -96px repeat-x #1f95ff;color: white;}
*/
/*electric*/
/*
#topmenu ul.menu li.item-944 ul li,#topmenu ul.menu li.item-944 ul li a{background: 0 -1px repeat-x #e9e399;}
#topmenu ul.menu li.item-944 ul li a:hover{background:url(../images/menu-drop-sprt.png) 0 -72px repeat-x #cda700;color: white;}
*/
/*conservation*/
/*
#topmenu ul.menu li.item-945 ul li,#topmenu ul.menu li.item-945 ul li a{background: 0 -1px repeat-x #c0e5af;}
#topmenu ul.menu li.item-945 ul li a:hover{background:url(../images/menu-drop-sprt.png) 0 -48px repeat-x #69ad2e;color: white;}
*/
/*about us*/
/*
#topmenu ul.menu li.item-947 ul li,#topmenu ul.menu li.item-947 ul li a{background: 0 -1px repeat-x #eec9e8;}
#topmenu ul.menu li.item-947 ul li a:hover{background:url(../images/menu-drop-sprt.png) 0 -24px repeat-x #ca3c9e;color: white;}
*/
/*i want to*/
/*#topmenu ul.menu li.item-946 ul li,#topmenu ul.menu li.item-946 ul li a{background: 0 -1px repeat-x #cbbbc7;}
#topmenu ul.menu li.item-946 ul li a:hover{background:url(../images/menu-drop-sprt.png) 0 0 repeat-x #63555f;color: white;}*/
#topmenu ul.menu li ul li.parent a,#topmenu ul.menu li ul li.parent span.separator{border-top: 1px solid #cecece; position: relative;}
#topmenu ul.menu li ul li.parent span.separator:after {
content: " >";
position: relative;
top: 1px;
}
#topmenu ul.menu li ul li ul li.parent a,#topmenu ul.menu li ul li ul li.parent span.separator{background:url(../images/right-arrow.png) 176px no-repeat}
#topmenu ul.menu li ul li,#topmenu ul.menu li ul li a,#topmenu ul.menu li ul li span.separator{background: #fff;} /*my home dev4*/
#topmenu ul.menu li ul li a {
border-top: 1px solid #cecece;
}
#topmenu ul.menu li ul li a:hover{ color: #1692ce;}
/*#topmenu ul.menu li ul li.parent a,#topmenu ul.menu li ul li.parent span.separator,#topmenu ul.menu li ul ul li.parent a,#topmenu ul.menu li ul ul li.parent span.separator{background:url(../images/right-arrow.png) 176px no-repeat}
#topmenu ul.menu li ul li.parent li a,#topmenu ul.menu li ul li.parent li span.separator{background-image:none}*/
/*#topmenu ul.menu ul li.parent a,#topmenu ul.menu ul li.parent span.separator{background:url(../images/right-arrow.png) 176px no-repeat}*/
#topmenu ul.menu li ul li.parent li a,#topmenu ul.menu li ul li.parent li span.separator{background-image:none}
#topmenu ul.menu li ul li ul li.parent li a,#topmenu ul.menu li ul li ul li.parent li span.separator{background-image:none}
/*#topmenu ul.menu ul span.separator{font-style:italic}*/
#topmenu ul.menu li ul *{max-width:210px;height:auto;padding: 0px 10px;}
#topmenu ul.menu ul{padding:0}
/* -----------------add for development only----
#topmenu ul.menu li ul{
left: auto;
}
#topmenu ul.menu li ul ul{
left: -999em;
}
#topmenu ul.menu li ul li ul{
left: auto;
}
--------------------------------------------*/
#topmenu ul li a.active {background:#ff9900; color:#ffffff;}
/** IE7.0 workaround */
#topmenu ul.menu li:hover{
position:static;
}
#breadcrumbs{width:670px;margin-left:10px;margin-top:15px;height:20px;float:left;}
#breadcrumbs,#breadcrumbs a{font-family:Tahoma, Geneva, sans-serif;font-size:11px;color:#acacac}
#breadcrumbs a{text-decoration:none}
#breadcrumbs a:hover{color:#333333}
/*#breadcrumbs a:after{content:" ? "}*/
#pagetitle{width:670px;margin-left:10px;height:auto;border-bottom:1px solid silver;float:left}
#leftmenu{width:241px;min-height:400px;float:left}
#deptbanner{width:675px;margin-left:6px;float:left;margin-bottom:10px;}
#footermenu,#footertext{font-family:Tahoma, Geneva, sans-serif;font-size:12px;position:absolute;top:10px;color:#87abc1}
#footertext {left:40px;}
#footertext{ top: 30px;
font-size: 15px;
text-align: center;
width: 100%;}
#footermenu *,#footertext *{line-height:20px;color: #acadad;}
#footermenu li{list-style:none;float:left}
#footermenu li a{
color: #acadad;
text-decoration: none;
font-weight: bold;
padding: 0px 5px;
font-size: 16px;
}
#footermenu a:hover{color:#000000}
#footermenu a:before{content:"|";padding-right: 20px;}
#footermenu ul>*:first-child a:before{content:none}
#footertext a{text-decoration:underline;color:#4a80ab}
#footer #facebook{}
#footer #twitter{}
body.wide #leftmenu{display:none}
#leftmenu{width:238px;}
#leftmenu #top,#leftmenu div.moduletable h3{width:192px;padding:0 23px;line-height:47px;height:43px;background:url(../images/leftmenu-title.png);font-family:Tahoma, Geneva, sans-serif;font-size:12px;font-weight:bold;color:black}
#leftmenu #btm{width:238px;height:329px;}
#leftmenu #btm, body.power #leftmenu #btm{background:url(../images/leftmenu-power.png) 0 bottom no-repeat}
body.water #leftmenu #btm{background:url(../images/leftmenu-water.png) 0 bottom no-repeat}
body.light #leftmenu #btm{background:url(../images/leftmenu-light.png) 0 bottom no-repeat}
/* for dev only --remove -----------------------------------------------------------------------------------------------------
#leftmenu #menuul {width:238px;background:url(../images/leftmenu-blueback.png) repeat-y 0 0 }
#leftmenu #menuul *{line-height:29px}
#leftmenu #menuul ul{margin:0}
#leftmenu #menuul li{width:228px;list-style:none}
#leftmenu #menuul li.alias-parent-active a{background:url(../images/down-arrow.png) no-repeat 4px #dde9ee;font-weight:bold;}
#leftmenu #menuul li.alias-parent-active li.active a{background:url(../images/right-arrow.png) no-repeat 4px #dde9ee;font-weight:bold;}
#leftmenu #menuul li.alias-parent-active li a{background:#eeeeee;font-weight:normal;}
#leftmenu #menuul li.active a,#leftmenu #menuul li.alias-parent-active li.active a{color:#3373c2;font-weight:bold;}
#leftmenu #menuul li a:hover,#leftmenu #menuul li.active a:hover,#leftmenu #menuul li.alias-parent-active li a:hover{background:url(../images/leftmenu-mouseover.png) repeat-x 0 0;color:white;font-weight:bold;border-top:1px solid silver}
#leftmenu #menuul li span.separator:after{ background: url("../images/down-arrow-gray.png") no-repeat scroll 6px 2px transparent;
content: "";
display: inline-block;
height: 12px;
width: 18px;}
#leftmenu #menuul li a,#leftmenu #menuul li span.separator{display:block;background:transparent;border-top:1px solid silver;width:208px;padding:0 0 0 20px;margin-left:5px;text-decoration:none;color:black}
#leftmenu #menuul li span.separator{color:#666666}
#leftmenu #menuul li li a,#leftmenu #menuul li li span.separator{display:block;background:#eeeeee;border-top:1px dashed silver;width:200px;padding:0 0 0 28px;margin-left:5px}
#leftmenu #menuul li li li a,#leftmenu #menuul li li li span.separator{display:block;background:#eeeeee;border-top:1px dashed silver;width:190px;padding:0 0 0 38px;margin-left:5px}
#leftmenu #menuul ul li.parent li:first-child a{border-top:1px solid #dddddd}
#leftmenu #menuul ul li li.parent li:first-child a{border-top:1px dashed silver}
#leftmenu #menuul ul li:first-child li a{border-top:1px dashed silver}
#leftmenu #menuul ul li li.parent li:first-child a:hover,#leftmenu #menuul ul li:first-child li a:hover{border-top:1px solid silver}
end remove -----------------------------------------------------------------------------------------------------------------------*/
/* --------------- */
#leftmenu div.moduletable ul{width:238px;background:url(../images/leftmenu-blueback.png) repeat-y 0 0 }
#leftmenu div.moduletable *{line-height:29px}
#leftmenu div.moduletable ul{margin:0}
#leftmenu div.moduletable li{width:228px;list-style:none}
/*#leftmenu #menuul li li{width:218px;padding:0 0 0 10px}
#leftmenu #menuul li li li{width:208px;padding:0 0 0 20px}*/
#leftmenu div.moduletable li.alias-parent-active a{background:url(../images/down-arrow.png) no-repeat 4px #dde9ee;font-weight:bold;}
#leftmenu div.moduletable li.alias-parent-active li.active a{background:url(../images/right-arrow.png) no-repeat 4px #dde9ee;font-weight:bold;}
#leftmenu div.moduletable li.alias-parent-active li a{background:#eeeeee;font-weight:normal;}
#leftmenu div.moduletable li.active a,#leftmenu div.moduletable li.alias-parent-active li.active a{background:url(../images/right-arrow.png) no-repeat 4px #dde9ee;color:#3373c2;font-weight:bold;}
#leftmenu div.moduletable li.active li a,#leftmenu div.moduletable li.alias-parent-active li.active li a{background-image:none;color:#000000;font-weight:normal;}
/*#leftmenu #menuul li.alias-parent-active li.active a{background:#eeeeee;font-weight:bold;}*/
#leftmenu div.moduletable li a:hover,#leftmenu div.moduletable li.active a:hover,#leftmenu div.moduletable li.alias-parent-active li a:hover{background:url(../images/leftmenu-mouseover.png) repeat-x 0 0;color:white;font-weight:bold;border-top:1px solid silver}
#leftmenu div.moduletable li span.separator:after{ background: url(../images/down-arrow-gray.png) no-repeat 6px 2px transparent;
content: "";
display: inline-block;
height: 12px;
width: 18px;}
#leftmenu div.moduletable li a,#leftmenu div.moduletable li span.separator{display:block;background:transparent;border-top:1px solid silver;width:208px;padding:0 0 0 20px;margin-left:5px;text-decoration:none;color:black}
#leftmenu div.moduletable li span.separator{
font-style:italic}
#leftmenu div.moduletable li li a,#leftmenu div.moduletable li li span.separator{display:block;background:#eeeeee;border-top:1px dashed silver;width:200px;padding:0 0 0 28px;margin-left:5px}
#leftmenu div.moduletable li li li a,#leftmenu div.moduletable li li li span.separator{display:block;background:#eeeeee;border-top:1px dashed silver;width:190px;padding:0 0 0 38px;margin-left:5px}
#leftmenu div.moduletable ul li.parent li a{background-color: #eee;border-top: 1px solid #dddddd;font-weight: normal!important;}
#leftmenu div.moduletable ul li li.parent li:first-child a{border-top:1px dashed silver}
#leftmenu div.moduletable ul li:first-child li a{border-top:1px dashed silver}
#leftmenu div.moduletable ul li li.parent li:first-child a:hover,#leftmenu div.moduletable ul li:first-child li a:hover{border-top:1px solid silver}
#leftmenu div.moduletable li a, #leftmenu div.moduletable li span.separator{border-top: 1px solid silver;}
.graphite .accordion a{border-bottom:0px!important;font-weight:normal!important;}
.graphite .accordion a .dcjq-icon{
background: url(../images/down-arrow-gray.png) no-repeat 1px 2px transparent!important;
display: inline-block;
height: 12px;
width: 18px;
float: none;
position: relative;left: 5px;
}
.graphite .accordion{font: bold 12px Tahoma, Geneva, sans-serif!important;font-weight: normal;}
#leftmenu div.moduletable li.active a, #leftmenu div.moduletable li.alias-parent-active li.active a
{font-weight:bold!important;}
/* --------------------- */
#pageoptions{width:100%;height:16px;float:left;margin:10px 0}
#pageoptions div.buttonheading{float:right;height:16px;line-height:16px}
#pageoptions div.buttonheading div{display:block;float:left;width:auto}
#pageoptions a{text-decoration:none;color:#999999;font-size:10px;background:url(../images/pageoptions-sprt.png) 0 0 no-repeat transparent;padding:3px 8px 0px 19px}
#pageoptions a:hover{color:black}
#pageoptions div#share a{background-position:0px 0px}
#pageoptions div#print a{background-position:0px -37px}
#pageoptions div#email a{background-position:0px -20px}
#pageoptions div#rss a{background-position:0px -56px}
#pageoptions div#feedback a{background-position:0px -71px}
#content div.content-box {display:block;float:right;clear:right;width:202px;margin:0 0 4px 20px;}
#content div.content-box div.title{height:22px;overflow:hidden;background:url(../images/content-module.png) no-repeat 0 0 transparent;padding:8px 4px 20px 8px;font-size:15px;font-weight:bold;color:#3373c2;text-shadow: 1px 1px #ffffff;}
#content div.content-box div.content{background:url(../images/content-module-bgd.png) repeat-y 0 0 transparent;overflow:hidden;padding:3px}
#content div.content-box div.content p{margin:0 8px 8px 8px}
#content div.content-box div.end{height:9px;background:url(../images/content-module.png) no-repeat 0 -55px transparent}
#search form.search {display:inline;height:30px;width: 100%;}
#search input.button {
height: 30px;
left: 120px;
width: 34px;
outline:none;cursor:pointer
}
#search input.inputbox{border:0;background:transparent;font-size:12px;width:132px;height:30px;line-height:30px;padding-left:17px}
#search label{display:none}
/* body.wide style -------------------------------------------------------------------------------------------------- */
body.wide #content,body.wide #pagetitle, body.wide #pageoptions{width:908px}
body.wide #leftmenu{display:none}
/* end body.wide style -------------------------------------------------------------------------------------------------- */
/*body.home style ------------------------------------------------------------------------------------------------------ */
body.home #contentarea{height:100%;min-height:100%;padding-left: 0;}
div#lefthome{width:263px;float:left;position:relative;overflow:visible;display:table}
div#login{
width:290px;
height:307px;
overflow:hidden;
position:relative;
float:left;
background:url(../images/pay-your.jpg) no-repeat top center transparent;
border: 1px solid #cbcccc;
background-size: contain;
margin-right: 20px;
}
div#bigmenu{
width:100%;
height:auto;
overflow:hidden;
position:relative;
margin:0px 0 10px 0px;
background:transparent;
float:left;
clear: both;
border-top: 1px solid #cecece;
border-bottom: 1px solid #cecece;
margin-top: 40px;
padding-top: 0px;
margin-bottom: 30px;
padding-bottom: 40px;
}
div#bigmenu div.btn a{width:263px;height:65px;background:url(../images/menu-btn-sprt.png) 0 0 no-repeat transparent;display:block;border:0;outline:0}
div#bigmenu div.btn a img{width:100%;height:100%;border:0;outline:0}/*roller blank*/
div#bigmenu div.btn.btn1 a{background-position:0 0}
div#bigmenu div.btn.btn2 a{background-position:0 -65px}
div#bigmenu div.btn.btn3 a{background-position:0 -130px}
div#bigmenu div.btn.btn4 a{background-position:0 -195px}
div#bigmenu div.btn.btn5 a{background-position:0 -260px}
div#bigmenu div.btn.btn1 a:hover{background-position:-266px 0}
div#bigmenu div.btn.btn2 a:hover{background-position:-266px -65px}
div#bigmenu div.btn.btn3 a:hover{background-position:-266px -130px}
div#bigmenu div.btn.btn4 a:hover{background-position:-266px -195px}
div#bigmenu div.btn.btn5 a:hover{background-position:-266px -260px}
div#slides{width: 678px;height:311px;position:relative;float:left;margin:-2px 0 0 5px}
/*div#slides{background:url(../images/slide-placeholder.png) 0 0 transparent no-repeat;}*/
/* end body.home style --------------------------------------------------------------------------------------------------- */
div#tabs{width: 100%;height:auto;min-height:278px;display:block;float:left;margin: -10px 0 0 -3px;position:relative}
div#tabs div.content{padding:50px 8px 10px 10px;font-family:Tahoma, Geneva, sans-serif;font-size:12px;color:#999999}
div#tabs div#news{background:url(../images/tabs-bgd.png) -1332px 0 transparent no-repeat;width: 745px;min-height:44px;display:block}
div#tabs div#calendar{background:url(../images/tabs-bgd.png) -666px 0 transparent no-repeat;width:666px;min-height:44px;display:none}
div#tabs div#video{background:url(../images/tabs-bgd.png) 0 0 transparent no-repeat;width:666px;min-height:44px;display:none}
div#tabs div#weather{position:absolute;left:490px;top:5px;width:166px;height:34px;font-family:Tahoma, Geneva, sans-serif;}
div#tabs a.title{font-family:Arial, Helvetica, sans-serif;font-size:22px;color:#868686;text-shadow:1px 1px #ffffff;font-weight:bold;display:inline-block;float:left;width:155px;text-align:center;margin:10px 0 0 0;text-decoration:none}
div#tabs a.title:first-child{margin-left:18px}
div#tabs div#news a.newstab{color:#256cc4}
div#tabs div#calendar a.calendartab{color:#256cc4}
div#tabs div#video a.videotab{color:#256cc4}
div#tabs a:hover{color:#256cc4}
div#debug{clear:both}
div#content div.search fieldset {
border: 1px solid #CCCCCC;
margin-bottom: 8px;
padding: 4px;
}
div#content div.search span.small,div#content div.search .result-created{font-size:9px;color:#999999;margin-bottom:10px}
#content ul.pagination{display:table;width:auto;margin:0 auto}
#content ul.pagination li {
display: block;
float: left;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
margin-left: 10px;
}
#content div.search .result-title a{font-weight:bold}
div#debug {height:150px;background:#fff}
div#login #submitbtn input.creataccount {
width: 46%;
float: right;
color: #fff;
background-color: #5cc8e6;
border-radius: 5px;
padding: 10px 5px;
border: none;
text-decoration: none;
box-shadow: none;
text-align: center;
font-size: 16px;
cursor: pointer;
font-style: italic;
}
div#login #submitbtn input.creataccount:hover {
background-color: #5cc8e6;
}
div#login input.imgClass {
width: 46%;
float: left;
color: #fff;
background-color: #1692ce;
border-radius: 5px;
border: none;
padding: 10px 5px;
text-align: center;
font-size: 16px;
box-shadow: none;
cursor: pointer;
z-index: 999;
}
div#login input.imgClass:hover {
background-color: #5ac9e7;
}
div#login div#logout input.imgClass {
background-position: 0 -34px
}
/*.imgClass:hover{
background-position: 0 0;
}
.imgClass:active{
background-position: 0 0;
}*/
div#login fieldset{border:0;outline:none;}
div#login #submitbtn, div#login div#logout #submitbtn {
left: 13px;
position: absolute;
top: 183px;
}
div#login div#options{position:absolute;top:217px;left:22px}
div#login div#options a{color:white;text-decoration:none}
div#login div#options a:hover{text-decoration:underline}
div#login input.inputbox{width:215px;padding:0 7px;height:32px;line-height:32px;border:0;background:url(/templates/bwp2013/images/loginout.png) 0px -78px no-repeat;}
div#login input#modlgn-username{position:absolute;left:16px;top:82px}
div#login input#modlgn-passwd{position:absolute;left:16px;top:143px}
div#login label{font-size:15px;color:white;text-shadow: 1px 1px 2px #000000;}
div#login label#username{position:absolute;left:22px;top:62px}
div#login label#passwd{position:absolute;left:22px;top:121px}
div#login #greeting {
color: white;
font-size: 15px;
left: 16px;
position: absolute;
text-shadow: 1px 1px 2px #000000;
top: 67px;
width: 224px;
}
#leftmenu div.moduletable ul#account.menu {border-bottom:2px solid silver}
/* mini frontpage */
div.minifrontpage-default{margin:0 0 0 10px}
.minifrontpage-default .mfp-table-cell-inner .mfp-img-left {
float: left;
margin: 12px 4px 4px 0;
}
div#news div.minifrontpage-default span.mfp-introtitle a{font-size:14px;color:#256CC4}
div#video div.minifrontpage-default span.mfp-introtitle a{font-size:14px;color:#C30}
div#news div.minifrontpage-default span.mfp-introtitle a:hover{font-size:14px;color:#FF6600}
div#video div.minifrontpage-default span.mfp-introtitle a:hover{font-size:14px;color:black}
#slider167 .slide-desc {
bottom: 0;
left: 0;
padding: 0 0 2px 3px;
position: absolute;
width: 653px;
}
.slide-desc {
bottom: 0!important;
left: 0!important;;
padding: 0 0 2px 3px!important;;
position: absolute!important;;
width: 653px!important;
}
.slide-desc-bg {background:url(../images/slideshow-title-bg.png) 0 bottom no-repeat transparent!important;opacity:1}
/*emergency announcement */
body #emergency{display:none}
body.emergency #emergency {
display:block;
background: darkred;
border: 1px solid silver;
border-width: 1px 0;
color: white;
font-size: 15px;
height: 34px;
left: 0;
margin-left: 0;
padding: 4px;
position: absolute;
text-align: center;
top: 1px;
width: 100%;
font-family:tahoma,sans-serif;vertical-align:middle
}
#emergency a{text-decoration:underline;color:cyan}
#emergency a:hover{color:white}
body.emergency {margin-top:42px}
body.emergency #pagetopbgd{top:42px}
/* -----------------------------------*/
#content table.rates{border:1px solid gray}
#content table.rates td{background-color:#ffffff;padding:4px;border:1px solid silver}
#content table.rates tr.w td, #content table.rates td.w{background-color:#d7d7d7;border:0}
#content h3.underscore{display: block; width: 100%; border-bottom: #1C5397 1px solid;}
#content .blue{color:#1c5397}
#content a.blue{color:#1c5397;text-decoration:underline}
#content h4 a.blue{text-decoration:none}
#content img.titlebanner{margin:auto;display:block;}
#content table.stndtable {border:1px solid gray;width:100%}
#content table.stndtable.transparent {border:0}
#content table.stndtable.transparent td{background-color:transparent}
#content table.stndtable td{background-color:white}
#content span.smalltaupe{color:#gray;font-size:1px}
/*jevents */
#content table.cal_table td{background-color:white}
#content table.ev_table{width:100%;background-color:white}
#content table.ev_table ul{margin:0}
#content table td.ev_detail{padding:0;font-size:14px;font-weight:bold}
#content ul.actions li.info-icon{display:none}
#content td.cal_td_daysnames {background: none repeat 0 0 #72AED6;}
#content td.ev_td_left {background:#DDE9EE;height:65px}
#content td.ev_td_today {background:#72AED6;height:65px}
#content td.ev_td_left a,#content td.ev_td_today a{text-decoration:none;font-size:11px;line-height:130%}
#content table.cal_table td.cal_td_today{background-color:#DDE9EE}
#content a.cal_titlelink:link, a.cal_titlelink:visited, a.cal_titlelink:hover {line-height:130%;font-weight:normal;text-decoration:none}
#content a.cal_titlelink:hover{text-decoration:underline}
td.mod_events_latest_first, td.mod_events_latest{height:50px;font-size:14px;padding-left:8px}
td.mod_events_latest_first a, td.mod_events_latest a{color:#256CC4}
td.mod_events_latest_first a:hover, td.mod_events_latest a:hover{color:#000000}
#content td.rebatetitle{vertical-align:middle;padding:0px 0px 0px 20px;font-size:24px;line-height:28px;font-weight:normal;color:#000000;text-align:left}
#content td.rebatetitle h3{font-size:24px;line-height:28px;font-weight:normal;color:#000000;text-align:left}
#content td.rebatetitle h3 b,#content td.rebatetitle h3 strong{font-weight:bold}
#content .Orange {
color: #F8981D;
}
#content H3.blueline {
FONT-SIZE: 18px; MARGIN-BOTTOM: 8px; WIDTH: 100%;border-bottom: 1px solid #1C5397;
}
#content table.lined td H4 {
CLEAR: left; FONT-WEIGHT: normal; FONT-SIZE: 14px; MARGIN: 0px 0px 8px; COLOR: #548dd4
}
#page TABLE.lined TD {
PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 10px; PADDING-TOP: 17px; BORDER-BOTTOM: #ffffff 1px solid
}
TABLE.lined P {
FONT-SIZE: 11px; COLOR: #333333
}
#content TABLE.lined A {
COLOR: #548dd4; TEXT-DECORATION: none
}
#content TABLE.lined A:visited {
COLOR: #548dd4
}
#deptbanner ul#account {
background: none repeat scroll 0 0 white;
display: block;
overflow: visible;
width: 655px;
border:1px solid #1C4498;
opacity:0.8;
border-radius:6px;
box-shadow:2px 2px 2px #666;
padding: 5px;
float: left;
}
#deptbanner ul#account li {
background-color: #3E64C1;
border: 1px solid #000000;
display: inline-block;
float: left;
list-style: none outside none;
margin: 5px;
opacity: 1;
padding: 4px;
position: relative;
border-radius:3px;
box-shadow:2px 2px 1px #999999;
}
#deptbanner h3 {
margin-left: 5px;
padding: 10px;
}
#deptbanner ul#account li a{text-decoration:none;color:white;font-weight:bold}
#deptbanner ul#account li a:hover{color:black}
body.wide #deptbanner{float:none;margin:0 auto}
#system-message-container, #system-message-container p{
color: red;
display: inline-block;
font-size: 14px;
font-weight: bold;
padding-left: 8px;
}
#system-message-container li{list-style:none;margin-left:8px}
#josForm textarea{width:400px}
#content #josForm .message{color:red}
iframe#manage-account{margin-top:10px;border:1px solid gray}
.dcjq-icon{
background: url(../images/down-arrow-gray.png) no-repeat 6px 2px transparent;
content: "";
display: inline-block;
height: 12px;
width: 18px;
}
div#leftmenu ul#accordion-1.menu li.active ul li a {
background-color: #eee;
}
div#topmenu ul.menu li.alias-parent-active ul li.active ul li a:hover {
background: url("../images/menu-drop-sprt.png") repeat scroll 0 -48px transparent;
}
div#topmenu ul.menu li.alias-parent-active ul li.active ul li a {
background: inherit;
}
div#topmenu ul.menu li.active ul li.active ul li a:hover {
background: url("../images/menu-drop-sprt.png") repeat scroll 0 -48px transparent;
}
div#topmenu ul.menu li.active ul li ul li a {
background: none;
}
div#topmenu ul.menu li ul li.active ul li a {
background: none repeat-x scroll 0 -1px #70add5 !important;
}
div#topmenu ul.menu li ul li.active ul li a:hover {
background: url("../images/menu-drop-sprt.png") repeat scroll 0 -48px transparent !important;
}
div#content, .slider-container {
-webkit-backface-visibility: hidden;
}
div#weather span {
font-size: 11px;
color: #425D72;
font-weight: bolder;
}
div#weather span strong {
color: #56CCEA;
}
div#deptbanner div.moduletable ul#account.menu li.item-1548 {
background-color: #FF8000;
color: #000;
}
#content table.tdverticalmiddle TD { vertical-align: middle; }
div#contentarea div#leftmenu div.moduletable div.graphite ul#accordion-1.menu li ul.nav-child li a.dcjq-parent {
font-style: italic;
font-weight: bolder;
}
div#contentarea div#leftmenu div.moduletable div.graphite ul#accordion-1.menu li ul.nav-child li span.separator {
font-style: italic;
font-weight: bolder;
}
#breadcrumbs ul li {list-style: none;float: left;}
.moduletableburbankslider .navigation-container{top:39%!important;}
#pageoptions .buttonheading #share{padding: 0px 17px 0px 0px!important;position: relative;}
#pageoptions .buttonheading #print{position: relative;left: -17px;}
.home #contentarea #slides .djslider #navigation197{top:39%!important;}
dt {
height: 24px;
overflow: hidden;
}
/*new css start here*/
#josForm blockquote {
background: none !important;
border-left:0;
border-radius:0;
color: #544C4A;
font: italic 12pt/1.2em Georgia;
margin: 10px !important;
padding: 10px !important;
width: 100%;
}
#josForm blockquote:before {
background: none;
content:none !important;
margin-right: 0;
}
#josForm p
{
width:100%;
float:left;
}
#content blockquote
{
background:none;
border:0;
}
div#login .login-greeting {
color: #FFFFFF;
font-size: 15px;
left: 16px;
position: absolute;
text-shadow: 1px 1px 2px #000000;
top: 67px;
width: 224px;
}
.logout-button .btn.btn-primary
{
position:relative;
top:131px;
left:13px;
}
/*new css close here*/
.alert-warning {width:104%;}
.alert-warning a, .alert-warning h4, .alert-warning p, .alert-message a, .alert-message h4, .alert-message p{
color: #f00!important;
}
#system-message-container .close{
position: relative;
cursor: pointer;
}
#system-message-container .alert-heading{padding-top:10px;}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
font-size: 11px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip {
max-width: 400px;
}
.tooltip-inner {
max-width: none;
text-align: left;
text-shadow: none;
}
th .tooltip-inner {
font-weight: normal;
}
.tooltip.hasimage {
opacity: 1;
}
.tip-text {
text-align: left;
}
/*Custom login form*/
.login-custom{
width: 384px;
height: 400px;
overflow: hidden;
position: relative;
float: left;
background: url(../images/paybox-fix.png) 0 0 no-repeat transparent;
}
.login-custom label {
font-size: 15px;
color: white;
text-shadow: 1px 1px 2px #000000;
padding-bottom: 5px;
display: block;
}
.form-login-fb{
padding: 0 20px;
}
.login-custom input {
width: 215px;
padding: 0 7px;
height: 32px;
line-height: 32px;
border: 0;
}
.login-custom button[type="submit"]{
background: url(../images/loginout.png) 0px 0px no-repeat;
width: 129px;
height: 34px;
border: 0px;
cursor: pointer;
border: none;
}
.login-custom #options{
padding: 0 20px
}
.login-custom #options a{
color: #fff !important
}
#system-message{
margin-bottom: 20px;
}
/* gonative */
i.mediafactory-icon-star {
display: none !important;
}
.com_photobattlefactory-view.view-latest .items div.item {
height: 235px;
text-align: center;
}
.com_photobattlefactory-view .items .item img {
max-height: 400px;
max-width: 400px;
}
.fc-cent {
text-align: center;
}
i.search-icon {
background: rgba(0, 0, 0, 0) url("../images/zoom_icon.png") no-repeat scroll center center;
bottom: 3px;
display: inline-block;
height: 26px;
position: absolute;
right: 10px;
vertical-align: middle;
width: 25px;
}
a.modal_link {
display: inline-block;
}
/*Update 01-09-15 */
body div#tabs a.title{
font-size: 18px;
}
/* Update 22-09-15 */
#subpages #breadcrumbs, #subpages #pageoptions,
#subpages #deptbanner, #subpages #content{
width: 100%;
}
#subpages #pagetitle{
width: 97%;
}
#subpages div.moduletable{
/*text-align: center;*/
}
#subpages #content table{
display: block;
margin: 0 auto;
clear: both;
}
#subpages #content p img{
display: block;
margin: 0 auto;
}
#subpages #content p{
/*clear: both;*/
}
#subpages #content h3{
/*clear: both;*/
}
/* Fix slider */
#subpages #sliderContainer{
margin: 0 auto;
}
#subpages #sliderContainer a.sliderNext{
text-indent: -999999px
}
#subpages #sliderContainer a.sliderPrev{
text-indent: -999999px
}
#subpages #content p img[align="left"]{
margin-right: 8px;
}
div#pageoptions{
float: none;
}
/* update 26-10-2015 */
#banner
{
margin-left: 15px;
}
#title h1
{
text-align: center;
margin-top: 20px;
}
#title p
{
text-align: center;
width: 550px;
margin: 0 auto;
}
#content-cc .border
{
border-top: 1px solid #acbed4;
width:865px;
margin:15px 0px 0px 20px;
}
.nd
{
width:865px;
/* height:210px;
margin-left: 20px;*/
height: auto;
margin-left: 20px;
clear: both;
overflow: hidden;
}
.nd .image
{
width:250px;
height:170px;
background-color:white;
float:left;
margin-right:10px;
}
/* update 27-10-2015 */
#title-tt h1
{
text-align: center;
margin-top: 20px;
}
#title-tt p
{
text-align: center;
width: 550px;
margin: 0 auto;
}
#nd2
{
width:865px;
height:210px;
background-color:white;
margin-top:30px;
margin-left:15px;
}
.ndnd2
{
width:375px;
/*height:200px;*/
min-height: 250px;
border: 1px solid #000;
float:left;
margin-right: 25px;
margin-left: 25px;
margin-bottom: 20px;
}
.ndnd2 .buttonn{
margin: 30px auto 0px;
}
.ndnd2 h2
{
text-align:center;
font-size:24px !important;
color:black !important;
/* margin-bottom:20px !important;
margin-top: 20px !important;*/
width: 75%;
margin: 20px auto !important;
}
.ndnd2 p
{
font-size:22px !important;
text-align:center;
font-family:"Times New Roman", Georgia, Serif;
line-height: 1;
}
.content-tt-fix-2711{
padding-top: 0px !important;
}
.buttonn
{
margin: 30px auto;
width: 150px;
height: 37px;
background-color:#1a98d3;
border-radius:5px;
}
.buttonn a
{
display: block;
text-align: center;
text-decoration:none !important;
color:white !important;
padding-top: 9px;
font-size: 15px;
}
.buttonn a:hover
{
text-decoration:none !important;
color:white !important;
}
.ndnd-content
{
line-height: 26px;
font-size: 15px;
}
.ndnd-link
{
margin-top: 10px;
font-size: 16px;
}
.ndnd-link a
{
text-decoration:none !important;
color:#1692ce !important;
}
#content
{
background-color:white;
margin: 0px;
}
#Cbanner
{
padding: 0px !important;
margin-left: 0px;
position: relative;
}
#Cbanner img{
width: 100%;
}
#Ctitle h1
{
text-align: center;
margin-top: 20px;
}
#Ctitle p
{
text-align: center;
width: 550px;
margin: 0 auto;
}
#Ccontent-cc .Cborder
{
border-top: 1px solid #acbed4;
width:810px;
margin:15px 0px 0px 50px;
}
.Cnd
{
width: 810px;
height: 250px;
margin: 30px auto;
}
.Cnd .Cimage
{
height: 250px;
float: left;
margin-right: 45px;
margin-left: 25px;
}
.Cnd .Cimage img
{
height: 250px;
float: left;
}
.Cndnd
{
float: left;
width: 289px;
width: 362px;
margin-left: 15px;
}
.Cndnd-title h2
{
margin-top:20px !important;
font-size:24px !important;
color:black !important;
}
.Cndnd-content
{
font-size: 16px;
line-height: 20px;
}
.Cndnd-link
{
margin-top: 20px;
}
.Cndnd-link a
{
font-size: 16px;
color:#1692ce !important;
text-decoration:none !important;
}
#slider h1
{
margin: 20px auto;
width: 400px;
}
.And
{
width: 263px;
height: auto;
float: left;
margin: 17px;
}
.Aimage img
{
width:270px;
}
.Andnd-title
{
margin-top: 15px;
}
.Andnd-title h2
{
padding: 0px 5px;
color:black !important;
}
.Andnd-link a
{
display: block;
text-align: center;
color:white !important;
text-decoration: none !important;
}
.Andnd-link
{
background-color:#1692ce;
width: 100px;
height: 25px;
padding-top: 5px;
border-radius: 5px;
margin: 20px auto;
}
#text
{
position: absolute;
top: 80px;
left: 55px;
font-size:30px;
}
#text1
{
position: absolute;
top: 130px;
left: 55px;
}
/* css customer */
#banner{
padding: 0px;
margin-left: 0px;
position: relative;
}
#banner img{
width: 100%;
}
.nd .image img{
width: 100%;
}
#content-cc #title{
padding: 20px 0px;
}
.nd .ndnd-content{
}
.ndnd{
overflow: hidden;
}
.ndnd ul{
margin-left: 0px !important;
}
.ndnd-title{
padding: 20px 0px;
}
.ndnd-link{
}
.template-d-custom #Ccontent-cc .Cborder,
.template-c-cutome #Ccontent-cc .Cborder {
margin: 40px 0px 0px 50px;
}
.template-d-custom .Cnd .Cimage,
.template-c-cutome .Cnd .Cimage {
margin-left: 0;
}
.template-d-custom .Cimage.right {
float: right;
margin-right: 0;
}
.template-d-custom .Cndnd {
float: left;
margin-left: 0;
}
.template-d-custom .Cndnd-link,
.template-c-cutome .Cndnd-link {
font-weight: bold;
}
.template-d-custom .Cnd {
height: 260px;
}
#smallmenu {
display: none;
}
#header #search {
background: none;
height: 30px;
left: 0;
position: relative;
top: -70px;
width: 174px;
float: right;
border: 2px solid #cbcccc;
border-radius: 5px;
color: #cbcccc;
}
#header #search #mod_search_searchword {
color: #cbcccc;
background: url(/images/bwp/MagnifyingGlass.svg) no-repeat right center;
background-size: 23px 18px;
width: 86%;
float: left;
}
.hp-list {
width: 100%;
}
.hp-list-container {
width: 94%;
margin: 0 auto;
padding-top: 40px;
}
.hp-list-container .images {
width: 25%;
float: left;
text-align: center;
}
.hp-list-container .images img {
max-width: 100%;
width: 70%;
margin: 0 auto;
/*height: 100%;*/
display: block;
}
.hp-list-container .images a {
text-decoration: none;
color: transparent;
}
.hp-list-container .images a.color-text {
color: #221e1e;
text-decoration: none;
}
.hp-list-container .images p {
color: #221e1e;
font-size: 16px;
padding-top: 20px;
}
/* .fix-h-images img {
width: 125px !important;
margin-top: 40px !important;
} */
.slider-hp {
padding-bottom: 40px;
clear: both;
}
.slider-hp h2 {
text-align: center;
color: #050607 !important;
font-size: 28px;
padding-bottom: 35px;
}
.slider-hp .owl-buttons {
bottom: 225px !important;
}
.slider-hp .owl-prev {
background: url(../images/r-slider-left.png) no-repeat !important;
opacity: 1 !important;
background-size: cover !important;
height: 38px;
width: 24px;
text-indent: -9999px;
margin-left: -55px !important;
position: relative;
}
.slider-hp .owl-next {
background: url(../images/r-slider-right.png) no-repeat !important;
opacity: 1 !important;
background-size: cover !important;
height: 38px;
width: 24px;
text-indent: -9999px;
margin-right: -55px !important;
position: relative;
}
.slider-hp .owl-carousel .owl-item {
border: 1px solid transparent !important;
border-radius: 0 !important;
}
.slider-hp .owl-carousel img {
max-width: 100%;
}
.slider-hp .owl-carousel .item {
float: left;
width: 100%;
}
.slider-hp .item h1 {
color: #050607 !important;
font-size: 21px !important;
line-height: normal;
}
.slider-hp .item p {
font-size: 20px !important;
color: #050607 !important;
line-height: normal;
}
.slider-hp .item a {
color: transparent;
}
.slider-hp .item a.color-text {
color: #1692ce;
font-size: 18px !important;
line-height: normal !important;
text-decoration: none;
}
.slider-hp .item-small {
width: 82% !important;
float: left;
margin-right: 0%;
border: 1px solid #ececec;
padding: 20px;
}
.slider-hp .item-me {
width: 57% !important;
float: left;
border: 1px solid #ececec;
padding: 20px;
}
.item-small h1 {
text-align: center;
padding-top: 25px;
padding-bottom: 20px;
}
.item-small a {
text-align: center;
width: 100%;
display: inline-block;
padding-bottom: 10px;
}
.images-me {
float: left;
width: 46.4%;
}
.item-me-text {
float: left;
width: 50%;
padding-left: 3%;
padding-top: 90px;
}
.item-me-text h1 {
line-height: normal;
padding-bottom: 25px;
}
.item-me-text a {
padding-top: 45px !important;
z-index: 999;
display: inline-block;
}
div#login fieldset {
padding-top: 95px;
}
div#login #login-form #submitbtn {
position: relative;
top: 0;
width: 89%;
left: 0;
margin: 0 auto;
clear: both;
}
div#login #login-form #options {
position: relative;
top: 1px;
width: 89%;
left: 0;
margin: 0 auto;
text-align: center;
clear: both;
}
div#login #login-form #options a {
color: #1692ce;
font-size: 16px;
font-weight: bold;
}
#contentarea div#login input#modlgn-passwd,
#contentarea div#login input#modlgn-username {
color: #27332F !important;
background: none;
background-color: #fff !important;
border: 1px solid #cbcccc;
width: 78%;
padding: 2px 15px;
position: relative;
margin-bottom: 20px !important;
top: 0;
}
#subpages #breadcrumbs,
#subpages #pagetitle,
#subpages #content #pageoptions {
display: none;
}
#subpages #deptbanner {
width: 100%;
margin-left: 0px;
}
#subpages #deptbanner .moduletable img {
width: 100%;
max-width: 100%;
height: 100%;
}
.template-a-content .And {
width: 297px;
}
.template-c-cutome .Aslider,
.template-a-content .Aslider {
width: 995px;
padding-top: 30px;
clear: both;
}
.template-c-cutome .item {
padding: 0 0 30px 0 !important;
}
.template-c-cutome .item img {
width: 100%;
}
.template-c-cutome .Aslider .owl-buttons .owl-prev,
.template-a-content .Aslider .owl-buttons .owl-prev {
background: url(../images/r-slider-left.png) no-repeat !important;
opacity: 1 !important;
background-size: cover !important;
height: 38px;
width: 24px;
text-indent: -9999px;
margin-left: -55px !important;
position: relative;
}
.template-c-cutome .Aslider .owl-buttons .owl-next,
.template-a-content .Aslider .owl-buttons .owl-next {
background: url(../images/r-slider-right.png) no-repeat !important;
opacity: 1 !important;
background-size: cover !important;
height: 38px;
width: 24px;
text-indent: -9999px;
margin-right: -55px !important;
position: relative;
}
.template-c-cutome .nd,
.template-c-cutome #content-cc .border {
width: 100%;
margin-left: 0;
}
.template-c-cutome #content-cc .border {
margin: 15px 0px 20px 0px;
}
.template-c-cutome #content-tt #nd2 {
margin: 30px auto 15px auto;
}
.template-c-cutome .nd .image {
margin-right: 30px;
}
.template-c-cutome .owl-buttons {
bottom: 50% !important
}
.template-c-cutome .ndnd-title {
padding: 0px 0px 5px 0px;
}
.template-c-cutome #content-tt .ndnd2 .buttonn a {
padding-top: 7px;
}
.template-a-content #text {
top: 32.5%;
}
.templte-b-content #text,
.template-d-custom #text,
.template-c-cutome #text {
top: 40%;
}
.template-a-content #text1 {
top: 41%;
width: 300px;
}
.templte-b-content #text1,
.template-d-custom #text1,
.template-c-cutome #text1 {
top: 50%;
width: 300px;
}
.templte-b-content #Ccontent-cc .Cborder,
.templte-b-content .Cnd,
.template-c-cutome #Ccontent-cc .Cborder,
.template-c-cutome .Cnd,
.template-d-custom #Ccontent-cc .Cborder,
.template-d-custom .Cnd {
width: 890px;
}
.template-c-cutome #Ccontent-cc .Cborder {
margin: 50px 0px 0px 50px;
}
.templte-b-content #content-cc .border {
width: 96%;
margin: 10px auto 25px auto;
}
.templte-b-content .nd {
width: 96%;
}
.templte-b-content .nd .image {
margin-right: 40px;
}
.templte-b-content #nd2 {
margin: 0 auto !important;
padding-top: 20px;
padding-bottom: 30px;
}
.templte-b-content .ndnd2 h2 {
font-weight: bold;
}
.templte-b-content .ndnd2 p {
width: 84%;
text-align: center;
margin: 0 auto !important;
}
.templte-b-content .ndnd-title h2 {
color: #000 !important;
}
#content-tt #nd2 p {
font-size: 20px !important;
width: 80%;
margin: 0 auto;
}
#content #content-cc #title h1 {
text-transform: inherit !important;
}
.template-c-cutome .ndnd-content ul {
list-style: none;
}
.template-c-cutome .ndnd-content ul li a {
text-decoration: none !important;
color: #1692ce !important;
}
.template-c-cutom-fix #content #content-cc.content-tt-fix-2711 #nd2.nd2-fix-2711 .ndnd2 h2 {
font-size: 20px !important;
}
.template-c-cutom-fix #content #content-cc.content-tt-fix-2711 #nd2.nd2-fix-2711 .ndnd2 p {
font-size: 18px !important;
}
.owl-theme .owl-controls .owl-buttons div{
background-repeat: no-repeat !important;
}
.div-faq.faqs-new {
border: none;
padding: 5%;
}
.div-faq.faqs-new #accordion3.lightnessfaq.headerbackground .accordionfaqheader {
color: #000;
padding: 20px 0px;
position: relative;
}
.div-faq.faqs-new #accordion3.lightnessfaq.headerbackground .accordionfaqheader:after {
content: '\005E';
font-size: 24px;
color: #1692ce;
float: right;
font-weight: 300;
margin-top: -3px;
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
transform: rotate(180deg);
position: absolute;
top: 20px;
right: 0;
}
.div-faq.faqs-new #accordion3.lightnessfaq.headerbackground .accordionfaqheader.selected:after {
content: "\005E";
margin-top: 4px;
font-weight: 300;
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(0deg);
}
.div-faq.faqs-new #accordion3.lightnessfaq.headerbackground .accordionfaqheader.selected {
color: #000;
padding: 20px 0px 10px 0px;
}
.div-faq.faqs-new #accordion3.lightnessfaq.headerbackground .accordionfaqheader a {
color: #000;
}
.div-faq.faqs-new #accordion3.lightnessfaq.headerbackground .accordionfaqheader:hover,
.div-faq.faqs-new #accordion3.lightnessfaq.headerbackground .accordionfaqheader:hover a {
background: transparent;
color: #000;
text-decoration: none;
}
.div-faq.faqs-new #accordion3.lightnessfaq.headerbackground .accordionfaqheader:hover a {
}
.div-faq.faqs-new h1 {
text-transform: capitalize !important;
margin-bottom: 20px !important;
}
.div-faq.faqs-new h4 {
margin-bottom: 45px !important;
}
.div-faq.faqs-new #accordion3.lightnessfaq.contentborder.headerborder div.accordionfaqitem {
padding: 5px 0px 10px 0px;
border: none !important;
margin-bottom: 0;
}
.div-faq.faqs-new .last-item {
border-bottom: 1px solid #cccccc !important;
}
.div-faq.faqs-new .last-item.selected {
border-bottom: none !important;
}
@media screen and (max-width: 1024px){
.help {
display: block;
clear: both;
}
body.home #contentarea {
padding-left: 0;
top: 40px;
width: 100%;
padding-right: 0;
position: relative;
}
#topmenu ul.menu li a {
padding: 0 20px;
}
.template-d-custom #Ccontent-cc .Cborder,
.template-c-cutome #Ccontent-cc .Cborder {
margin: 50px 0px 0px 50px;
}
.template-d-custom .Cnd {
height: 250px;
}
#header,
#slab {
width: 96%;
}
#footer {
width: 100%;
overflow: hidden;
}
#slab {
padding-top: 30px;
margin-top: 35px;
}
#footer .footer-container {
width: 100%;
}
#footermenu, #footertext {
position: relative;
left: 25px;
}
#footertext {
top: 10px;
clear: both;
}
#header #topmenu {
display: block !important;
}
div#search {
float: right;
top: -7px;
width: 163px;
}
div#bigmenu {
width: 100%;
clear: both;
position: relative;
top: 30px;
}
div#login {
width: 28%;
}
div#tabs {
width: 72%;
}
div#slides {
width: 69%;
margin: 0;
}
#smallmenu {
float: right;
left: 0;
}
div#tabs div#news,
div#tabs div.content {
width: 100%;
}
.mean-container .mean-bar {
display: none;
}
.mean-container a.meanmenu-reveal {
color: #000 !important;
}
.mean-container a.meanmenu-reveal span {
background: #000 !important;
}
#subpages #content .go-native-group table {
width: 100% !important;
}
#subpages #content .go-native-group p img {
width: 80px;
}
.slider-hp {
padding-bottom: 40px;
clear: both;
top: 40px;
position: relative;
}
.slider-hp .owl-prev {
margin-left: 0px !important;
}
.slider-hp .owl-next {
margin-right: 0px !important;
}
#banner {
clear: both;
margin-top: 35px;
}
.slider-hp .item-small {
width: 85% !important;
float: left;
margin-right: 0%;
}
.template-a-content {
float: left;
width: 100%;
}
.template-a-content .And {
width: 288px;
}
.template-c-cutome .Aslider,
.template-a-content .Aslider {
width: 870px;
padding-top: 30px;
clear: both;
margin: 0 auto;
}
.template-c-cutome #Ccontent-cc .Cborder,
.template-c-cutome .Cnd,
.template-d-custom #Ccontent-cc .Cborder,
.template-d-custom .Cnd {
width: 860px;
}
.template-c-cutome,
.template-d-custom {
padding-top: 30px;
}
.templte-b-content #text,
.template-d-custom #text,
.template-c-cutome #text {
top: 35%;
}
.templte-b-content #text1,
.template-d-custom #text1,
.template-c-cutome #text1 {
top: 45%;
width: 300px;
}
#header #topmenu {
display: none !important;
}
.mean-container .mean-bar {
float: left;
width: 100%;
position: absolute !important;
background: transparent;
padding: 4px 0;
min-height: 42px;
z-index: 999999;
top: 175px !important;
left: 10px;
display:block;
}
#topmenu ul.menu li a,
#topmenu ul.menu li span.separator {
padding: 0 18px;
}
#topmenu * {
line-height: 20px;
}
}
@media screen and (max-width: 960px){
.hp-list-container {
padding-top: 15px;
}
.item-me-text {
padding-top: 65px;
}
.slider-hp .item h1 {
font-size: 20px !important;
}
.slider-hp .item a {
font-size: 14px !important;
}
.slider-hp .item p {
font-size: 16px !important;
}
.item-small h1 {
text-align: center;
padding-top: 10px !important;
padding-bottom: 17px !important;
}
.slider-hp {
padding-bottom: 40px;
}
.slider-hp h2 {
font-size: 23px;
padding-bottom: 30px;
}
.template-a-content .And {
width: 27.333%;
margin: 3%;
}
}
@media screen and (max-width: 767px){
#content-tt #nd2 p {
padding-bottom: 5px;
}
.coal1, .coal2, .coal3 {
float: none !important;
display: block !important;
width: 100% !important;
margin-right: 0% !important;
}
div.ndnd2 {
min-height: auto !important;
}
.green {
width: 100% !important;
}
}
/*Update 28-10-2015*/
@media screen and (max-width: 768px){
.help {
display: block;
clear: both;
}
#content .stndtable tr {
display: flex;
zoom: 0.8;
clear: right;
}
.login-custom label {
padding-right: 20px;
}
#content
{
width:100% !important;
}
#banner img
{
max-width: 100%;
}
#content-cc .border
{
border-top: 1px solid #acbed4;
width: auto;
margin: 15px 0px 0px 20px;
}
.nd
{
width: auto;
height: 210px;
margin-left: 20px;
}
#nd2
{
width: auto;
height: 210px;
background-color: white;
margin-top: 30px;
margin-left: 15px;
}
.ndnd-title
{
padding: 0px 0px 10px 0px;
}
.ndnd-content
{
line-height: 20px;
font-size: 15px;
}
.ndnd-content
{
height:100px;
}
.ndnd-link
{
margin-top: 18px;
font-size: 16px;
}
.ndnd2
{
width: 41%;
height: 200px;
border: solid 1px;
float: left;
margin-right: 30px;
margin-left: 25px;
}
.ndnd2 h2
{
text-align: center;
font-size: 18px !important;
color: black !important;
margin-bottom: 25px !important;
margin-top: 20px !important;
}
.ndnd2 p
{
font-size: 17px !important;
text-align: center;
font-family: "Times New Roman", Georgia, Serif;
line-height: 1;
}
.template-d-custom #Ccontent-cc .Cborder,
.template-c-cutome #Ccontent-cc .Cborder {
margin: 3% 3% 0 3%;
width: 94%;
}
.template-d-custom .Cnd,
.template-c-cutome .Cnd {
margin: 0px 0 0px 20px;
}
.template-d-custom #Cbanner,
.template-c-cutome #Cbanner {
padding: 10px 10px 0px 10px;
}
.template-d-custom .Cnd .Cimage,
.template-c-cutome .Cnd .Cimage {
height: 100%;
}
.template-d-custom .Cimage.right {
width: 55.5%;
}
body.home div#tabs {
width: 96%;
}
#header #topmenu {
display: none !important;
}
.mean-container .mean-bar {
display: block;
position: absolute !important;
top: 178px !important;
z-index: 999 !important;
}
div#logo {
margin-left: 0;
}
div#header {
width: 96%;
}
div#slab {
background: #fff;
margin-top: 18%;
}
div#contentarea-top,
body.home div#contentarea {
padding-right: 0;
background: #fff;
padding-top: 25px;
}
div#footer {
width: 100%;
background: #efeff0 !important;
}
div#search {
right: 0px;
top: 11px;
}
body.mean-container .mean-bar a.meanmenu-reveal {
left: 5px !important;
}
div#tabs div#news, div#tabs div.content {
width: 99%;
}
#subpages #content .go-native-group .item-haft {
width: 46% !important;
}
div#subpages #contentarea {
display: block;
}
#content {
width: 100% !important;
max-width: 100% !important;
display: block !important;
}
#header #search {
top: 40px;
}
.Aslider {
width: 96% !important;
margin: 0 auto;
}
.slider-hp .item-small {
width: 93% !important;
}
.fix-h-images {
margin-top: 10px;
}
.template-c-cutome .Aslider,
.template-a-content .Aslider {
width: 85% !important;
}
.template-c-cutome .nd,
.template-c-cutome #content-cc .border {
width: 100%;
padding-left: 0;
margin-left: 0;
}
.template-c-cutome #content-tt #nd2 .ndnd2:last-child {
float: right;
}
.template-c-cutome .Aslider .item h1 {
font-size: 16px !important;
}
.template-d-custom #Ccontent-cc .Cborder,
.template-d-custom .Cnd {
width: 94%;
}
.template-d-custom .Cimage.right {
width: 300px !important;
margin-right: 0px !important;
}
.template-a-content #text1 {
top: 38%;
}
.template-a-content #text {
top: 28.5%;
}
.template-c-cutome {
overflow: hidden;
}
.template-c-cutom-fix .border-fix-2711 {
clear: both !important;
margin: 40px 0px 0px 0px !important;
float: left;
border-top: 1px solid #acbed4;
width: 100%;
}
.template-c-cutom-fix .nd-fix-2711 {
padding-top: 0px;
float: left;
width: 100%;
}
.template-c-cutom-fix .content-tt-fix-2711 {
padding-top: 95px !important;
}
.template-c-cutom-fix .content-tt-fix-2711 .nd2-fix-2711 .ndnd2 {
width: 99%;
margin: 0 auto 15px auto !important;
float: none;
}
.template-c-cutom-fix .content-tt-fix-2711 .nd2-fix-2711 .ndnd2 h2 {
font-size: 22px !important
}
}
@media screen and (max-width: 736px){
.template-d-custom .Cnd .Cimage,
.template-c-cutome .Cnd .Cimage {
margin-right: 10px;
}
.template-d-custom .Cndnd-title h2,
.template-c-cutome .Cndnd-title h2 {
font-size: 18px !important;
}
.template-d-custom .Cndnd-content,
.template-c-cutome .Cndnd-content {
font-size: 14px;
}
.template-d-custome .Cndnd-link a,
.template-c-cutome .Cndnd-link a {
font-size: 14px;
}
.template-d-custom .Cimage.right {
width: 45.5%;
}
.template-d-custom .Cnd {
height: 100%;
}
#footermenu, #footertext {
left: 0px;
}
#footertext {
top: 10px !important;
clear: both;
width: 100%;
}
#footermenu li a {
font-size: 15px;
}
#footermenu a:before {
padding-right: 10px;
}
#footertext p {
width: 100%;
}
.template-a-content .And {
width: 99%;
margin: 3%;
}
.div-faq.faqs-new h4 {
width: 80% !important;
}
}
@media screen and (max-width: 667px){
.ndnd-content
{
height: 85px;
line-height: 20px;
font-size: 11px;
}
.ndnd-link
{
font-size: 11px;
}
.ndnd2
{
width: 40%;
height: 200px;
border: solid 1px;
float: left;
margin-right: 30px;
margin-left: 25px;
}
.ndnd2 h2
{
text-align: center;
font-size: 17px !important;
color: black !important;
margin-bottom: 22px !important;
margin-top: 26px !important;
}
.ndnd2 p
{
font-size: 14px !important;
text-align: center;
font-family: "Times New Roman", Georgia, Serif;
line-height: 1;
}
.template-d-custom .Cimage.right {
width: 50%;
}
#homepage div#tabs,
#homepage div#tabs div#video,
#homepage div#tabs div#news,
#homepage div#tabs div#calendar {
width: 98% !important;
}
div#bigmenu {
top: 0px !important;
margin-bottom: 0px;
}
.slider-hp .item h1 {
font-size: 18px !important;
}
.item-small h1 {
padding-top: 20px !important;
}
.template-c-cutom-fix .content-tt-fix-2711 {
padding-top: 125px !important;
}
}
@media screen and (max-width: 667px){
.ndnd2
{
width: 38%;
height: 200px;
border: solid 1px;
float: left;
margin-right: 30px;
margin-left: 25px;
}
.ndnd2 h2
{
text-align: center;
font-size: 15px !important;
color: black !important;
margin-bottom: 22px !important;
margin-top: 26px !important;
}
.ndnd2 p
{
font-size: 13px !important;
text-align: center;
font-family: "Times New Roman", Georgia, Serif;
line-height: 1;
}
}
@media screen and (max-width: 600px){
.template-d-custom .Cnd .Cimage,
.template-c-cutome .Cnd .Cimage {
width: 100%;
margin-right: 0;
}
.template-d-custom .Cnd .Cimage img,
.template-c-cutome .Cnd .Cimage img {
height: auto;
float: none;
width: 295px;
margin: 0 auto;
display: block;
}
.template-d-custom .Cimage.right {
margin: 0 auto !important;
float: none;
}
.template-d-custom .Cndnd {
width: 96%;
padding-top: 20px;
float: none;
margin: 0 auto;
position: relative;
top: 14px;
padding-bottom: 30px;
clear: both;
}
.template-c-cutome .Cndnd {
width: 96%;
padding-top: 20px;
}
.template-d-custom .Cnd,
.template-c-cutome .Cnd {
margin: 0px 0 0px 0px;
}
div#logo img {
max-width: 100%;
}
#footertext {
top: 15px;
}
div#footermenu,
div#footertext {
left: 0;
position: inherit;
background: #efeff0 !important;
width: 100%;
margin-bottom: 0;
}
body {
overflow: auto;
width: 100%;
}
.slider-hp h2 {
font-size: 17px;
padding-bottom: 30px;
}
.template-a-content #text {
top: 24.5%;
}
.template-a-content #text1 {
top: 35%;
}
.template-c-cutome .Cnd {
width: 100%;
}
.template-c-cutom-fix .content-tt-fix-2711 {
padding-top: 190px !important;
}
.template-c-cutom-fix .image-fix-2711 {
float: none !important;
width: 40% !important;
margin: 0 auto !important;
}
.template-c-cutom-fix .ndnd-fix-2711-top {
width: 100% !important;
padding-top: 30px;
}
}
@media screen and (max-width: 600px){
/* #header #search {
top: 0px;
}
.show-btn-log a{
top: 165px;
right: 10px!important;
} */
body div#login {
float: none;
width: 65%;
}
div#slides {
height: 280px;
}
.hp-list-container .images p {
font-size: 14px
}
.slider-hp .item h1 {
font-size: 16px !important;
}
.slider-hp .item p {
font-size: 13px !important;
}
.slider-hp .item a {
font-size: 12px !important;
}
.item-small h1 {
padding-top: 9px !important;
}
.templte-b-content #text1, .template-d-custom #text1, .template-c-cutome #text1 {
top: 50%;
width: 300px;
line-height: normal;
}
.template-d-custom .Cndnd.left {
margin: 0 auto !important;
width: 94% !important;
float: none !important;
display: block;
}
.template-a-content .Aslider {
width: 84% !important;
}
.templte-b-content .ndnd2 {
margin-left: 35px;
}
}
@media screen and (max-width: 568px){
#subpages #content .go-native-group .item-haft {
width: 94% !important;
}
body {
overflow-x: hidden;
}
.item-small h1 {
padding-top: 31px !important;
}
.templte-b-content .ndnd2 {
margin-left: 0;
width: 100%;
margin-bottom: 20px;
}
.templte-b-content .ndnd-link {
float: right;
margin-top: 35px;
}
.div-faq.faqs-new #item0 {
display: none;
}
}
@media screen and (max-width: 414px){
#nd2 {
height: 100% !important;
}
.template-d-custom #text,
.templte-b-content #text {
left: 33px;
}
#content
{
width:100% !important;
}
#banner img
{
max-width: 100%;
}
#content-cc .border
{
border-top: 1px solid #acbed4;
width: auto;
margin: 15px 20px 0px 20px;
}
.nd
{
width: auto;
height: 210px;
margin-left: 20px;
}
#nd2
{
width: auto;
height: 210px;
background-color: white;
margin-top: 30px;
margin-left: 15px;
}
#title p
{
width:auto;
}
#title-tt p
{
width:auto;
}
.nd .image
{
width: 180px;
height: 177px;
background-color: white;
float: left;
margin-right: 10px;
}
.ndnd-title
{
padding: 0px 0px 5px 0px;
}
.ndnd-content
{
height: auto;
line-height: 15px;
font-size: 10px;
}
#content h2
{
font-size: 14px;
font-weight: normal;
margin: 0 0 0px 0;
color: #1c5397;
}
.ndnd2
{
width: 43%;
height: 165px;
border: solid 1px;
float: left;
margin-right: 10px;
margin-left: 10px;
}
.ndnd2 h2
{
text-align: center;
font-size: 11px !important;
color: black !important;
margin-bottom: 22px !important;
margin-top: 16px !important;
}
.ndnd2 p
{
font-size: 12px !important;
text-align: center;
font-family: "Times New Roman", Georgia, Serif;
line-height: 1;
}
.buttonn
{
margin: 30px auto;
width: 125px;
height: 30px;
background-color: #1a98d3;
border-radius: 5px;
}
.buttonn a
{
display: block;
text-align: center;
text-decoration: none !important;
color: white !important;
padding-top: 5px;
font-size: 13px;
}
#title-tt p
{
font-size: 11px;
font-weight: normal;
}
#title p
{
font-size: 11px;
font-weight: normal;
}
#text
{
position: absolute;
top: 27px;
left: 25px;
font-size: 20px;
}
#text1
{
position: absolute;
top: 60px;
left: 35px;
}
.template-d-custom #Ccontent-cc .Cborder,
.template-c-cutome #Ccontent-cc .Cborder {
margin: 5% 3% 0 3%;
}
#slab {
padding-top: 0px;
}
div#contentarea-top,
body.home div#contentarea {
padding-top: 0;
}
.mean-container .mean-bar {
top: 127px !important;
}
#homepage div#tabs,
#homepage div#tabs div#video,
#homepage div#tabs div#news,
#homepage div#tabs div#calendar {
width: 96% !important;
}
body div#login {
width: 95%;
}
.hp-list-container .images {
width: 100%;
}
div#bigmenu {
top: 30px !important;
}
.hp-list-container .images:first-child {
padding-bottom: 20px;
}
/* .hp-list-container .images:last-child .h-images img,
.hp-list-container .images:first-child .h-images img {
margin-top: 0px;
} */
body .fix-h-images img {
margin-top: 30px !important;
width: 80% !important;
}
.slider-hp .item-me,
.slider-hp .item-small {
width: 93% !important;
margin-right: 0;
margin-bottom: 10px;
}
#footer {
padding-bottom: 60px;
}
#header #search {
top: 45px;
}
body.home #contentarea {
top: 10px;
}
.item-small h1 {
padding-top: 10px !important;
}
.slider-hp h2 {
padding-bottom: 25px;
padding-top: 10px;
}
.template-a-content .Aslider {
width: 70% !important;
}
.template-a-content #text {
top: 15.5%;
left: 33px;
}
.template-a-content #text1 {
top: 25%;
line-height: normal;
}
.template-c-cutome #text {
left: 33px;
}
.templte-b-content .nd .image {
margin: 0 auto !important;
float: none;
}
.templte-b-content #content-cc .border {
clear: both;
}
.ndnd-fix-2711 {
width: 100%;
padding-top: 40px;
}
.template-c-cutom-fix .content-tt-fix-2711 {
padding-top: 310px !important;
}
.template-c-cutom-fix .content-tt-fix-2711 .nd2-fix-2711 .ndnd2 h2 {
font-size: 18px !important;
}
.template-c-cutom-fix .content-tt-fix-2711 .nd2-fix-2711 .ndnd2 p {
font-size: 14px !important;
}
.template-c-cutom-fix .border-dis {
display: none;
}
.template-c-cutom-fix .content-tt-fix-2711 {
padding-top: 345px !important;
}
.template-c-cutom-fix #content-tt #nd2 p {
font-size: 14px !important;
}
.div-faq.faqs-new h4 {
width: 100% !important;
}
.div-faq.faqs-new h1 {
font-size: 24px !important;
}
}
@media screen and (max-width: 375px){
.template-d-custom #text,
.templte-b-content #text {
left: 20px;
}
.nd .image
{
width: 100%;
height: auto;
background-color: white;
float: left;
}
#content-cc .border
{
border-top: 1px solid #acbed4;
width: 90%;
margin: 15px 20px 0px 20px;
float: left;
}
.ndnd-title
{
margin-top: 10px;
}
.ndnd
{
float: left;
}
.nd .image img
{
width: 96%;
}
#content h2
{
font-size: 18px;
font-weight: normal;
margin: 0 0 0px 0;
color: #1c5397;
}
.ndnd-content
{
height: auto;
line-height: 15px;
font-size: 13px;
margin-top: 5px;
}
.ndnd2
{
width: 82%;
height: 165px;
border: solid 1px;
float: left;
margin-top: 10px;
margin-left: 20px;
}
.ndnd2 h2
{
text-align: center;
font-size: 18px !important;
color: black !important;
margin-bottom: 22px !important;
margin-top: 16px !important;
}
.ndnd2 p
{
font-size: 15px !important;
text-align: center;
font-family: "Times New Roman", Georgia, Serif;
line-height: 1;
}
#text
{
position: absolute;
top: 15px;
left: 17px;
}
#title h1
{
font-size: 18px;
font-weight: normal;
margin: 0 0 12px 0;
color: #000000;
text-transform: uppercase;
}
.template-c-cutome .Cndnd {
width: 92%;
}
#logo {
top: 10px !important;
}
#smallmenu {
top: 20px !important;
}
div#search {
top: 31px;
}
.mean-container a.meanmenu-reveal {
top: -10px !important;
}
body.home #contentarea {
top: 0;
}
body div#login {
margin: 10px auto !important;
}
div#bigmenu {
top: 0px !important;
}
.slider-hp .owl-buttons {
bottom: 50% !important;
}
#footertext p {
font-size: 14px;
}
.slider-hp h2 {
padding-bottom: 30px;
padding-top: 0;
}
.template-a-content #text1 {
top: 28%;
line-height: normal;
}
.template-a-content #text {
top: 15.5%;
left: 18px;
}
.templte-b-conten #text,
.template-c-cutome #text {
left: 20px;
}
.templte-b-content .nd {
margin-left: 10px;
}
.template-c-cutom-fix .image.image-fix-2711 {
float: left !important;
width: 70% !important;
margin: 0 auto !important;
}
.template-c-cutom-fix .content-tt-fix-2711 {
padding-top: 390px !important;
}
}
@media screen and (max-width: 375px){
.ndnd2
{
width: 82%;
height: 180px;
border: solid 1px;
float: left;
margin-top: 10px;
margin-left: 20px;
}
#title h1
{
font-size: 16px;
}
#text
{
position: absolute;
top: 27px;
left: 20px;
font-size: 20px;
}
#text1
{
width: 320px;
position: absolute;
top: 50px;
left: 20px;
font-size: 12px;
}
.template-c-cutom-fix {
padding-bottom: 170px;
float: left;
}
}
@media screen and (max-width: 375px){
#text1
{
width: 260px;
position: absolute;
top: 50px;
left: 20px;
font-size: 11px;
}
}
@media screen and (max-width: 320px){
.template-d-custom #Ccontent-cc .Cborder,
.template-c-cutome #Ccontent-cc .Cborder {
margin: 2% 0% 0 0%;
width: 100%;
}
.template-d-custom #Cbanner,
.template-c-cutome #Cbanner {
padding: 5%;
}
.template-d-custom .Cnd .Cimage img,
.template-c-cutome .Cnd .Cimage img {
width: 100%;
max-width: 100%;
}
html {
overflow-x: hidden;
}
div#subpages #contentarea {
width: 96%;
}
#smallmenu {
right: -10px !important;
}
.mean-container a.meanmenu-reveal {
top: 0px !important;
}
body div#login {
margin-left: 14px;
}
body.home div#bigmenu.bigmenu-mobile {
margin: 10px 0 10px 18px;
}
#subpages #content .go-native-group .cs-height p {
padding-left: 0 !important;
padding-right: 0 !important;
}
.template-c-cutome .nd {
width: 99% !important;
}
body {
overflow: hidden;
}
.mean-container a.meanmenu-reveal {
top: -20px !important;
}
body #contentarea div#login input#modlgn-passwd,
body #contentarea div#login input#modlgn-username {
width: 77% !important;
}
#footermenu li a {
font-size: 13px;
}
#footertext p {
font-size: 12px;
}
div#login input.imgClass,
div#login #submitbtn input.creataccount {
font-size: 15px;
}
.template-a-content .Aslider h1 {
font-size: 16px !important;
}
.template-a-content .Aslider .owl-buttons .owl-next,
.template-a-content .Aslider .owl-buttons .owl-prev {
background-size: 100% 100% !important;
height: 15px;
width: 4px;
}
.template-a-content .Aslider {
width: 70% !important;
}
.template-a-content .Aslider .owl-buttons .owl-prev {
left: 20px;
}
.template-a-content .Aslider .owl-buttons .owl-next {
right: 20px;
}
.templte-b-content #text,
.template-d-custom #text,
.template-c-cutome #text {
top: 30%;
}
.templte-b-content #text1,
.template-d-custom #text1,
.template-c-cutome #text1 {
top: 50%;
width: 250px;
}
.template-d-custom .Cnd .Cimage,
.template-d-custom .Cimage.right {
padding-left: 5px;
}
.template-d-custom .Cimage.right {
width: 90% !important;
}
.template-a-content #text1 {
width: 250px;
}
.template-d-custom .Cnd {
width: 98%;
}
.template-d-custom .Cnd .Cimage {
margin-left: 10px !important;
}
.template-d-custom .Cndnd.left {
width: 90% !important;
}
.template-c-cutom-fix .content-tt-fix-2711 {
padding-top: 430px !important;
}
.template-c-cutom-fix .content-tt-fix-2711 .nd2-fix-2711 .ndnd2 h2 {
font-size: 14px !important;
}
.template-c-cutom-fix #content-tt #nd2 p {
font-size: 13px !important;
}
.template-c-cutom-fix .image.image-fix-2711 {
float: left !important;
width: 85% !important;
margin: 0 auto !important;
}
}
/*CCCCCCCCCCCCCCCC*/
@media screen and (max-width: 768px){
#content
{
width:100% !important;
}
#Cbanner img
{
max-width: 100%;
}
#Ccontent-cc .Cborder
{
border-top: 1px solid #acbed4;
width: auto;
margin: 15px 20px 0px 20px;
float: left;
width: 95%;
}
.Cnd
{
width: auto;
height: auto;
margin-left: 20px;
}
#Cnd2
{
width: auto;
height: 210px;
background-color: white;
margin-top: 30px;
margin-left: 15px;
}
.Cndnd-title
{
padding: 0px 0px 10px 0px;
}
.Cndnd-content
{
line-height: 20px;
font-size: 15px;
}
.Cndnd-content
{
height:auto;
}
.Cndnd-link
{
margin-top: 18px;
font-size: 16px;
}
.Cnd .Cimage
{
height: 250px;
float: left;
margin-right: 80px;
margin-left:0px !important;
}
.Cndnd
{
float: left;
width: 275px;
height:auto;
}
.Cndnd-title h2
{
margin-top: 0px !important;
font-size: 24px !important;
color: black !important;
line-height: 1;
}
.Cndnd.left
{
float: left;
margin-left: 0;
width: 300px;
margin-right: 11px;
}
.Cnd .Cimage img
{
height: 249px;
float: left;
width: 300px;
}
.Cimage.right
{
width: 300px !important;
margin-right: 20px !important;
}
}
@media screen and (max-width: 736px){
.Cnd .Cimage img
{
height: auto;
float: left;
width: 295px;
}
.Cndnd
{
float: left;
width: 300px;
height: auto;
margin-left:40px !important;
}
.Cndnd.left
{
float: left !important;
width: 266px;
height: auto;
margin-left: 0px!important;
}
}
@media screen and (max-width: 667px){
.Cndnd
{
float: left;
width: 270px;
height: auto;
margin-left: 20px !important;
}
.Cimage.right
{
margin-right:0px !important;
}
}
@media screen and (max-width: 568px){
#text1
{
font-size: 11px;
}
.Cnd .Cimage img
{
height: auto;
float: left;
width: 200px;
}
.Cndnd
{
float: left !important;
width: 265px;
height: auto;
}
.Cndnd.left
{
width:95%;
margin-left: 20px !important;
}
.Cimage.right
{
margin-right: 115px !important;
}
.template-c-cutome .Aslider .owl-buttons .owl-next,
.template-c-cutome .Aslider .owl-buttons .owl-prev {
background-size: 100% 100% !important;
height: 20px;
width: 7px;
}
.template-c-cutome .Aslider .owl-buttons .owl-next {
right: 30px;
}
.template-c-cutome .Aslider .owl-buttons .owl-prev {
left: 30px;
}
}
@media screen and (max-width: 568px){
.Cimage.right
{
margin-right: 40px !important;
}
}
@media screen and (max-width: 375px){
.Cimage.right
{
margin-right: 20px !important;
}
.template-c-cutome .nd .image {
margin-left: 16% !important;
}
.template-c-cutome #content-cc .border {
margin: 14px 0 0 0;
width: 100% !important;
}
.template-c-cutome #content-tt .ndnd2 {
margin: 0 auto 20px auto !important;
width: 88%;
float: none;
}
.template-c-cutome #content-tt #nd2 .ndnd2:last-child {
float: none;
}
.template-c-cutome .Aslider {
padding-top: 188px;
}
}
@media screen and (max-width: 320px){
.Cnd .Cimage
{
width: 90% !important;
margin-left: 15px !important;
}
.Cimage.right
{
margin-right: 13px !important;
}
.template-c-cutome .nd .image {
margin-left: 10% !important;
}
}
@media screen and (max-width: 414px){
.template-c-cutome .nd
{
width:100%;
}
.template-c-cutome .nd .ndnd-content
{
width: 100%;
font-size: 14px;
text-align: center;
}
.template-c-cutome #content h2 {
text-align: center;
}
.template-c-cutome .ndnd-link {
text-align: center;
}
.template-c-cutome .nd .image
{
width: 250px;
height: 177px;
background-color: white;
float: left;
margin-right: 10px;
margin-left: 18%;
}
.template-c-cutome .nd .ndnd-title h2
{
font-size: 17px !important;
text-align: center;
}
.template-c-cutome #content-tt .ndnd2 .buttonn a {
padding-top: 3px;
}
.template-c-cutome .ndnd
{
float: left;
}
.template-c-cutome .border
{
border-top: 1px solid #acbed4;
width: auto;
margin: 15px 20px 0px 20px;
float: left;
width: 90% !important;
}
.template-c-cutome #content-tt
{
float:left;
}
.template-c-cutome #slider
{
float:left;
width:100%
}
.template-c-cutome #slider h1
{
margin: 20px 10px;
width:100%;
font-size:21px
}
}
@media screen and (max-width: 375px){
.template-c-cutome #slider h1
{
margin: 20px 7px;
width:auto;
font-size:19px;
}
}
@media screen and (max-width: 320px){
.template-c-cutome .nd .image
{
margin-left: 8px;
}
.template-c-cutome #slider h1
{
margin: 16px 5px;
width: auto;
font-size: 16px;
}
.template-c-cutome .ndnd-content
{
width: 85%;
}
.template-c-cutome .ndnd-title
{
width: 99%;
}
}
/*AAAAAAAAAAA*/
@media screen and (max-width: 768px){
.And
{
width: 210px;
height: auto;
float: left;
margin: 11px;
}
}
@media screen and (max-width: 736px){
.And
{
width:100%;
margin: 0px 11px 10px 11px;
height:auto;
}
.Aimage
{
width: 40%;
float: left;
}
.Andnd
{
float: left;
width: 60%;
}
}
@media screen and (max-width: 375px){
.Aimage
{
width: 95%;
float: left;
}
.Andnd
{
float: left;
width: 95%;
}
}
.Aslider
{
width:910px;
overflow: hidden;
}
#owl-demo .item{
border: 1px solid #C2D6D6 ;
padding: 30px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
.owl-buttons {
position: absolute;
bottom: 160px !important;
width: 100%;
}
.Aslider .item h1
{
margin-top: 20px !important;
}
.Aslider .item a
{
text-decoration: none !important;
color: #82E0FF !important;
}
.Aslider .owl-buttons .owl-prev
{
text-indent: -9999px;
/*background: url("../images/prev.png") !important;*/
background-size: 100% !important;
}
.Aslider .owl-buttons .owl-next
{
text-indent: -9999px;
/*background: url("../images/next.png") !important;*/
background-size: 100% !important;
}
.owl-theme .owl-controls .owl-buttons div
{
background-color:none !important;
}
.templte-b-content #title p {
width: auto;
}
/* Update 10-12-2015 */
.template-a-content .slider-hp.Aslider{
overflow: inherit;
padding-top: 0;
}
.template-a-content #title.custom h1{
padding-bottom: 50px;
margin: 0;
}
.template-a-content .slider-hp.Aslider h2{
text-align: left;
}
.template-a-content .slider-hp.Aslider .item-small h1.fix-title {
margin-top: 0 !important;
padding-top: 25px;
padding-bottom: 20px !important;
font-weight: bold !important;
text-transform: inherit !important;
}
.template-a-content .slider-hp.Aslider .item-small a.fix-link{
color: #1692ce !important;
font-size: 18px !important;
line-height: normal !important;
font-weight: normal !important;
}
.template-a-content .slider-hp.Aslider .owl-buttons{
bottom: 200px !important;
}
.template-a-content .slider-hp.Aslider.pd-30{
padding-top: 30px;
}
.template-a-content #title p.w-auto{
width: auto;
}
.template-a-content #content-cc .border{
width: 96%;
margin: 10px auto 25px auto;
}
.template-a-content .nd{
width: 96%;
padding-bottom: 44px;
}
.template-a-content .nd .image{
margin-right: 40px;
}
.slider-hp.Aslider{
overflow: inherit;
}
.slider-hp.Aslider .item-small h1.fix-title {
margin-top: 0 !important;
padding-top: 25px;
padding-bottom: 20px !important;
font-weight: bold !important;
text-transform: inherit !important;
}
.slider-hp.Aslider .item-small a.fix-link {
color: #1692ce !important;
font-size: 18px !important;
line-height: normal !important;
font-weight: normal !important;
}
.slider-hp.Aslider .owl-buttons {
bottom: 200px !important;
}
#topmenu ul.menu li a,
#topmenu ul.menu li span.separator {
padding: 0 21px;
}
/* Update 24-12-2015 Reponsive */
@media screen and (max-width: 768px){
.Forms #content{
padding-top: 20px;
}
}
@media screen and (max-width: 736px){
#content table.stndtable{
width: auto;
overflow: hidden;
}
input#Time,
input#Date{
width: 160px !important;
}
}
@media screen and (max-width: 667px){
input#Time{
width: 120px !important;
}
.type{
max-width: 90% !important;
}
#Other_waste{
width: 550px !important;
}
#subpages #content table#recaptcha_table{
width: 90% !important;
}
#Submitter_Address{
width: 95% !important;
}
.font{
font-size: 13px !important;
}
}
@media screen and (max-width: 600px){
#slab {
padding-top: 50px;
}
.type {
padding-left: 2%;
}
#Other_waste{
width: 100% !important;
}
.Forms #content {
padding-top: 10px;
}
}
@media screen and (max-width: 568px){
#Address{
width: 98% !important;
}
#content table.stndtable td{
font-size: 13px;
line-height: 15px;
padding-top: 0;
}
#subpages #content table{
width: 98% !important;
padding: 6px 5px !important;
}
}
@media screen and (max-width: 414px){
#slab {
padding-top: 0;
}
#content table.stndtable td{
width: 96% !important;
}
#Detail{
width: auto !important;
}
#subpages #content table#recaptcha_table {
width: 100% !important;
}
input#Time,
input#Date,
#Address,
#Email,
#Phone,
#Submitter_Address{
width: 100% !important;
}
.type{
padding-left: 2% !important;
max-width: 100% !important;
}
body .stndtable .recaptchatable .recaptcha_image_cell{
width: 109% !important;
}
body .stndtable #recaptcha_table td:nth-child(2){
width: 8% !important;
overflow: hidden;
float: left;
}
body .stndtable #recaptcha_table td:nth-child(3){
width: 30% !important;
float: left;
}
.center{
text-align: center !important;
}
.Forms #content {
padding-top: 0;
}
.Forms #content h2{
font-size: 18px;
}
}
@media screen and (max-width: 375px){
#Detail {
width: 100% !important;
}
}
@media screen and (max-width: 320px){
#subpages #content table {
width: 96% !important;
}
#content table.stndtable td {
width: 93% !important;
}
#recaptcha_image{
width: 250px !important;
}
.recaptchatable #recaptcha_response_field {
width: 200px !important;
}
}
/*Update 07-03-2016*/
.h-images-tt{
font-size:20px;
}
.h-images-tt-2{
font-size:14px;
}
#bigmenu .h-images{
margin-bottom:15px;
}
/* Update 07-03-16 */
.page-274{
border: 1px solid #cecece;
padding: 20px !important;
margin: 20px 0 50px 0 !important;
max-width: 930px;
}
.page-274 #pagetitle{
display: block !important;
text-align: center;
border: none;
}
.page-274 #pagetitle h1{
text-transform: none;
color: #000;
font-size: 36px;
padding: 25px 0;
}
.page-274 .contentpanewide iframe{
display: block;
margin: 0 auto;
height: 650px !important;
}
.page-274 .contentpanewide iframe p{
font-size: 14px;
}
@media screen and (max-width: 768px){
div.page-274{
border: 1px solid #cecece;
padding: 0px !important;
margin: 50px auto !important;
max-width: 930px;
display: block;
overflow: hidden;
}
div.page-274 #content{
overflow-y: scroll;
}
.account-item{
width: 100%!important;
}
}
@media screen and (max-width: 600px){
div.page-274 #pagetitle h1{
font-size: 27px;
}
}
.logged-in{
background: transparent !important;
}
div#login.logged-in .login-greeting{
position: static;
width: auto;
}
div#login.logged-in .login-greeting h2{
color: #000;
text-align: center;
text-shadow: none;
margin: 20px 0;
font-size: 27px;
text-transform: capitalize;
}
div#login.logged-in .button-more a{
color: #fff;
background-color: #1692ce;
border-radius: 5px;
border: none;
padding: 10px 5px;
text-align: center;
font-size: 16px;
box-shadow: none;
cursor: pointer;
z-index: 999;
font-style: italic;
display: block;
text-decoration: none;
width: 80%;
margin: 15px auto;
}
div.logout-button .btn.btn-primary{
position: static;
color: #fff;
background-color: #cecece;
border-radius: 5px;
border: none;
padding: 10px 5px;
text-align: center;
font-size: 16px;
box-shadow: none;
cursor: pointer;
z-index: 999;
font-style: italic;
display: block;
text-decoration: none;
width: 83%;
margin: 10px auto;
border: none;
text-transform: capitalize;
}
/* Update 08-03-16 */
.account-dashboard{
border: 1px solid #cecece;
overflow: hidden;
padding: 20px;
max-width: 930px;
}
.account-item{
width: 31.3%;
float: left;
text-align: center;
border: 1px solid #cecece;
margin-right: 2.667%;
margin-bottom: 29px;
height: 251px;
}
.it-wrap .account-item:nth-child(3n){
margin-right: 0%;
}
.account-dashboard .account-item a{
font-size: 18px;
text-decoration: none !important;
padding-top: 10px;
font-weight: normal;
}
/*div#content .account-dashboard .account-item a.log-out-btn{
color: #fff;
margin-top: 32%;
font-size: 36px;
display: block;
font-weight: normal;
font-style: italic;
}
.lst-logout{
background: #cecece;
border-radius: 5px;
}*/
.account-item img{
max-width: 100%;
}
#content .account-dashboard h2{
text-align: center;
font-size: 33px;
padding: 25px 0;
text-align: center;
}
.mn-top-billing .mn-bling{
width: 15%;
float: left;
margin-right: 1.2%;
text-align: center;
border: 1px solid #cecece;
padding-top: 20px;
}
.mn-top-billing .mn-bling .mm-icon{
width: 100px;
height: 100px;
border-radius: 50%;
background: #cecece;
display: block;
margin: 0 auto;
}
#content .mn-top-billing .mn-bling a{
display: block;
padding: 20px 0;
}
.mn-top-billing .mn-bling:last-child{
margin-right: 0;
}
/* update 09-03-16 */
.account-form{
border: 1px solid #cecece;
overflow: hidden;
padding: 20px;
max-width: 930px;
}
div#content .account-form h2{
text-align: center;
font-size: 30px;
padding: 20px 0;
}
div#content .account-form p{
max-width: 65%;
display: block;
margin: 0 auto;
text-align: center;
font-size: 15px !important;
padding-bottom: 20px;
}
.four-step{
margin-left: 25px;
/*max-width: 800px;*/
overflow: hidden;
}
.four-step .step{
width: 25%;
float: left;
text-align: center;
margin-left: -7px;
}
.four-step .step:first-child{
margin-left: 0px;
}
#content .four-step .step h4{
font-size: 15px;
padding-top: 10px;
}
#content .four-step .step.st-active h4{
color: #fff;
}
.step.st-active{
background: url("../images/hover-step.png") center center no-repeat !important;
background-size: 100% !important;
}
.step{
background: url("../images/step-mn.png") center center no-repeat;
background-size: 100% !important;
}
.form-info{
margin-left: 25px;
overflow: hidden;
}
#content .form-info h3{
color: #000;
text-align: center;
font-size: 20px;
padding: 20px 0;
font-weight: bold;
}
.account-form label{
width: 120px;
font-weight: bold;
display: inline-block;
font-size: 15px;
float: left;
}
.account-form select{
width: 236px;
margin-right: 20px;
height: 28px;
font-size: 14px;
font-style: italic
}
.row1-date{
margin-bottom: 15px;
}
.service-1-1, .address-wr{
width: 56.5%;
float: left;
}
.four-step .step:last-child{
background: url("../images/step4.png") center center no-repeat;
background-size: 100%;
}
.account-form input[type="text"], .account-form input[type="password"], .account-form input[type="email"] {
width: 224px;
margin-right: 0px;
height: 27px;
font-size: 14px;
font-style: italic;
padding: 0 5px;
}
#content .form-info .address-service h3{
border-top: 1px solid #cecece;
}
.row2-service{
margin-bottom: 30px;
}
.form-info .unit,
.form-info .state,
.form-info .zip{
margin-bottom: 15px;
}
.address-wr .address label{
float: left;
}
.address-1, .billing-address-1{
margin-bottom: 15px;
}
.input-address{
overflow: hidden;
margin-bottom: 15px;
}
#content .form-info .billing-address h3{
border-top: 1px solid #cecece;
padding-bottom: 5px;
}
.address-col-2{
margin-bottom: 30px;
}
.billing-address{
border-bottom: 1px solid #cecece;
margin-bottom: 30px;
}
div#content a.cancle-btn{
color: #fff;
padding: 7px;
background: #cecece;
text-align: center;
font-size: 15px;
display: block;
width: 120px;
float: left;
border-radius: 5px;
text-decoration: none;
}
div#content a.next-btn{
color: #fff;
padding: 7px;
background: #0093d0;
text-align: center;
font-size: 15px;
display: block;
width: 120px;
float: right;
border-radius: 5px;
text-decoration: none;
}
.step.st-n-active{
background: url("../images/step-n-active.png") center center no-repeat;
background-size: 100%;
}
#content .four-step .step.st-n-active h4{
color: #fff;
}
.personal-wrap{
margin-left: 25px;
}
.account-form .personal-wrap label,
.account-form .emergency-contact label,
.account-form .adult-intro label{
width: 140px;
}
div#content .personal-wrap h3{
color: #000;
text-align: center;
font-size: 20px;
padding: 20px 0;
font-weight: bold;
}
.account-form .personal-wrap input[type="text"], .account-form .personal-wrap input[type="password"]{
width: 330px;
margin-bottom: 15px;
}
.account-form .personal-wrap select{
width: 344px;
margin-bottom: 15px;
margin-right: 0;
float: left;
}
.account-form .personal-wrap .first-name,
.account-form .personal-wrap .pri-phone-input,
.account-form .personal-wrap .second-phone-in{
margin-right: 50px;
float: left;
}
.personal-email, .secondary-phone,
.social-birth{
clear: both;
}
.drivers-col-1-1{
float: left;
margin-right: 50px;
}
.account-form .personal-wrap .drivers-col-1-2 label{
width: 80px;
}
.account-form .personal-wrap .drivers-col-1-2 select{
width: 29%;
}
div.social-security{
float: left;
margin-right: 50px;
}
.account-form .personal-wrap input.date-of-birth{
width: 20.8%
}
.personal-info{
/*padding-bottom: 20px;*/
/*border-bottom: 1px solid #cecece;*/
margin-bottom: 30px;
}
div#content a.back-btn{
color: #fff;
padding: 7px;
background: #cecece;
text-align: center;
font-size: 15px;
display: block;
width: 120px;
float: left;
border-radius: 5px;
text-decoration: none;
}
div#content a.return-home{
color: #fff;
padding: 7px;
background: #cecece;
text-align: center;
font-size: 15px;
display: block;
width: 150px;
float: left;
border-radius: 5px;
text-decoration: none;
}
div#content a.submit-btn{
color: #fff;
padding: 7px;
background: #0093d0;
text-align: center;
font-size: 15px;
display: block;
width: 120px;
float: right;
border-radius: 5px;
text-decoration: none;
}
button.submit-btn{
color: #fff;
padding: 7px;
background: #0093d0;
text-align: center;
font-size: 15px;
display: block;
float: right;
border-radius: 5px;
text-decoration: none;
border: none;
font-weight: bold;
padding: 9px 12px;
}
#content .account-form h3 {
color: #000;
text-align: center;
font-size: 20px;
padding: 20px 0;
font-weight: bold;
}
.emergency-contact .contact-name,
.emergency-contact .add-phone,
.emergency-contact .add-address,
.house-option .adult-name,
.adult-driver, .adult-security{
float: left;
margin-right: 50px;
}
.additional-wrap{
margin-left: 25px;
}
.account-form .additional-wrap input[type="text"], .account-form .additional-wrap input[type="password"]{
width: 260px;
margin-bottom: 15px;
}
.account-form .additional-wrap select{
width: 274px;
margin-bottom: 15px;
}
.emergency-contact, .another-adult,
.any-dogs{
border-bottom: 1px solid #cecece;
padding-bottom: 20px;
}
.button-step3-wrap{
padding-top: 20px;
}
.account-form .number-dogs label{
margin-right: 10px;
}
.account-form .additional-wrap .number-dogs select{
width: 100px;
}
.number-dogs{
max-width: 300px;
margin: 0 auto;
clear: both;
}
.four-step .step.done-active{
background: url("../images/done-step.png") center center no-repeat;
background-size: 100%;
color: #fff;
}
#content .four-step .step.done-active h4{
color: #fff;
}
div#content .account-form .done-step p{
width: 63%;
}
div#content .account-form .done-step p strong{
color: #0093d0;
}
.ifame-done{
text-align: center;
padding: 15px 0;
}
/* ========================================================================
* bootstrap-switch - v3.3.2
* http://www.bootstrap-switch.org
* ========================================================================
* Copyright 2012-2013 Mattia Larentis
*
* ========================================================================
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ========================================================================
*/
.bootstrap-switch {
display: inline-block;
direction: ltr;
cursor: pointer;
border-radius: 4px;
border: 1px solid;
border-color: #cccccc;
position: relative;
text-align: left;
overflow: hidden;
line-height: 8px;
z-index: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bootstrap-switch .bootstrap-switch-container {
display: inline-block;
top: 0;
border-radius: 4px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: inline-block !important;
height: 100%;
padding: 6px 12px;
font-size: 14px;
line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
text-align: center;
z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
color: #fff;
background: #337ab7;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
color: #fff;
background: #5bc0de;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
color: #fff;
background: #5cb85c;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
background: #f0ad4e;
color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
color: #fff;
background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
color: #000;
background: #eeeeee;
}
.bootstrap-switch .bootstrap-switch-label {
text-align: center;
margin-top: -1px;
margin-bottom: -1px;
z-index: 100;
color: #333333;
background: #ffffff;
}
.bootstrap-switch .bootstrap-switch-handle-on {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
position: absolute !important;
top: 0;
left: 0;
margin: 0;
z-index: -1;
opacity: 0;
filter: alpha(opacity=0);
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
padding: 6px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
opacity: 0.5;
filter: alpha(opacity=50);
cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
-webkit-transition: margin-left 0.5s;
-o-transition: margin-left 0.5s;
transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-focused {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
/*Custom Icon */
/*div.bootstrap-switch .bootstrap-switch-label{
background: #0093d0;
}*/
.bootstrap-switch span{
color: #fff !important;
}
.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary{
background: #0093d0;
}
div.bootstrap-switch{
border-radius: 10px;
border-color: transparent !important;
box-shadow: none !important;
}
.bootstrap-switch-label{
position: relative;
}
.bootstrap-switch-on .bootstrap-switch-label:after {
width: 17px;
height: 17px;
content: "";
background: #fff;
position: absolute;
top: 1px;
right: 1px;
border-radius: 50%;
}
.bootstrap-switch-off .bootstrap-switch-label{
background: #cecece;
}
.bootstrap-switch-off .bootstrap-switch-label:before {
width: 17px;
height: 17px;
content: "";
background: #fff;
position: absolute;
top: 1px;
left: 1px;
border-radius: 50%;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default{
background: #cecece;
}
.dogs-top, .top-adult{
position: relative;
}
.dogs-option, .check-your-house{
position: absolute;
right: 5%;
top: 40%;
}
.number-dogs, .house-option{
display: none;
}
.button-step2-wrap{
overflow: hidden;
border-top: 1px solid #cecece;
padding-top: 20px;
margin-top: 20px;
}
.personal-info, .additional-info,
.done-step{
display: none;
}
/*update 12-03-16*/
div#content .account-form .step-one p{
max-width: 69%;
}
.step-one .form-st1-wr{
max-width: 800px;
margin: 0 auto;
}
.step-one .button-step1-wrap{
clear: both;
border-top: 1px solid #cecece;
padding-top: 20px;
}
.account-info.step-one{
padding-bottom: 20px;
}
.account-form .step-one label{
width: 245px;
}
.account-form .step-one input[type="text"]{
margin-bottom: 15px;
}
.account-form .step-one input.paym-fn{
margin-right: 15px;
}
.account-form .step-one .payment-name input[type="text"]{
width: 200px;
}
.account-form .step-one .pay-services input,
.account-form .step-one .pay-phone input,
.account-form .step-one .pay-acc-num input,
.account-form .step-one .pay-acc-confirm input{
width: 432px;
}
/* Update 14-03-15 */
.pay-acc-confirm{
padding-bottom: 20px;
}
.step-two .personal-wrap{
max-width: 800px;
margin: 0 auto 50px;
}
.step-two .button-step2-wrap{
overflow: inherit;
clear: both;
margin: 0 25px;
}
.account-form .step-two label{
width: 240px;
}
.routing-n input,
.account-nb input{
float: left;
}
.routing-n ,
.account-nb{
overflow: hidden;
}
.help-icon{
display: inline-block;
width: 34px;
height: 34px;
background: url("../images/help-icon.png") center center no-repeat;
float: left;
margin-left: 20px;
}
.four-step .step:first-child{
background: url("../images/step-1-bg.png") center center no-repeat;
background-size: 100%;
}
.account-form .step-two input[type="file"] {
position: relative;
text-align: right;
-moz-opacity: 0;
filter: alpha(opacity: 0);
opacity: 0;
z-index: 2;
cursor: pointer;
width: 345px;
}
.change-label {
position: relative;
top: -23px;
width: 345px;
overflow: hidden;
display: block;
/* border: 1px solid #dcdcdc;*/
}
label.file-choose {
text-align: center;
margin-right: 20px !important;
width: 33% !important;
background: #ccc;
}
.no-file{
position: absolute;
right: 2px;
width: 100px !important;
background: #cecece;
color: #fff;
text-align: CENTER;
height: 29px;
top: 1px;
line-height: 29px;
font-style: italic;
font-weight: normal !important;
}
.upload-left{
float: left;
}
.upload-left em{
position: relative;
top: -33px;
}
.account-nb .help-icon{
cursor: pointer;
}
.account-nb a.fancybox,
.routing-n a.fancybox{
margin-left: 20px;
}
.fancybox-item.fancybox-close{
background-image: url("../images/close-pop.png") !important;
width: 38px;
height: 38px;
}
div#content .account-form .term-desc p{
max-width: 95%;
text-align: left;
}
div#content .account-form .term-desc{
padding-top: 30px;
}
div#content .accept-terms a.next-btn{
width: 220px;
}
.done-img{
width: 50%;
float: left;
margin-right: 20px;
}
.done-img img{
max-width: 100%;
}
div#content .account-form .done-step .done-desciption{
overflow: hidden;
}
div#content .account-form .done-step .done-desciption p{
width: 100%;
max-width: 100%;
text-align: left;
}
div#content .button-done-wrap a.log-out-finish {
color: #fff;
padding: 7px;
background: #cecece;
text-align: center;
font-size: 15px;
display: block;
width: 130px;
float: left;
border-radius: 5px;
text-decoration: none;
}
div#content .button-done-wrap a.return-dashboard {
color: #fff;
padding: 7px;
background: #0093d0;
text-align: center;
font-size: 15px;
display: block;
width: 200px;
float: right;
border-radius: 5px;
text-decoration: none;
}
.step-four .button-done-wrap{
border-top: 1px solid #cecece;
clear: both;
margin-top: 20px;
padding-top: 10px;
}
div#content .account-form .done-step.step-four .done-intro p strong{
color: #000;
}
div#content .account-form .done-step.step-four .done-intro p{
max-width: 40%;
}
/*Update 18-03-2016*/
.row-left-tt{
width: 30%;
float: left;
}
.row-right-ct{
width: 70%;
float: left;
}
.tt-acc-number{
min-height: 30px;
line-height: 30px;
}
.tt-comments {
min-height:50px;
line-height:50px;
}
.ct-comments{
min-height:50px;
}
.radio-ct-amount{
width: 15%;
float: left;
min-height: 30px;
line-height: 30px;
}
.radio-ct-amount-other{
float: left;
}
.account-form .radio-ct-amount-other input{
width: 50px;
}
.radio-ct-amount-my{
clear: both;
}
.tt-amount-to, .ct-amount-to{
min-height:55px;
}
.radio-ct-make-this, .radio-ct-make-this{
float:left;
width:50%;
}
.button-step1-wrap.custom{
float:left;
width:100%;
border-top: 1px solid #cecece;
padding-top: 20px;
margin-top: 20px;
}
.tt-acc-number, .tt-comments, .tt-amount-to, .tt-make-this, .ct-acc-number, .ct-comments, .ct-amount-to, .ct-make-this{
margin:15px 0px;
}
.four-step .custom.step{
float: none;
display: inline-block;
}
.four-step.custom{
text-align: center;
}
.row-left-tt{
font-weight: bold;
}
.form-info.custom{
width:70%;
margin:0px auto;
}
div#content .account-form p{
width:65%;
}
.button-step2-wrap.custom{
float:left;
width:100%;
}
.ct-thank-you{
width: 32%;
float: left;
border: 1px solid #cecece;
margin: 5px;
}
.emergency-contact.custom{
border-bottom:none;
padding-bottom:0px;
}
.ct-cl-ct-thank, .a-cl-ct-thank{
text-align:center;
}
.cl-ct-thank{
padding: 5px 25px;
}
.ct-cl-ct-thank, .a-cl-ct-thank{
margin-bottom: 25px;
}
.ct-cl-ct-thank{
min-height:90px;
}
div#content a.submit-btn.custom{
width:200px;
}
.ct-acc-number{
min-height: 30px;
line-height: 30px;
}
.page-icon-image{
width: 19%;
float: left;
border: 1px solid #cecece;
}
.image-nd, .image-nd img{
width:100%;
}
.tt-content-page, .ndc1-content-page, .ndc2-content-page, .ndc3-content-page{
float:left;
}
.a-image{
text-align:center;
}
#content .a-image a, .content-billmenu .a-image a{
text-decoration: none;
}
.tt-content-page{
width: 100%;
text-align: center;
margin-top: 80px;
margin-bottom: 50px;
}
#content .tt-content-page h1{
font-size: 34px;
text-transform: none;
}
.ndc1-content-page{
width: 100%;
text-align: center;
}
#content .t-link-a a{
padding: 0px;
border-bottom: 1px dashed #000;
text-decoration:none;
margin: 0px 10px;
position: relative;
}
#content .t-link-a a:hover{
text-decoration:none;
}
.t-link-a a:after {
content: "|";
position: absolute;
top: 0px;
right: -15px;
}
.ndc2-content-page{
width: 100%;
background: #6eb6ce;
color: #FFF;
text-align: right;
padding: 5px;
}
.div-h{
font-style: italic;
font-weight: bold;
font-size: 17px;
float: right;
margin-right: 20px;
}
.ndc3-content-page {
float:left;
width:100%;
}
.wc-text{
float:left;
font-weight: bold;
font-size: 20px;
}
.wc-text-day{
float:right;
color: #939393;
}
.ndc4-content-page{
float: left;
width: 44%;
margin-top: 155px;
margin-left: 75px;
margin-bottom: 155px;
}
.tt-nd-text-3{
width: 25%;
float: left;
font-weight: bold;
margin-bottom: 10px;
}
.ct-nd-text-3{
float: right;
width: 70%;
text-align: right;
}
.nd-text-3, .nd-text-4, .nd-text-5{
float:left;
width: 100%;
}
.nd-text-2{
margin-top:20px;
margin-bottom: 10px;
}
.nd-text-5{
background: #e5f0f4;
}
.nd-text-5 .tt-nd-text-3{
margin-bottom:0px;
}
.slider-page div.Aslider{
width: 995px;
}
.slider-page .owl-item .item{
min-height:365px;
}
#content .slider-page .owl-item .item h1{
font-size:18px;
}
.div-page-icon-image{
width: 100%;
}
.page-icon-image{
width: 18.8%;
}
/*Update 19-03-2016*/
.create-left{
width: 45%;
float: left;
}
.create-right{
width: 50%;
float: left;
margin-left: 5%;
}
.tt-create-left{
width: 40%;
float: left;
min-height: 31px;
line-height: 31px;
font-weight:bold;
}
.ct-create-right{
width: 60%;
float: left;
}
.div-fl{
float:left;
width:100%;
margin-bottom: 30px;
font-size: 16px;
}
.bill-create{
float: left;
width: 100%;
text-align: center;
}
.account-form .create-name-last.div-fl input{
width:90%;
}
.form-info.account{
margin-top:30px;
}
.ct-step-2-acc-1{
margin-top: 55px;
margin-bottom: 25px;
}
.ct-step-2-acc-2{
margin-bottom:50px;
}
.step-3-left, .step-3-right{
float:left;
width:50%;
}
.icon-line-step-3{
width: 25px;
height: 25px;
float: left;
text-align: center;
background: #0093d0;
border-radius: 24px;
line-height: 25px;
color: #FFF;
}
.ct-line-step-3{
width: 80%;
float: left;
margin-left: 2%;
}
.line-step-3-left{
width:100%;
float:left;
margin-bottom: 30px;
}
.button-step3-wrap.custom-step-3{
width:100%;
float:left;
}
.form-info.custom-step-4 img{
width:100%;
}
div#content a.submit-btn.custom-step-4{
width: 200px;
}
/*Update 21-03-2016*/
.cl-email-input{
text-align: center;
font-weight: bold;
margin-bottom: 50px;
}
.cl-email-input input{
margin-left: 25px;
}
.pass-right{
width: 50%;
float: left;
}
.pass-left{
width: 35%;
float: left;
}
.email-use, .email-code{
line-height: 31px;
min-height: 31px;
text-align: left;
margin-right: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.pass-right input{
margin-bottom: 20px;
}
.button-step2-wrap.pass, .button-step2-wrap.use{
float:left;
width:100%;
}
.button-step1-wrap.pass, .button-step3-wrap.custom-step-3.pass, .button-done-wrap.pass{
overflow: hidden;
border-top: 1px solid #cecece;
padding-top: 20px;
margin-top:20px;
}
.button-done-wrap.pass{
float:left;
width:100%;
}
.cl-email-input{
margin-top:30px;
}
.div#content .account-form .form-info.pass p{
font-size:16px!important;
}
.check-email.pass{
margin: 0px auto;
display: block;
width: 50%;
margin-top: 30px;
}
div#content .button-done-wrap.pass a.return-home, div#content .button-done-wrap.pass a.submit-btn.custom-step-4{
width: 125px;
}
.button-step1-wrap.use{
overflow: hidden;
border-top: 1px solid #cecece;
padding-top: 20px;
margin-top: 20px;
}
/*Update 22-03-2016*/
.content-see-your-water, .content-see-your-water .nn_tabs.outline_handles.outline_content.align_left.left,
.content-see-your-water .nn_tabs.outline_handles.outline_content.align_left.left #set-nn_tabs-1{
float: left;
width: 100%;
}
.content-see-your-water .nn_tabs.outline_handles.outline_content.align_left.left ul li{
width: 20%;
float: left;
text-align: center;
}
.content-see-your-water .nn_tabs.outline_handles.outline_content.align_left.left #set-nn_tabs-1{
margin-left:0px;
}
.content-see-your-water .nn_tabs.outline_handles.outline_content.align_left.left ul li a{
border:none;
}
.content-see-your-water .nn_tabs.outline_handles.outline_content.align_left.left ul li.nn_tabs-tab.active{
border:1px solid #ddd;
}
#content .content-see-your-water .nn_tabs.outline_handles.outline_content.align_left.left ul li a{
text-decoration:none;
}
.content-see-your-water{
padding: 20px;
background: #f8f8f8;
}
.content-see-your-water .nn_tabs.outline_handles.outline_content.align_left.left .nav.nav-tabs{
border-right: none;
}
.content-see-your-water .nn_tabs.outline_handles.outline_content.align_left.left .tab-content{
border:none;
}
.content-see-your-water .nn_tabs.outline_handles.outline_content.align_left.left .tab-content .tab-pane{
padding:0px;
border: 1px solid #f8f8f8;
}
.tab-compare-left{
float:left;
width:60%;
margin-right: 1%;
}
.tab-compare-right{
width: 39%;
float: left;
}
#content .content-see-your-water .nn_tabs.outline_handles.outline_content.align_left.left .tab-content .tab-pane .tab-compare .tab-compare-left h3,
#content .content-see-your-water .nn_tabs.outline_handles.outline_content.align_left.left .tab-content .tab-pane .tab-compare .tab-compare-right h3{
border-bottom: 1px solid #DDD;
padding-bottom: 10px;
color: black;
}
.content-tab-compare-left-section-img{
width: 45%;
float: left;
background: #000;
min-height: 66px;
margin-right: 10px;
}
.content-tab-compare-left-section-text{
width: 20%;
float: left;
}
.content-tab-compare-left-section{
floaT:left;
width:100%;
margin-bottom: 20px;
}
.content-tab-compare-left-text{
width: 70%;
float: left;
}
.content-tab-compare-left-a-link{
float: left;
width: 100%;
}
.content-tab-compare-left{
width: 100%;
border-left: 1px solid #DDD;
float: left;
padding-top: 30px;
}
.content-tab-compare-right-section-img{
width: 20%;
min-height: 58px;
float: left;
}
.content-tab-compare-right-section-content{
float: left;
width: 53%;
min-height: 58px;
margin: 0px 12px;
}
.content-tab-compare-right-section-gpd{
float: left;
width: 20%;
min-height: 58px;
background: #dfdedf;
text-align: center;
}
.content-tab-compare-right-section{
width: 100%;
float: left;
margin-bottom: 20px;
border: 1px solid #DDD;
border-radius: 5px;
background: #f3f5f5;
box-shadow: -1px 1px 2px #888888;
}
.content-tab-compare-right{
padding-top: 20px;
}
#content .content-tab-compare-right-section-content h5{
font-size:11px;
}
.compare-d{
float:left;
margin-top:30px;
border: 1px solid #ddd;
background: #f1f1f1;
padding: 35px 50px;
}
.compare-t{
float: left;
padding: 35px 50px;
background: #f1f1f1;
border: 1px solid #ddd;
}
.compare-d-section-img{
width: 10%;
float: left;
min-height:75px;
}
.compare-d-section-content{
width: 79%;
float: left;
margin-left: 1%;
}
.compare-d-section{
width: 100%;
float: left;
margin: 5px 0px;
padding: 10px;
border-top: 1px solid #ddd;
}
.content-tab-compare-left-section-img.img-1{
background:none;
width:28%;
}
.content-tab-compare-left-section-img.img-2{
background:#616161;
width:65%;
}
.content-tab-compare-left-section-img.img-3{
background:#055da2;
}
.content-tab-compare-right-section-img{
text-align: center;
}
.content-tab-compare-right-section-img img{
padding-top: 4px;
}
.content-tab-compare-right-section-gpd .text-t{
margin-top: 5px;
}
#content .content-tab-compare-right-section-content h5{
margin:0px;
margin-bottom: 2px;
margin-top: 5px;
}
#content .content-tab-compare-right-section-content a{
width: 100%;
padding: 2px 15px;
border: 1px solid #dfe0e0;
border-radius: 5px;
background: #f3f5f5;
color: black;
text-decoration: none;
}
div#content .compare-t a{
color:#585a5d;
}
#content .compare-d h3{
color:black;
}
.compare-d-section-img img{
display: block;
margin: 0px auto;
padding-top: 13px;
}
a.a-bt-img img{
margin-right: 5px;
width: 10px;
}
.nn_tabs.left>.nav-tabs>li>a, .nn_tabs.right>.nav-tabs>li>a{
margin-bottom:0px;
}
div#content .content-see-your-water a{
color:black;
}
div#content .content-see-your-water .nn_tabs-tab.active a{
color:#1079c3;
}
.content-tab-compare-left-a-link.right{
margin-top: 90px;
}
.nn_tabs-toggle-inner img.img-tab{
vertical-align: middle;
height:35px;
margin-right:5px;
}
.content-see-your-water .nn_tabs.outline_handles.outline_content.align_left.left ul li{
background: #fff !important;
}
.nn_tabs .nav-tabs>li.active>a{
background:#f0f0f0;
}
.content-see-your-water .nn_tabs.outline_handles.outline_content.align_left.left #set-nn_tabs-1{
border-top: 1px solid #ddd;
border-bottom: 1px solid #b6b6b6;
width: 102%;
margin-left: -20px;
padding-left: 20px;
background: #FFF;
}
.content-see-your-water .nn_tabs.outline_handles.outline_content.align_left.left ul li{
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.button-step3-wrap{
float: left;
width: 100%;
border-top: 1px solid #cecece;
padding-top: 20px;
margin-top: 20px;
}
/*Update 29-03-2016*/
.another-adult{
padding-bottom: 60px;
}
.div-select-rel{
float: left;
margin-right: 50px;
}
.div-faq h1{
text-align:center;
}
#content .div-faq h4{
text-align: center;
width: 60%;
font-size:15px;
margin: 0px auto;
margin-bottom: 20px;
}
#accordion3.lightnessfaq.headerborder .accordionfaqheader {
border-top: 1px solid #cccccc !important;
padding: 20px 20px;
border-radius: 0px;
}
#accordion3.lightnessfaq.contentbackground div.accordionfaqitem{
background:none;
}
#accordion3.lightnessfaq.headerborder .accordionfaqheader:hover, #accordion3.lightnessfaq.headerborder .accordionfaqheader.selected {
border: none;
}
#accordion3.lightnessfaq.contentborder div.accordionfaqitem, #accordion3.lightnessfaq.headerborder .accordionfaqheader{
border:none;
}
#accordion3.lightnessfaq.headerbackground .accordionfaqheader, #accordion3.lightnessfaq.headerbackground .accordionfaqheader a{
background:none;
}
#accordion3.lightnessfaq.defaulticon span.accordionfaqicon{
display:none;
}
#accordion3.lightnessfaq .accordionfaqheader a{
color:#000;
}
.div-faq{
border: 1px solid #ddd;
padding: 30px;
}
#content .div-faq h1{
font-size:28px;
}
/*Update 30-03-2016*/
.up-first-name, .up-last-name{
width: 50%;
float: left;
margin: 40px 0px;
}
.up-first-name label, .up-last-name label{
float: left;
margin-right: 115px;
}
.account-form .up-first-name input, .account-form .up-last-name input{
/* width:190px; */
}
.up-current-mailing, .up-new-mailing{
width: 100%;
float: left;
margin-bottom: 40px;
}
.up-current-mailing label:nth-child(1), .up-new-mailing label{
width:30%;
}
.up-current-mailing label:nth-child(2){
width:70%;
}
.form-info.custom.up{
width: 90%;
}
.account-form .up-new-mailing input{
width: 550px;
}
.account-form .up-unit-city-state label{
width:50px;
}
.up-unit, .up-city{
float:left
}
.account-form .up-unit-city-state input, .account-form .up-unit-city-state select{
width:90px;
}
.account-form .up-unit-city-state input{
height:24px;
}
.up-current-phone{
clear:both;
}
.up-unit-city-state{
width:70%;
float:right;
margin-bottom:40px;
}
.up-state{
float:right;
}
.up-city{
margin-left: 70px;
}
.up-current-phone, .up-this-number{
float: left;
width: 50%;
margin-bottom:40px;
}
.up-current-phone label, .up-this-number label{
}
.up-new-phone, .up-this-number-select{
width: 50%;
float: left;
margin-bottom:40px;
}
.up-this-number-select label{
/* width: 50%; */
float: left;
margin-right: 40px;
}
.account-form .up-this-number-select select{
float: left;
height: 31px;
}
.up-current-email, .up-new-email{
float: left;
width: 100%;
}
.account-form .up-current-email input, .account-form .up-new-email input{
/* width: 81%; */
margin-bottom:40px;
}
h2.tt-emergency{
clear:both;
}
.emergency-contact-name, .emergency-phone, .Emergency-Address, .emergency-State, .emergency-City , .emergency-zip {
width:50%;
float:left;
margin-bottom:40px;
}
.emergency-State select{
margin-right:0px;
}
.emergency-State{
min-height:31px;
}
.up-new-email{
border-bottom: 1px solid #ddd;
}
.up-current-mailing.review, .up-unit.review, .up-unit.review label, .up-state.review{
width:50%;
float:left;
}
.up-city.review {
width: 50%;
margin-left: 0px;
float: left;
clear: both;
}
.up-city.review, .up-state.review{
margin-bottom:40px;
}
.up-current-email.review, .up-new-email.review{
padding-bottom:40px;
}
.account-form .form-info.custom.up.review label{
margin-right: 0px;
}
.account-form .form-info.custom.up.review .up-current-email.review label,
.account-form .form-info.custom.up.review .up-new-email.review label {
/* width:25% */
}
.up-first-name.review label, .up-last-name.review label{
}
.img-is-update{
width: 23%;
float: left;
}
.content-link-is-updated{
width: 75%;
float: left;
margin-left: 1%;
}
.content-is-updated{
text-align: left;
}
.content-is-updated1, .content-is-updated2{
font-size:18px;
}
.content-is-updated1{
margin-bottom: 30px;
}
.account-form .emergency-contact-name label, .account-form .emergency-phone label, .account-form .Emergency-Address label, .account-form .emergency-State label, .account-form .emergency-City label, .account-form .emergency-zip label{
margin-right: 40px;
}
.img-is-update{
border: 1px solid #ddd;
}
.link-is-updated{
margin-top:55px;
}
div#content .transfer-or-disconnect h2{
text-align: center;
font-size: 30px;
padding: 20px 0;
}
div#content .transfer-or-disconnect p{
width: 35%;
max-width: 100%;
display: block;
margin: 0 auto;
text-align: center;
font-size: 15px !important;
padding-bottom: 20px;
}
.transfer-service, .disconnect-service{
width: 49%;
float: left;
}
div#content .transfer-or-disconnect .transfer-service p, div#content .transfer-or-disconnect .disconnect-service p{
width: 70%;
}
div#content .transfer-or-disconnect .transfer-service h4, div#content .transfer-or-disconnect .disconnect-service h4{
text-align: center;
font-size: 18px;
font-weight: bold;
}
.transfer-service, .disconnect-service{
margin-top:50px;
}
div#content .transfer-or-disconnect .transfer-service a, div#content .transfer-or-disconnect .disconnect-service a{
width: 40%;
margin: 0px auto;
display: block;
text-align: center;
padding: 10px 0px;
background: #0093d0;
color: #FFF;
text-decoration: none;
}
.transfer-service{
border-right: 1px solid #DDD;
}
.link-bt-transfer-or-disconnect{
float: left;
width: 100%;
margin-top: 60px;
border-top: 1px solid #ddd;
padding-top: 35px;
}
#content a.cancel-transfer-or-disconnect{
text-decoration: none;
padding: 10px 40px;
background: #cecece;
color: #FFF;
}
.transfer-or-disconnect{
border: 1px solid #ddd;
min-height: 470px;
padding: 50px 80px;
}
/*Update 31-03-2016*/
.account-form .select-date .select-momth,.account-form .select-date .select-day,.account-form .select-date .select-year{
float:right;
width:25%
}
.select-date{
width: 100%;
float: left;
border-bottom: 1px solid #ddd;
padding-bottom: 45px;
}
.content-disc-2-left, .content-disc-2-right{
width:50%;
float:left;
}
.content-disc-2{
width: 100%;
float: left;
border-bottom: 1px solid #ddd;
padding-top: 55px;
}
.label-left, .label-right.number{
width:30%;
float:left;
}
.text-left, .text-right.number{
width:70%;
float:left;
margin-bottom: 55px;
}
div#content .account-form .text-left p{
width:100%;
text-align:left;
max-width: 100%;
padding:0px;
}
div#content .account-form .text-left p:nth-child(1){
margin-bottom:55px;
}
div#content .account-form .text-left p:nth-child(2){
padding-bottom:0px;
}
.text-right{
margin-bottom: 55px;
}
.label-right{
width:20%;
float:left;
}
.text-right{
width:80%;
float:left;
}
.Emergency-Address.disconnect input{
float: right;
margin-right: 10px;
}
.emergency-phone.disconnect label, .emergency-State.disconnect label, .emergency-zip.disconnect label{
text-align:center;
}
.step-2.disconnect{
border-bottom: 1px solid #ddd;
float: left;
padding-bottom: 20px;
margin-bottom: 35px;
}
.form-info.custom.up.review.disconnect a{
float: right;
}
.wiil-there{
width:100%;
float:left;
}
.wiil-there .dogs-option{
right: 20%;
top: 30%;
}
.page-1954 .account-form select.dogs-select{
width:100px
}
.page-1954 .any-dogs{
border-bottom:none;
border-top:1px solid #ddd;
margin-top: 25px;
padding-top: 25px;
}
.account-form.new-add .content-disc-2{
margin-bottom: 35px;
}
#content .account-form.new-add .form-info .billing-address h3{
padding-bottom: 20px;
}
.account-form.new-add .button-step2-wrap{
width:100%;
}
.account-form.new-add .personal-wrap input[type="text"]{
width: 240px;
}
.account-form.new-add .address-wr{
width: 50%;
}
.account-form.new-add .form-info.custom.up.review label{
width:30%
}
.account-form.new-add .address-col-2{
width:50%;
float:left;
}
.account-form.new-add .billing-address{
border-bottom: none;
}
.account-form.new-add .personal-wrap select {
width: 255px;
}
.account-form.new-add .billing-address{
float: left;
}
#content .account-form.new-add .form-info .billing-address h3{
border-top:none;
}
.account-form.new-add .address-col-2{
margin-bottom:0px;
}
.account-form.new-add .emergency-contact a{
float: right;
}
.account-form.new-add .emergency-contact .contact-name,
.account-form.new-add .emergency-contact .add-phone,
.account-form.new-add .emergency-contact .add-address,
.account-form.new-add .emergency-contact .add-state,
.account-form.new-add .emergency-contact .add-city,
.account-form.new-add .emergency-contact .add-zip{
width:50%;
float:left;
margin-right:0px;
margin-bottom: 50px;
}
.account-form.new-add .emergency-contact{
overflow:hidden;
}
div#content a.submit-btn.end{
width:200px;
}
div#content a.a-add-new{
margin-bottom: 25px;
}
.account-form.new-add .form-st1-wr{
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}
.account-form.new-add .form-st1-wr .billing-address{
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}
.account-form.new-add .form-info.custom.up.review.disconnect .billing-address{
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}
.account-form.new-add .button-step3-wrap{
border-top:none;
}
#search input.button, #search input:nth-child(4), #search input:nth-child(5){
display:none;
}
#header #search #mod_search_searchword{
background-position: 140px;
background-position-x:140px;
width:110%
}
#header #search{
}
.icon-search:before{
font-family: FontAwesome;
}
.phrases .ordering-box{
float:left
}
#topmenu ul.menu li ul li.item-1562.deeper.parent a:after, #topmenu ul.menu li ul li.item-1563.deeper.parent a:after {
content: " >";
position: relative;
top: 1px;
}
.confirm-account-main {
border: 2px solid #e9e9e9;
margin-top: 10px;
}
.confirm-account-main .confirm-account-content {
padding: 5%;
text-align: center;
}
.confirm-account-main h2 {
font-size: 28px !important;
margin-bottom: 35px !important;
}
.confirm-account-main p {
font-size: 22px !important;
color: #4b494a !important;
font-weight: 300 !important;
line-height: normal !important;
margin-bottom: 15px !important;
}
.confirm-account-main a {
display: block;
width: 100%;
text-decoration: none !important;
color: #4bb0dc !important;
font-size: 22px !important;
font-weight: 300 !important;
line-height: normal !important;
}
.confirm-account-main img {
width: 100%;
max-width: 100%;
clear: both;
margin-top: 35px;
}
@media screen and (max-width: 419px){
div#text {
font-size: 29px;
}
.templte-b-content #text1 {
font-size: 14px;
}
}
div.buttonn a{
font-size: 14px;
}
@media screen and (max-width: 722px){
div.ndnd2{
min-height: 270px;
}
.templte-b-content .ndnd2 h2{
min-height: 20px;
font-size: 21px !important;
font-weight: bold !important;
}
}
@media screen and (max-width: 684px){
.templte-b-content .ndnd2 h2{
font-size: 20px !important;
}
#content-tt #nd2 p{
font-size: 15px !important;
}
}
@media screen and (max-width: 615px){
.templte-b-content .ndnd2 h2{
font-size: 18px !important;
}
}
.item-1812 a:after, .item-1814 a:after, .item-1848 a:after{
display:none;
}
@media screen and (max-width: 375px){
.templte-b-content #text{
font-size: 22px;
}
.templte-b-content #text1{
font-size: 13px;
}
.templte-b-content #text1{
top: 36%;
}
.templte-b-content #text{
top: 10%;
}
}
@media screen and (max-width: 630px){
.template-a-content #text{
top: 15%;
}
.template-a-content #text1 {
top: 25%;
}
}
@media screen and (max-width: 500px){
.template-a-content #text {
top: 10%;
}
div#text{
font-size:24px;
}
.template-a-content #text1 {
top: 20%;
font-size: 16px;
}
}
@media screen and (max-width: 360px){
.page-313 .templte-b-content #text {
top: 33%;
}
.page-313 .templte-b-content #text1 {
top: 53%;
}
.page-757 #banner img {
max-width: 100%;
height: 150px;
}
div.ndnd2 {
min-height: 300px;
}
.ndnd2 .buttonn{
margin: 0px auto 0px;
}
.ndnd2 h2{
margin-bottom: 10px !important;
margin-top: 10px !important;
}
.page-1584 #title p{
font-size: 13px !important;
}
.page-1584 div#title-tt h1{
line-height: 1;
}
.page-1584 .ndnd2 .buttonn {
margin: 30px auto 0px !important;
}
.page-73 #content #content-cc #title h1{
line-height: 1;
}
div#title-tt h1{
line-height: 1;
}
#banner img{
height: 190px;
}
.page-764 #title-tt table tbody{
display: block;
}
.page-764 #title-tt table tbody tr{
display: block;
}
.page-764 #title-tt table tbody tr td{
text-align:center;
}
.page-1614 .templte-b-content #text{
top: 35%;
}
.page-1614 .templte-b-content #text1 {
top: 55%;
}
.page-1614 #content #content-cc #title h1{
line-height:1;
}
.page-1614 #content div.ndnd-title h2{
font-size: 24px !important;
}
.page-1876 #Cbanner img{
height: 160px;
}
.page-1937 #content ul{
margin: 0px 0 8px 0px;
}
.page-1937 .tab-content{
float: left;
clear: both;
}
.page-1932 .templte-b-content #text {
top: 30%;
}
.page-1932 .templte-b-content #text1 {
top: 50%;
}
.page-80 #content div.ndnd-title h2{
font-size: 22px !important;
}
.page-80 div#title-tt h1{
font-size: 26px;
}
#subpages .page-80 div#content div.templte-b-content p{
font-size: 14px;
}
.page-80 div.ndnd2 {
min-height: 220px;
}
.page-105 .template-c-cutome #content-tt #nd2{
height: auto;
}
.page-105 .template-c-cutome #content-tt .ndnd2{
min-height: 165px;
}
.content-disc-2-left, .content-disc-2-right, .label-right, .label-left, .label-right.number,
.emergency-contact-name, .emergency-phone, .Emergency-Address, .emergency-State, .emergency-City, .emergency-zip{
width: 100%;
}
.Emergency-Address.disconnect input{
float: left;
}
.emergency-phone.disconnect label, .emergency-State.disconnect label, .emergency-zip.disconnect label{
text-align:left;
}
div#content .account-form h2{
font-size: 20px;
}
.up-first-name, .up-last-name, .up-current-phone, .up-this-number{
width: 100%;
}
.ifame-done iframe{
width:100%;
}
div#content a.return-home{
width: 70px;
font-size: 12px;
}
div#content a.submit-btn.end{
width: 150px;
font-size: 12px;
}
.account-form.new-add .address-wr, .account-form.new-add .address-col-2 {
width: 100%;
}
.account-form .personal-wrap input[type="text"] {
width: 90%!important;
}
}
@media screen and (max-width: 320px){
.template-a-content #text{
top: 5%;
font-size: 20px;
}
.template-a-content #text1 {
top: 15%;
font-size: 14px;
}
#content #content-cc #title h1 {
font-size: 20px !important;
}
.page-351 .templte-b-content #text {
top: 15%;
font-size: 20px;
}
.page-313 .templte-b-content #text{
top: 35%;
}
.page-313 .templte-b-content #text1 {
top: 60%;
}
.page-73 #content #content-cc #title h1 {
font-size: 18px !important;
font-weight: bold;
}
.page-73 #title p{
font-size: 13px !important;
}
.page-1614 #content #content-cc #title h1{
font-size: 26px !important;
}
.page-1614 #title p, #subpages .page-1614 div#content div.templte-b-content p, .page-1614 div.ndnd-content{
font-size: 14px !important;
}
.page-1932 .template-c-cutome .nd .ndnd-content{
width: 95%;
}
#content .four-step .step h4{
font-size: 13px;
margin-top: 10px;
}
.account-form select{
margin-right: 15px;
}
}
@media screen and (max-width: 768px){
.page-1584 .ndnd-content {
height: auto;
overflow: hidden;
}
.page-1584 .ndnd-link{
text-align: right;
}
div.ndnd2.fx-pls{
min-height: 255px;
}
div#content .ndnd2.fx-pls h2{
min-height: 50px;
}
.page-764 div.ndnd2 p{
min-height:105px;
}
.page-764 div.ndnd2{
min-height: 255px;
}
.page-1876 div.Cndnd-link a{
font-size: 17px;
}
.page-1876 div.Cndnd-title h2{
font-size: 24px !important;
}
.page-137 #content #content-cc #title h1 {
font-size: 26px !important;
font-weight: bold;
}
.page-137 #content div.ndnd-title h2{
font-size: 23px !important;
}
.template-c-cutome .nd{
height: auto;
}
div.ndnd-content{
height: auto;
}
div#title-tt h1{
line-height: 1;
}
.ndnd2{
height: auto;
}
.page-275 .templte-b-content #text1{
top: 50%;
}
.service-1-1, .address-wr {
width: 100%;
}
.account-form.new-add .address-col-2 {
width: 100%;
margin-top: 25px;
}
.billing-address{
width: 100%;
}
.content-disc-2-left, .content-disc-2-right {
width: 100%;
}
div#content .transfer-or-disconnect p, div#content .transfer-or-disconnect .disconnect-service a{
font-size: 12px !important;
}
}
@media screen and (max-width: 640px){
.ndnd2{
height: auto;
}
.page-313 #content div.ndnd-title h2{
font-size: 20px !important;
}
.page-313 div.ndnd-content, .page-313 div.ndnd-link a {
font-size: 14px;
}
.page-73 .nd .image{
width: 190px;
}
.page-73 div.ndnd-content {
font-size: 14px;
}
.page-73 #content div.ndnd-title h2{
font-size: 24px !important;
}
.content-disc-2-left, .content-disc-2-right {
width: 50%;
}
}
@media screen and (max-width: 580px){
.Emergency-Address.disconnect input{
margin-right: 9px;}
}
@media screen and (max-width: 360px){
.page-73 .templte-b-content #text {
top: 30%;
}
.page-73 .templte-b-content #text1 {
top: 45%;
}
.page-73 .nd .image {
width: 245px;
}
.page-275 .templte-b-content #title h1{
font-size: 24px;
}
.page-1813 .template-c-cutome #title h1 {
font-size: 24px;
font-weight: bold;
}
.page-1813 .template-c-cutome div#title-tt h1{
font-size: 24px;
margin-bottom: 10px;
}
.page-1813 #nd2{
height:auto;
}
.page-1813 div.ndnd2{
min-height: 170px;
}
.page-1813 .ndnd2 .buttonn {
margin: 25px auto 0px;
}
.page-1813 .slider-hp.Aslider #title h1 {
font-size: 24px;
font-weight: bold;
}
div#content .transfer-or-disconnect p, div#content .transfer-or-disconnect .disconnect-service a {
font-size: 15px !important;
}
.transfer-service, .disconnect-service {
width: 100%;
}
.transfer-or-disconnect {
min-height: 675px!important;
}
}
/**********************************************************************/
div#login {
width: 290px;
height: 307px;
overflow: hidden;
position: relative;
float: left;
background: url(../images/pay-your.png) no-repeat top center transparent;
border: 1px solid #cbcccc;
background-size: contain;
margin-right: 20px;
}
div.logout-button .btn.btn-primary{
background-color: #5cc9e6;
}
.account-form{
margin-bottom: 70px;
}
.fancybox img{
width:34px;
}
.img-chane{
float: left;
width: 50%;
margin: 0px auto;
display: block;
text-align: right;
margin-bottom: 25px;
}
#topmenu ul.menu li ul li.item-1563.deeper.parent .item-1745 a:after{
content: "";
}
.login-custom{
background:none;
}
.login-custom {
width: auto;
height: auto;
border: 1px solid #cecece;
padding: 50px;
}
.login-custom label{
color: black;
text-shadow: none;
font-weight: 600;
float: left;
width: 20%;
}
.form-login-fb fieldset{
width: 50%;
margin: 0px auto;
margin-bottom: 20px;
}
.login-custom input{border: 1px solid #cecece;}
.login-custom #options a{
color:#2b97d1 !important;font-size: 16px;font-weight: bold;text-decoration: none;
}
.login-custom button[type="submit"]{
background: #0093d0;
color: #FFF;
border-radius: 5px;
float: right;
}
div#content .submit_button a{
color: #fff;
padding: 7px;
background: #cecece;
text-align: center;
font-size: 15px;
display: block;
width: 120px;
float: left;
border-radius: 5px;
text-decoration: none;
}
.submit_button{
border-top: 1px solid #cecece;
padding-top: 20px;
}
#options{
text-align: center;
width: 80%;
}
#active-1, #activer-2, #activer-3 {
background: #f3f3f3;
}
/*18-05-16*/
.show-btn-log a{
float: right;
z-index: 999;
right: 0;
background-color: #5cc9e6;
color: #fff;
padding: 10px 5px;
text-align: center;
font-size: 16px;
box-shadow: none;
cursor: pointer;
z-index: 999;
font-style: italic;
display: block;
text-decoration: NONE;
width: 130px;
border-radius: 5px;
margin-top: 20px;
}
.form-u-n-wrap{
border: 1px solid #cbcccc;
padding: 50px 0;
}
.form-u-n-wrap h3{
color: #000 !important;
font-size: 33px !important;
text-align: center;
}
.forgot-user{
text-align: center;
}
/* Update 24-05-2016 */
.div-page-icon-image{
overflow: hidden;
}
.page-icon-image{
width: 19%;
}
#content{
padding-bottom: 30px;
}
#owl-demo .item{
width: 81% !important;
float: left;
margin-right: 0%;
border: 1px solid #ececec;
padding: 20px;
border-radius: 0;
min-height: 300px;
}
#content .slider-page .owl-item .item h1{
color: #050607 !important;
font-size: 21px !important;
line-height: normal;
font-family: 'Lato' !important;
font-weight: bold;
}
#content .slider-page .owl-item:last-child .item h1,
#content .slider-page .owl-item:nth-child(3) .item h1{
margin-bottom: 36px;
}
.owl-buttons{
bottom: 185px !important;
}
div#content .transfer-or-disconnect .transfer-service a,
div#content .transfer-or-disconnect .disconnect-service a{
border-radius: 5px;
font-weight: bold;
font-size: 15px;
}
#content {
padding-bottom: 55px;
}
a.bt_close{
position: absolute;
right: 10%;
top: 15%;
}
#topmenu ul.menu li ul li.item-1562.deeper.parent .item-1972 a:after{
display:none
}
@media screen and (max-width: 768px) {
.template-c-cutome, .template-d-custom {
padding-top: 0;
}
#banner {
margin-top: 0;
}
}
h3.popover-title, .popover-content {
font-size: 11px;
color: #fff;
}
.popover {
background: #000!important;
position: absolute!important;
margin-top: -3px;
padding: 5px 9px;
z-index: 9999;
display: block!important;
visibility: visible;
font-size: 11px;
line-height: 1.4;
text-align: center!important;
max-width: 400px;
opacity: 0.8;
filter: alpha(opacity=80);
border-radius: 5px;
}
.green {
width: 750px;
}
.coal1, .coal2, .coal3 {
float: left;
display: inline-block;
width: 32%;
margin-right: 1%;
}
.green p {
text-align: left;
}
.coal1 .chart {
padding-top: 20px;
padding-bottom: 20px;
}
.light {
padding-bottom: 5px;
}
.chart {
padding-top: 10px;
padding-bottom: 10px;
}
/*#system-message-container{display: block; padding: 0;}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert.alert-error {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
button.close {
text-decoration: none !important;
font-size: 18px !important;
line-height: 1.2;
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
display: inherit;
border: 0;
}*/
.alert button.close {display: none;}
.daniel-image .images img {
height: auto!important;
}
@media screen and (max-width: 1024px){
div#layerslider_6, div#layerslider_6 .ls-inner, div#layerslider_6 .ls-lt-container {
width: 100% !important;
}
}