@charset "utf-8";
/* CSS Document */

body, html{
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background: #292a2c url(../Images/bg.jpg) top left repeat;
}
.space10
{
	height: 10px;
}
.phead
{
	color: #fff;
	background: url(../Images/phead.jpg) top left repeat-x;
	height: 30px;
	font-weight: bold;
	padding-left: 20px;
}
#wrap{
	margin: 0 auto;
	width: 95%;
	height: 100%;
}

#lbg{
	margin: 0 auto;
	width: 492px;
	height: 100%;
}

.login{
	background: url(../Images/login.gif) top center no-repeat;
	width: 492px;
	height: 623px;
}

.logo{
	/*background: url(../Images/logo.jpg) center center no-repeat;*/
	width: 112px;
	height: 117px;
}

.dcname{
	background: url(../Images/cname.jpg) center center no-repeat;
	width: 209px;
	height: 36px;
}

.ltext{
	padding-right: 8px;
	text-align: right;
	color: #000;
	font-weight: bold;
	line-height: 20px;
}

.lbox{
	border: 1px solid #000;
	height: 15px;
	width: 200px;
}	

.lbtn:link, .lbtn:visited{
	background-color: #179094;	/* theme */
	font-weight: bold;
	text-align: center;
	padding: 2px 5px 2px 5px;
	border: 1px solid #fff;
	text-decoration: none;
	color: #fff;
	line-height: 20px;
	font-size: 10px;
}

.lbtn:hover{
	color: #000;
}

.cbox{
	color: #000;
	font-weight: bold;
	line-height: 20px;
}

.forget:link, .forget:visited{
	font-weight: bold;
	text-align: left;
	color: #000;
	text-decoration: none;
}

.forget:hover{
	color: #2e3a48;
}

.global:link, .global:visited{
	font-weight: bold;
	text-align: left;
	color: #000;
	text-decoration: none;
}

.global:hover{
	color: #2e3a48;
}

.hbg{
	background-color: #fff;
}

.cname{
	/* background: #fff url(../Images/cname.jpg) center left no-repeat; 
	width: 209px;
	height: 36px;*/
	color: #b14650;
	font-size: 250%;
	font-weight: bold;
	
}

.stu_img{
	background: url(../Images/logo.jpg) bottom right no-repeat;
	width: 115px;
	height: 151px;
}

.strip{
	background-color: #0a7e7d;	/* theme */
	height: 40px;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
}

.guest{
	color: #606c7b;
	font-weight: bold;
}

.panel{
	background-color: 0d414e;/*#7a5b85;	 theme */
	width: 200px;
}

.r1{
	background: url(../Images/r1.jpg) top right no-repeat;
	width: 10px;
	height: 10px;
}

.r2{
	background: url(../Images/r2.jpg) top left no-repeat;
	width: 10px;
	height: 10px;
}

.r3{
	background: url(../Images/r3.jpg) top right no-repeat;
	width: 10px;
	height: 10px;
}

.r4{
	background: url(../Images/r4.jpg) top left no-repeat;
	width: 10px;
	height: 10px;
}

.trb{
	background: url(../Images/trb.jpg) top right repeat-x;
	height: 10px;
}

.rrb{
	background: url(../Images/rrb.jpg) top left repeat-y;
	width: 10px;
}

.brb{
	background: url(../Images/brb.jpg) top right repeat-x;
	height: 10px;
}

.lrb{
	background: url(../Images/lrb.jpg) top right repeat-y;
	width: 10px;
}

.r{
	background-color: #fff;
	padding: 3px;
	height: 275px;
	vertical-align: top;
}

.btab{
	border: 3px double #595959;
}

.lable{
	color: #000;
	font-weight: bold;
	padding-right: 8px;
	text-align: right;
	line-height: 20px;
	vertical-align: top;
}

.tbox{
	height: 20px;
	width: 200px;
	 border: 1px solid #595959; 
	border-radius: 5px;
	/* margin-left: 13px;
	margin-bottom: 5px; */
}
.tbox:hover{
	border: 1px solid #0a7e7d;
	/* box-shadow: 0 1px 0 #ccc inset; */
}
.tboxA {
    height: 22px;
    width: 200px;
    border: 0.5px solid #595959; 
    border-radius:5px;
   margin-top: 3px;
}
.tboxA:hover{
	 border: 0.5px solid #0a7e7d; 

}


.dlist{
	height: 24px;
	width: 200px;
	border: 1px solid #595959;
	border-radius:5px;
}

.btn:link, .btn:visited{
	text-align: center;
	text-decoration: none;
	background-color: #1fa893;	/* theme */
	border: 1px solid #000;
	color: #fff;
	font-size: 10px;
	padding: 3px;
	height: 20px;
}

.btn:hover{
	color: #333;
}

.grid
{
	border: 1px solid #fff;
	width: 100%;
}

.grid a:link
{
	color: #fff;
}

.gridheader
{
	height: 30px;
	background-color: #035b68; /*  theam  */
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.gridfooter
{
	height: 30px;
	background-color: #035b68; /*  theam  */
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.row
{
	background-color: #aae4da; /*  theam  */
	color: #333;
	font-size: 11px;
	height: 20px;
}

.row1
{
	background-color: #8cc2c3; /*  theam  */
	color: #333;
	font-size: 11px;
	height: 20px;
}

.row2
{
	background-color: #ac97b6; /*  theam  */
	color: #000;
	font-size: 11px;
	height: 18px;
}

.rlink
{
	padding: 2px 5px;
	border: 1px solid #fff;
	background-color:  #037765;	/* theme */
		color: #fff;
		font-size: 11px;
	font-weight: 700;
		text-decoration: none;
		border-radius: 5px;
	}

.rlink:hover
{
	/*background-color: #666;
	color: #000;*/
	background-color: #09333e;
    color: #efe5e5;
}

.rlinkN
{
	padding: 2px 5px;
	border: 1px solid #fff;
	background-color:  #037765;	/* theme */
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none;
	border-radius: 5px;
	width: 100px;
    height: 32px;
    cursor:pointer;
}
.rlinkN:hover
{
	/*background-color: #666;
	color: #000;*/
	background-color: #09333e;
    color: #efe5e5;
    cursor: pointer;
}

.rtxt:link, rtxt:visited
{
	color: #1e176d;
	text-decoration: none;
	line-height: 25px;
	font-weight: bold;
}

.rtxt:hover
{
	color: #666;
	text-decoration: none;
}

.fbg{
	background: url(../Images/fbg.jpg) top left repeat-x;
	height: 40px;
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	font-size: 11px;
}

.copy{
	color: #fff;
	padding-left: 35px;
	padding-right: 35px;
	line-height: 30px;
	padding-bottom: 5px;
}

.power:link, .power:visited{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.power:hover{
	color: #a3a2a2;
}

.error{
	text-align: center;
	font-weight: bold;
	color: #ff0000;
}

.error1{
	text-align: center;
	font-weight: lighter;
	color: #ff0000;
}

.menu
{
	padding: 0;
	margin: 0;
	list-style: none;
	font-weight: bold;
	color: #fff;
	width: 200px;
	background-color: #70d8e9;
}

.mlink
{
	/* display: block; */
	cursor: pointer;
	background: #70d8e9 url(../Images/mbg.jpg) top left repeat-x;
	padding: 7px 5px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	/* margin-bottom: 0px; */
	text-align: center;
	/* border-bottom: 1px #fff dashed; */
}

.mlink1
{
	background-color: #3c3535;
	color: #fff;
}

.mlink_over
{
	background-color: #00cbbf;
	color: #333;
	display:block;
	cursor: pointer;
	padding: 0.2em 0.5em;
	text-decoration: none;
	font-weight: bold;
	/* border-bottom: 1px #fff dashed; */
	width: 180px;
	margin-bottom: 1px;
}

.mlink_over1
{
	background-color: #1c6874;
	color: #fff;
	display:block;
	cursor: pointer;
	padding: 0.2em 0.5em;
	text-decoration: none;
	font-weight: bold;
	/* border-bottom: 1px #fff dashed; */
	width: 180px;
	margin-bottom: 1px;
}
.popUpStyle
{
    font: normal 11px auto "Trebuchet MS" , Verdana;
    background-color: #ffffff;
    color: #4f6b72;
    padding: 6px;
    filter: alpha(opacity=80);
    opacity: 0.8;
    width: 800px;
}
.drag
{
    background-color: #fff;
    cursor: move;
    border: solid 1px gray;
}
.flow
{	
	width: 900px;
	overflow: auto;
}
.clist
{
	width:250px;
	height:100px;
	overflow:auto;
	border: 1px solid #333;
	background-color: #fff;
	margin: 0;
	padding: 0;
	text-align: left;
}

.creg
{
	width:250px;
	height:100px;
	overflow:auto;
	border: 1px solid #333;
	background-color: #fff;
	margin: 0;
	padding: 0;
	text-align: left;
	
}



.clistitem
{	
	background-color: #fff;
}

.hlistitem
{
	background-color: #479fab;
}

fieldset
{
	border: 1px solid #037765;
}

legend
{
	background-color: #037765;
	border: 3px double #fff;
	color: #fff;
	padding: 3px 8px 3px 8px;
}

.grantc
{	
	color: #037765;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}
.uline
{
	text-decoration:none;
	color:#035b68;
	}
	.uline:hover
	{
	text-decoration:underline;	
		}
		
.rprint
{
	padding: 2px 5px;
	border: 1px solid #fff;
	background-color:   #0c92bb;	/* theme */
		color: #fff;
		font-size: 11px;
	font-weight: 700;
		text-decoration: none;
		border-radius: 5px;
	}

.rprint:hover
{
	/*background-color: #666;
	color: #000;*/
	background-color:#0aaddf;
    color: #efe5e5;
}
/*================RND By Sumit================*/
   .card {
        width: 184px;
        height: 135px;
        z-index:1000px;
     /*   background: url("../Images/icons/Members-icon.jpg") no-repeat;*/
       /* margin: 50px;*/
    }
    .card:hover 
    {
    	
      /*  background: url("../Images/icons/admission-icon.jpg") no-repeat;*/
       border: 1px solid #8cc2c3;
        transform: scale(1.1);
        
    }
    
    /*==========================*/
    
 .flip-box {
  background-color: transparent;
  width: 184px;
  height: 135px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateX(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  background-color: #bbb;
  color: black;
}

.flip-box-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateX(180deg);
}

/*=================================*/

 .zoom {
  padding: 0px;
  transition: transform .2s;
  width: 184px;
  height: 135px;
  margin: 0 auto;
}
.zoom:hover {
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
}