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




body {
    padding-top: 40px;
    position: relative;
    font-size: 1rem;
    font-family: "Open Sans",sans-serif;
}



   .deckcenter {
	padding-bottom: 105px;
}  /* must be same height as the footer */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0 ;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
form {
    height: 100%;
}
html {
	/* [disabled]font-size:100%;
*//*WinIE6- text resize adjust*/
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}
#MainContainer {
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

.header {
    width: 100%;
    
    background-color: #007ab3;
    border-bottom: #FFF 3px solid;
    height: 103px;
    min-width: 1000px;
}

.headerimage  {
	float: right;
	display: block;
	width: 471px;
	height: 103px;
	background: url(../../images/login/bannerRtImage.png) no-repeat;
}

.loginarea h3 {
    color: #1a1a1a;
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 1.3em;
    margin-top: 5px;
}

.loginarea h4 {
    font-size: .9rem;
    font-weight: normal;
    line-height: 1.3em;
}


.logo {
	position: absolute;
	top: 0px;
	left: 20px;
	width: 295px;
	height: 101px;
     background: url("../../images/login/ppl-logo.png") no-repeat scroll center 0 transparent;
}
.logo a {
    background: url("../../images/login/ppl-logo.png") no-repeat scroll center 0 transparent; 
	float: left;
	display: block;
	height: 101px;
    width: 295px;
	
}
.logo a:hover {
	background-position: 0 -101px;
}

.utilitynav{
	position: absolute;
	top: 5px;
	right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	font-weight:600;
	
}
.utilitynav a:link {

	color: #fff;
	
}
.utilitynav a:visited {
	
	
	color: #fff;
	
}
.utilitynav a:hover {
	color: #cff1fa;
}



#logo {
	position: absolute;
	top: 0px;
	left: 20px;
	width: 481px;
	height: 97px;
}
#logo a {
	float: left;
	display: block;
	width: 295px;
	height: 101px;
	background: url(../../images/login/ppl-logo.png) no-repeat;
}
#logo a:hover {
	background-position: 0 -101px;
}
#utilitynav a:link {
	position: absolute;
	top: 9px;
	right: 30px;
	
	color: #fff;
	font-size: 14px;
	letter-spacing: 0.05em;
}
#utilitynav a:visited {
	position: absolute;
	top: 5px;
	right: 30px;
	
	color: #fff;
	font-size: 14px;
	letter-spacing: 0.05em;
}
#utilitynav a:hover {
	color: #9ee1fd;
}



.loginarea h3 {
	color: #1A1A1A;
	
	font-size: 25px;
	font-weight: normal;
	line-height: 1.3em;
	margin-top: 5px;
}

.msform p {

                color: #ffffff;

                font-family: Arial, Helvetica, sans-serif;

                font-size: 12px;

                line-height: 1.3em;

                margin-top: 8px;

}
h6 {
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.083em;
	line-height: 1.3em;
	margin-top: 15px;
	margin-bottom: -10px;
}

.deck {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding-top: 20px;
}
.deckcenter {
	margin: 0 auto;
	position: relative;
	padding-top: 20px;
}

 .infoarea {
	float: right;
	width: 30%;
	margin: 110px 45px 100px 0;
	width: 300px;
   
    line-height: 1.5em;
}
#ctl00_MainBody_divmessagealert p {
	color: #333;
    font-size: .9em;
    line-height: 1.5em;
    
    margin-top: 5px;
}
#ctl00_MainBody_divmessagealert  {
	color: #333;
   
    line-height: 1.5em;
   
}
.infoarea h2.alert {
    color: #b7341f;
    margin-bottom: 5px;
    background: url(../../images/login/alert-icon.png) 0px center no-repeat;
    padding-left: 40px;
    height: 24px;
    padding-top: 5px;
}
.infoarea h3.resources {
	color: #4e616d;
	font-size: 18px;
	
	margin-top: 10px;
	margin-bottom: 5px;
}
.resources ul  {
    padding-left: 13px;
    list-style: disc;
    
    color: #017F7B;
}

.loginarea.pad {
	margin: 10px 0px 25px 45px;
	float: left;
	width: 570px;
}
.loginarea.padcenter {
    margin: 10px auto;
    width: 570px;
}


.errortext {
    
    font-size: .9em;
    color: #cb1d00;
    margin-top: 10px;
    font-weight: 400; 
    padding: 6px;
}




#deck {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding-top: 20px;
}
#deckcenter {
	margin: 0 auto;
	position: relative;
	padding-top: 20px;
}

#deck .infoarea {
	float: right;
	width: 30%;
	margin: 110px 45px 0 0;
	width: 300px;
}
#deck .infoarea h2.alert {
	color: #d06618;
	font-size: 18px;
	
	margin-bottom: 5px;
 background: url(../../images/login/alert-icon.png) 0px center no-repeat;
 padding-left: 40px;
}
#deck .infoarea h3.resources {
	color: #4e616d;
	font-size: 18px;
	
	margin-top: 10px;
	margin-bottom: 5px;
}
#deck #loginarea.pad {
	margin: 10px 0px 25px 45px;
	float: left;
	width: 570px;
}
#deckcenter #loginarea.padcenter {
    margin: 10px auto;
    width: 570px;
}

#deck #loginarea h1 {
	
color:#4e616d; 
 font-size: 34px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0;
	padding: 3px 0;
	position: relative;
	
	letter-spacing: 0.03em;
}
#deck #loginarea h2 {
	font-size: 22px;
	line-height: 1.3em;
	
	letter-spacing: 0.05em;
	
	color: #4e616d;
	margin:   0px;
}
#deck #loginarea .logincontainer {
	background: none repeat scroll 0 0 #017f7b;
	border: 1px solid #017f7b;
	color: #333;
	height: 1%;
	padding: 25px 30px 20px;
	width: 450px;
	margin: 28px auto;
	border-radius: 8px;
	float: left;
}



#deckcenter #loginarea.pad {
	margin: 10px 0px 25px 45px;
	float: left;
	width: 570px;
}


#deckcenter #loginarea h1 {
	
color:#4e616d;
  font-size: 34px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0;
	padding: 3px 0;
	position: relative;
	
	letter-spacing: 0.03em;
}
#deckcenter #loginarea h2 {
	font-size: 22px;
	line-height: 1.3em;
	
	letter-spacing: 0.05em;
	
	color: #4e616d;
	margin: 0 0px;
}
#deckcenter #loginarea .logincontainer {
	background: none repeat scroll 0 0 #017f7b;
	border: 1px solid #017f7b;
	color: #333;
	height: 1%;
	padding: 25px 30px 20px;
	width: 450px;
	margin: 28px auto;
	border-radius: 8px;
	float: left;
}






#deck h2.contact {
	font-size: 16px;
	line-height: 1.3em;
	padding: 3px 30px 3px 0px;
	letter-spacing: 0.05em;
	
	color: #4e616d;
	margin: 100px 0 0 0px;
	font-weight: bold;
}
#deck h1 {
	font-size: 34px;
	font-weight: bold;
	line-height: 1.3em;
	padding: 10px 30px 3px 0px;
	letter-spacing: 0.03em;
	
	color: #4e616d;
	margin: 0;
}
#deck p {
	font-size: 13px;
	color: #343434;
	
	line-height: 1.5em;

}
#deck p strong {
	font-weight: bold;
 margin-top:15px;
  font-size:13px;
	color: #343434;
	
	line-height: 1.3em;
}
#deck .boldtxt {
	font-weight: bold;
}







#deckcenter h2.contact {
	font-size: 16px;
	line-height: 1.3em;
	padding: 3px 30px 3px 0px;
	letter-spacing: 0.05em;
	
	color: #4e616d;
	margin: 100px 0 0 0px;
	font-weight: bold;
}
#deckcenter h1 {
	font-size: 34px;
	font-weight: bold;
	line-height: 1.3em;
	padding: 10px 30px 3px 0px;
	letter-spacing: 0.03em;
	
	color: #4e616d;
	margin: 0;
}
#deckcenter p {
	font-size: 13px;
	color: #343434;
	
	line-height: 1.5em;

}
#deckcenter p strong {
	font-weight: bold;
 margin-top:15px;
  font-size:13px;
	color: #343434;
	
	line-height: 1.3em;
}
#deckcenter .boldtxt {
	font-weight: bold;
}




.latest-entries {
	float: left;
	margin: 0px 40px 0 50px;
	width: 45%;
}
.latest-entries h2 {
	color: #017f7b;
	
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.3em;
	padding: 47px 30px 3px 0;
}
.latest-entries h3 em {
	font-size: 0.667em;
	line-height: 1.571em;
	font-style: italic;
	color: #777;
	white-space: nowrap;
}
#deck .latest-entries h3 a:link, #deck .latest-entries h3 a:visited {
	font-variant: normal;
	border-bottom: 0.056em solid #a9a9a0;
}
#deck .latest-entries h3 a:focus, #deck .latest-entries h3 a:hover, #deck .latest-entries h3 a:active {
	border-bottom: 0.056em solid #fa0;
}
.latest-entries h3 em strong {
	border: 0;
	font-style: normal;
	font-weight: 300;
}
table#contact {
	border-collapse: collapse;
	width: 500px;
}
.latest-entries ol li {
	padding-top: 1.167em;
	padding: 1.25em 0;
	border-top: 0.063em solid #d9d9d0;
	color: #343434;
	
	font-size: 14px;
}
.latest-entries ol li p, .section-content {
	font-size: 0.875em;
	line-height: 1.571em;
}
.latest-entries ol li p em {
	font-style: italic;
}
.leftside {
	width: 40%;
	margin: 0px 20px 0 40px;
	float: left;
	clear: both;
}
.center {
	width: 40%;
	margin: 0 auto;
	clear: both;
}
.latest-entries ul {
	list-style-type: disc;
	
	font-size: 14px;
	font-variant: normal;
	letter-spacing: 0.083em;
	margin-top: 10px;
	width: 200px;
}
.latest-entries ul li {
	margin-left: 30px;
	padding: 4px 0;
}
/* footer */



.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */




.msform select {

                border: 1px solid #CCCCCC;

                border-radius: 3px;

                color: #2C3E50;

                font-family: arial;

                font-size: 13px;

                padding: 3px;

                width: 100%;

                line-height: 1;

                margin-bottom: 25px;

}

.msform option {

                padding: 5px;

}

.msform fieldset {

                margin: 0;

                padding: 20px 0;

                width: 100%;

}

/* ---------- FORM ELEMENTS ---------- */


.msform .textbox {
    display: block;
    width: 90%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #494646;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c8c6c6;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-radius: .5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin: 10px 0;
}

    .msform .textbox:focus {
        color: #494646;
        background-color: #fff;
        border-color: #007ab3;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(10,71,71,.25);
    }

input.check {
    width: 1.618em;
    cursor: pointer;
    position: relative;
    -webkit-transition: .15s;
    border-radius: 2em;
    background-color: transparent;
    margin-top: .93em;
}

label {
    display: block;
    padding-left: 15px;
    text-indent: -23px;
    font-size: .9em;
    color: #1A1A1A;
}

#login fieldset {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    margin: 0 10%;
    padding: 20px 30px;
    position: absolute;
    width: 80%;
}

.m-btn + .m-btn, .m-btn + .m-btn-group, .m-btn-group + .m-btn, .m-btn-group + .m-btn-group {
	margin-left: 15px;
}
.m-btn.green {
	background-color: #79d8ce;
	
	color: #FFFFFF;
	text-shadow: none;
}

span.signup, span.signup a:link {
   
    display: inline-block;
    font-size: 1.1em ;
    
    margin-left: 10px;
    font-weight: 800;
}

.dropdown-select {
	padding-left: 6px;
}
.dropdown-select {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border: 0 none;
	border-radius: 0;
	color: #62717A;
	font-size: 12px;
	height: 32px;
	line-height: 14px;
	margin: 0;
	padding: 6px 8px 6px 10px;
	position: relative;
	width: 130%;
}