/* =============================================================================
	STYLE.CSS

	version: 1.6

	updated: 2009-03-06, 13:00 GMT+1
============================================================================= */
/* =============================================================================

HTML - styles
============================================================================= */
body {background-color:#eaeaea; color:#303030;}
a {color:#0085cc;}

a:hover, a:active, a:focus {color:#df0000;}

#content h2 {color:#0085cc;}

#content table {border:1px solid #cfcfcf;text-transform:uppercase;}

#content table th {border:1px solid #000;background-color:#0085cc; color:#fff;}

#content table td {border:1px solid #cfcfcf;}

#content table td a { font-weight: bold;}

#content table tr.bg td {background-color:#e8f6ff;}

#content dl dt {color:#df0000;}

#content fieldset {border:1px solid #ccc;}

/*#content legend {background:#FFF; color:#0085cc; padding: 5px;} original(utk font pd form)*/
#content legend {background:#FFF; color:#333; padding: 5px;}
#content i { font-size: 80%; color:#ffffff; padding-left: 5px;} /* color:#666666 09042015 */
#content input {margin-top: 3px; color:#333333;}
#content select {padding: 5px;}
#content acronym, #content abbr, #content .help {border-bottom:1px dotted #cfcfcf;}

/* =============================================================================

HTML - without styles

============================================================================= */

table.nostyle th, dl.nostyle dt {color:#303030 !important;}

/* =============================================================================

LAYOUT

============================================================================= */

#tray {background-color:#303030; color:#cfcfcf;}

#tray a, #tray strong {color:#fff;}

#tray a:hover, #tray a:active, #tray a:focus {color:#b4e3ff;}

/*#menu {background-color:#0085cc;} original*/
#menu {background-color:#999;} /*newest*/

#menu ul li a {background-color:#E42217; color:#FFFFFF;} /* #fff -> f03*/

#menu ul li a span {background-color:#E42217;} /* #fff */

#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus, #menu ul li#menu-active a {background-color:#E42217; color:#ffd801;} /* #fff */

#menu ul li a:hover span, #menu ul li#menu-active a span {background-color:#E42217;} /* #fff */

#menu ul li#menu-active a {color:#0085cc;}

#menu ul.f-right a {color:#FFFFFF;} /*#df0000*/

#content {border:1px solid #afafaf; background:#fff;}

#footer {color:#707070;}

#footer a {color:#707070;}

#footer a:hover, #footer a:active, #footer a:focus {color:#303030;}



/* =============================================================================

OTHERS

============================================================================= */



#aside #logo img {border:1px solid #bfbfbf;}

#aside #search fieldset a {color:#303030;}

#aside #search fieldset {border:1px solid #bfbfbf;}

#aside #search fieldset a:hover, #aside #search fieldset a:active, #aside #search fieldset a:focus {color:#df0000;}

#aside #btn-create a {background-color:#f00; color:#303030;}

#aside #btn-create a span {background-color:#f00;}

#aside {padding-left: 10px;}
#aside ul li a {border-bottom:1px solid #cfcfcf; color:#303030;}

#aside ul li#submenu-active a {background-color:#df0000; color:#fff;}

#aside ul li a:hover, #aside ul li a:active, #aside ul li a:focus {color:#df0000;}

#aside ul ul li a, #aside ul li#submenu-active ul li a {border-bottom:1px solid #cfcfcf; background-color:#f5f5f5; color:#303030;}

#aside ul li ul li a {background-color:#e3e3e3;}

#aside ul ul li a:hover, #aside ul ul li a:active, #aside ul ul li a:focus, #aside ul li#submenu-active ul li a:hover, #aside ul li#submenu-active ul li a:active, #aside ul li#submenu-active ul li a:focus {color:#df0000;}

#content h1 {background-color:#303030; color:#fff; border-radius: 5px;}

#content .tabs {border-bottom:1px solid #cfcfcf;}

#content .tabs a {color:#303030;}

#content .tabs a span {color:#303030;}

#content .tabs .ui-tabs-selected a {color:#fff;}

#content .tabs .ui-tabs-selected a span {color:#fff;}

.high {color:#df0000;}

.high-bg {background:#FFB;}

.low {color:#707070;}



/* =============================================================================

MESSAGES

============================================================================= */



.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}

.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}

.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}

.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}

.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}


/*==========================================
button added by nisha 09042015
===========================================*/
.btn {
  background: #10de1d;
  background-image: -webkit-linear-gradient(top, #10de1d, #057d11);
  background-image: -moz-linear-gradient(top, #10de1d, #057d11);
  background-image: -ms-linear-gradient(top, #10de1d, #057d11);
  background-image: -o-linear-gradient(top, #10de1d, #057d11);
  background-image: linear-gradient(to bottom, #10de1d, #057d11);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  text-shadow: 1px 1px 2px #1c7308;
  -webkit-box-shadow: 0px 1px 3px #ffffff;
  -moz-box-shadow: 0px 1px 3px #ffffff;
  box-shadow: 0px 1px 3px #ffffff;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  border: solid #eff7f0 0px;
  text-decoration: none;
}

.btn:hover {
  background: #82eb4d;
  background-image: -webkit-linear-gradient(top, #82eb4d, #0e8c2f);
  background-image: -moz-linear-gradient(top, #82eb4d, #0e8c2f);
  background-image: -ms-linear-gradient(top, #82eb4d, #0e8c2f);
  background-image: -o-linear-gradient(top, #82eb4d, #0e8c2f);
  background-image: linear-gradient(to bottom, #82eb4d, #0e8c2f);
  text-decoration: none;
}

/*====27042016====*/
#wrap	{
	width: 100%; /* Spans the width of the page */
	height: 50px; 
	float: center;
	margin: 0; /* Ensures there is no space between sides of the screen and the menu */
	z-index: 99; /* Makes sure that your menu remains on top of other page elements */
	position: relative; 
	background-color: #999;/*#366b82#787070*/
	}
	
	.navbar	{
		height: 3px;
		padding: 0px;
		margin: 0px;
		position: absolute; /* Ensures that the menu doesn't affect other elements */
		/*border-right: 1px solid #54879d; */
		}
	
	.navbar li 	{
			height: auto;
			width: 150px;  /* Each menu item is 150px wide */
			float: left;  /* This lines up the menu items horizontally */
			text-align: center;  /* All text is placed in the center of the box */
			list-style: none;  /* Removes the default styling (bullets) for the list */
			font: normal bold 12px/1.2em Arial, Verdana, Helvetica;  
			/*padding: 0;*/
			padding: 5px 5px 5px 5px;
			margin: 0px;
			background-color: #E42217;/*#366b82*/
                        }
						
	.navbar a	{							
		/*padding: 18px 1px;   Adds a padding on the top and bottom so the text appears centered vertically */
		padding: 15px 15px 15px 15px;
		/*padding: 15px 25px 15px 25px;*/
		/*border-left: 1px solid #54879d;  Creates a border in a slightly lighter shade of blue than the background.  Combined with the right border, this creates a nice effect. */
		/*border-right: 1px solid #1f5065;  Creates a border in a slightly darker shade of blue than the background.  Combined with the left border, this creates a nice effect. */
		text-decoration: none;  /* Removes the default hyperlink styling. */
		color: white; /* Text color is white */
		display: block;
		}
		
   /*.navbar li:hover, a:hover {background-color: #54879d;}  change color when mouse pointer*/
   
   .navbar li ul 	{
	    width: 160px;
		display: none;  /* Hides the drop-down menu */
		height: auto;									
		margin: 0; /* Aligns drop-down box underneath the menu item */
		padding: 0; /* Aligns drop-down box underneath the menu item */	
		/*padding: 5px 20px 5px 20px;	*/
		}				

	.navbar li:hover ul 	{
                        display: block; /* Displays the drop-down box when the menu item is hovered over */
                        }
						
	.navbar li ul li {
		background-color: #E42217; 
		text-align: left;  /* All text is placed in the center of the box */
		padding: 0;
		/*padding: 1px 1px 1px 1px;	*/
		margin: 0;
		} /*#54879d#F30*/
	
	.navbar li ul li a 	{
		padding: 10px 1px 10px 1px;
		border-left: 1px solid #1f5065; 
		border-right: 1px solid #1f5065;
		border-top: 1px solid #74a3b7; 
		border-bottom: 1px solid #1f5065; 
		}
				
	.navbar li ul li a:hover	{background-color: #E42217;}/*#366b82*/