charset "utf-8";
/* CSS Document */

*{margin: 0;padding: 0;}
body{font-family:ebrima, Corbel;font-size:12px;color:#000000;padding:0; margin:0; background:#f0f0f0;}
img,ul,h1,h2,h3,h4,h5,h6,div,em,address,input,textarea,th,td,table,p,dt,dl,dd{padding:0;margin:0;}
img{border:none;}
p{font-family: 'Raleway', sans-serif; font-size:18px; line-height:normal;}
.tabe{ background:#eceff1; padding:16px 0}
.container{ margin:0 auto;}

/*header*/
.bodyCon{width:100%; margin:0 auto;}
.header{  background: #fff; padding: 0px 10px ; box-shadow: 0 0 3px #999}
.buttun{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2501d+0,dd4617+100 */
background: #f2501d; /* Old browsers */
background: -moz-linear-gradient(top, #f2501d 0%, #dd4617 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f2501d 0%,#dd4617 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f2501d 0%,#dd4617 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2501d', endColorstr='#dd4617',GradientType=0 ); /* IE6-9 */ color:#fff; text-align:center; padding:10px 20px; font-size:14px; float:right; margin-left:10px; }
.tabe p{ font-size:16px; padding:0; line-height:36px; display:inline-block}
.tabe p .buttun{line-height:normal;}
.container b{ margin-bottom:5px;}
.tabe .container{ width:810px;}


/*body content*/

.midB{background:url(images/blue-pattern.jpg) repeat-x;padding: 50px 10px 20px 10px; }

h1{ font-size:30px; font-weight:bold;margin-bottom:7px; color:#222; font-family:Corbel;text-transform:uppercase; clear:both; }
h2{ font-size:20px; font-weight:bold;margin-bottom:7px; color:#454545; font-family:Corbel; }
h1 span{ font-weight:normal;}
.fl{ float:left;}
.fr{ float: right;}
.mr{ margin-right:10px;}
a{color:#00709d;text-decoration:underline;}
a:hover{text-decoration:underline;}
.cb{ clear:both;}
.nonElement{ border:none; font-weight:normal; background:none;}

/*navigation*/
.navMenu{position:relative;padding: 10px 0 5px 18px;margin: 0 auto;height:30px;
	     list-style: none; float:right; width:280px;}
.navMenu li{float:left;}
.navMenu li a{float:left;display:block;color:#FFF;text-decoration:none;font-size: 16px;padding:0 0 0 4px;height: 30px;line-height: 30px;text-align: center;cursor: pointer;margin:0 3px; font-family:Century Gothic;outline:none;}
.navMenu li a b{float:left;display: block;padding: 0 12px 0 8px;font-weight:normal;}
.navMenu li.current a, .navMenu li a:hover{color: #fff;background:url(images/nav-lft-img.jpg) no-repeat;background-position:left;}
.navMenu li.current a b, .navMenu li a:hover b{color: #fff;background:url(images/nav-right-img.jpg) right top; outline:none;}
.fullcontainer{ margin:0 auto; width:950px;}

.conArea{margin: 0px auto; color: rgb(69, 69, 69); line-height: normal; padding: 10px 0px;}

.rightcontainer{/* margin-right:50px;  width:350px; */}
.rightcontainer p{margin-bottom:10px;}


.MainPanel{ height:100%;}

.MainPanel textarea{ width:90%; padding:15px; min-height:274px; border:10px solid #cecece; border-radius:8px; font-size:14px;}
.btn{ margin-top:15px;}
/*.bgButtonImg{ background:url(images/button.png)no-repeat;height:42px;background-position:0 0px;border:none;cursor:pointer;color:#ffffff;text-align:center; padding:0 32px; font-size:26px; font-weight:bold; line-height:42px;}*/
.bgButtonImg:hover{ background-position:0 -42px;color:#f6ffe0;}
.bgButtonImg:active{ background-position:0 -84px;color:#a2c162;}
.bgButtonImg:focus{outline:none;}
.addpanel{ margin:15px 10px;text-align:center}
.addbox{ border:5px solid #c9bdac; background:#FFF;-moz-border-radius:5px; width:43%; padding:2%; overflow:hidden;}
.copyright{margin-left: 10px; font-size: 11px; text-align:center;padding:10px 0}

input.bgButtonImg { background:#f23d06; height: 42px; border: medium none; cursor: pointer; color: rgb(255, 255, 255); text-align: center; font-size: 26px; font-weight: bold; line-height: 42px; width: 202px; margin:25px 0; font-weight:normal; font-size:16px; border-radius:3px;}
input.bgButtonImg:hover{background:#dc3300;}

/* Styling for prev and next buttons */
.buttons {
	padding:0 0 5px 0;	
	float:right;
}

.buttons a {
	display:block;
	position:absolute;
	width:32px; 
	height:100px;
	text-indent:-999em;
	float:left;
	outline:0;
	z-index:100;
}

a#prev, a#prev1 {
	background:url(images/previous.gif) no-repeat 0px 0px;
	left:0px; top:5px;
}



a#next, a#next1 {
	background:url(images/next.gif) no-repeat 0px 0px;
	top:5px;
	right:5px;
}
/*
#slide11 {
	width:570px;
	height:140px;	
	margin:0 auto;
	overflow:hidden;
	position:relative;
}*/

#slide11 {
 width:890px;
 height:120px; 
 margin:0 auto;
 overflow:hidden;
 position:relative;
 background:#fff;
 border:12px solid #CEBEAD;
}


#slides{
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:780px;
	margin:0px 40px;
	
	
}
/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:10000px;			
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	
	float:left;
	padding: 10px 0px 0px 0px;
}

#slides li{padding:10px 4px 0px 4px; width:250px; text-align:center;}

#slides li img {
	padding:4px;
	
}
.WLTSAdBanner {
margin-bottom: 10px;
}
#smcontainer{margin:0px auto;padding:0 1px 3px 1px;width:976px; }
#smcontainer .smbuttons {
    float: left !important;
    margin: 0 -20px 0 -22px;
    position: relative;
}
#smcontainer .smbuttons #social {
   
    border-color: #12315C;
    margin: 0 0 0 -80px;
    padding: 10px;
    position: fixed;
    top: 230px;
    width: 66px;
	background:#FFF;behavior:url(http://www.weburlopener.com/demo/diyenergy/css/PIE.htc);border-radius:10px;
}
#smcontainer .smbuttons #social div {
    margin: 0 0 10px;
    text-align: center;
}
#social-cat.footer-category {
    padding: 0;float: right;
}
.footer-category ul {
    list-style: none outside none;
    margin: 0;
}
#social-cat ul li {
    float: left;
    height: 24px;
    margin: 0 10px 16px 0;
    width: 24px;
}
#social-cat ul li.last {
    margin-right: 0;
}
#social-cat ul li a {
    display: block;
    height: 24px;
    width: 24px;
}
#social-cat ul li a.footer-facebook {
    background: url("images/social-icons.png") no-repeat scroll 0 -64px transparent;
}
#social-cat ul li a.footer-facebook:hover {
    background-position: 0 -88px;
}
#social-cat ul li a.footer-twitter {
    background: url("images/social-icons.png") no-repeat scroll -24px -64px transparent;
}
#social-cat ul li a.footer-twitter:hover {
    background-position: -24px -88px;
}
#social-cat ul li a.footer-google {
    background: url("images/social-icons.png") no-repeat scroll -72px -64px transparent;
}
#social-cat ul li a.footer-google:hover {
    background-position: -72px -88px;
}
#social-cat ul li a.footer-rss {
    background: url("images/social-icons.png") no-repeat scroll -48px -64px transparent;
}
#social-cat ul li a.footer-rss:hover {
    background-position: -48px -88px;
}
#social-cat ul li a.footer-newsletter {
    background: url("images/social-icons.png") no-repeat scroll -96px -64px transparent;
}
#social-cat ul li a.footer-newsletter:hover {
    background-position: -96px -88px;
}
#social-cat ul li a.footer-linkedin {
    background: url("images/social-icons.png") no-repeat scroll -120px -64px transparent;
}
#social-cat ul li a.footer-linkedin:hover {
    background-position: -120px -88px;
}
#social-cat ul.antisocial li {
    float: none;
    height: auto;
    margin: 0;
    width: auto;
}
#social-cat ul.antisocial li a {
    height: auto;
    margin: 0 0 5px;
    width: 89px;
}
footer{ background:#092744; color:#ffffff;}
/* NEW */
.onTab ul li, .onpage input[type="text"], .onpageResult, .onpage{  behavior:url(PIE.htc); border-radius:5px; position:relative;}

.onTab ul{ list-style:none; }
.onTab ul li{float: left; margin: 0px 4px; border-radius: 0px 0px 5px 5px; position:relative;}
.onTab ul li a {color: #222;display: block;font-size: 16px;font-weight: bold;padding: 35px 10px;text-decoration: none;font-family: 'PT Sans', sans-serif; text-transform:uppercase;}
.onTab ul li:hover a{ color:#038BC5}
.onTab ul li:hover, .onTab ul li.active{background: url('images/tabon.png') repeat-x scroll 0% 0% transparent;}
.onTab {
    display: block;
    float: left;
    padding-left: 60px;
}
.header .fl {
    padding: 20px 0;
}

.onTab li ul{ display:none; position:absolute; top:90px; background:#fff; min-width:215px; padding-top:0px;}
.onTab li ul li{ float:none;}
.onTab li:hover ul{ display:block;}
.onTab li:hover li a{ color:#222;}
.onTab li:hover li:hover a{ background:#038BC5; color:#fff;}
li.submenu a:before{  
 content:"";
    position: absolute;
     width: 0px;
  height: 0px;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-top-color: #222;
  border-left-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0); right:-6px; top:42px;}
  li.submenu li a:before{ content:""; border:none;}
	
.left-side{ float:left;width: 800px;}
.right-side{float:right; width:300px;}
.onTab ul li.submenu ul li a{font-size:13px; text-transform:capitalize; font-weight:normal; padding:6px 10px;}
.onTab ul li.submenu ul{box-shadow:0 2px 2px rgba(0,0,0,0.5); z-index:999999; padding:5px 0;}
.onTab ul li.submenu ul li{margin:0;}



div.relatedtools{width: 673px;}
div.tool-link a{font-size: 16px;}




@media(max-width:900px){ textarea{ width:80%;} .left-side{ width:100%; float:right}.right-side{ float:none;}.midB{ padding:0px !important}}




@media(max-width:768px){

.onTab {
    clear: both !important;;
    display: block !important;
    float: none !important;
    padding-left: 0 !important;;
}

li.submenu a::before{top:15px;}
.onTab li ul{position:relative; top:0;}
.header{padding:10px;}
.toggleMenu{
    background: #ECEFF1 none repeat scroll 0 0;
    color: #000;
    display: block !important;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 10px;
    text-transform: uppercase;
}

}
#search .btn{margin-top: 0;}
#mainmenutop.menu{background:none; margin: 0;min-height: 60px; width: auto;}
.header {    position: relative;    z-index: 99999;}
.progress-bar-green {
    background-color: #5cb85c !important;
}
.progress-bar-orange {
    background-color: #f0ad4e !important;
}
.progress-bar-red {
    background-color: #d9534f !important;
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;   
    padding-top:9px !important;  
}
.progress-bar strong{font-size:20px;}
.progress{height:36px !important;background-color: #e2dede !important;}
.header {
    position: fixed;
    width: 100%;
    z-index: 99999;
}
span.error {
    bottom: 0;
    color: #f20000;
    font-weight: normal;
    left: 0;
    position: absolute;
    text-transform: capitalize;
}
.input-append {
    height: 75px;
    position: relative;
}
.header { top:0}
.bodyCon {   padding-top: 100px;}
.onpage_form .input-append{min-width: 63%; float: left;margin-left: 88px;}
.pagenotfound{padding-top: 76px !important;position: absolute;left: 13%;padding-bottom:10%;}
span.error{font-size:18px;}
.progress {
    height: 36px !important;
    background-color: #e2dede !important;
}