@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
html { 
    font-size: 100%; 
    overflow-y: scroll; 
    overflow-x:hidden;
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
	height: 100%;
	width:100%;
}



body {
    margin: 0; 
    font-size: 16px; 
    font-family:  Arial, Helvetica, sans-serif; 
    line-height: 1.231;     
	height: 100%;
	width:100%;
    /*background:url(../images/pattern.png);*/
	/*background-image:linear-gradient(to right, #056BFF , #3D8CFF); #*/
}

img, object, embed, video {
    max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width:100%;
}

/*
        Dreamweaver Fluid Grid Properties
        ----------------------------------
        dw-num-cols-mobile:		5;
        dw-num-cols-tablet:		8;
        dw-num-cols-desktop:	10;
        dw-gutter-percentage:	25;
        
        Inspiration from "Responsive Web Design" by Ethan Marcotte 
        http://www.alistapart.com/articles/responsive-web-design
        
        and Golden Grid System by Joni Korpi
        http://goldengridsystem.com/
*/
/*body:before{content:"480px and below";}	*/

/* Mobile Layout: 480px and below. */
.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
}
.clearfix:before, .clearfix:after { 
    content: ""; 
    display: table; 
}
.clearfix:after { 
    clear: both; 
}
.clearfix { 
    zoom: 1; 
}

#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#main {
    clear: both;
    float: left;
    margin-left: 0;
    width: 98%;
    display: block;
}
#header {
    /*clear: both;
    float: left;*/
    margin-left: 0;
    width: 100%;
    display: block;
	height:10%;
}
#formmiddle {
	z-index:999; 
	height:75%; 
	width:100%;
}
#logo {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #000;
}
#login {
    clear: none;
    float: right;
    margin-left: 4.1666%;
    width: 37.5%;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #FFF;
    text-align: right;
}
#form {
    clear: both;
    float: left;
    margin-left: 20px;
    width: 90%;
    display: block;
    /*background-image: url(../images/loginmiddle.png);
    background-repeat: repeat;*/
    height: 241px;
    margin-top: 50px;
    border: 1px solid #000;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;

}
#loginhdr {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background-color: #73e6ff;
    border: 1px solid #000;
    height: 30px;
}
#logintext {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#logininput {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#frmlogsrn {
    clear: both;
    float: left;
    margin-left: auto;
    width: 100%;
    display: block;
    height: 386px;
    margin-top: 25px;
    margin-right: auto;
    margin-bottom: auto;
}
#rt-1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background-image: url(../images/login_top-1.png);
    background-repeat: no-repeat;
    height: 322px;
    background-size:100% 100%;
    -webkit-background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
}
#rtb-1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background-image: url(../images/login_bot-1.png);
    background-repeat: no-repeat;
    height: 64px;
    background-size:100% 100%;
    -webkit-background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
}
#formleft {
    clear: both;
    float: left;
    margin-left: 0;
    width: 45%;
    display: block;
}
#formright {
    clear: none;
    float: right;
    width: 55%;
    display: block;
    height: 386px;
}
#lt-1 {
    clear: both;
    float: left;
    margin-left: 0px;
    width: 100%;
    display: block;
}
#rttop {
    clear: both;
    float: left;
    margin-left: -1px;
    width: 100%;
    display: block;
    background-image: url(../images/login_top-2.png);
    background-repeat: no-repeat;
    height: 322px;
    background-size:100% 100%;
    -webkit-background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 

}
#rtbottom {
    clear: both;
    float: left;
    margin-left: -1px;	
    width: 100%;
    display: block;
    background-image: url(../images/login_bot-2.png);
    background-repeat: no-repeat;
    height: 64px;
    background-size:100% 100%;
    -webkit-background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 

}
#usrinput {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    height: 300px;
    margin-top: 20px;

}
#usrmsg {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    height: 300px;
    margin-top: 20px;

}
input.text1{
    border-style:solid; 
    border-width:1px;
    border-color:#000000;
    background:#ffffff;
    color:#000000; 
    width:50%;    
}
input.text3{
    border-style:solid; 
    border-width:1px;
    border-color:#000000;
    background:#ffffff;
    color:#000000; 
    width:50%;    
}
.text2{
    border-style:solid; 
    border-width:1px;
    border-color:#000000;
    background:#FFFFFF;
    color:#000000;
    width:50%;
}
.text4{
    border-style:solid; 
    border-width:1px;
    border-color:#000000;
    background:#ffffff;
    color:#000000; 
    width:95%;    
}
.select1{
    border-style:solid; 
    border-width:1;
    border-color:#000000; 
    background-color: #FFFFFF; 
    color: #000000;
    width:50%;
}

/*forms css starts*/
#tdless { 
    clear: both;  
    float: left;  
    margin-top:20px;
    margin-right:auto; 
    margin-bottom:0; 
    margin-left:auto;	
    padding-top:15px;    
    width: 95%;  
    display: block; 
}

#medentry{
	width: 90%;
    position: absolute;
    float: left;
    clear: both;
    overflow: hidden;
    margin: 5%;
	z-index:1000;
	background:#fff;
	border:1px solid #999;
	border-collapse: collapse;
}

.tborder { 
    clear: both;
    float: left;
    margin-top:0; 
    margin-right:5px; 
    margin-bottom:0; 
    margin-left:5px;	
    width: 95%;
    display: table;
    border-collapse:collapse;
    border:1px solid #999;
	/*background:#F1F9DE;*/
}

.headercls { 
    clear: both;
    /*float: left;*/
    margin-left: 0;
    width: 100%;
    /*display: block;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;	
    border-collapse:collapse; 
    /*border:1px solid #6b6b6b;*/
    background-color:#73e6ff;
    color:#000000;
    height: 30px;	
}

.tdbordless { 
    clear: both;	
    float: left;	
    display: table-row;
	margin-left: 0;	
    width: 95%;	
    padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	border-collapse:collapse; 
	border-width:0; 
	color:#000000;
}
.tdbordlesscomp { 
    clear: both;
    float: left;
    display: table-row;
    margin-left: 0;	
    width: 95%;	
    padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	border-collapse:collapse; 
	border-width:0; 
	color:#000000;
}

.tdbordless1 { 
    clear: both;	
    float: left;	
    display: table-row;
	margin-left: 0;	
    width: 95%;	
    padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	border-collapse:collapse; 
	border-width:0; 
	color:#000000;
}
.tdbordlesscomp1 { 
    clear: both;
    float: left;
    display: table-row;
    margin-left: 0;	
    width: 95%;	
    padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	border-collapse:collapse; 
	border-width:0; 
	color:#000000;
}


.leftcol {
    clear: both;
    float: left;
    margin-left: 4.1666%;
    width: 95%;
    display: block;
}
.rightcol {
    clear: both;
    float: left;
    margin-left: 4.1666%;
    width: 95%;
    display: block;
}
.lbl {
    float:none;
    font-family: Arial;
    font-size: 12px;
    color: #333;
    width:100%;
    text-align:left;
    margin-right:0.5em;                
    margin-top: 0.5em;
    vertical-align: middle;                
    height: 1.5em;
    display:block;
}
.plbl {
    float:left;
    font-family: Arial;
    font-size: 12px;
    color: #333;
    width:6em;
    text-align:left;
    margin-right:0.5em;                
    margin-top: 0.5em;
    vertical-align: middle;                
    height: 1.5em;
}


.spanlbl {
    font-family: Arial;
    font-size: 12px;
    color: #333;
    text-align:right;	
}
/*forms css ends*/

/*Calender css*/
#calmaindiv
{
    clear: both;
    position: absolute;    
    float: left;
    margin-left: 0;
    left:5px;
    width: 95%;
    display: none;
    background-color: #ccccff;
    border:1px solid #000;
    padding-bottom:10px;
	z-index:1000;
}
#calhdrdiv
{
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background-color:#333399; 
    height:20px;
}
#calhdrllbl
{
    clear: none;
    float: left;
    margin-left: 0;
    width: 90%;
    display: block;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    font-weight:bold; 
    color:#ffffff;
}
#calhdrrlbl
{
    clear: none;
    float: right;
    margin-left: 0;
    width: 10%;
    display: block;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    font-weight:bold; 
    color:#ffffff;
}
#calbckmth
{
    clear: none;
    float: left;
    margin-left: 15px;
    margin-right:0px;
    width: 35%;
    display: block;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    font-weight:bold; 
    text-align:center;
    background-color:#E0E0E0;
    color:#ffffff;
    height:15px;
    border:1px solid #000;

}
#calfdrmth
{
    clear: none;
    float: right;
    margin-left: 0;
    margin-right:40px;
    width: 35%;
    display: block;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    font-weight:bold; 
    background-color:#E0E0E0;
    color:#ffffff;
    text-align:center;
    height:15px;
    border:1px solid #000;

}
.calblnkdiv
{
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    height:20px;
    margin-bottom:10px;

}
.calblnkllbl
{
    clear: none;
    float: left;
    margin-left: 0;
    width: 90%;
    display: block;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    font-weight:bold; 
    color:#000;
}
.calblnkrlbl
{
    clear: none;
    float: right;
    margin-left: 0;
    width: 10%;
    display: block;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    font-weight:bold; 
    color:#000;

}
#calwknmdiv
{
    clear: both;
    float: left;
    margin-left: 10px;
    margin-right:0px;
    width: 95%;
    display: block;
    background-color:#FFF; 
    height:20px;
    padding:0px;
}
.calweknmlbl
{
    clear: none;
    float: left;
    margin-left: 0;
    padding:0px;
    height:20px;
    width: 12.585714285714285714285714285714%;
    display: block;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    font-weight:bold; 
    color:#006400;
    border:1px solid #000;
    text-align:center;

}
/*Calender css end*/
/*table css start here*/
#mainlistdiv
{

    position: relative;
    clear: both;
    float: left;
    /*margin-left: 40px;
	margin-top:310px;*/
    margin-top:0; 
    margin-right:5px; 
    margin-bottom:0; 
    margin-left:5px;	
    width: 95%;
    display: block;
    background-color: #e5e5e5;
	z-index:1000;
}
#serachbox
{
    clear: both;
    float: left;
    margin-left: 0;
    width: 95%;
    display: block;
    background-image: url(../images/Top_bg.png);
    border-collapse:collapse; 
    border:1px solid #C0BFC1; 
}
#listbox
{
    clear: both;
    float: left;
    margin-left: 0;
    width: 95%;
    display: block;
    overflow-y:auto;

}
#buttonbox
{
    clear: both;
    float: left;
    margin-left: 0;
    width: 95%;
    display: block;
}
.tblcls
{
    display: block;
    border-collapse:collapse;
    /*border: 1px solid #6b6b6b;*/ 	
    width:99%;
}
.tbbody
{
    display:block;
}

.trow { 
    display: block; 
    border: 1px solid #6b6b6b; 
}		

.tcol { 
    display: block;
    border: none;
    position: relative;
    padding-left: 50%; 
    font:Arial, Helvetica, sans-serif;
    font-size:12px;
}
.trow:nth-of-type(odd) { 
    background: #dbfbff; 
}
.trow:nth-of-type(even) { 
    background: #ffffff; 
}

/*table css ends here*/

  .slideshow-container {
        max-width: 100%;
        /*position: relative;*/
		margin-top:80px;
		width:100%;
      }
.dshbox {
	width:100%; 
	overflow:auto; 
	float:left; 
	clear:none; 
	position:relative;
	padding-left:5px;
}
.divsearch {
	width:100%; 
	position:relative; 
	float:none; 
	display:block;
	padding:5px;
}
.tblhdrcls { 
    clear: both;
    /*float: left;*/
    margin-left: 0;
    /*display: block;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;	
    border-collapse:collapse; 
    /*border:1px solid #6b6b6b;*/
    background-color:#73e6ff;
    color:#000000;
    height: 30px;	
}
.addshowhide {
    display: block;
    position: relative;
    float: left;
    width: 20%;
    height: 10px;
    /*background-color: #73e6ff;*/
    border-collapse:collapse; 
    border:1px solid #73e6ff;            
    margin-right: 0px;
	color:#000;
	font-weight:bold;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	background-image:linear-gradient(to right, #73e6ff , #FFF);
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
	/*body:before{content:"481px and above";}*/

    .gridContainer {
        width: 97.5%;
        padding-left: 1.25%;
        padding-right: 1.25%;
    }
    #LayoutDiv1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    #main {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    #header {
        /*clear: both;
        float: left;*/
        margin-left: 0;
        width: 100%;
        display: block;
		height:10%;

    }
	#formmiddle {
		z-index:999; 
		height:85%; 
		width:100%;
	}
    #logo {
        clear: both;
        float: left;
        margin-left: 0px;
        width: 48.7179%;
        display: block;
    }
    #login {
        clear: none;
        float: left;
        margin-left: 2.5641%;
        width: 48.7179%;
        display: block;
    }
    #form {
        clear: both;
        float: left;
        width: 60%;
        display: block;
        margin-left:20%;
		border-top-left-radius: 50px;
		border-bottom-right-radius: 50px;
		border-color:#056BFF;

    }
    #loginhdr {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    #logintext {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    #logininput {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    #frmlogsrn {
        clear: both;
        float: left;
        margin-left: 25%;
        width: 70%;
        display: block;
        height: 386px;
        margin-top: 25px;
    }
    #rt-1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        height: 322px;
    }
    #rtb-1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        height: 64px;
    }
    #formleft {
        clear: both;
        float: left;
        margin-left: 0;
        width: 45%;
        display: block;
    }
    #formright {
        clear: none;
        float: right;
        margin-left: 0px;
        width: 55%;
        display: block;
        height: 386px;
    }
    #lt-1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    #rttop {
        clear: both;
        float: left;
        margin-left: -1px;
        width: 100%;
        display: block;
    }
    #rtbottom {
        clear: both;
        float: left;
        margin-left: -1px;
        width: 100%;
        display: block;
    }
    #usrinput {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    #usrmsg {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }    
    input.text1{
        border-style:solid; 
        border-width:1px;
        border-color:#000000;
        background:#ffffff;
        color:#000000; 
        width:50%;        
    }
    .text2{
        border-style:solid; 
        border-width:1px;
        border-color:#000000;
        background:#FFFFFF;
        color:#000000;
        width:50%;
    }
    .text4{
        border-style:solid; 
        border-width:1px;
        border-color:#000000;
        background:#ffffff;
        color:#000000; 
        width:50%;        
    }

    .select1{
        border-style:solid; 
        border-width:1px;
        border-color:#000000; 
        background-color: #FFFFFF; 
        color: #000000;
        width:50%;
    }    
    
    /*form css start*/
    #tdless {
        clear: both;
        float: left;
        margin-top:20px;
        margin-right:auto; 
        margin-bottom:0; 
        margin-left:auto;	
        padding-top:15px;        
        width: 98%;
        display: block;
    }
    .tborder {
        clear: both;
        float: left;
        margin-top:0; 
        margin-right:auto; 
        margin-bottom:0; 
        margin-left:auto;
        width: 100%;
        display: table;
        border-collapse:collapse;
        /*border:1px solid #999;
		background:#F1F9DE;*/


    }
    .headercls {
        clear: both;		
        /*float: left;*/		
        margin-left: 0;		
        width: 100%;		
        /*display: block;*/
        font-family: Arial, Helvetica, sans-serif;
        font-size:14px;		
        border-collapse:collapse; 
        /*border:1px solid #6b6b6b;*/
        background-color:#73e6ff;
        color:#000000;
        height: 30px;
    }
    .tdbordless {
        clear: both;
        float: none;
        display:table-cell;
        margin-left: 0;
        width: 25%;
        padding:5px;
		text-align:right;
    }
	.tdbordlesscomp { 
		clear: both;
		float: none;	
		display: table-cell;
		margin-left: 0;	
		width: 75%;	
		padding:5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px; 
		border-collapse:collapse; 
		border-width:0; 
		color:#000000;
	}

    .tdbordless1 {
        clear: both;
        float: none;
        display:table-cell;
        margin-left: 0;
        width: 10%;
        padding:5px;
		text-align:right;
    }
	.tdbordlesscomp1 { 
		clear: both;
		float: none;	
		display: table-cell;
		margin-left: 0;	
		width: 36%;	
		padding:5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px; 
		border-collapse:collapse; 
		border-width:0; 
		color:#000000;
		text-align:left;
	}

    .leftcol {
        clear: both;
        float: left;
        margin-left: 4.1666%;
        width: 95%;
        display: block;
    }
    .rightcol {
        clear: both;
        float: left;
        margin-left: 4.1666%;
        width: 95%;
        display: block;
    }
    .lbl {
        float:none;
        font-family: Arial;
        font-size: 12px;
        color: #333;
        width:100%;
        text-align:left;
        margin-right:0.5em;                
        margin-top: 0.5em;
        vertical-align: middle;                
        height: 1.5em;
        display:block;
    }
    .plbl {
        float:left;
        font-family: Arial;
        font-size: 12px;
        color: #333;
        width:6em;
        text-align:left;
        margin-right:0.5em;                
        margin-top: 0.5em;
        vertical-align: middle;                
        height: 1.5em;
    }

    .spanlbl {
        font-family: Arial;
        font-size: 12px;
        color: #333;
        text-align:right;	
    }
    /*form css ends*/
    /* calendar css starts*/
    #calmaindiv
    {
        clear: both;
        position: absolute;        
        float: left;
        margin-left: 0;
        left:10px;        
        width: 65%;
        display: none;
        background-color: #ccccff;
        border:1px solid #000;
        padding-bottom:10px;
		z-index:1000;
    }
    /* calendar css ends*/
    /*table css start here*/
    #mainlistdiv
    {
        clear: both;
        float: left;
        /*margin-left: 0;*/
        margin-top:0; 
        margin-right:auto; 
        margin-bottom:0; 
        margin-left:auto;
        width: 95%;
        display: block;
        background-color: #e5e5e5;
    }
    #serachbox
    {
        clear: both;
        float: left;
        margin-left: 0;
        width: 95%;
        display: block;
        background-image: url(../images/Top_bg.png);
        border-collapse:collapse; 
        border:1px solid #C0BFC1; 
    }
    #listbox
    {
        clear: both;
        float: left;
        margin-left: 0;
        width: 95%;
        display: block;
        overflow-y:auto;

    }
    #buttonbox
    {
        clear: both;
        float: left;
        margin-left: 0;
        width: 95%;
        display: block;
    }
    .tblcls
    {
        display: block;
        border-collapse:collapse;
        /*border: 1px solid #6b6b6b;*/ 	
        width:99%;
    }
    .tbbody
    {
        display:block;
    }

    .trow { 
        display: block; 
        border: 1px solid #6b6b6b; 
    }		

    .tcol { 
        display: block;
        border: none;
        position: relative;
        padding-left: 50%; 
        font:Arial, Helvetica, sans-serif;
        font-size:12px;
    }
    .trow:nth-of-type(odd) { 
        background: #dbfbff; 
    }
    .trow:nth-of-type(even) { 
        background: #ffffff; 
    }

    /*table css ends here*/
  .slideshow-container {
		max-width: 100%;
		/*position: relative;*/
		width:100%;
		margin-top:80px;

	  }
	.addshowhide {
		display: block;
		position: relative;
		float: left;
		width: 10%;
		height: 10px;
		/*background-color: #73e6ff;*/
		border-collapse:collapse; 
		border:1px solid #73e6ff;            
		margin-right: 0px;
		color:#000;
		font-weight:bold;
		border-top-left-radius:15px;
		border-top-right-radius:15px;
		background-image:linear-gradient(to right, #73e6ff , #FFF);
	}
	#medentry{
		width: 50%;
		position: absolute;
		float: left;
		clear: both;
		overflow: hidden;
		margin: 5%;
		z-index:1000;
		background:#fff;
		border:1px solid #999;
		border-collapse: collapse;
	}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
	/*body:before{content:"769px and above";}*/
    .gridContainer {
        width: 98%;
        max-width: 1232px;
        padding-left: 1%;
        padding-right: 1%;
        margin: auto;
    }
    #LayoutDiv1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    #main {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    #header {
        /*clear: both;
        float: left;*/
        margin-left: 0;
        width: 100%;
        display: block;
		height:10%;
    }
	#formmiddle {
		z-index:999; 
		height:85%; 
		width:100%;
	}
    #logo {
        clear: both;
        float: left;
        margin-left: 0;
        width: 48.9795%;
        display: block;
		padding-left:10px;
		padding-top:5px;
		color:#000;
    }
    #login {
        clear: none;
        float: right;
        margin-left: 2.0408%;
        width: 45.9795%;
        display: block;
		color:#000;
		padding:5px; 
		margin-right:20px;
		cursor:pointer;
    }
    #form {
        clear: both;
        float: left;
        width: 50%;
        display: block;
        margin-top:25px;
        margin-left: 20%;
        text-align: left;
        alignment-adjust: central;
    }
    #loginhdr {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    #logintext {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    #logininput {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        height: 100%;
        margin-top: 10px;
    }
    #frmlogsrn {
        clear: both;
        float: left;
        margin-left: 25%;
        width: 65%;
        display: block;
        height: 386px;
        margin-top: 25px;
    }
    #rt-1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        height: 322px;
    }
    #rtb-1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        height: 64px;
    }
    #formleft {
        clear: both;
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        width: 45%;
        display: block;        
    }
    #formright {
        clear: none;
        float: right;
        margin-left: 0px;
        width: 55%;
        display: block;
        height: 386px;

    }
    #lt-1 {
        clear: none;
        margin-left: 0px;
        display: block;
        background-repeat: no-repeat;
    }
    #rttop {
        clear: both;
        float: left;
        margin-left: auto;        
        width: 100%;
        display: block;
    }
    doesnotexist:-o-prefocus, #rttop {
        clear: both;
        float: left;
        margin-left: -2px;        
        width: 100%;
        display: block;

    }    
    #rtbottom {
        clear: both;
        float: left;
        margin-left: auto;
        width: 100%;
        display: block;
    }
    doesnotexist:-o-prefocus, #rtbottom {
        clear: both;
        float: left;
        margin-left: -2px;
        width: 100%;
        display: block;

    }    
    #usrinput {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    #usrmsg {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }        
    input.text1{
        border-style:solid; 
        border-width:1px;
        border-color:#000000;
        background:#ffffff;
        color:#000000;         
        width:50%;
    }
    .text2{
        border-style:solid; 
        border-width:1px;
        border-color:#000000;
        background:#FFFFFF;
        color:#000000;
        width:50%;
    }

    .text4{
        border-style:solid; 
        border-width:1px;
        border-color:#000000;
        background:#ffffff;
        color:#000000; 
        width:50%;        
    }

    .select1{
        border-style:solid; 
        border-width:1;
        border-color:#000000; 
        background-color: #FFFFFF; 
        color: #000000;
        width:50%;
    }    
    
    /* form css start*/
    #tdless
    {
        clear: both;
        float:left;
        margin-top:20px;
        margin-right:auto; 
        margin-bottom:0; 
        margin-left:auto;	
        padding-top:20px;
        width: 100%;
        display: block;	
    }

    .tborder
    {
        clear: both;
        float: left;
        margin-top:0; 
        margin-right:10%; 
        margin-bottom:0; 
        margin-left:5%;
        width: 90%;
        display: table;
        border-collapse:collapse;
        /*border:1px solid #999;
		background:#F1F9DE;*/
    }

    .headercls
    {
        clear: both;
        /*float: left;*/
        margin-left: 0;
        width: 100%;
        /*display: block;*/
        font-family: Arial, Helvetica, sans-serif;
        font-size:14px;	
        border-collapse:collapse; 
        /*border:1px solid #6b6b6b;*/
        background-color:#73e6ff;
        color:#000000;
        height: 30px;
    }

    .tdbordless
    {
        clear: both;        
        float: none;
        display: table-cell;
		margin-left: 0;
        width: 25%;
        padding:5px;
		text-align:right;
    }
	.tdbordlesscomp { 
		clear: both;
		float: none;
		display: table-cell;
		margin-left: 0;	
		width: 75%;	
		padding:5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px; 
		border-collapse:collapse; 
		border-width:0; 
		color:#000000;
	}
    .tdbordless1
    {
        clear: both;        
        float: none;
        display: table-cell;
		margin-left: 0;
        width: 10%;
        padding:5px;
		text-align:right;
    }
	.tdbordlesscomp1 { 
		clear: both;
		float: none;
		display: table-cell;
		margin-left: 0;	
		width: 36%;	
		padding:5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px; 
		border-collapse:collapse; 
		border-width:0; 
		color:#000000;
		text-align:left;
	}

    .lbl {
        float:left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333;
        width:15em;
        text-align:right;
        margin-right:0.5em;                
        margin-top: 0.5em;
        vertical-align: middle;                
        height: 1.5em;
        display: table-cell;        
    }
    .plbl {
        float:left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333;
        width:15em;
        text-align:right;
        margin-right:0.5em;                
        margin-top: 0.5em;
        vertical-align: middle;                
        height: 1.5em;
        display: table-cell;        
    }

    .leftcol {
        clear: both;
        float: left;
        margin-left: 2.0408%;
        width: 40%;
        display: table-cell;
        vertical-align: middle;
    }
    .rightcol {
        clear: none;
        float: left;
        margin-left: 2.0408%;
        width: 50%;
        display: table-cell;
        vertical-align: middle;
    }
    .spanlbl {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333;
        padding-top: .15em;
        vertical-align: middle;

    }
    /*form css end*/
    /* calendar css starts*/
    #calmaindiv
    {
        clear: both;
        position: absolute;        
        left:150px;        
        float: left;
        margin-left: 0;
        width: 30%;
        display: none;
        background-color: #ccccff;
        border:1px solid #000;
        padding-bottom:10px;
		z-index:1000;
    }
    /* calendar css ends*/
    /*table css start here*/
    #mainlistdiv
    {
        clear: both;
        float: left;
        /*margin-left: 0;*/
        margin-top:0; 
        margin-right:10%; 
        margin-bottom:0; 
        margin-left:5%;
        width: 80%;
        display: block;
        border:1px solid #000;

    }

    #serachbox
    {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }

    #listbox
    {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        overflow-y:auto;
    }

    #buttonbox
    {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    .tblcls
    {
        display:inline-table;
        border: 1px solid #6b6b6b;
        border-collapse:collapse;
        width:100%;
    }
    .tbbody
    {
        display:table-row-group;
    }
    .throw { 
        background-color:#73e6ff;
        border:1px solid #6b6b6b;
        font:Arial, Helvetica, sans-serif;
        font-size:12px;
        border-collapse:collapse;	
        height:20px;
        color:#000;

    }
    .trow { 
        display:table-row;
        border: 0px solid #6b6b6b; 
    }
    .tcol { 
        display:table-cell;
        border: 1px solid #6b6b6b;
        border-collapse:collapse;
        position: relative;
        padding-left: 5px;
        font:Arial, Helvetica, sans-serif;
        font-size:12px;	 
    }
    .trow:nth-of-type(odd) { 
        background: #dbfbff; 
    }
    .spanhdr
    {
        display:none;
    }
    .clear{
        clear:both;  
    }
	
	.dshbox {
		width:45%; 
		overflow:auto; 
		float:left; 
		clear:none; 
		position:relative;
		padding-left:5px;
	}

      .slideshow-container {
        max-width: 100%;
        /*position: relative;
		margin-top:10px;*/
		width:100%;
      }

    /*table css ends here*/    
	.divsearch {
		width:20%; 
		position:relative; 
		float:left; 
		display:block;
	}
	.addshowhide {
		display: block;
		position: relative;
		float: left;
		width: 10%;
		height: 10px;
		/*background-color: #73e6ff;*/
		border-collapse:collapse; 
		border:1px solid #73e6ff;            
		margin-right: 0px;
		color:#000;
		font-weight:bold;
		border-top-left-radius:15px;
		border-top-right-radius:15px;
		background-image:linear-gradient(to right, #73e6ff , #FFF);
	}
	#medentry{
		width: 50%;
		position: absolute;
		float: left;
		clear: both;
		overflow: hidden;
		margin: 5%;
		z-index:1000;
		background:#fff;
		border:1px solid #999;
		border-collapse: collapse;
		margin-left: 15%;
	}
}
/*#main {
    height: 100%;
    width: 100%;
}*/
.mainbg {
	background-image:linear-gradient(to right, #056BFF , #3D8CFF);
}
.mainbg1 {
	background-image:linear-gradient(to right, #87B7FF , #E4EFFE);
}
.usrlbl {
    font-family: Arial;
    font-size: 87.5%;
    color: #333;
}
.usrlbl1 {
    font-family: Arial;
    font-size: 14px;
    color: #333;    
}
.blnspan
{
    padding-left: 17px;
}
.submit1
{ border: 0;   
  margin: 0 0 0 50%; 
  cursor: pointer; 
  color: #ffffff;
  border: 1px solid #ddd;
  padding: 5px 15px;
  font-family:Arial;
  font-size:87.5%;
  background: #35BDF5;
}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {
    background:#C0FFC0;
    color:#000000;
}
.logout
{
    font-family:Arial;
    font-size:12px;
    text-decoration:none;
    color:#FFF;
}

.logout:hover
{
    font-family:Arial;
    font-size:12px;
    text-decoration:underline;
    color:#FFF;
}
.link4 {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #000;
    text-decoration: underline;
}
.linkwte {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #fff;
    text-decoration: underline;
}
/* icon buttons */
.btn {
  background-color: #056BFF; /* Blue background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 12px 16px; /* Some padding */
  font-size: 16px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: RoyalBlue;
}
.tbdshless {font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-collapse:collapse; border:0px;}
.tddsh {border-collapse:collapse; border:1px solid #DEDCDC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }

.tbsearchbox {font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-collapse:collapse; border:0px;  background:#FFFFFF;   background:url(../images/Top_bg.png);}
.tbsearchline {font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-collapse:collapse; border:0px;  background:#FFFFFF;   background:url(../images/div_up_box.png); height:2px;}

.tblsearchbox {font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-collapse:collapse; border:1px solid #C0BFC1;  background:#FFFFFF;}
.alphlink{font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #016E88; text-decoration:underline;}
.alphlink:active{font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #E2001A; text-decoration:underline;}
.tblpagebox {font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-collapse:collapse; border:1px solid #C0BFC1;  background:#FEFAFF;}
.tbpagebox {font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-collapse:collapse; border:0px;  background:#FEFAFF;}

input.butprv{border-style:None; border-width:0;  margin-left:3px; height:17px; height:13px; background:url(../images/P_btn.png);}
.link2 {font-family:Arial, Helvetica, sans-serif; font-size:11px;color: #000000; text-decoration:none;}
.link2:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #BC1E1E;text-decoration:underline; }
.listlink {font-family:Arial, Helvetica, sans-serif; font-size:11px;color: #000000; text-decoration:underline;}
.listlink:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #BC1E1E;text-decoration:underline; }
.tdbordlessbtn {font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-collapse:collapse; border-width:0; color:#000000; padding-top:5px;}
.tdgbordless {font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-collapse:collapse; border-width:0; color:#000000; padding-top:5px;}
.clsrpt{font-family: verdana; font-size: 12px; font-weight: normal; border-collapse:collapse; border:1px solid #000000; background-color:#ffffff; color:#000000; padding:2px;}
.tdborder {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: normal; 
	border:1px solid #6b6b6b; 
	border-collapse:collapse; 
	color: #000000;padding:5px;
}
.tdbd {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    font-weight: normal; 
    border:1px solid #6b6b6b; 
    border-collapse:collapse; 
    color: #000000; 
    padding:5px;
    height: 20px;
}
.tbless {
	font-family: Arial, Helvetica, sans-serif; ; 
	font-size: 14px; 
	border-collapse:collapse; 
	border:0px;  
	background:#FFFFFF; 
}

.addshowhide:hover, #showhide:hover {
    cursor:pointer;
    color:#006600;    
}

#dsgdiv {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    overflow-y:auto;
    overflow:-moz-auto-vertical;
    border-collapse:collapse; 
    border:0px solid #000;        
}

#meddiv {
    display: none;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    overflow-y:auto;
    overflow:-moz-auto-vertical;
    border-collapse:collapse; 
    border:0px solid #000;        
}

#testid {
    display: none;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    overflow-y:auto;
    overflow:-moz-auto-vertical;
    border-collapse:collapse; 
    border:0px solid #000;        
}

.listWrap {
    display: none;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: relative;
    width: 80%;
    height: 160px;
    overflow-y:auto;
    overflow:-moz-auto-vertical;
    border-collapse:collapse; 
    border:1px solid #999; 
    background:#F1F9DE; 
	z-index:999;
}
.searchList {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: absolute;
    overflow:-moz-auto-vertical;
    width: 98%;
}

.searchList li {
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #D6D6D6;
	
}
.searchList li:nth-child(even) {
    background-color: #F1F9DE;	
}
.searchList li:nth-child(odd) {
    background-color: #FFFFFF;	
}


.searchList li a{
    display: block;
    color: #006;
    text-decoration: none;
    /*background-color: #F9F9F9;*/
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
    text-align: left;

}

.searchList li a:hover{
	color: #FFF;
	background-color: #555;
}
.mtext3{font-family:verdana;border-style:solid; border-width:1px;border-color:#d2d2d2;background:#FFFFFF;color:#000000}
.butlink {
  font: bold 11px Arial, Helvetica, sans-serif; 
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

.slbl {
    float:none;
    font-family: Arial;
    font-size: 12px;
}
.hlbl {
    float:none;
    font-family: Arial;
    font-size: 14px;
}
.para {
    float:none;
    font-family: Arial;
    font-size: 14px;
	text-align: justify;
}
.credits  a {
  font-weight: 600;
  transition: 0.3s;
  /* color: #04395e; */
  color: #000;
  text-decoration: none;
}

.credits a:hover {
  /* color: #58f0ff; */
  color: #000;
}