body {
	background-image:url(bg/bgBl.jpg);
	margin:0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	background-position:center top;
	}
#mainpage {
	width:1000px;
	margin:auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	}

/*To control page layout*/
#top{
	height:140px;
	background-image:url(top.png);
	background-repeat:no-repeat;
	}
	
#BorderBottom
{
	border-bottom-style: groove;
	border-bottom-width: 1px;
	border-bottom-color: #808080;
}
	
#left{
	width:160px;
	float:left;}		
#midmain{
	width:673px;
	float:right;
	}	
#mid{
	width:100%;
	float:left;
	position:relative;
	/*border: solid 1px #cbcbcb;*/
	background: #fff;
	-moz-box-shadow: 5px 5px 10px #cbcbcb;
	-webkit-box-shadow: 5px 5px 5px #cbcbcb;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	top: 4px;
	left: -13px;
	height: 303px;
}

#mid1{
	width:543px;
	float:left;
	position:relative;
	/*border: solid 1px #cbcbcb;*/
	background: #fff;
	-moz-box-shadow: 5px 5px 10px #cbcbcb;
	-webkit-box-shadow: 5px 5px 5px #cbcbcb;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	top: 4px;
	left: -33px;
	height: auto;
}
#mid2{
	width:383px;
	float:left;
	position:relative;
	/*border: solid 1px #cbcbcb;*/
	background: #fff;
	-moz-box-shadow: 5px 5px 10px #cbcbcb;
	-webkit-box-shadow: 5px 5px 5px #cbcbcb;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	top: 4px;
	left: -33px;
	height:auto;
}
#mid3{
	width:735px;
	float:left;
	position:relative;
	/*border: solid 1px #cbcbcb;*/
	background: #fff;
	-moz-box-shadow: 5px 5px 10px #cbcbcb;
	-webkit-box-shadow: 5px 5px 5px #cbcbcb;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	top: 15px;
	left: -13px;
	height: 471px;
}
#mid4{
	width:756px;
	float:left;
	position:relative;
	/*border: solid 1px #cbcbcb;*/
	background: #fff;
	-moz-box-shadow: 5px 5px 10px #cbcbcb;
	-webkit-box-shadow: 5px 5px 5px #cbcbcb;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	top: 15px;
	left: 106px;
	height: 471px;
}
#mid5{
	width:767px;
	float:left;
	position:relative;
	/*border: solid 1px #cbcbcb;*/
	background: #fff;
	-moz-box-shadow: 5px 5px 10px #cbcbcb;
	-webkit-box-shadow: 5px 5px 5px #cbcbcb;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	top: 11px;
	left: 4px;
	height: 800px;
	padding-left:10px;
	}
	#mid_login{
	width:310px;
	float:left;
	position:relative;
	/*border: solid 1px #cbcbcb;*/
	background: #fff;
	-moz-box-shadow: 5px 5px 10px #cbcbcb;
	-webkit-box-shadow: 5px 5px 5px #cbcbcb;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(styles/border-radius.htc);
	border-radius: 10px;
	top: 4px;
	left: -33px;
	height: 190px;
}
#right{
	width:390px;
	float:right;
	}
/*End control page layout*/	

/*Transparent box*/		
.top-left,.top-right,.bottom-left,.bottom-right {
	background-image: url('box.png');
	font-size: 2px;
	text-align:left;
	}
	
.top-right {
	height: 9px; /* vertical: show first half of the image with the top-corners in it */	
	}	
.top-left,.bottom-left,.bottom-right {
	height: 26px; /* vertical: show first half of the image with the top-corners in it */	
	}

.top-left,.bottom-left {
	width:12px;
	margin-right:9px; /* clip right corner */
	}	

.bottom-left {
	background-position: 0 -15px; /* show under half of the image */
	}

.top-right,.bottom-right {
	margin-top: -12px; /* to level of top-left corner */
	margin-left: 12px; /* clip left corner */
	}
				
.top-right {
	background-position: 100% 0; /* show bg-image starting at the right */
	}

.bottom-right {
	background-position: 100% -15px; /* under half, right side */
	}

.insideleft {
	margin-top: 0px; /* to level of bottom-left corner */
	margin-right: -9px; /* clip right corner */
	background-image: url('barL.png');
	/*background-position: 0 -12px; /* show under half of the image */
	background-repeat:repeat-y;
	}

.insideright{
	margin-left: 9px; /* clip left corner */
	margin-right: 9px;
	background-image: url('bar.png'); 
	background-position: 100% 9px; /* under half, right side */
	font-size: 12px;
	padding-right:9px;
	
	height: 205px;
}
/*End Transparent box*/	

/*White box*/		
.Wtop-left,.Wtop-right,.Wbottom-left,.Wbottom-right {
	background-image: url('Wbox.png');
	height: 4px; /* vertical: show first half of the image with the top-corners in it */	
	font-size: 2px;
	text-align:left;
	}

.Wtop-left,.Wbottom-left {
	width:12px;
	margin-right: 12px; /* clip right corner */

	}	

.Wbottom-left {
	background-position: 0 -15px; /* show under half of the image */
	}

.Wtop-right,.Wbottom-right {
	margin-top: -12px; /* to level of top-left corner */
	margin-left: 12px; /* clip left corner */
	}
	
.Wtop-right {
	background-position: 100% 0;
	width: 302px;
}

.Wbottom-right {
	background-position: 100% -15px;
	/*width: 289px;*/
}

.Winsideleft {
	margin-top: 0px; /* to level of bottom-left corner */
	margin-right: -12px; /* clip right corner */
	background-image: url('WbarL.png');
	background-position: 0 -12px; /* show under half of the image */
	background-repeat:repeat-y;
	}

.Winsideright{
	margin-left: 8px; /* clip left corner */
	margin-right: 12px;
/*	background-image: url('Wbar.png');*/
	
	background-position: 100% 12px;  /*under half, right side */
	font-size: 12px;
	padding-right:12px;
	height: 494px;
	width: 547px;
}
.Winsideright1{
	margin-left: 8px; /* clip left corner */
	margin-right: 12px;
/*	background-image: url('Wbar.png');*/
	
	background-position: 100% 12px;  /*under half, right side */
	font-size: 12px;
	padding-right:12px;
	height: 252px;
	width: 352px;
}
/*End white box*/
.Winsideright_login{
	margin-left: 8px; /* clip left corner */
	margin-right: 12px;
/*	background-image: url('Wbar.png');*/
	
	background-position: 100% 12px;  /*under half, right side */
	font-size: 12px;
	padding-right:12px;
	height: 185px;
	width:280px;
}
/*Top Bar*/
#schoolLogo{
	width:200px;
	float:left;
	text-align:center;
	padding-left:40px;
	padding-top:5px;}
#schoolName{
	padding: 12px 210px 5px 260px;
	margin: 0px;
	text-align:center;
	color:#FFF;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:bold;
	font-variant:small-caps;}	
#schoolName .name{
		font-size:34px;}	
#schoolName .location{
		font-size:24px;}			
#compLogo{
	background-image:url(beanstalk.png);
	width:174px;
	height:103px;
	float:right;}
#topShortico{
	height:5px;
	text-align:right;
	padding-right:15px;
	}	
#topShortico ul{
	list-style:none;
	line-height:20px;
	}
#topShortico li{
	display:inline;
	}
#topShortico li a img{
	border:0px;
	}	
/*End Top Bar*/

/*Bottom bar*/
#BottomBar{
	position:absolute;
	color:#333;
	border-top:#333 1px solid;
	height:15px;}
/*End Bottom bar*/

dth:83%;
	/*padding-top:5px;*/
	padding-bottom:2px;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

.topicHeadnotice{
	border-bottom-color:#dd0252;}	
.topicHeadFeed{
	border-bottom-color:#cc03b4;}

.topicHeadnotice{
	padding-top:5px;
	border-bottom:1px solid #dd0252;
	/*width:90%;
	padding-bottom:2px;
	border-bottom-style:solid;
	border-bottom-width:1px;*/
	padding-top:3px;
	padding-bottom:5px;
	width:90%;
	}	
.topicHeadFeed{
	border-bottom: 1px solid #cc03b4;
	padding-top:3px;
	padding-bottom:5px;
	width:98%;		
	}
.topicHeadcalender{
	border-bottom: 1px solid #cc03b4;
	padding-top:3px;
	padding-bottom:5px;
	width:90%;		
	}
.topicHeadAttn{
	border-bottom: 1px solid #4cb5f7;
/*	padding-top:5px;
	width: 200px;
	width:200%;
	width:90%;
		padding-bottom:2px;*/
	padding-top:3px;
	padding-bottom:5px;
	width:99%;
	}


	.topicHeadFeed1{
border-bottom: 1px solid #cc03b4;
	padding-top:5px;
	width:139%;
		padding-bottom:2px;
	}
	.topicHeadFeed2{
border-bottom: 1px solid #cc03b4;
	padding-top:5px;
	width:670%;
		padding-bottom:2px;
	}
.topicHeadcalender{
	border-bottom-color:#fb642d;}			
.topicHeadbhvior
{
background: url(Btnbehav.png) no-repeat;
	height: 34px;
}
.feedHeadR,.attnHeadR,.noticeHeadR,.calenderHeadR{
	color:#FFF;
	font-family:Tahoma;
	font-size:12px;
	padding-top:5px;
	padding-bottom:3px;
	padding-right:10px;
	BACKGROUND-POSITION: right top;	
	BACKGROUND-REPEAT: no-repeat;
	}
	
.feedHeadL,.attnHeadL,.noticeHeadL,.calenderHeadL{
	color:#FFFFFF;
	
	BACKGROUND-REPEAT: no-repeat; 
	font-family:Tahoma;
	font-weight:bold;
	font-size:12px;
	padding-top:2px;
	padding-bottom:4px;
	padding-left:32px; /*Place icon*/
	padding-right:2px;
	}
	.newfeedHeadR
	{
	color:#000;
	font-family:Tahoma;
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;	
	}
	.newfeedHeadL
	{
	padding-top:5px;
	padding-bottom:4px;
	padding-left:32px; /*Place icon*/
	padding-right:0px;	
	}
.feedHeadL{
	padding-top:5px;
	BACKGROUND-IMAGE: url(feedL.png);}
.feedHeadR{
padding-top:2px;
	BACKGROUND-IMAGE: url(feedR.jpg);} 
	
.attnHeadL
{
	padding-top:5px;
	BACKGROUND-IMAGE: url(attnL.png);}
.attnHeadR{
	BACKGROUND-IMAGE: url(attnR.jpg);}
	.bhviorHeadL{
	border-bottom-color:#fb642d;}
.noticeHeadL
{
	padding-top:5px;
	BACKGROUND-IMAGE: url(noticeL.png);}	
.noticeHeadR{
	BACKGROUND-IMAGE: url(noticeR.jpg);}
.calenderHeadL
{
	padding-top:5px;
	BACKGROUND-IMAGE: url(calenderL.png);}	
.calenderHeadR{
	BACKGROUND-IMAGE: url(calenderR.jpg);}		
/*End Topic Head */

/*Menu*/
#profile{
	padding-top:15px;
	}
#photo{
	background:url(photoframe.png) no-repeat center;
	height:122px;
	padding-top:13px;
	padding-right:4px;
	text-align:center;}

#MenuDiv #menu {
    list-style: none;
	margin:0px;
	padding:0px;
	padding-left:1px;
	}
#MenuDiv #menu li {
   	width:180px;
	padding-top:2px;
	text-align:left;	
  }
#MenuDiv #menu li a{
	display:block;
	padding-top:7px;
	height:28px;
	font-family:Tahoma;
	font-size:12px;
	color:#333;
	text-align:left;
	padding-left:45px;
	text-decoration:none;}
	
	
#MenuDiv #menu li a:hover{
	/*color:#fff;*/
	text-decoration:underline;
	font-weight: bold;
}	

#MenuDiv #menu li a.Sibling{background: url(siblings.png) no-repeat;}
#MenuDiv #menu li a.Annonuce{background: url(anouncement.png) no-repeat;}
#MenuDiv #menu li a.Student{background: url(student.png) no-repeat;}
#MenuDiv #menu li a.Attn{background: url(attendance.png) no-repeat;}
#MenuDiv #menu li a.Bhviour{background: url(behaviour.png) no-repeat;}
#MenuDiv #menu li a.Home{background: url(home.png) no-repeat;}
#MenuDiv #menu li a.Invites{background: url(invites.png) no-repeat;}
#MenuDiv #menu li a.Logout{background: url(logout.png) no-repeat;}
#MenuDiv #menu li a.Message{background: url(emailsms.png) no-repeat;}
#MenuDiv #menu li a.Message1{background: url(message.png) no-repeat;}
#MenuDiv #menu li a.Notice{background: url(notice.png) no-repeat;}
#MenuDiv #menu li a.SubjTeacher{background: url(subteacher.png) no-repeat;}
#MenuDiv #menu li a.Setting{background: url(setting.png) no-repeat;}	
#MenuDiv #menu li a.Teacher{background: url(teacher.png) no-repeat;}
#MenuDiv #menu li a.UserProfile{background: url(userprofile.png) no-repeat;}
#MenuDiv #menu li a.User{background: url(users.png) no-repeat;}
#MenuDiv #menu li a.UserLog{background: url(userlog.png) no-repeat;}
#MenuDiv #menu li a.SyncReport{background: url(sync_report.png) no-repeat;}
#MenuDiv #menu li a.StudentCount{background: url(studentcount.png) no-repeat;}
#MenuDiv #menu li a.FeeStructure{background: url(feestructure.png) no-repeat;}
#MenuDiv #menu li a.ChqBounce{background: url(checkbounce.png) no-repeat;}
#MenuDiv #menu li a.RegisteredFee{background: url(registeredfee.png) no-repeat;}
#MenuDiv #menu li a.StudentwiseFee{background: url(stuwisefee.png) no-repeat;}
#MenuDiv #menu li a.FeeOutstanding{background: url(feeoutstanding.png) no-repeat;}
#MenuDiv #menu li a.FeeCollection{background: url(feecollreport.png) no-repeat;}
#MenuDiv #menu li a.News{background: url(newsletter.png) no-repeat;}
#MenuDiv #menu li a.Help{background: url(help.png) no-repeat;}
/*Updated on 27/02/2015:Shruti*/
#MenuDiv #menu li a.Information{background: url(information.png) no-repeat;}

/*yogita */
#MenuDiv #menu li a.Pay{background: url(moneyicon.png) no-repeat;}
#MenuDiv #menu li a.Resource{background: url(resourceicon.png) no-repeat;}
/*End Menu*/

/*The feed*/
.mess,.circular,.attn{
	font-family:Tahoma;
	font-size:11px;
	color:#444;
	background-repeat:no-repeat;
	padding-left:27px;
	height:27px;
	padding-top:5px;
}
.mess{
	background-image:url('msgSML.png');
	width: 587px;
}
.circular{
	background-image:url('circularSML.png');
	width: 586px;
}
.attn{
	background-image:url('attnSML.png');
	/*width: 586px;*/
}		
/*End Feed*/

/*Notice Board*/
.Notice{
	font-family:Tahoma;
	font-size:11px;
	color:#444;
	background-image:url('noticeico.png');
	background-repeat:no-repeat;
	padding-left:22px;
	padding-top:0px;
	padding-bottom:0px;
	width: 135px;
}
.Notice .Nhead{
	font-weight:bold;
	font-size:14px;}
/*End Notice Board*/

/*Calender*/
#calender{
	padding:10px;
	font-family:Tahoma;}
#calender #month{
	font-size:14px;
	color:#9fd7d6;
	font-weight:bold;
	font-variant:small-caps;}	
#calender #dates th{
	color:#FFF;
	background-color:#9fd7d6;
	}
/*End Calender*/

#TBotlink{
	text-align:right;
	color:#3c84ca;
	font-family:Tahoma;
	font-size:11px;
	width: 435px;
}
.Tpadding{
	padding-top:10px;
	height: 133px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	width: 317px;
	margin-top: 9px;
}
.Tpadding1{
	padding-top:10px;
	height: 502px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	width: 543px;
}
.Tpadding_login{
	padding-top:10px;
	height: 133px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	width: 272px;
	margin-top: 9px;
}
.notopgap {
	margin-top: 0;
	}

.nobottomgap {
	margin-bottom: 0;
	}
	.newinsideright{
	
	/*background-image: url('bar.png'); 
	background-position: 100% 9px; /* under half, right side */
	-moz-box-shadow: 0px 0px 10px #cbcbcb;
	-webkit-box-shadow: 0px 0px 10px #cbcbcb;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/*margin-left: 9px; /* clip left corner */
	/*margin-right: 9px;*/
	height:500px;
	width:450px;
	padding-right:9px;
}
.TextBox {
	font-family: Tahoma;
	font-size: 12px;
	font-style: bold;
	font-variant: normal;
	border: 1px outset #6666CC;
	background-color: #FFFEF2;
	text-align: left;
}
.TextBox1{
	font-family: Tahoma;
	font-size: 12px;
	font-style: bold;
	font-variant: normal;
	text-transform: uppercase;
	border: 1px outset #6666CC;
	background-color: #FFFEF2;
	height: 20px;
	width:300px;
	text-align:left;
}
.Label
{
    font-family: Tahoma;
	font-size: 12px;
	font-style:  bold;
	font-variant: normal;
	text-transform:capitalize;
	text-align: left;
	vertical-align:middle;
	}
.Label1
{
    font-family: Tahoma;
	font-size: 12px;
	font-style:  bold;
	font-variant: normal;
	text-transform: uppercase;
	text-align: left;
	padding-bottom:5px;
}
.RoundBox {
	/*background: transparent url(ashera.jpg); no-repeat top left;
	width: 420px;
	height: 220px;*/
	margin: 0 auto 35px auto;
	padding: 30px;
	color: #fff;
	font-weight: bold;
	border: 11px solid #35b70e;

	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	behavior: url(borderradius.htc);
}
.box2 {
	/*background: transparent url(ashera.jpg); no-repeat top left;
	width: 420px;
	height: 220px;*/
	margin: 0 auto 35px auto;
	padding: 30px;
	color: #fff;
	font-weight: bold;
	border: 11px solid #35b70e;

	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	behavior: url(../border-radius.htc);
}
.box1 {
	background-color: #f0f0f0;
	width: 533px;
	height: 50px;
	margin: 0 auto 15px auto;
	padding: 30px;
	border: 1px solid #d7d7d7;

	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
}
.div_box {
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 5px 5px 5px grey;
-webkit-box-shadow: 5px 5px 5px grey;
box-shadow: 5px 5px 5px grey;
background-color: #FFFFFF;
valign:top;
} 


/* style for all div*/
.div_box_red
{
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 5px 5px 5px grey;
	-webkit-box-shadow: 5px 5px 5px grey;
	box-shadow: 5px 5px 5px grey;
	background-color: #E1DDE0;
	valign: top;
} 


/*class for btn*/

.myButton {
	-moz-box-shadow:inset -8px -10px 12px 0px #a4e271;
	-webkit-box-shadow:inset -8px -10px 12px 0px #a4e271;
	box-shadow:inset -8px -10px 12px 0px #a4e271;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:7px 0 7px 0;
	border:1px solid #74b807;
	display:inline-block;
	color:#ffffff;
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	padding:3px 20px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528009;
}
.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;
}
.myButton:active {
	position:relative;
	top:1px;
}

/*
.button{
font-size: 16px;
background-color:#d7d7d7;
border:1px solid #b8b8b8;
border-radius: 7px 0 7px 0;
padding:5px 10px;
}



.btn
{
	-moz-transition: color 0.25s ease-in-out 0s;
	background: -moz-linear-gradient(center top , #8DD297 0%, #398525 100%) repeat scroll 0 0 transparent;
	border: 1px solid #5EA617;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 6px #FFFFFF inset;
	color: #147032;
	display: block;
	font: bold 11px/3px Tahoma;
	height: 10px;
	margin: 0 auto;
	padding: 10px 0 0;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 2px #B4D1AD;
	text-transform: uppercase;
	width: 100px;
}
.btn:hover {
		color: #145675;
		
		-moz-transition: color 0.25s ease-in-out;
		-webkit-transition: color 0.25s ease-in-out;
		transition: color 0.25s ease-in-out;
	}
*/

.GridRowForAnnouncement
{
	border-top-style: solid;
	border-width: 15px;
	border-color: #FFFFFF;
}
/* water mark*/
.water
    {
         font-family: Tahoma, Arial, sans-serif;
         color:gray;
    }
    /* progresss bar*/
  .PleaseWait
        {
            height : 13px;
            width: 150;
            background-image: url(bg/ajax-loader.gif);
            background-repeat: no-repeat;
        }
       
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	
}

.modalPopup 
{
	
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
/* Table style added by Imran on 19-06-2012 for ccp feedback */
.listtable{
	background-color: #c2ecf2;
	border: 1px #448d96 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}