﻿/*label {
    display: block;
    color: #999;
}

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

:focus {
    outline: 0;
}



.loginDetails {
    width: 78%;
    margin: 0px auto;
    padding: 25px;
    background-color: rgba(250,250,250,0.5);
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.3);
    margin-top: 94px;
    height: auto;
}

.loginform ul {
    padding: 0;
    margin: 0;
}

.loginform li {
    display: inline;
    float: left;
}

.loginform input:not([type=submit]) {
    margin-right: 0px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(250, 250, 250, 0.5);
}

.loginform input[type=submit] {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: #64c8ef; 
    background: -moz-linear-gradient(top, #64c8ef 0%, #00a2e2 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64c8ef), color-stop(100%,#00a2e2)); 
    background: -webkit-linear-gradient(top, #64c8ef 0%,#00a2e2 100%); 
    background: -o-linear-gradient(top, #64c8ef 0%,#00a2e2 100%); 
    background: -ms-linear-gradient(top, #64c8ef 0%,#00a2e2 100%); 
    background: linear-gradient(to bottom, #64c8ef 0%,#00a2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64c8ef', endColorstr='#00a2e2',GradientType=0 ); 
    color: #fff;
    padding: 5px 15px;
    margin-right: 0;
    margin-top: 15px;
    border-radius: 3px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}

.box {
    padding: 20px;
    display: none;
    margin-top: 20px;
    border: 1px solid #000;
    height: 200px;
}

.red {
    background: #ff0000;
}

.green {
    background: #00ff00;
}

.blue {
    background: #0000ff;
}
.width1100 {
    width: 67% !important;
}*/

      /*Login page css start here */
    body{
    padding: 0px auto;
    margin: 0px auto;
    font-size: 12px;
    background-color: #ffffff;
    color: #000000;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
*{
	box-sizing:border-box;	
}
.clr{
	display:table;
	width:100%;
}
.clr:before, .clr:after{
	content: '';
	clear:both;
}
	.container-login{ width:350px; margin:0 auto;}
	.main{width:250px; margin-top:10px; border:0px solid #15559e;}
	.sail-logo{text-align:left; width:350px;}
	.login-box{font-size: 12px; padding:5px; width:290px; height:30px; border:1px solid #15559e; color:#5A5A5A; text-align:left;}
	 .cta{ text-align:left; margin-top:10px; float:left;}
	 .cta a{ padding:10px 20px 10px 20px; background-color:#15559e; color:#fff; text-align:center; text-decoration:none;}
	 .cta a:hover{ padding:10px 20px 10px 20px; width:80px; height:30px; background-color:#042764; color:#fff; text-align:center; text-decoration:none;}
	 .f_pass{font-size: 14px; text-align:left; padding-left:10px; padding-top:17px; float:left;}
	 .f_pass a{color:#000000; text-decoration:underline;}
	 .f_pass a:hover{color:#15559e; text-decoration:underline;}
	 .check_login {
		padding-left: 20px;
  		margin-bottom: 0px;
		display: block;
		position: relative;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}
	 input[type="checkbox"]{
		position:absolute;
		opacity: 0;
}
  .checkmark {
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 15px;
	  width: 15px;
	  border:1px solid #15559e;
	  background-color: #eee;
	  border-radius: 5%;
}
.check_login input:checked ~ .checkmark {
  background-color: #15559e;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.check_login input:checked ~ .checkmark:after {
  display: block;
}

.check_login.checkmark:after {
  left: 4px;
  top: 1px;
  width: 3px;
  height: 7px;
  border: 1px solid #15559e;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.aligncenter { text-align :center;margin-top:20px !important;}
.vmiddle
{   
    
    margin-top: 4%;
  
    padding-left: 33px;
}
/*end here */     