html,body,form{
    height:100%;
    background-color:#F8F9FE;
    margin: 0 auto 0 auto;

}
h1{
	font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
	font-size: 150%;
    color: #00537d;
}
h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 125%;
    color: #3e3877;
}
h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 110%;
    color: #494949;
}    
strong {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 100%;
    color: #3e3877;
}
a {
	font-size: 100%;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: blue;
    text-decoration: none;
}  
a:hover {
	font-size: 100%;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: blue;
    text-decoration: underline;
}
a.astyle2 {
	font-size: 75%;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #062d70;
    text-decoration: none;
}
a.astyle2:hover {
    font-size: 75%;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #661515;
    text-decoration: underline;
}
a.astyle3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 80%;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
a.astyle3:hover {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 80%;
    font-weight: bold;
    color: #F1F1F1;
    text-decoration: none;
}
a.astyle4 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 80%;
    font-weight: bold;
    color: #F1F1F1;
    text-decoration: none;
}
a.astyle4:hover {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 80%;
    font-weight: bold;
    color: #F1F1F1;
    text-decoration: none;
}
table.t1{
	background-color:#A6AED2;
}
tr.t1{
	background-color:#F8F9FE;
	padding:10px;
	vertical-align:top;
}

.leftnavbar_item{
	position:relative;
	padding:2px;
	border:1px;
	border-style:solid;
	border-color:#B5B5B5;
	border-bottom:0px solid #B5B5B5;
	border-left:0px solid #B5B5B5;
	border-right:0px solid #B5B5B5;
	border-top:1px solid #B5B5B5;
}
.leftnavbar_keslogo{
	border-bottom:0px none #B5B5B5;
	border-left:0px solid #B5B5B5;
	border-right:0px solid #B5B5B5;
	border-top:1px solid #B5B5B5;
	background-color:#F8F9FE;
}
.leftnavbar_separator{	
	border:1px;
	padding:1px;
	background-color:#B5B5B5;
}
.rightnavbar_item{
	position:relative;
	padding:4px;
	border:1px;
	text-align:left;
	font-family:Helvetica,Arial,sans-serif;
	font-size:80%;
	font-weight:normal;
	color:#062d70;
}

.center{
	text-align:center;
}

#container{
	position:relative;
	min-height:100%;
	height:100%;
	height:auto;
        margin: 0 auto 0 auto;
        width: 910px;

}
#kes200x{
	position:absolute;
	top:80px;
	left:750px;
	font-family:Helvetica,Arial,sans-serif;
	color:#3e3877;
	font-weight:bold;
}
#img_alpha_kes_logo{
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;

}
#img_waveform{
	position:absolute;
	top:0px;
	left:114px;
	z-index:2;
}
#leftnavbar{
	position:absolute;
	left:3px;
	top:70px;
	width:180px;
	padding:1px;
	border:1px; 
	border-color:#B5B5B5;
	border-style:solid;
	background-color:#F0F2FB;
}
#leftnavbar_heading{
	position:relative;
	padding:3px;
	color:#000000;
	font-family:Helvetica,Arial,sans-serif;
	font-size:80%;
	font-weight:bold;
	background-color:#80ACD3;
}
#leftnavbar_item_bottom{
	position:relative;
	padding:2px;
	border:1px;	
	border-color:#B5B5B5;
	border-bottom:0px solid #B5B5B5;
	border-left:0px solid #B5B5B5;
	border-right:0px solid #B5B5B5;
	border-top:1px solid #B5B5B5;
}
#main_content{
	position:relative;
	min-height:400px;
	width:530px;
	top:14px;
	left:195px;
	padding:10px;
	border:1px;
	border-style:solid;
	border-color:#B5B5B5;
	border-right:0px;
	border-bottom:0px;
	font-family:Helvetica,Arial,sans-serif;
	font-size:80%;
	font-weight:normal;
	color:#424242;
	text-align:justify;
}
#rightnavbar{
	
}
#rightnavbar_index{
	position:absolute;
	left:750px;
	top:220px;
	width:156px;
	padding:1px;
	text-align:center;
	border:1px;
	border-color:#B5B5B5;
	border-style:solid;
	background-color:#FFFFFF;
	font-family:Helvetica,Arial,sans-serif;
	background-image:url(images/rightnav_gradient.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
#rightnavbar_heading{
	position:relative;
	padding:3px;
	color:#F1F1F1;
	font-family:Helvetica,Arial,sans-serif;
	font-size:80%;
	color:#000000;
	font-weight:bold;
	background-color:#80ACD3;
	text-align:center;
}
#topnavbar{
	position:relative;
	width:100%;
	height:55px;
	background-color:#FFFFFF;
}
#topnavbar2{
	position:absolute;
	top:33px;
	left:0px;
	width:100%;
	padding:0px;
	background-color:#80ACD3;
	border:1px;
	border-color:#666666;
	border-style:solid;
	border-right:0px;
	border-left:0px;
	z-index:1;
}
#topnavbartext{
	position:relative;
	width:750px;
	left:195px;
	top:0px;
	color:#000000;
	z-index:1
}
/* Horizontal dropdown CSS menu */

    #dmenu{		                         /* menu list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        position: static;           /* need this so that the z-index stuff works correctly */
        background-color: #fff;     /* the default background color within the main menu container */
        color: #000;                /* the default font color (not links) within the main menu container */
        z-index: 20;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */		
    }
    #dmenu li{                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
        float: left;                /* this is to allow for the horizontal main menu */
        border: #DFDFDF solid 1px;    /* border for each of the main menu items */
        background-color: #80ACD3;     /* main menu item background color */
        color: #000;                /* main menu item font color (not links) */
        margin: 0px;                /* spacing between main menu items */
        padding: 2px;               /* padding within main menu items */
		padding-right:8px;
		padding-left:8px;
        width: 180px;               /* the width of each main menu item */
        display: block;									
    }
    #dmenu ul {                     /* third-level (or greater) menu element list elements */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        width: 180px;               /* should be the same as #dmenu li width */
        background-color: #FFFFFF;     /* sub-menu default background color */
        border: #000 solid 1px;     /* the border around the sub-menu list */
        color: #000;                /* sub-menu default font color (not links) */
        z-index: 99;                /* want to be sure this is above the rest of the menu */
		font-size:0.9em;
		margin-left:-8px;
		margin-top:3px;				
    }

    #dmenu ul li{                   /* second-level or greater menu element links */
		text-align: left;
        background-color: #D1E2EF;     /* default background color for sub-menu container */
        color: #000;                /* default font color (not links) for sub-menu container */
        border: none;               /* sub-menu item border settings */
        margin: 0px;                /* spacing between sub-menu containers */
        padding: 3px;               /* This is for padding between menu items in the drop-downs */
        width: 174px;               /* (padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */				
		
    }
    #dmenu li a{                    /* top-level menu element links */                 					
        width: 120px;               /* set this to #dmenu ul width */
        display: block;
		font-size:0.8em;
		text-decoration:none;
		font-weight:bold;
		color:#000000;
    }
    #dmenu ul a {                   /* all the other level menu link elements */
        padding: 3px;
        margin: 0px;
        width: 168px;               /* (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
        display: block;						
    }
    #dmenu a:hover,                 /* top-level hovering properties */
    #dmenu li:hover{
        display: block;
        background-color: #80ACD3;
        color: #000000;
    }
    
    #dmenu ul li:hover,             /* higher level hovering properties */
    #dmenu ul li a:hover{
        display: block;
        width: 168px;               /* should be set to the same value as #dmenu ul li width */
        background-color: #FFFFFF;
        color: #000000;		
    }

    #dmenu ul ul{                   /* higher-level list containers */
        display: none;              /* don't display by default */
        position: absolute;
        margin-left: 174px;         /* this should be the width of #dmenu ul li */
        margin-top: -2em;           /* this will push the sub-menu up to the level of it's parent */
    }

    /* only non-MSIE browsers use this */
    #dmenu ul li>ul,
    #dmenu ul ul li>ul{
        margin-top: -2em;           /* should be set to the same as #dmenu ul ul margin-top */
    }

    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #dmenu li:hover ul ul,              
    #dmenu li:hover ul ul ul,
    #dmenu li:hover ul ul ul ul,
    #dmenu li:hover ul ul ul ul ul{
        display:none;
    }

    #dmenu li:hover ul,
    #dmenu ul li:hover ul,
    #dmenu ul ul li:hover ul,
    #dmenu ul ul ul li:hover ul,
    #dmenu ul ul ul ul li:hover ul{
        display:block;
    }
    li>ul {
        top: auto;
        left: auto;
    }

	.content {                      /* This is used for the content that will appear below the menu */
        clear: left;		
    }

.alert {
  font-size: 90%;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding: 20px;
  background-color: #f44336;
  color: white;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}