body
{
    margin:0px;
    padding:0px;
    color:#000;
    font:12px Trebuchet MS;
    background:#f0f0f0 ;
   /* background:#d3e4f1 url(images/3.jpg) no-repeat center -300px;*/
   
}


/*Basic Fonts */

h1{ font: 24px Trebuchet MS; color:#CA4213; margin:5px 0px 25px;}

h2{ font:16px Trebuchet MS; color:#000;margin:10px 0px 10px;}

p{ font:12px/18px Trebuchet MS; text-align:justify; color:#000;}

.clear{ clear:both;}
img{ border:0px;}


/*mainWrap*/
.dnnLoginService h1{ text-align:center; font-size:32px; font-weight:bold; color:#000;}


.newLogin-main-wrap{ margin:0px auto; padding:0px; background:#fff; }
.newLogin-main-bg{ margin:0px auto; padding:0px; background:none; } 
.clspaswrd {
	float:right;
	margin:15% 15px 15px 30px;
	}
.clspaswrd a.dnnSecondaryAction, .clspaswrd a.dnnSecondaryAction:active {
	background:none;
	border:none;
	color:#00338d;
	font-size:16px;
	font-weight: normal;
	box-shadow:none;
	    font-family: sans-serif;
	}
.clswidth400 {
	margin:0 auto;
	}
.dnnFormItem.center-login img {
	margin:10px;
	}
.dnnFormItem.center-login {
	text-align:center;
	padding:5% 0 0;
}
/*Header-Division*/


.newLogin-header-wrap{ margin:0px auto; padding:0px; min-height:107px; }


.newLogin-header-left{ margin:0px; text-align:center; padding:0px; min-height:80px;  width:100%; }

.newLogin-header-right{ margin:0px; float:right; padding:0px; min-height:80px; width:45%;}

.homeBtn{ float:right; margin-top:4%;}

/*LOGO-DIV*/

.newLogin-logo-wrap{ margin:0 0px 0px; padding:20px 0; background:#fff; /*box-shadow:rgb(222, 222, 222) 0px 0px 16px;*/}
#dnn_dnnLOGO_imgLogo{ width:122px;}

/*LOGIN_DIV*/

.newLogin-login-wrap{ margin:0px 30px 0px 0px; padding:0px; float:right;}

  
 
  .registerGroup li{ border:none;}

		#login-midd .registerGroup, 
		#login-midd .registerGroup *, 
		#login-midd .loginGroup, 
		#login-midd .loginGroup *{
			display:block;
		} 
	
	
		#login-midd .registerGroup,
		#login-midd .loginGroup{float:left;padding:0;margin:0;} 
		
		#login-midd .registerGroup li:first-child:hover{}
		/* Register Group Styles */
		#login-midd .registerGroup li{ 
			float:left;
			height:33px;
			 background:url(images/login_seperate.png) no-repeat top left;
		}
		#login-midd .registerGroup .buttonGroup{margin:0px;}
		
		#login-midd .registerGroup a
		{
			position:relative;
			display:block;
			padding:11px 15px;
			min-width:15px; min-height:11px;
			font-weight:bold;
			font-size:11px;
			vertical-align:middle;
			line-height:1em;
		}
		
		
		
		#login-midd .registerGroup a:hover,
		#login-midd .loginGroup a:hover{
			
			color:#fff;
			
		}
		#login-midd .registerGroup a:active,
		#login-midd .loginGroup a:active{
			color:#fff;
		
		}
		
		#login-midd .registerGroup a:hover,
		#login-midd .loginGroup a:hover{text-decoration:none; color:Orange;}
		
		#login-midd .registerGroup a strong,
		#login-midd .loginGroup a strong{
			position:absolute;
			left:0; top:0;
			width:100%; height:100%;
			display:block;
			font-size:11px;
			font-weight:bold;
			vertical-align:baseline;
			overflow:hidden;
			text-indent:-9999px;
		}
		
		.registerGroup .userMessages strong,
		.registerGroup .userNotifications strong{
			background:url(Images/userLoginSprite.png) no-repeat 15px 12px;
		}
		.registerGroup .userNotifications strong{ background-position:-85px 10px; }
		.registerGroup .userMessages strong:hover{background-position:15px -40px; }
		.registerGroup .userNotifications strong:hover{ background-position:-85px -42px;}
		.registerGroup .userMessages strong:active{background-position:15px -91px; }
		.registerGroup .userNotifications strong:active{ background-position:-85px -92px;}
		
		#login-midd .registerGroup a span{
			position:absolute;
			right:5px; top:-7px;
			display:inline-block;
			padding:2px 4px;
			min-width:7px;
			text-align:center;
			margin-right:3px;
			
			font-size:9px;
			color:#fff;
			
		}
		
		
		#login-midd .registerGroup .userProfileImg a{
			padding:0;background:none;
			min-width:25px;
		}
		#login-midd .registerGroup a img{
			border:1px solid blue;
			height:32px; width:32px;
			background:#555;
		
		}
		/* Login Group Styles */
		#login-midd .loginGroup{
			/*light*/		
		} 
		#login-midd .loginGroup a{padding:10px 20px; font-weight:bold; color:#fff;}
		
		/* Login Language Group */
		#login-midd .language-object{
			float:left;
			display:block;
			margin:0;
			padding:0;
			/*dark*/
		}
		#login-midd .language-object span{
			padding:8px 0;
			padding-right:8px;
			margin:0;
			float:left;
		}
		#login-midd .language-object span:first-child{
			padding-left:8px;
			
		}
		#login-midd .language-object span img{
			height:12px; width:20px;
			
		}
		


/*CONTENT-DIVISION*/

.newLogin-content-wrap{ margin:0px auto; width:95%; margin-top:0px;}

.newLogin-topPane-bg{ margin:0px auto;  padding:0px;}

.newLogin-leftMiddRite-Pane-bg{ margin:0px; padding:0px; margin-top:2px;}

.newLogin-leftPane-bg{ margin:0px; padding:0px; width:15%; float:left;}

.newLogin-leftPane01-wrap{ margin:0px 0px 0px 0px;  padding:0px;}

.newLogin-leftPane02-wrap{ margin:2px 0px 0px 0px;  padding:0px;}

.newLogin-leftPane03-wrap{ margin:2px 0px 0px 0px;  padding:0px;}

.newLogin-middPane-bg{ margin:0px 3%; padding:0px; width:64%; float:left;}

.newLogin-middPanetop-bg{margin:0px; padding:0px;}

.newLogin-middPaneBottm-bg{ margin:2px 0px 0px; padding:0px;}

.newLogin-middPaneBottmLeft-bg{ margin:0px; float:left; padding:0px; width:32%;}

.newLogin-middPanebottmCenter-bg{ margin:0px 2%; float:left; padding:0px; width:32%;}

.newLogin-middPaneBottomRight-bg{ margin:0px; padding:0px; float:right; width:32%}


.newLogin-middPaneBottm-bg02{ margin:2px 0px 0px; padding:0px;}

.newLogin-middPaneBottmLeft-bg02{ margin:0px; float:left; padding:0px; width:32%;}

.newLogin-middPanebottmCenter-bg02{ margin:0px 2%; float:left; padding:0px; width:32%;}

.newLogin-middPaneBottomRight-bg02{ margin:0px; padding:0px; float:right; width:32%}



.newLogin-rightPane-bg{ margin:0px; padding:0px; width:15%; float:right; }

.newLogin-rightPane01-wrap{ margin:0px; padding:0px;}

.newLogin-rightPane02-wrap{ margin:2px 0px 0px; padding:0px;}

.newLogin-rightPane03-wrap{ margin:2px 0px 0px; padding:0px;}

.newLogin-contentPane-wrap{ /*margin:2px auto 0px;*/ padding:0px; margin: 35px auto 0px;}

.newLogin-servicePane-bg{ margin:2px 0px 0px; padding:0px;}

.newLogin-leftServicePane-wrap{ margin:0px; padding:0px; float:left; width:32%;}

.newLogin-middServicePane-wrap{ margin:0px 2%; padding:0px; float:left; width:32%;}

.newLogin-rightServicePane-wrap{ margin:0px; padding:0px; float:right; width:32%;}

.newLogin-leftNavContent-bg{ margin:2px auto 0px; padding:0px;}
.newLogin-leftNavPane-wrap{ margin:0px; padding:0px; float:left; width:42%;}

.newLogin-rightContentPane-wrap{ margin:0px; padding:0px; float:right; width:55%;}

.newLogin-rightNavContent-bg{ margin:2px auto 0px; padding:0px;}

.newLogin-leftContentPane-wrap{ margin:0px; padding:0px; width:75%; float:left;}

.newLogin-rightNavPane-wrap{ padding:0px; margin:0px; width:23%; float:right;}

.newLogin-bottomPane-bg{ margin:2px auto 0px; padding:0px; }

.newLogin-bottomPane01-wrap{ margin:0px; padding:0px; float:left; width:24%;}

.newLogin-bottomPane02-wrap{ margin:0px 1%; padding:0px; float:left; width:24%;}

.newLogin-bottomPane03-wrap{ margin:0px; padding:0px; float:left; width:24%;}

.newLogin-bottomPane04-wrap{ margin:0px; padding:0px; float:right; width:25%;}

.newLogin-announcement-wrap{ margin:2px 0px 0px; padding:0px;} 

.newLogin-addressPane-wrap{ /*margin:2px 0px 50px;*/ padding:0px;margin: 35px 0px 50px;}

.newLogin-addPaneLeft-wrap{ margin:0px; padding:0px; float:left; width:50%;}

.newLogin-addPaneright-wrap{ margin:0px auto; padding:0px; float:none; width:50%;}

.epicLogo{ float:right;}

.site-read{ font-size:14px; color:#fff; text-align:center;}

.site-read a{ color:#fff; text-decoration:underline; text-transform:capitalize;}

.site-read a:hover{ text-decoration:none;}


.impNote { width:400px; float:right; padding:70px 50px; background:#00318e url(images/newsky1.jpg) repeat center center; min-height:360px; display:none;} 
.impNote h2{    text-align: center;    margin-top: 30%;    color: #00318e;    font-size: 70px;}

.impNote fieldset{ /*border:1px solid #83a3b8; border-radius:10px; -moz-border-radius:15px;-webkit-border-radius:15px;*/ padding:10px; font:12px/18px Trebuchet MS; background:none;  /*box-shadow: 3px 3px 10px #888888; -moz-box-shadow: 3px 3px 10px #888888;-webkit-box-shadow: 3px 3px 10px #888888;*/}

.impNote legend{ font:bold 20px Trebuchet MS; color:#fff; padding:20px 5px 5px; text-align:center; }

.blink_me {

    animation-name: blinker;

    animation-duration: 1s;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

 

    -webkit-animation-name: blinker;

    -webkit-animation-duration: 1s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;
    color:#fff; font-size16px; 

}

 

@-moz-keyframes blinker {  

    0% { opacity: 1.0; }

    50% { opacity: 0.0; }

    100% { opacity: 1.0; }

}

 

@-webkit-keyframes blinker {  

    0% { opacity: 1.0; }

    50% { opacity: 0.0; }

    100% { opacity: 1.0; }

}

 

@keyframes blinker {  

    0% { opacity: 1.0; }

    50% { opacity: 0.0; }

    100% { opacity: 1.0; }

}



/*Footer-dvision*/


.newLogin-footer-wrap{ margin:10px auto 0; background:#fff;/*border-top: 5px solid #0091da;*/}

.newLogin-footer-bg{ /*margin:0px auto; width:52%; text-align:justify;*/ text-align:center; color:#827d7d; padding:10px 10px 20px; font-size:14px; line-height:17px; font-family:sans-serif;}

.newLogin-footer-left{ margin:0px; width:45%; float:left; padding:10px 20px; text-align:left; color:#fff;}

.newLogin-footer-right{ margin:0px; width:45%; float:right; padding:10px 20px; text-align:right; color:#fff;}

.newLogin-main-wrap p{ color:#000; background:#fff;}

.newchangepass 
{
      margin: 34px 0 0;
    padding: 0px;
    float: right;
    width: 50%;
        position: absolute;
    left: 49%;
    }
 .newchangepass .ModC 
 {
     text-align:right;
     }
  .newchangepass .dnnPasswordResetContent { 
         width: 400px;
    padding: 70px 50px;
    float: left;
    background: #fff;
    min-height: 362px;
         }
         
        .newchangepass input[type="text"], .newchangepass input[type="password"]{
            width: 94%;
            margin-bottom: 20px;
            font-size: 16px;
            line-height:19px;
}
 .newchangepass .password-strength-container 
 {
         width: 100%;
    max-width: initial;
    display: block;
     }
.newchangepass .dnnPasswordResetContent ul.dnnActions  {
             margin: 30px auto;
    width: 60%;
    display: block;
         }
   .newchangepass .dnnFormMessage.dnnFormInfo 
   {
       background:#f2cccc;
       }
    
  @media (min-width: 1014px)and (max-width:768px)
  {
      .newchangepass 
      {
                left: 40%;
          }
          .newchangepass .dnnPasswordResetContent 
          {
              width:100%;
              }
      }
		@media(max-width:1256px){
			.newLogin-addressPane-wrap{
				width: 950px;
				margin: 0 auto;
				overflow: hidden;
			}
			.dnnForm.dnnLogin {
				    min-width: 100%;
					margin:0;
				}
			
			}
		@media(max-width:990px){
		   .newLogin-addressPane-wrap{ 
		   width:100%;
		   
		   }
		   .newLogin-addPaneLeft-wrap {
			   display:none;
			   }
			   .newLogin-addPaneright-wrap {
					margin: 15px auto;
					padding: 0px;
					float: none;
					width: 50%;
			}
			.LoginPanel {
				width:auto;
				    min-width: inherit;
				}
			.dnnForm .dnnFormItem {
				text-align:center;
				}
			.dnnFormItem > span.dnnFormLabel {
				text-align:center;
				width:auto;
				}
			.dnnLogin {
				min-width:inherit;
				}
			.newLogin-footer-bg {
				width:95%;
				}
			.newLogin-addPaneright-wrap .clswidth400 {
				width:auto;
				}
			.clswidth400 .clsLinkCancel, .clswidth400 .clsCheckSession {
				float:none;
				width:100%;
				margin:15px 0;
				}
		   }
		   
		@media(max-width:640px){
			.newLogin-addPaneright-wrap {
			   width:100%;
			   }
			.LoginPanel {
				padding:20px 10px;
				width:95%;
				}
			.clswidth400 {
				padding:20px 10px;
				width:95%;
				}
		.loginContent .dnnFormItem .dnnLabel {
			text-align:left;
			}
			.dnnFormItem .dnnLabel {
				margin-right:0;
				}
			.clsLinkCancel, .clsCheckSession {
			    float: none;
   				 width: 100%;
			}
			.newLogin-addPaneright-wrap .clswidth400 {
				padding:20px 10px;
				}
			
			   }

