@import url('https://fonts.googleapis.com/css?family=Roboto');

@import url('https://fonts.googleapis.com/css?family=Meera+Inimai');

@import url('https://fonts.googleapis.com/css?family=Baloo+Thambi');

body {
background:url(/images/sangam_bg.png);
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
color:#666B85;
text-rendering: optimizeLegibility;
}

#wrapper
{
	width: 1200px;
	height:auto;
	margin: 0px auto;
	background: #ffdd00;
}

.sangam_header
{
    width: 1200px;
    height: 295px;
    margin: 0 auto;
    background-image: url(/images/sangam_header.jpg);
    background-repeat: no-repeat;
    /*border-radius: 10px 10px 0 0;*/
}

.mem_h
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#299a0b+0,299a0b+100;Green+Flat+%231 */
background: #299a0b; /* Old browsers */
background: -moz-linear-gradient(left, #299a0b 0%, #299a0b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #299a0b 0%,#299a0b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #299a0b 0%,#299a0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=1 ); /* IE6-9 */
    padding: 10px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
	font-family: 'Baloo Thambi', cursive;
	    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.9px;
	width: 860px;
    box-shadow: 5px 5px #840901;
}
 
.messg {
	line-height: 26px;
	font-size:16px;
    padding: 0 0 7px;
    margin: 0;
    color: #800000;
	font-family: 'Roboto', sans-serif;
}
div.table-title {
display: block;
margin: auto;
max-width: 500px;
padding:5px;
width: 100%;
}
 
.table-title h3 {
color: #fafafa;
font-size: 30px;
font-weight: 400;
font-style:normal;
font-family: 'Roboto', sans-serif;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
text-transform:uppercase;
}
 
 
/*** Table Styles **/

.p_bg
{
    max-width: 1150px;
    padding: 10px 10px;
    width: 100%;
    border-radius: 3px;
    margin: 10px auto;
	overflow: hidden;
} 

.p_bg p
{
	color: #0012ae;
}

.table-fill {
	
border-radius:3px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
border-collapse: collapse;
height: 320px;
margin: auto;
max-width: 950px;
padding:5px;
width: 100%;
/*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);*/
animation: float 5s infinite;
}
.table-fill td, .tg-yw4l { padding:7px 23px; font-family: 'Meera Inimai', sans-serif; color:#0012ae; }

.btn-primary
{
	color: #ffffff;
    background-color: #2c9b00;
    border-color: #2c9b00;
    padding: 10px 10px;
    text-transform: uppercase;	
}

.table-fill input,.table-fill textarea,.table-fill select 
{  
font-family: 'Roboto', sans-serif; 
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}
.error { color:#F00; padding-left:3px; font-size: 15px; }



.monthly_part
{
	width: 380px;
	height: auto;
	margin: 0px 100px;
	padding: 5px;
	background: #840901;
	    float: left;
}

.monthly_part p
{
	color: #fff;
    text-align: center;
    background: #2c9b00;
    width: 210px;
    margin: 15px auto;
    padding: 15px;
}

.bank_part
{
	width: 410px;
	height: auto;
	margin: 0 10px;
	padding: 10px 0;
	background: #840901;
	float: left;
}

.bank_part h4
{
    color: #fff;
    text-align: center;
    margin: 0 auto;
    border-bottom: 1px solid #ffe5936b;
    padding: 10px;
}

.bank_part p
{
    color: #fff;
    text-align: center;
    background: #2c9b00;
    width: 210px;
    margin: 9px auto;
    padding: 7px;
}