/* CSS Document */

/* BLOCK FOR BODY STYLING (IT STYLES THE BODY AND THE BACKGROUND IMAGE OF THE BODY)   */

		body{
			/*background-image:url(img/bg-daressalaam.jpg);*/
			background-color:#fff;
			background-repeat:no-repeat;
			background-attachment:fixed;
			background-size:contain;
			width:100%;
			height:100%;
			position:relative;
			bottom:0px;
			top:0px;
			margin-top:0px;
			margin-bottom:0px;
			margin:0px;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			max-height:100%;
			max-width:100%;
			color:#fff;
			font-family: "Arial Narrow",sans-serif;
			font-size:16px;
			overflow-x:hidden;
			overflow-y:scroll;
			}




/*  THE CODE BELOW IT STYLE THE TITTLE "Performance Sheet" AT THE HEADER SECTION */	
	
	#fontgray{
				
			color:#666;
			}
	
/* END OF BODY STYLING   */

#md_corporatesearch textarea{
	width:172px;
	}

#md_corporatesearch input{
	width:170px;
	}



/* BELOW ARE THE CODES WHICH STYLES THE HEADER SECTION   */



			/*  THIS BLOCK CUSTOMIZE HEADER DIVISION   */
				
			.header{
				width:100%;
				background-color:#16a4d6;
				position:fixed;
				z-index:20;
				-webkit-box-shadow: 0px 5px 9px 0px rgba(70, 70, 70, 0.75);
				-moz-box-shadow:    0px 5px 9px 0px rgba(70, 70, 70, 0.75);
				box-shadow:         0px 5px 9px 0px rgba(70, 70, 70, 0.75);
				}
				
				
			.site_tittle{
				min-height:130px;
				}
				
				
				
			.tittle{
				float:left;
				width:320px;
				height:75px;
				margin-bottom:20px;
				margin-left:80px;
				}
			
			
			.second_tittle{
				height:35px;
				font-size:16px;
				color:#666;
				float:right;
				width:600px;
				margin-bottom:20px;
				padding-top:40px;
				}
				
				
			.second_tittle a{
				text-decoration:none;
				color:#fff;
				font-size:20px;
				}
				
				
			.second_tittle a:hover{
				color:#000;
				}
				
				
			#links a{
				text-decoration:none;
				}
				
				
				
			.menu{
				min-height:35px;
				width:100%;
				}
				
				
			.menu ul{
				list-style-type:none;
				}
				
				
			.menu li{
				display:inline;
				padding-left:15px;
				padding-right:15px;
				}
			
			
			
			.menu li a{
				text-decoration:none;
				color:#fff;
				font-size:20px;
				}
				
				
			.menu li ul {
					 display: none;
					 }
					 
					 
			.menu li ul.tasks li{
				display:list-item;
				margin-left:100px;
				background:#16a4d6;
				margin-top:2px;
					 }
					 
					 
			.menu li ul.clients li{
				display:list-item;
				margin-left:183px;
				background:#16a4d6;
				margin-top:2px;
					 }
					 
					 
					 
			.menu li ul.md-clients li{
				display:list-item;
				margin-left:43px;
				background:#16a4d6;
				margin-top:2px;
					 }
					 
					 
					 
			.menu li ul.projects li{
				display:list-item;
				margin-left:287px;
				background:#16a4d6;
				margin-top:2px;
					 }
					 
					 
					 
			.menu li ul.md-projects li{
				display:list-item;
				margin-left:147px;
				background:#16a4d6;
				margin-top:2px;
					 }
					 
					 
			.menu li:hover ul {
					  display: block;
					  position: absolute;
					  }
				
				
			.menu li a:hover {
				color:#000;
				}
				
			.menu li.current a {
				color:#000;
				}
				
				
				
				
/*END OF HEADER STYLING */




/*  START OF SHARED STYLING FOR .container, .site_tittle, .second_tittle, .menu, .containeradduser CLASSES   */
	
			.container, .site_tittle, .containeradduser, .usersearchcontainer{
				margin:0 auto;
				width:1000px;
				}
	
	
/*   END OF SHARED STYLING    */







/*   CONTAINER STYLING (THESE ARE THE DIVISIONS WITH TRANSPARENT BLUE COLOR)   */
	
			.container{
				min-height:600px;
				background:#4c4c4c;
				/*background-image:url(img/body-background.png);
				background-repeat:repeat;*/
				padding-bottom:50px;
				padding-top:180px;
				}
				
				
			
				
				
	
/*   END OF CONTAINER STYLING   */
	
	
	
/* HERE ARE THE STYLES FOR DIVISIONS THAT CARIES THE INPUTS AND OUTPU BOXES IN DIFFERENT PAGES   */



			.main_content{
				width:950px;
				margin-top:70px;
				margin-left:25px;
				}
				
				
				
			.md_main_content{
				width:950px;
				margin-top:70px;
				margin-left:25px;
				}
	

			.associatelogin{
				width:300px;
				height:300px;
				position:absolute;
				margin-top:200px;
				margin-left:350px;
				/*z-index:10;
				background-color:#0192c9;
				-webkit-box-shadow: 0px 5px 9px 0px rgba(70, 70, 70, 0.75);
				-moz-box-shadow:    0px 5px 9px 0px rgba(70, 70, 70, 0.75);
				box-shadow:         0px 5px 9px 0px rgba(70, 70, 70, 0.75);*/
				}
	
			.instructions{
				width:950px;
				margin-top:30px;
				margin-left:25px;
				}
				
				
				
				
			.md_instructions{
				width:950px;
				margin-top:30px;
				margin-left:25px;
				}
				
				
			.pagenation{
				width:100%; 
				text-align:center;
				}
			
			.pagenation a {
				text-decoration:none;
				color:#fff;
		
				}
				
			.pagenation a:hover {
				color:#000;
				}
				
			.pagenation span.current {
				color:#000;
				}
				
				
				
			.pagenation span.disabled {
				color:#000;
				}
		
				
 /*   END OF STYINPUTS AND OUTPUS BOXS */





			.adminhomeinstructions{
				width:630px;
				position:absolute;
				margin-top:30px;
				margin-left:320px;
				}



	
/* THE CODE BELOW STYLES THE FOOTER DIVISION  */



			.footer{
				width:100%;
				background:#16a4d6;
				padding-bottom:10px;
				padding-top:10px;
				text-align:center;
				}
	
	
/*   END OF FOOTER STYLING  */