/* =============================================================================
	MAIN.CSS
	version: 1.7
	updated: 2009-03-14, 12:44 GMT+1
============================================================================= */
/* =============================================================================
HTML - styles
============================================================================= */
body {font:0.8em/1.5 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}
#content h1 {font-size:180%;}
#content h2 {font-size:160%;}
#content h3 {font-size:140%;}
#content h4 {font-size:120%;}
#content h5, h6 {font-size:100%;}
#content table {margin:0; border-collapse:collapse;}
#content table.width100 {width:100%;}
#content table th, #content table td {padding:5px 5px;}
#content table th {text-align:left; vertical-align:middle; font-weight:bold;}
#content ul {margin:15px 0; list-style:none;}
#content ul li {padding-left:15px; background:url("../img/ul.gif") 0 4px no-repeat;}
#content ul ul {margin:0 0 0 10px;}
#content ul ul li {padding-left:15px; background:url("../img/ul-ul.gif") 0 4px no-repeat;}
#content ol {margin:15px 0 15px 30px; list-style-type:decimal;}
#content ol ol {margin:0 0 0 20px;}
#content ol ol li {list-style-type:lower-alpha;}
#content dl {clear:both;}
#content dl dt {font-weight:bold;}
#content dl dd {margin:0 0 5px 0;}
#content fieldset {position:relative; margin:10px 0; padding:10px;}
#content legend {font-size:120%; font-weight:bold;}
#content code {font-family:"",monospace;}
#content .help {cursor:help;}
/* =============================================================================
HTML - without styles
============================================================================= */
table.nostyle, table.nostyle th, table.nostyle td {border:0 !important;}
table.nostyle th {background:none !important; text-align:left !important;}
table.nostyle th, table.nostyle td {padding:3px 5px !important;}
ul.nostyle {margin:15px 0 15px 20px !important; list-style-type:square !important;}
ul.nostyle ul {margin:0 0 0 25px !important; list-style-type:square !important;}
ul.nostyle li {padding:0 !important; background:none !important;}
dl.nostyle dt {font-weight:bold !important;}
dl.nostyle dd {margin:0 !important;}
/* =============================================================================
LAYOUT
============================================================================= */
#main {min-width:980px; width:expression(document.body.clientWidth < 980? "980px" : "auto" );}
#tray {padding:12px 15px; background:url("../img/tray.gif") 0 0 repeat-x; font:85%/1.2 "tahoma",sans-serif;}
#tray p {margin:0;}
#tray p.f-left {width:50%;}
#tray #logout {padding-left:18px; background:url("../img/tray-logout.gif") 0 50% no-repeat; text-transform:uppercase;}
#tray #switcher {margin-right:15px;}
#tray #switcher img {display:block; float:left; width:16px; height:16px; border:0;}
/*#menu {padding:15px 15px 13px 15px; background:url("../img/menu.gif") 0 0 repeat-x;} original*/
#menu {padding:10px 10px 10px 10px; background: 0 0 repeat-x;} /* newest*/
/*#menu ul {margin:0; padding:0; list-style-type:none;}
#menu ul li {display:inline; margin:0; padding:0;}*/
/*#menu ul li a {float:left; margin-right:5px; padding-left:5px; background:url("../img/menu-left.gif") 0 0 no-repeat; text-decoration:none; cursor:pointer;} 
#menu ul li a span {float:left; display:block; padding:7px 15px 9px 8px; background:url("../img/menu-right.gif") 100% 0 no-repeat;} 
#menu ul li a:hover, #menu ul li#menu-active a {background:url("../img/menu-left.gif") 0 -35px no-repeat;} 
#menu ul li a:hover span, #menu ul li#menu-active a span {background:url("../img/menu-right.gif") 100% -35px no-repeat;} original*/
/*#menu ul li a {float:left; margin-right:5px; padding-left:5px; background: 0 0 no-repeat; text-decoration:none; cursor:pointer;} 
#menu ul li a span {float:left; display:block; padding:7px 15px 9px 8px; background: 100% 0 no-repeat;} 
#menu ul li a:hover, #menu ul li#menu-active a {background: 0 -35px no-repeat;} 
#menu ul li a:hover span, #menu ul li#menu-active a span {background: 100% -35px no-repeat;} 
#menu ul li#menu-active a {font-weight:normal;}*/

#content {padding:20px; overflow:hidden;}
#footer {clear:both; padding:15px; background:url("../img/separator.gif") 0 0 repeat-x; font:85%/1.2 "tahoma",sans-serif;}
#footer p {margin:0;}
/* =============================================================================
/* =============================================================================
OTHERS
============================================================================= */
#aside .padding {padding-left:15px;}
#aside #logo {margin:0 0 15px 0;}
#aside #logo img {display:block; width:200px;}
#aside #search fieldset {padding:7px 10px;}
#aside #search fieldset p {margin:0;}
#aside #search fieldset legend {font-weight:bold;}
#aside #search fieldset .input-text {width:130px;}
#aside #search fieldset #search-options {margin-top:10px;}
#aside #btn-create {margin:0 0 15px 0;}
#aside #btn-create a {float:left; padding-left:27px; height:37px; overflow:hidden; background:url("../img/btn-create-left.gif") 0 0 no-repeat; text-decoration:none; font-weight:bold; cursor:pointer;}
#aside #btn-create a span {float:left; display:block; width:163px; padding:8px 0 10px 10px; background:url("../img/btn-create-right.gif") -2px 0 no-repeat;}
#aside #btn-create a:hover {background-position:0 -37px;}
#aside ul {width:215px; margin:0 0 15px 0; list-style:none;}
#aside ul li {display:inline;}
#aside ul li a {display:block; width:185px; padding:4px 15px; text-decoration:none;}
#aside ul li#submenu-active a {width:198px; border:0; background:url("../img/submenu-active.gif") 100% 50% no-repeat; font-weight:bold; z-index:999;}
#aside ul ul {margin:0; position:static;}
#aside ul ul li a, #aside ul li#submenu-active ul li a {width:170px; padding:5px 15px 5px 30px; background:url("../img/submenu-sub.gif") 15px 7px no-repeat; font:85%/1.2 "tahoma",sans-serif; font-weight:normal;}
#content h1 {margin:0; padding:10px 15px; background:url("../img/content-h1.gif") 0 0 repeat-x; letter-spacing:-1px;}
#content .col50 {float:left; width:49%;}
#content .col33 {float:left; width:32%;}
#content .col33.center {padding:0 2%;}
#content .tabs {margin:15px 0;}
#content .tabs ul {margin:0; padding:0; list-style-type:none;}
#content .tabs ul li {display:inline; margin:0; padding:0;}
#content .tabs a {float:left; margin-right:3px; padding-left:4px; background:url("../img/tabs-l.gif") 0 -100px no-repeat; text-decoration:none;}
#content .tabs a span {float:left; display:block; padding:8px 15px 6px 11px; background:url("../img/tabs-r.gif") 100% -100px no-repeat;}
#content .tabs a:hover, .tabs a:hover span {text-decoration:underline;}
#content .tabs .ui-tabs-selected a {background:url("../img/tabs-l.gif") 0 0 no-repeat; font-weight:bold;}
#content .tabs .ui-tabs-selected a span  {background:url("../img/tabs-r.gif") 100% 0 no-repeat;}
#content .tabs .ui-tabs-selected a:hover, #content .tabs .ui-tabs-selected a:hover span {text-decoration:none;}
#content .ui-tabs-hide {display: none !important;}
.input-text {padding:3px; font:100%/1.5 "arial", sans-serif;}
.input-text-02 {padding:5px; font:140%/1.5 "arial", sans-serif;}
.input-submit {padding:5px; font-size:120%;}
.input-submit-02 {padding:1px; font-size:100%;}
.msg {padding:10px; padding-left:35px;}
.msg.warning {background:url("../img/ico-warning.gif") 10px 50% no-repeat;}
.msg.info {background:url("../img/ico-info.gif") 10px 50% no-repeat;}
.msg.done {background:url("../img/ico-done.gif") 10px 50% no-repeat;}
.msg.error {background:url("../img/ico-delete.gif") 10px 50% no-repeat;}
/* =============================================================================
FONT STYLES
============================================================================ */
.bigger {font-size:120%;}
.smaller {font:85%/1.2 "tahoma",sans-serif;}
/* This line can be deleted */
.tit {padding:10px; background:#f5f5f5;} .tag {background:#ffa;}

/*===========================================================================
BUTTON STYLES -new added by Nisha 23/7/14
============================================================================*/
/*.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #E42217; /* original color #f29c93/
	-webkit-box-shadow:inset 0px 1px 0px 0px #E42217;
	box-shadow:inset 0px 1px 0px 0px #E42217;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
	background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff; 
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.myButton:hover {
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00)); original /
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
	background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
	background-color:#ce0100;
}
.myButton:active {
	position:relative;
	top:1px;
}
*/
/*==========================================
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;
}

/*===============
added 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: center;  /* This lines up the menu items horizontally */
			text-align: left;  /* 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 15px 5px 15px;	*/	
		}				

	.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*/