﻿

html, body
{
	height: 100% !important;
}
.main-container
{
	width: 1000px;
	margin: 0 auto;
	height: inherit !important;
	padding: 0;
	background-color: #fafafa;
}

#outer
{
    width:1000px; margin:0 auto; background-color:#fafafa; border:solid 1px #DDD;
}
.login-col
{
	width: 674px;
	height: 405px;
	padding: 0px;
	background-image: url('../images/Yoga-in.png');
	margin: 40px auto 0 auto;
	position: relative;
	z-index: 0 !important;
}
.AYMPlogintable
{
	width: 100%;
	border-collapse: collapse;
	font-family: verdana;
	font-size: 12px;
}
.AYMPlogintable th
{
	padding: 8px;
	border: #ddd 1px solid;
	color: #fff;
	margin: 0 0 0 0;
	font-weight: normal;
	text-align: left;
}
.AYMPlogintable td
{
	padding: 4px;
	text-align: left;
}

.login_form
{
	width: 271px;
	height: 301px;
	margin: 38px 0px 0px 184px;
	text-align: center;
	position: absolute;
	padding: 5px;
}



.input[type="text"], .input[type="password"]
{	
	border-radius: 4px;
	background-color: #FFF;
	border: 1px solid #DDD;
	width: 85%;
}
.input:focus
{
	outline: none;
	box-shadow: 0px 0px 5px #ddd;
	border: #ddd 1px solid;
}
.input:hover
{
	border-radius: 5px;
}



.btn-login
{
	background-color: #1f9c9f;
	border: none;
	padding: 8px 8px;
	color: #fff;
	font-size: 14px;
	border-radius: 4px 4px;
	width: 92%;
}
.btn-login:hover, .btn-login:active
{
	background-color: #29d4d8;
	border: none;
	padding: 8px 8px;
	color: #fff !important;
	font-size: 14px;
	border-radius: 5px 5px;
}



/****************************************************************/
.form-header
{
	width: 1000px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	background-image: url('../images/header-bg.jpg');
	text-align: center;
	line-height: 150px;
}
.form-header-inner
{
	width: 100%;
	height: 100px;
	margin: 0 auto;
	color: #fff;
	vertical-align: middle;
	font-size: 22px;
	font-weight: 100;
	vertical-align: middle;
	text-align:center;
}



/***************************************************************/


.AYMPtable
{
	width: 100%;
	border-collapse: collapse;
	font-family: verdana;
	font-size: 12px;
}
.AYMPtable th
{
	padding: 10px;
	border: #ddd 1px solid;
	color: #fff;
	margin: 0 0 0 0;
	font-weight: normal;
	text-align: left;
	background-color: #1a808f;
}
.AYMPtable td
{
	width: 25%;
	padding:4px!important;
	border: #ddd 1px solid;
	text-align: left;
}
/* provide some minimal visual accomodation for IE8 and below */

.AYMPtable tr
{
	background: #fafafa;
}
/*  Define the background color for all the ODD background rows  */

.AYMPtable tr:nth-child(odd)
{
	background: #FBFBFB;
}
/*  Define the background color for all the EVEN background rows  */

.AYMPtable tr:nth-child(even)
{
	background: #f7f7f7;
}



input[type="text"], input[type="password"], textarea
{
	width: 87%;
	padding: 7px;
	border-radius: 4px;
	background-color: #fff;
	border: #ddd 1px solid;
}
input:focus
{
	outline: none;
	box-shadow: 0px 0px 5px #ddd;
	border: #1a808f 1px solid;
}
input:hover
{
	border-radius: 5px;
}
textarea
{
	width: 95%;
}
textarea:focus
{
	border: #1a808f 1px solid;
}
select
{
	padding: 7px;
	border-radius: 4px;
	background-color: #fff;
	border: #ddd 1px solid;
}

.select
{
	width: 93%;
	padding: 7px;
	border-radius: 4px;
	background-color: #fff;
	border: #ddd 1px solid;
}



.select:focus
{
	outline: none;
	box-shadow: 0px 0px 5px #ddd;
	border: #1a808f 1px solid;
}
.select:hover
{
	border: #1a808f 1px solid;
	border-radius: 5px;
}
.captcha
{
	border-radius: 4px;
	border: solid 1px #ddd;
	background-color: #fff;
	width: 92%;
	margin: 10px auto;
	text-align: center !important;
}

.btn
{
	background-color: #1a808f;
	border: none;
	padding: 8px 8px;
	color: #fff;
	font-size: 14px;
	border-radius: 5px 5px;
}
.btn:hover, .btn:active
{
	background-color: #2B8F9E;
	border: none;
	padding: 8px 8px;
	color: #fff !important;
	font-size: 14px;
	border-radius: 5px 5px;
}



.main-head-form
{
	text-align: center;
	font-size: 22px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #cfcfcf;
}



.logout-col 
{
 float:right;
 margin:-65px 10px 0 0;
 padding:0;
 height:10px;
 
	
 
}
.logout-col a 
{
	color:#fff;
	 font-weight:normal;
	 font-size:15px;
	 background-color:#000;
	 
	
	

}


.td-padding 
{
	padding:10px!important;
}

.AYMPtableQR
{
	width: 100%;
	border-collapse: collapse;
	font-family: verdana;
	font-size: 12px;
}
.AYMPtableQR th
{
	padding: 10px;
	border: #ddd 1px solid;
	color: #fff;
	margin: 0 0 0 0;
	font-weight: normal;
	text-align: left;
	background-color: #1a808f;
}
.AYMPtableQR td
{
	padding:10px!important;
	border: #ddd 1px solid;
	text-align: left;
}



.print-form-head 
{
  font-family:Calibri;
  font-size:18px;
  text-align:center;   
    
}

@media print 
{
    
 .AYMPtableQR
{
	width: 100%;
	border-collapse: collapse;
	font-family: verdana;
	font-size: 12px;
}
.AYMPtableQR th
{
	padding: 10px;
	border: #000 1px solid;
	color: #000;
	margin: 0 0 0 0;
	font-weight: normal;
	text-align: left;
	background-color: #1a808f;
}
.AYMPtableQR td
{
	width: 25%;
	padding:10px!important;
	border: #000 1px solid;
	text-align: left;
}   

 
 
 
                .AYMPtable
                     {
                        width: 100%;
                        border-collapse: collapse;
                        font-family: verdana;
                        font-size: 12px;
                    }
                    .AYMPtable th
                    {
                        padding: 10px;
                        border: #000 1px solid;
                        color: #000;
                        margin: 0 0 0 0;
                        font-weight: normal;
                        text-align: left;
                        background-color: #1a808f;
                    }
                    .AYMPtable td
                    {
                        width: 25%;
                        padding: 4px;
                        border: #000 1px solid;
                        text-align: left;
                    }
                    
                    
.form-header-inner
{
	width: 80%;
	margin: 0 auto;
	color: #fff;
	vertical-align: middle;
	font-size: 22px;
	font-weight: 100;
	vertical-align: middle;
	float:none;
	border:1px solid #000;
	
}

 .align-center 
 {
   text-align:center;   
 }
 
 
 .print-form-head 
{
  font-family:Calibri;
  font-size:22px;
  text-align:center;   
    
}
}

.AYMPtableNew
{	
	border-collapse: collapse;
	font-family: verdana;
	font-size: 12px;
}
.AYMPtableNew th
{
	padding: 10px;
	border: #ddd 1px solid;
	color: #fff;
	margin: 0 0 0 0;
	font-weight: normal;
	text-align: left;
	background-color: #1a808f;
}
.AYMPtableNew td
{
	width: 25%;
	padding:4px!important;
	border: #ddd 1px solid;
	text-align: left;
}
/* provide some minimal visual accomodation for IE8 and below */

.AYMPtableNew tr
{
	background: #fafafa;
}
/*  Define the background color for all the ODD background rows  */

.AYMPtableNew tr:nth-child(odd)
{
	background: #FBFBFB;
}
/*  Define the background color for all the EVEN background rows  */

.AYMPtableNew tr:nth-child(even)
{
	background: #f7f7f7;
}
