﻿.menuover {
	clear: both;
	background: #2A5EA6;
	position: relative;
}




/*** Dropdown menu *************************************************/

		/* first menu line */



		ul.main_menu_over {
			z-index: 3000;
			height: 22px;
			margin: 0px;
			padding:  0px 0px 0px 10px;
			/* background: #2A5EA6; */
/* 			background:transparent url(../images/header_back.png) repeat-x scroll center center;*/
			background:#E6EDFF;
			/*border: 1px solid #666;*/
			list-style-type: none;

			
		}

		ul.main_menu_over ul {
			top: 22px;
			position: absolute;
			z-index: 3000;
						border-top: #bcc9d2 1px solid;
			border-bottom: #bcc9d2 1px solid;
		}

			ul.main_menu_over li {
				/* background: url(../images/arrow2.png) no-repeat;  add anas*/
				float: left;
				height: 22px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px opx 10px;
				position: relative;
			}

			ul.main_menu_over a {
				float: left;
				position: relative;
				display: block;
				height: 22px;
				margin: 0px;
				padding: 0px;
				text-decoration: none;
				color: #2c3893;
				padding-left: 15px;
				padding-right: 13px;
				font-weight: bold;
				font-size: 13px;
				border-right: 1px solid #bcc9d2;
				
			}

			ul.main_menu_over a:hover {
				/*background:#E6EDFF; e2f2ff 5EB6FF url(../images/arrow.png) no-repeat; /* add anas */
				background:transparent url(../images/header_back.png) repeat-x scroll center center;
				/* padding: 1px;
				background: #e1ebf7;*/
				border: 0px solid #aabfe6;
				border-right: 1px solid #bcc9d2;
				text-decoration: none;
				color:#fff;/*add anas*/
			}

			ul.main_menu_over li.menu_open a.first_line {
				position: relative;


			}

			ul.main_menu_over a.little_link {
				float: left;
				height: 50px;
				width: 50px;
				margin: 30px 10px 0px;
				padding: 1px;
				overflow: hidden;
				white-space: nowrap;
				/*font-size: 1.00em;*/


				text-align: center;
				text-decoration: none;
				color: #000;
			}

			ul.main_menu_over li.menu_open a.little_link {
				padding: 1px;
				background: #e1ebf7;
				border: 1px solid #aabfe6;


			}

			ul.main_menu_over a.little_link:hover {
				padding: 1px;
				background: #e1ebf7;
				border: 1px solid #aabfe6;
			}

				ul.main_menu_over img.platform_icon {
					margin: 4px 0 0;


					padding: 0;
					width: 48px;
					height: 48px;
					border: 0px none;
				}

				ul.main_menu_over img.little_icon {
					margin: 4px 0 0;
					padding: 0;
					width: 22px;
					height: 22px;


					border: 0px none;
				}

			ul.main_menu_over li.menu_close ul {
				visibility: hidden;
			}

			ul.main_menu_over li.menu_open ul {
				visibility: visible;
			}

			ul.main_menu_over .menu_icon {


				height: 16px;
				width: 16px;
				margin: 1px 10px 1px 2px;
				padding: 0;
				vertical-align: middle;
				border: 0px none;
			}

		/* first orizontal menu */

		ul.list_modules {

			position: absolute;

			top: 19px;
			left: 0px;
			z-index: 3200;
			display: block;
			height: auto;

			margin: 0;
			padding: 0;
			list-style:none;
			width: 19em;
			border-top: 1px solid #666;
			border-bottom: 1px solid #666;


			background: url('../images/menu/back_menu.png') 0px 0px repeat-y #fff;
		}

			ul.list_modules li {
				float: none;
				display: block !important;
				display: inline;
				position: relative;


				margin: 0;
				padding: 0;
			}

			/* second orizontal menu */

			ul.list_modules li ul {
				position:absolute;
				top: -1px;
				left: 19em;
				margin:0 0 0 -1px;
				display: block;
				height: auto;
				padding: 0;
				list-style:none;
				width: 19em;
				border-top: 1px solid #666;
				border-bottom: 1px solid #666;
				background: url('../images/menu/back_menu.png') 0px 0px repeat-y #fff;


			}

			ul.list_modules li.menu_open ul {
				visibility: visible;
				display: block;
			}

			ul.list_modules li.menu_close ul {
				visibility: hidden;
			}

		ul.list_modules a {

			float: none;
			font-size: 0.8em;
			display: block;
			height: 20px;
			width: auto;
			margin: 0;
			padding: 1px 0px;
			padding-left: 20px;/*30*/
			color: #2C3893;
			text-decoration: none;
			white-space: normal;
			text-align: left;
			border-left: 1px solid #666;
			border-right: 1px solid #666;
			border-top: 0px none;
			border-bottom: 0px none;
			font-weight: normal;
			background: url('../images/menu/blank_left.png') 100% 50% no-repeat transparent;
			


		}

		ul.list_modules a:hover {
			padding: 0px;
			padding-left: 20px;/*30*/
			text-decoration: none;
			background: #5EB6FF;
			color: #000;
			border: 1px solid #215588;
			background:#98B5E0; /* 5EB6FF url(../images/arrow.png) no-repeat;


			/*background: url('../images/menu/blank_left_hover.png') 100% 50% no-repeat #fff;*/
		}

			ul.list_modules a.arrow_left {
				background: url('../images/menu/arrow_left.png') 100% 50% no-repeat transparent;


			}

			ul.list_modules a.arrow_left:hover {
				background: url('../images/menu/arrow_left_hover.png') 100% 50% no-repeat #5EB6FF;

			}