body {
		margin-top:10px;
		margin-bottom:0;
		margin-left:0;
		margin-right:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background-color:#FFFFFF;
		
		/*background-image:url('../images/Images/bannerbg_13.gif'); */
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	}
	a {
		color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	height: 0px;
}
	
.img {
	margin:10px 0 5px;
	
	position: relative;
	
    } 
   .picture
    {
    height:120%;
	width:10%;
    }
    

.tab
{
	
	background-color:Lime;
	border:2;
	background-position:bottom;
	border-left:3;
	border-bottom-color:Red;
	border-right:3;
	direction:inherit;
	table-layout:auto;
	
	
}

	/* Header styles */
	#header {
		clear:both;
		float:none;
		width:980px;
		top:100px;
		margin-left: auto ;
		margin-right: auto ;
		
	}
	#header_logo {
		float:left;
		width:145px;
		height:95px;
		background-image:url('../images/Images/bannerbg_13.gif');	
		background-position:center;
		background-repeat:no-repeat;
		background-color:White;}
	#header_banner {
		float:left;
		width:980px;
		height:95px;
		
		background-image:url('../images/Images/bannerbg_13.gif');
		background-position:left;
		background-repeat:repeat;
		
	}
	#header_right {
		float:inherit;
		width:145px;
		height:95px;
		background-position:center;
		background-repeat:no-repeat;
		background-color:White;
		background-image:url('../images/Images/cross.gif');
	}



	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
		
	
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:none;
		width:980px;			/* width of whole page */
		height:1480px;
		overflow:hidden;		/* This chops off any overhanging divs */
		margin-left: auto ;
		margin-right: auto ;
				}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		height:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol { 
		background:#5896e0;
		
          }
	.threecol .colmid {
		right:20%;			/* width of the right column */
		background:white;		/* center column background colour */
	    }
	
	.threecol .colleft {
		right:60%;			/* width of the middle column */
		background:#5896e0;
	
}
	
	.threecol .col1 {
		width:66%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	
}
	.threecol .col2 {
		width:17%;			/* Width of left column content (column width minus padding on either side) */
		left:15%;
					/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:16%;			/* Width of right column content (column width minus padding on either side) */
		left:79%;
		padding-top:30px;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
	/* Footer styles */
	#footer {
		clear:both;
		float:none;
		width:980px;
		height:30px;			
		margin-left: auto ;
		margin-right: auto ;
		border-top:1px solid #000;
		background-color:Silver;	
		background-image:url('../images/eumom/footer_bg.png');	
	}
	
	#footer p {
		padding:10px;
		margin:0;
		text-align:center;
	}


/* Added by sajosh */

.MainHeading {
	
	font-size: 12px; 
	font-weight: bold; 
	color:#CC66CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 		padding-top :30px;

}


.Text
{	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #666666; 
	font-weight: normal;
	text-transform:none;

}

.SubHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align:left;
}


.HeaderMessage
{  
font-family: Arial,Sans-Serif; 
font-size: 11px; 
font-weight: bold; 
color: #CC66CC;
padding-top:3px;
}

/*Used for navigation - Styli9ng for all <asp:menu> */




.level1
{
color: #000;
background: #F8B0C8 url(../images/eumom/RoseLeft.jpg) left top no-repeat;
text-decoration: none;
padding-left:9px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#8C032F;
padding-top:5px;
padding-bottom:2px;


}

.level1 a 
{
background: url(../images/eumom/RoseRight.jpg) right top no-repeat;
padding-right: 10px

} 



.hoverstyle {
color: #fff;
background: #F484A8 url(../images/eumom/RoseLeftH.jpg) left top no-repeat;
padding-left:9px;
text-decoration: none;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #8C032F;
padding-top:5px;
padding-bottom:2px;
} 

.hoverstyle a
{
background: url(../images/eumom/RoseRightH.jpg) right top no-repeat;
padding-right: 10px;
} 




.mainlevel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom:2px;
	padding-top:2px;
	color:#666666;
	text-align: left;
	}
	
.mainlevel a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3399FF;

	}
	
.mainlevel a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	background-color:#E1C7EF;
	text-decoration:none;

	}
	






.forgetpassword
{  
font-family: Arial,Sans-Serif; 
font-size: 12px; 
font-weight: bold; 
color: #311DA2;
padding-top:3px;
} 

/*Added by jaison for navigation*/


.banner{
background:url(imges/bannerbg_13.gif) repeat-x;
height:130px;
width:100%;
border-bottom:3px solid #1553B9;
}

.bannerontop{
background:url(imges/bannerontop.png) no-repeat center;
height:68px;
padding-top:35px;
text-align:center;
}

.cross
{
width: 99%;
margin-left:10%;
font-size: 12px;

padding-top:75px;/*55*/

padding-right:2%;

}
.cro
{
width: 100%;
margin-left:2%;
font-size: 12px;
padding-bottom:2px;
padding-top:15px;

padding-right:0%;
border-spacing:10px;
height:910px;
width:156px;
}
.reglog
{
width: 100%;
margin-left:2%;
font-size: 17px;
font:bold;

padding-top:300px;

padding-right:10px;
height: 35px;
}
.weather
{
width: 100%;
margin-left:2%;
font-size: 12px;

padding-bottom:20px;
padding-top:40px;

padding-right:10px;

}
.weath
{
width: 100%;
margin-left:2%;
font-size: 12px;

padding-bottom:20px;
padding-top:350px;

padding-right:10px;

}
.changepassword
{
width: 100%;
margin-left:2%;
font-size: 12px;

padding-bottom:20px;
padding-top:100px;

padding-right:10px;

}
.ButDisplay
{
	
	border:1px;
	font-size:20px;
	
}

.navvy
{
width: 100%;
margin-left:2%;
font-size: 13px;

/*padding-bottom:20px;120top*/
padding-top:140px;

padding-right:10px;
height:0px;
	margin-top: 93px;
}



ul.navvylist
{
text-align: left;
list-style: none;
margin: 0;
width: 100%;
padding-top:10px;
height:104px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}
ul.navvylist li
{
display: block;
margin: 500;
padding:0;
}

ul.navvylist li a
{
display: block;
width: 96%;
font-weight:bold;
margin:0;
color: #000;
background:url(imges/leftnav.jpg) repeat-x #ededed; 
text-decoration: none;
PADDING-LEFT:15PX;
padding-top:7px;
padding-bottom:7px;
height: 22px;
}


ul.navvylist li a:hover, ul#navvylist li#active a:hover
{
color: #000;
font-weight:normal;
background: #fff;
}


a:link {
	color: #39629F;
	text-decoration: none;
}
a:visited {
	color: #39629F;
	text-decoration: none;
}
a:hover {
	color: #3366FF;
	text-decoration: none;
}
a:active {
	color: #39629F;
	text-decoration: none;
}
a {
	font-weight: bold;
}




/*Start -- Creating style for the Datalists */
#dlists
{
	background-color:Yellow;
	width:120px;
}


.DLHeaderStyle
{
	background-color: #B0B0B0;
	color:#544a4a;
	font-weight:normal;
	padding-bottom:2px;
	padding-top:2px;
}
 
.DLAlternatingItemStyle
{
	background-color:#FFFFFF; 
	color:#311da2
}

.DLItemStyle
{
	background-color:#FBFBFC; 
	color:#311da2
}

.DLHeaderItemStyle
{
	background-color:#B0B0B0;
	color:#FFFFFF;
	font-weight:bold;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
	background-color: #FFFACD;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

/*Start -- Creating style for the Datalists */

.DLHeaderStyle
{
	background-color: #608fc8;
	color:#544a4a;
	font-weight:bold;
	padding-bottom:2px;
	padding-top:2px;
}
 
.DLAlternatingItemStyle
{
	background-color:#FFFFFF; 
	color:#544a4a
}

.DLItemStyle
{
	background-color:#F2ECEC; 
	color:#544a4a
}

.DLHeaderItemStyle
{
	background-color:#608fc8;
	color:#FFFFFF;
	font-weight:bold;
}

.datalist a:link {
	color:#4682B4;
	font-weight:bold;
}

.datalist a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #6495ED;
	text-decoration: none;
}

.datalist a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6495ED;
	text-decoration: none;
}

.datalist a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #6495ED;
	text-decoration: none;
}
/*Grig View*/



.gridview td {
	background: #F7F6F3;
	font: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 4px;
}

.gridview th {
	background: #608fc8;
	color: #FFFFFF;
	font: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	padding: 4px;
	text-align: left;
}

.gridview tr.even td,.detailsview tr.even td{
	background: White;
	color: #284775;
}


.gridviewdetail td {
	background: #FFC453
	font: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 4px;
}

.gridviewdetail th {
	background: #FFC080;
	background-color:#FFC453;
	color: #FFFFFF;
	font: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	padding: 4px;
	text-align: left;
}

.gridview a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color: #608fc8;
	text-decoration: none;
}

.gridview a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color: #FFC453;
	text-decoration: none;
}

.gridview a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color: #FFC453;
	text-decoration: none;
}

.gridview a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color: #FFC453;
	text-decoration: none;
}
.panelborder {
	border: 2px solid #8C032F;
	position : absolute;
	left : 0;
	width : 99%;
	background-color :#EACACF;
	margin-right : 2px;
	margin-top : 5px;
	color : #000000;
	padding-bottom :5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #8C032F;

	
 }
 .loginpanel {
	border: 2px solid #8C032F;
	width : 50%;
 }
 
 
 

.input  
{
border: thin solid #000000;
width: 150px;
font-family: verdana, Arial,'sans serif'; 
color:Black;
background-color:white; 
}