﻿
@import url(http://fonts.googleapis.com/css?family=Roboto:700,500,400,300);

body {
    margin: 0;
    padding: 0;
   /* background: #326082 url(../images/bg.jpg) no-repeat;*/
    background-size: 100% 100%;
    background-attachment: fixed;
    font-family: 'Roboto', sans-serif;
    color: #333;
    font-size: 13px;
    font-weight: 400;
}

.clear {
    clear: both;
}

.logobottomline
{
   
   height:20px;
   background-color:#123355;
   border-radius:10px;
    
    
    }

.clearboth {
    clear: both;
    height: 10px;
}

.warper {
    margin:2% auto;
    width: 605px;
    min-height: 100px;
    height: auto;
    position:relative;
}

.loginbox {
    float: left;
    background: #F5F5F5;
    width: 82%;
    height: 300px;
    /*box-shadow: 0 50px 50px -50px #000;*/
    position:relative;
    border: 1px solid #DADADA;
} 

.shadow {
   background: url("../images/shadow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 62px;
    left: -10px;
    position: absolute;
    top: 260px;
    width: 516px;
    z-index: -1;
}
.logocontainer {
    float: left;
    width: 100%;
    height: 105px;
    
    background-color: #FFFFFF;
   /* margin-left:2%;
    margin-right:2%;*/
}

.div_logo {
    margin: 15px;
   /* padding-left: 30px;*/
}

.user_pwd_boxcontainer {
    float: left;
    padding-top: 10px;
    padding-bottom: 5px;
    width: 90%;
    height: auto;
    margin-left: 5%;
    margin-right: 5%;
}

.div_user_pwd {
    float: left;
    width: 46px;
    height: 43px;
    background-color: #454F5B;
    border-bottom: 1px solid #464f59;
    border-top: 1px solid #464f59;
    border-right: none;
    border-left: 1px solid #464f59;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.user_pwd_img {
    text-align: center;
    margin: 10px;
}

.txtbox {
    float: left;
    width: 320px;
    height: 41px;
    border-left: none;
    border-bottom: 1px solid #DADADA;
    border-top: 1px solid #DADADA;
    border-right: 1px solid #DADADA;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    color: #454d60;
    padding-left: 10px;
    font-size: 14px;
}

.forgotpassword {
    float: left;
    color: #EB9396;
    width: 296px;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}

    .forgotpassword:hover {
        color: #dd6d71;
        cursor: pointer;
        text-decoration: underline;
    }

.signupnow {
    float: left;
    color: #108AAF;
    width: 100px;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}

.btn {
	border: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	font: normal 14px/20px 'Roboto', sans-serif;
	color: #FFF;
	padding: 8px 12px;
	cursor: pointer;
	background: #123355;
	/*background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #6d4c36 0%, #4c3525 100%) repeat scroll 0 0;*/
}
.signupnow_Heading {
    float: left;
    margin-left:10px;
    color: #123355;
    width: 100px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

    .signupnow:hover {
        color: #0f81a3;
        cursor: pointer;
        text-decoration: underline;
    }

::-webkit-input-placeholder {
    color: #000;
}

:-moz-placeholder { /* Firefox 18- */
    color: #000;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #000;
}

:-ms-input-placeholder {
    color: #000;
}



.CompanyName
{
    
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #2c5f91;
	font-weight: bold;
	text-align:center;	
}