.inner_div {
	position:absolute;
	left:15%;
	top:15%;
	width:70%;
	height:70%;
	background-color:#EDF8F2;
	border-style:none;
}

.outer_div {
	position:absolute;
	left:15%;
	top:15%;
	width:70%;
	height:70%;
	background-color:green;
	border-style:solid;
	border-width:thin;
	border-color:black;

}


.left_div {
	left:5%;

	position:absolute;
	width:35%;
	height:90%;
	background-color:white;
	border-style:solid;
	border-width:thick;
	border-color:green;

}

.right_div {
	left:45%;

	position:absolute;
	width:50%;
	height:90%;
	background-color:white;
	border-style:solid;
	border-width:thick;
	border-color:green;

}

.big_div {
	left:5%;
	top:10%;
	position:absolute;
	width:90%;
	height:80%;
	background-color:#B5E3CA;


}

.small_div {
	left:25%;
	top:25%;
	position:relative;
	width:50%;
	height:50%;
	background-color:white;
	border-style:solid;
	border-width:thick;
	border-color:green;

}


.invisible_div {
	left:5%;
	top:20%;
	position:absolute;
	width:90%;
	height:80%;
	background-color:white;

}

.footer_div {
	left:5%;
	top:95%;
	position:absolute;
	width:90%;
	height:5%;
	background-color:#B5E3CA;
	text-align: center;

}

.header_div {
	width: 640px; 
	height: 78px; 
	margin-left: auto; 
	margin-right: auto;
	text-align: center;

}

.green_line {
	position:relative;
	width:60px;
	height:1px;
	border-color:green;
	border-style:solid;
	border-width:thin;
	background-color:green;

}

.region_line { 
}

.district_line { 
	text-indent: 3em; 
}




.manage_foods { 
	position: absolute; 
	width: 30%; 
	min-width: 130px;
	right: 70%;
}

.display_foods { 
	position: absolute; 
	width: 30%; 
	min-width: 130px;
	left: 0%;
}


.manage_lists { 
	position: absolute; 
	width: 30%; 
	left: 70%;

}

.manage_food_and_lists {
	width:100%;
}


.manage_item_detail {
	position: absolute; 

	width:36%;
	left: 30%;
	
	background-color: #EDF8F2;
	
	top: 10%;
	height: 80%;
	
	border-color:#CCCCCC;
	border-style:solid;
	border-width:thin;

}

.status_div {
	position: absolute; 

	width:36%;
	left: 30%;
	
	background-color: #EDF8F2;
	
	top: 1%;
	height: 8%;
	
	border-color:#CCCCCC;
	border-style:solid;
	border-width:thin;
	
	color: green;
	text-align: center;
	
}











#overlay{ 
    background-color: #90D5B0;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
     padding:10px;
   min-height: 100%;

}

* html #overlay{
    background-color: #333;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src="/images/overlay.png", sizingMethod="scale");
}

#box{
    width:700px;
    min-height:500px;
	background-color: #B5E3CA;
}

#close{
    position:absolute;
    top:-5px;
    right:-5px;
    cursor:pointer;
}


.logo_div {
	top:4.5%;
	position: absolute; 
	text-align: center;
	width: 70%;
	font-size: 4.0em;
	
}
.logout_div {
	position: absolute; 
	text-align: center;

	left: 75%;
	width:25%;	
}

.alpha_message_div {
	position: absolute; 
	text-align: center;
	font-size: 0.8em;
	background-color: #C44324;
	left: 5%;
	width:25%;	
}


.navigation_item {
	position: absolute; 

	
	background-color: #4D8064;
	
	top: 0px;
	height: 22px;
	
	color: white;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em; 
	
}
.index_header_user_login {

	left: 0%;
	width:10%;
	
	
}
.index_header_advocate_login {

	left: 10%;
	width:40%;
	
}
.index_header_delivery_login {
	left: 50%;
	width:25%;

}
.index_header_supplier_login {
	left: 75%;
	width:25%;
	
}

.index_header_blank {
	left: 0%;
	width:100%;
}

.addressitem_line {
	position: absolute; 
	color: grey;
	left: 75%;
	width:25%;
	top:0%;
	

}

.contactitem_line {
	position: absolute; 
	color: grey;
	left: 75%;
	width:25%;
	top:40%;
	

}

.display_food_div {
	position: absolute; 

}
a.navigation:link {color: white;}
a.navigation:visited {color: white; text-decoration: none; }
on:visited {color: white; text-decoration: none; }