body 
{
   background-color:#fff;
   background-image:url('../images/pattern.png');
   margin:0px;
   font-family:'Open Sans', sans-serif;
}

.top { background-color:#F6F5F5; height:70px;text-align:center; border-bottom:2px solid #eeeeee; width:100% }

.topinner { width:90% ; height:70px;  margin-left:55px}
.topinner .inner { width:100% }
.topinner .inner .leftcol { width:20%; float:left }
.logosm { width:57px; height:57px; background-color:#FF6709;text-align:center; color:#fff; margin-top:5px }
.logosm .logotext { color:#fff; margin-top:0px; font-size:30px; font-weight:400; padding-top:10px ; font-family:'Century Schoolbook'}
.logosm .logotext a{color:#fff; text-decoration:none}
.india_text { float:right; position:absolute; top:16px; left:118px; color:#058900; font-size:30px; font-family:'Century Schoolbook' }


.topinner .inner .centercol { width:60%; float:left }
.company_text { color:#FF6709; text-align:center; padding:12px 0px 0px 45px; font-size:30px;font-weight:300;text-transform:uppercase;text-shadow: 0.05em 0.05em 0.05em #FAFAFA;
                line-height:20px}

.topinner .inner .rightcol { width:10%;}



/*======================================== Login Panel ==================================*/

.loginpanel { width:100% ; margin-top:60px}
.logininner { width:800px; vertical-align:middle; margin-left:auto; margin-right:auto; text-align:center }

.logocol { width:45%; float:left ; text-align:center; padding-top:50px }
.companyname { width:100%; text-align:center; color:#FF6709; font-size:14px; font-family:'Raleway', sans-serif; margin-top:0px;padding-top:10px; text-transform:uppercase }

.form_col { width:55%; float:right }


.loginhead {  width:401px ; background-color:#FF6709; height:40px; color:#fff; border-top:2px solid #e40000; border-top-right-radius:4px; border-top-left-radius:4px }
.logintext { color:#fff; font-size:17px; text-align:center; font-weight:bold; margin-top:0px;padding-top:10px; text-transform:capitalize;font-family:'Raleway', sans-serif }
.loginbx { width:399px; border:1px solid #FF6709; background-color:#fff; }


.error { color:#e40000; text-align:center; font-weight:bold; font-family:'Raleway', sans-serif; font-size:14px; margin-top:15px }

.userid_bx { width:100%; margin-top:10px; text-align:center; padding-left:20px }

.session_bx { width:100%; margin-top:10px; text-align:left; padding-left:20px }

.username_bx { width:100%; margin-top:10px; text-align:center; padding-left:20px }

.password_bx { width:100%; margin-top:10px; text-align:center; padding-left:20px }

.btn_col { width:100%; text-align:left;padding-left:20px }

.forget_pnl a{ width:100%; text-align:left; padding-left:0px; color:#FF6709; font-size:13px; text-decoration:none ; margin-top:10px}
.forget_pnl a:hover { color:#FF6709;  }





/*=================================================== textbox css=================================== */

.login-text
{
    border-bottom: 1px solid #d9dbdd;
    border-right:0px;
    border-top:0px;
    border-left:0px;
    padding:8px; /* 16/16 10/16 */
    display:block;
	outline: none;
    font-size:13px;
    font-weight:400;
    color:#000;
    width:70%;
    background-image:url('../images/username.png');
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:40px;
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
    font-family:'Open Sans', sans-serif; 
}

.login-text:hover
{
   border: 1px solid #FF6709;
   border-right:0px;
   border-top:0px;
   border-left:0px; 
   box-shadow: 0px 0px 8px #7bc1f7; 
   -moz-box-shadow: 0px 0px 8px #7bc1f7; 
   -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}
.login-text:focus

{
   border: 1px solid #FF6709;
   border-right:0px;
   border-top:0px;
   border-left:0px; 
   box-shadow: 0px 0px 8px #7bc1f7; 
   -moz-box-shadow: 0px 0px 8px #7bc1f7; 
   -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}

.pass-text
{
    border-bottom: 1px solid #d9dbdd;
    border-right:0px;
    border-top:0px;
    border-left:0px;
    padding:7px; /* 16/16 10/16 */
	outline: none;
    display:block;
    font-size:13px;
    font-weight:400;
    color:#000;
    width:70%;
    border-radius:3px;
    background-image:url('../images/password.png');
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:40px;
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
    font-family:'Open Sans', sans-serif;
}

.pass-text:hover
{
   border: 1px solid #FF6709;
   border-right:0px;
   border-top:0px;
   border-left:0px; 
   box-shadow: 0px 0px 8px #7bc1f7; 
   -moz-box-shadow: 0px 0px 8px #7bc1f7; 
   -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}
.pass-text:focus

{
   border: 1px solid #FF6709;
   border-right:0px;
   border-top:0px;
   border-left:0px; 
   box-shadow: 0px 0px 8px #7bc1f7; 
   -moz-box-shadow: 0px 0px 8px #7bc1f7; 
   -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}


.submit-btn { border: none; font-family:Source Sans Pro ; background:#FF6709; color: #fff;	cursor: pointer;	
              padding:8px 12px;	display: inline-block;	margin: 10px 0px 5px 0; border-radius:3px; font-size:14px; 
              outline: none;-webkit-transition: all 0.9s; -o-transition: all 0.9s; -ms-transition: all 0.9s;
             -moz-transition: all 0.9s;	transition: all 0.9s;border-color: #367fa9; width:41% }

.submit-btn:hover { color: #fff; background: #D36106; -webkit-transition: all 0.9s; -o-transition: all 0.9s;
                   -ms-transition: all 0.9s;	-moz-transition: all 0.9s;	transition: all 0.9s; }



.submit-btn-gray { border: none; font-family:Source Sans Pro ; background: #f4f4f4; color: #444;	cursor: pointer;
                   padding:8px 12px; display: inline-block;	margin: 10px 0px 5px 0; border-radius:3px; font-size:14px; 
                   outline: none;-webkit-transition: all 0.9s; -o-transition: all 0.9s; -ms-transition: all 0.9s;	
                   -moz-transition: all 0.9s;	transition: all 0.9s;border:1px solid #ddd; width:41%  }

.submit-btn-gray:hover { color: #444; background: #ccc; -webkit-transition: all 0.9s; -o-transition: all 0.9s; 
                         -ms-transition: all 0.9s;	-moz-transition: all 0.9s;	transition: all 0.9s; }


/*==================== Footer ============================================ */

.footer { width:100%; background-color:#EEEEEE; border-top:1px solid #E0DFDF; height:90px ;float:left; margin-top:195px}
.footer .inner_footer { width:100% }

.top_foot { width:100%; text-align:center; color:#FF6709; margin-top:30px}
.top_foot a { font-size:11px ; color:#FF6709; text-decoration:none ; text-align:left ;font-weight:400 }
.top_foot a:hover {color:#000;}