body {
font-family: arial;

}
/*Start of Home page*/
div#Login {
position:absolute;
top:27%;
right:35%;
left:33%;
width:30%;

background:green;
text-align:center;
color:white;
padding:30px;
display:none;
opacity:0.9;
}
#usernameS {
font-size: 1.2em;
}
#passwordS {
font-size:20px;
}
#rememberS {
font-size:13px;
}
input {
	border: 1px solid #626292;
	color: black;
	padding: 3px;
	margin-top: 2px;
	-webkit-box-shadow: #d3d3e3 0.1em 0.1em 0.2em;
	box-shadow: #d3d3e3 0.1em 0.1em 0.2em;
	-moz-box-shadow: #d3d3e3 0.1em 0.1em 0.2em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-border-radius: 5px;
	-khtml-border-radius: 5px;

}
input.login {
	font-size:15px;
	text-align:center;
	padding: 5px;
	vertical-align: text-top;
	color: black;
}
img#LoGo {
width:10%;
top:2%;
left:45%;
position:absolute;
}
label#errorLogin {
color:red;
}
label.error {
font-size:12px;
color:red;
}
span.forgetPass {
font-size:10px;
text-decoration:underline;
cursor:pointer;
}
span#reload:hover {cursor:pointer}
span.forgetPass:hover {
color:gray;
}
button {
	-moz-box-shadow:inset 0px 1px 0px 0px #fab3ad;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fab3ad;
	box-shadow:inset 0px 1px 0px 0px #fab3ad;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fa665a), color-stop(1, #d34639) );
	background:-moz-linear-gradient( center top, #fa665a 5%, #d34639 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639');
	background-color:#fa665a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #98231a;
}

button#Add {
    color: white;
}
button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d34639), color-stop(1, #fa665a) );
	background:-moz-linear-gradient( center top, #d34639 5%, #fa665a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d34639', endColorstr='#fa665a');
	background-color:#d34639;
}
button:active {
	position:relative;
	top:1px;
}
/*End of Home page*/


/*Start of Logged in page*/
div#menu {
top: 8px;position:absolute;
width:20%;

background:green;
}
div#subcontent {
position:absolute;
top:8px;
right:8px;
width:78%;
background:#f1f1f1;
z-index:-1;
}
div#subcontent2 {
position:absolute;
top:8px;
right:8px;
width:78%;

z-index:-1;
}

div#searchContent {
    width: 60%;
}
div.MainMenu {
width:100%;
height: 1.8em;
padding-top: 2px;
padding-bottom: 2px;
padding-left:0px;
padding-right:0px;
text-align:center;
font-size: 1.1em;
font-weight:bold;
color:white;
letter-spacing:3px;
background-color:rgba(124, 188, 10, 0);
line-height: 1.8em;}
div.MainMenu2 {
position:relative;

width:80%;
height: 30px;
padding-top:5px;
padding-bottom:5px;
padding-left:0px;
padding-right:0px;
margin-left:10%;
margin-right:10%;
text-align:center;
font-size:16px;
font-weight:bold;
color:white;
letter-spacing:2px;
background-color:rgba(124, 188, 10, 0.9);

}
div.MainMenu2#Save {
padding-top:8px;
}
div.MainMenu:hover{ cursor:pointer}
span.Name:hover{ cursor:pointer}
div.MainMenuN:hover { cursor:pointer}
div.MainMenu2:hover { cursor:pointer}
div.MainMenuH {
position:relative;
top:-10px;
width:100%;
height:20px;
text-align:center;
font-size:18px;
font-weight:bold;
color:white;
letter-spacing:3px;
padding-top:0px;
padding-bottom:5px;
}
div.MainMenuN {
position:relative;
width: 98%;
height: 40px;
margin-Top:20px;

border: 2px #66ddf6 dashed;
background-color: #0d96f5;
padding: 0px;
text-align:center;
color: #ffffff;
font-size: 25px;
font-weight: bold;
font-family: inherit;
font-style: inherit;
text-decoration: inherit;
line-height: 1.5em;
letter-spacing:1px;
-webkit-border-top-left-radius: 150px;
-moz-border-radius-topleft: 150px;
border-top-left-radius: 150px;

-webkit-border-bottom-right-radius: 150px;
-moz-border-radius-bottomright: 150px;
border-bottom-right-radius: 150px;

-moz-box-shadow: 0px 0px 12px 0px #c20000;
-webkit-box-shadow: 0px 0px 12px 0px #c20000;
box-shadow: 0px 0px 12px 0px #c20000;
z-index:1;
}
div.MainMenuS {
width:100%;
height:20px;
text-align:center;
font-size: 1em;
font-weight:bold;
color:white;
letter-spacing:3px;

padding-bottom:5px;
margin-top: 5px;}
div.MainMenuS#Closed {
width: 100%;
left: 0px;position:absolute;

bottom: 20px;}
div.Farm {
position:relative;
top:5%;
left:35%;
margin-top:40px;
margin-bottom:40px;
margin-left:0px;
margin-right:0px;
font-size:25px;
line-height: 60px;
color:white;
width:30%;
height:60px;
text-align:center;
text-shadow: 1px 1px 2px #35363b;
filter: dropshadow(color=#35363b, offx=1, offy=1);
background: #8fc800;
background: -moz-linear-gradient(top,  #8fc800 0%, #5c9e00 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc800), color-stop(99%,#5c9e00));
background: -webkit-linear-gradient(top,  #8fc800 0%,#5c9e00 99%);
background: -o-linear-gradient(top,  #8fc800 0%,#5c9e00 99%);
background: -ms-linear-gradient(top,  #8fc800 0%,#5c9e00 99%);
background: linear-gradient(to bottom,  #8fc800 0%,#5c9e00 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#5c9e00',GradientType=0 );
-webkit-box-shadow:  1px 1px 1px 1px rgba(192, 210, 85, 0.4);
-webkit-box-shadow:  1px 1px 1px 1px rgba(192, 210, 85, 0.4);
        
        box-shadow:  1px 1px 1px 1px rgba(192, 210, 85, 0.4);
}
div.extend {
	position:relative;
	top:-100px;
	left:65%;
    width: 0px;
    height: 0px;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 20px solid green;
}
div.extend:hover{ cursor:pointer}
div.delete {
	position:absolute;
	top:-10px;
	left:-10px;
	
}
div.FarmDetail {
	position:absolute;
	right:-277px;
	top:0px;
    width: 250px;
	line-height: 20px;
	color:black;
    background: #fff;
    border: solid 1px red;
    border-width: 0 1px 1px 1px;
    border-radius: 4px;
	display:none;
	padding-Top:10px;
	padding-bottom:30px;
	text-align:center;
	font-size:13px;
	text-shadow: 0px 0px 0px #35363b;
filter: dropshadow(color=#35363b, offx=1, offy=1);
}

div.FarmDetail:before{
    content: '';
    position: absolute;
    top: -20px;
    right: -1px;
    border: solid 1px red;
    border-width: 1px 1px 0px 0px;
    border-radius: 25px 4px 0px 0px;
    height: 24px;
    width: 200px;
    background: #fff;
}

div.FarmDetail:after{
    content: '';    
    position: absolute;
    top: -20px;
    left: 2px;
    border: solid 1px red;
    border-width: 0 0 1px 0;
    border-radius: 0 0 20px 0;
    height: 20px;
    width: 55px;
  
}
img#Smile {
	width: 20%;
}
div#AddFarm {
position: relative;margin-left: auto;
margin-right: auto;
width: 50%;
height: 320px;



padding: 3%;
border:solid 0px #c3c3c3;
background: #FFFFFF;
display:none;
-webkit-border-radius: 10px;
border-radius: 10px;

}
button#close {

color: white;

margin: 2px;

}
div#Expenditure {
position:relative;
top:10px;
left:35%;
width: 15%;
height: 50px;
line-height:50px;
border: 1px #000000 dashed;
text-align:center;
background-color: #ffffff;

-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px 0px 0px 150px;

-moz-box-shadow: inset 0px 0px 11px 0px #bfbbbb;
-webkit-box-shadow: inset 0px 0px 11px 0px #bfbbbb;
box-shadow: inset 0px 0px 11px 0px #bfbbbb;

}
div#Expenditure:hover { cursor:pointer}
div#Revenue {
position:relative;
top: -40px;
left:50%;
width: 15%;
height: 50px;
line-height:50px;
border: 1px #000000 dashed;
text-align:center;
background-color: #ffffff;

-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 0px 150px 150px 0px;

-moz-box-shadow: inset 0px 0px 11px 0px #bfbbbb;
-webkit-box-shadow: inset 0px 0px 11px 0px #bfbbbb;
box-shadow: inset 0px 0px 11px 0px #bfbbbb;

}
div#Revenue:hover { cursor:pointer}
input.AddFarm {
	font-size:13px;
	text-align:left;
	vertical-align: baseline;
	color: black;
}
input.AddFarm#name {
width:150px;
}
input.AddFarm#area {
width:50px;
}
input.AddFarm#numberOfTree {
width:50px;
}
input.AddFarm#location {
width:200px;
}
textarea {

font-size:15px;

text-align:left;

border: 1px solid #626292;

color: black;

padding: 5px;

vertical-align: baseline;

-webkit-box-shadow: #d3d3e3 0.1em 0.1em 0.2em;

box-shadow: #d3d3e3 0.1em 0.1em 0.2em;

-moz-box-shadow: #d3d3e3 0.1em 0.1em 0.2em;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

-border-radius: 5px;

-khtml-border-radius: 5px;
}

.TextArea {
    color: black;
}
button#ok {
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #287ace;
}

button#ok:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}
button#ok:active {
	position:relative;
	top:1px;
}
button#edit {
position:absolute;
top:0px;
right:0px;
font-size:8px;
color: white;}

button#done {
position:absolute;
top:0px;
right:0px;
font-size:8px;


-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #287ace;
}

button#SaveExpenditure, button#SaveRevenue {

-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #287ace;
}
input.Data {
	font-size: 1em;
	text-align:center;
	padding: 0px;
	vertical-align: text-top;
	color: black;
}
input.Data#Name {
width:100px;
height: 20px;
}
input.Data#Area {
width:40px;
height: 20px;

vertical-align: baseline;
}
input.Data#NumberOftree {
width:50px;
height: 20px;

vertical-align: baseline;
}
input.Data#Location {
width:200px;
height: 20px;

vertical-align: baseline;
}
input.TextArea#Description {
width:80%;
height:10px;
vertical-align: baseline;
}
span.TextArea#Description {
line-height:18px;
}

div.infomation#info {
position:relative;
width: 100%;
/* height:130px; */


padding-top: 18px;
padding-bottom: 18px;
padding-left: 1%;
padding-right: 1%;

font-size: inherit;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
text-decoration: inherit;
line-height:30px;

filter: dropshadow(color=#35363b, offx=1, offy=1);
background: #e5edfa;
background: -moz-linear-gradient(top,  #e5edfa 0%, #bedefe 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5edfa), color-stop(99%,#bedefe));
background: -webkit-linear-gradient(top,  #e5edfa 0%,#bedefe 99%);
background: -o-linear-gradient(top,  #e5edfa 0%,#bedefe 99%);
background: -ms-linear-gradient(top,  #e5edfa 0%,#bedefe 99%);
background: linear-gradient(to bottom,  #e5edfa 0%,#bedefe 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5edfa', endColorstr='#bedefe',GradientType=0 );

}
div#infoGraph {
float:left;
width:60%;
margin:1%;
font-size: 1.2em;}
div#tempGraphProduct {
float:left;
width:500px;
height:250px;
margin:1%;
}
div#tempGraphExpenditure {
float:left;
width:375px;
height:250px;
display:none;
margin:1%;
}
div#infoExpenditure {
float:right;
width:35%;
margin:1%;
}

div.infomation#Summary,div.infomation#AvgVal {
float:left;
width:49.9%;
height:100px;



color: #002157;
font-size: inherit;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
text-decoration: inherit;

filter: dropshadow(color=#e5edfa, offx=1, offy=1);
background: #e5edfa;
background: -moz-linear-gradient(top,  #e5edfa 0%, #bedefe 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5edfa), color-stop(99%,#bedefe));
background: -webkit-linear-gradient(top,  #e5edfa 0%,#bedefe 99%);
background: -o-linear-gradient(top,  #e5edfa 0%,#bedefe 99%);
background: -ms-linear-gradient(top,  #e5edfa 0%,#bedefe 99%);
background: linear-gradient(to bottom,  #e5edfa 0%,#bedefe 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5edfa', endColorstr='#bedefe',GradientType=0 );


}
div.infomation#Summary {
float:right;
}
div.infomation#info span.infomation{
    width:48%;
    display:inline-block;
	line-height:25px;
}
div.infomation#info span.TextArea{
    width:80%;
}
div.infomation#info span.infomationHeader{
    width:100px;
	text-align:right;
    display:inline-block;
	color:gray;
	
}
div.infomation#AvgVal span.infomation{
    font-size:100%;
	width:100%;
    display:inline-block;
	line-height:180%;
	white-space:nowrap;
}

div.infomation#AvgVal span.infomationHeader{
	font-size:100%;
    width:50%;
	text-align:right;
    display:inline-block;
	color:gray;
	
}
div.infomation#Summary span.infomation {
	font-size:100%;
	line-height:180%;
}
div.infomation#Summary span.infomation span.Data{
	font-size:100%;
	width:40%;
	text-align:right;
    display:inline-block;
	line-height:180%;
}

div.infomation#Summary span.infomation#Revenue{
	width: 100%;
	display: inline-block;
	color:blue;
}
div.infomation#Summary span.infomation#Expenditure{
	color:#f62f8d;
}
div.infomation span.header{
position:relative;
top: 0px;
font-size:18px;
padding-left:18px;
}

div.infomation img#setting{
position:absolute;
top:5px;
right:10px;
width:15px;
}
div.infomation img#setting:hover { cursor:pointer}
div.extends#setting {
position:absolute;
width:20%;
top:25px;
right:10px;
border:1px solid #E6E6E6;
background:#FFFFFF;
text-align:center;
-webkit-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.41);
-moz-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.41);
box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.41);
}
div.YearProduct, div.YearExpenditure {
height:270px;
}
div.extends#setting span {
font-size:13px;
color:gray;
display:block;
width:100%;
}
div.extends#setting span:hover {
cursor:pointer;
background:#99CCFF;
color:#FFFFFF;
}
div.harvest {
position:absolute;
top:39%;
left: 0px;
right: 0px;margin-left: auto;margin-right: auto;width: 300px;
height: 180px;
background:white;
border-radius: 16px 16px 16px 16px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
border: 2px solid #dbd8db;
z-index:4;
font-size:15px;
padding:10px;
}
div.in_process_export {
position:absolute;
top:20%;
left:20%;
width:60%;
background:white;
border-radius: 16px 16px 16px 16px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
border: 2px solid #dbd8db;
z-index:4;
font-size:15px;
padding:10px;
}
div.optional_years {
width:80%;
margin-left:10%;
margin-right:10%;
height:50px;
background:#bedefe;
text-align:center;
font-size:25px;
line-height:50px;
}
div.optional_years:hover {
cursor:pointer;
background:#e5edfa;
}
div.notification {
position:absolute;
top:-30px;
width:100%;
height:30px;
font-size:12px;
line-height:30px;
background:red;
}
div.infomation span.Done{
position:absolute;
top:0px;
right:30px;
font-size:13px;
color:red;
}
div.infomation span.Done:hover { cursor:pointer}
div#SaveForm {
color: white;
display:none;
}
div.infomation#More {
float:left;
bottom:0px;
width:100%;
background:#B8B8B8;
text-align:center;
margin-top: 0px;}
div.InfoPerYear {
margin-top:50px;
margin-bottom:160px;
text-align:left;
}
div.infomation#More span.Header{
color:white;
}
div.infomation#More span.Header:hover {
cursor:pointer;
}
span.YearHeader {
font-size:30px;
}
label.revenueLabel {
width: 43%;
display: inline-block;
margin-top:10px;
text-align:right;
color: white;
}
label.revenueLabelHeader {
width: 35%;
display: inline-block;
margin-top:10px;
text-align:right;
color: #00FFFF;
font-size:15px;
}
label.revenueInput {
font-size:20px;
	text-align:left;
	color: yellow;
	padding: 1px;
	margin-top:10px;
	vertical-align: baseline;
	display: inline-block;
}
input.revenueInput[type=text] {
	font-size:17px;
	text-align:left;
	margin-top:10px;
	vertical-align: baseline;
	color: black;
}
input.revenueInput#datetime{
font-size:17px;
	text-align:center;
	margin-top:10px;
	vertical-align: baseline;
	width:130px;

}
input.revenueInput#weight,input.revenueInput#weight2 {
width:90px;
}
input.revenueInput#perUnit,input.revenueInput#perUnit2 {
width:50px;
}
label.expenditureLabel {
width: 43%;
display: inline-block;
margin-top:10px;
text-align:right;
color: white;
}
label.expenditureInput {
font-size:20px;
	text-align:left;
	color: yellow;
	padding: 1px;
	margin-top:10px;
	vertical-align: baseline;
	display: inline-block;
}
input.expenditureInput[type=text], #SaveForm select, #SaveForm textarea {
	font-size:17px;
	text-align:left;
	margin-top:10px;
	vertical-align: baseline;
	color: black;
}
select {
	font-size:17px;
	text-align:center;
	border: 1px solid #626292;
	color: black;
	padding: 3px;
	margin-top:10px;
	vertical-align: baseline;
	-webkit-box-shadow: #d3d3e3 0.1em 0.1em 0.2em;
	box-shadow: #d3d3e3 0.1em 0.1em 0.2em;
	-moz-box-shadow: #d3d3e3 0.1em 0.1em 0.2em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-border-radius: 5px;
	-khtml-border-radius: 5px;
}

select#OrderBy {
    position: relative;
    left: -20px;
}
label.SearchLabel[for=Type] {
position: relative;left: -35px;width: 50px;
display: inline-block;
text-align:right;
}
label.SearchLabel[for=title] {
width: 50px;
display: inline-block;
text-align:right;
position: relative;left: -30px;}
label.SearchLabel[for=orderBy] {
width: 70px;
display: inline-block;
text-align:right;
left: -30px;position: relative;}
select#Type {
position: relative;left: -10px;width:125px;
}
select.Title {
position: relative;width:125px;
left: -10px;}
select.Title:not(#Title1) {
position:relative;
left: 15px;
}
input.expenditureInput#datetime{
font-size:17px;
	text-align:center;
	margin-top:10px;
	vertical-align: baseline;
	width:130px;
}
input.expenditureInput#totalUnit {
width:90px;
}
input.expenditureInput#perUnit {
width:90px;
}
textarea.expenditureInput {
vertical-align: top;
}
div#BlurBackground {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background:rgba(255, 255, 255, 0.9);
display:none;
z-index:2;
text-align:center;
}
div#Saved {
position:absolute;
top:45%;
left:45%;
width:10%;
height:40px;
background:rgba(255, 0, 0, 0.9);
padding:10px;
text-align:center;
font-size:20px;
line-height:40px;
color:white;
}
input.SearchInputDate {
font-size:17px;
	text-align:center;
	padding: 1px;
	margin-top:10px;
	vertical-align: baseline;
	color: black;width: 30%;
}
div#EditMode {
position:fixed;
width:80px;
height: 30px;
top:10px;
right:12px;
padding:5px;
color:#FFFFFF;
text-align:center;
background:#ff4e4e;
-moz-box-shadow: 5px -5px 0px 0px #fc8585;
-webkit-box-shadow: 5px -5px 0px 0px #fc8585;
box-shadow: 5px -5px 0px 0px #fc8585;
z-index:2;
}
div#Graph {
position:absolute;
width:80px;
height:40px;
top:40px;
right: 5px;
padding:5px;
color:#FFFFFF;
text-align:center;
background:#61cffd;
-moz-box-shadow: 5px -5px 0px 0px #9ee2fe;
-webkit-box-shadow: 5px -5px 0px 0px #9ee2fe;
box-shadow: 5px -5px 0px 0px #9ee2fe;


}
div#Graph div#Ok{
position:absolute;
right:0px;
bottom:0px;
width:100px;
height:30px;
text-align:center;
line-height:30px;
background:red;
}
div#GraphInput {
text-align:left;
margin:10px;
}
span.GraphLabel {
width: 80px;
text-align:right;
display: inline-block;
}
img#VerPlus {
position:relative;
left:140px;
width:20px;
height:20px;
}
img#VerRemove {
position:relative;
left:140px;
width:20px;
height:20px;
}
select.GraphInput {
width:100px;
color: black;}
select.GraphInputHeader,select.GraphInputData {
width:55px;
font-size:10px;
color: black;}
div#EditMode:hover { cursor:pointer}
div#Graph:hover { cursor:pointer}
table.showTable {
position:relative;
left:-26%;
width:126%;
}
table.showTable th{
text-align:center;
}
table.showTable th:nth-child(6),table.showTable th:nth-child(7){
text-align:right;
}
img#Plus {
position:relative;
left: 15px;
width: 20px;
height:20px;
vertical-align:text-top; 
}
img#Remove {
position:relative;
left: 15px;
width:20px;
height:20px;
vertical-align:text-top; 
}
img#EditData {
width:20px;
height:20px;
margin-right:5px;
vertical-align:text-top; 
}
img#SaveData {
width:20px;
height:20px;
margin-right:5px;
vertical-align:text-top; 
}
img#ExitData {
position:absolute;
top:-15px;
right:-10px;
width:30px;
height:30px;
vertical-align:text-top; 
}
img#RemoveData {
width:20px;
height:20px;
vertical-align:text-top; 
}
div#EditData {
position:relative;
width:100%;
background:#e4fafe;
border:5px;
-moz-box-shadow: 0px 0px 10px 0px #333333;
-webkit-box-shadow: 0px 0px 10px 0px #333333;
box-shadow: 0px 0px 10px 0px #333333;
z-Index:3;
padding:0px;
}
table, th, td
{
border:none;
border-collapse:collapse;
padding:5px;
}
table.showTable,table.Donator {
text-align:center;
font-size: inherit;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
text-decoration: inherit;
margin-top: 60px;
-moz-box-shadow: 0px 0px 10px 0px #333333;
-webkit-box-shadow: 0px 0px 10px 0px #333333;
box-shadow: 0px 0px 10px 0px #333333;
}
table.showTable th,table.Donator th{
text-align:center;
color:black;
}
table.showTable tr.alt,table.Donator  tr.alt{
background:#e4fafe;
}
table.showTable tr,table.Donator tr{
background:#ffffff;
font-size:15px;
line-height:25px;

}


table.showEditData {
text-align:center;
width:100%;
}
table.showEditData tr td:nth-child(5),td:nth-child(6),td:nth-child(7){
text-align:right;
}
table.showEditData  tr td input.EditDataInputDate{
width:100px;
text-align:center;
}
table.showEditData  tr td input.EditDataInput#Amount,input.EditDataInput#PerUnit{
width:37px;
text-align:center;
}
table.showEditData  tr td select{
	font-size:13px;
	text-align:center;
	color: black;
	padding: 0px;
	vertical-align: baseline;
	-webkit-box-shadow: #d3d3e3 0.1em 0.1em 0.2em;
	box-shadow: #d3d3e3 0.1em 0.1em 0.2em;
	-moz-box-shadow: #d3d3e3 0.1em 0.1em 0.2em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-border-radius: 2px;
	-khtml-border-radius: 2px;
	margin-top:0px;
}
div#Graph1 {
position:absolute;
top:100px;
right:5px;
width:40%;
height:220px;
font-size: 1.2em;}
img#FullScreen {
position:absolute;
top:110px;
right:20px;
height:30px;
width:30px;
z-index:4;
}
img#saveIMG {
position:absolute;
top:110px;
right:60px;
height:30px;
width:30px;
z-index:4;
}

label.profile {
width:40%;
display: inline-block;
text-align:right;
padding:5px;
}
label.profile[for=name] {
padding-top:45px;
}
label.profile[for=address] {
padding-bottom:45px;
}
span.profile#name {
color:red;
}
button#editProfile {
position:absolute;
right:0px;
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #287ace;
}
button#changePass {
color: white;position:absolute;
top:40px;
right:0px;
}

button#SaveEditProfile, button#CancelEditProfile {
    color: white;
}

div.extends#changePass {
margin-left: auto;
margin-right: auto;
height: 180px;
width:350px;
padding-bottom:10px;
background:red;
color:#FFFFFF;
display:none;
opacity:0.7;
-webkit-border-radius: 10px;
border-radius: 10px;
}

div#changePass label {
    width: 45%;
}
td.Action {
display:none;
}
label.Password {
width:40%;
display: inline-block;
text-align:right;
padding:10px;
}
input.profile#email {
width:200px;
}

input.profile, select.profile, textarea.profile {
    color: black;
}
input.profile#age {
text-align:center;
width:150px;
}
a.ListHelp {
font-size:10px;
}
a.ListHelp#titleDelete,a.ListHelp#measurementDelete {
font-size:10px;
padding-left:10px;
}
input.ListHelp {
	font-size:15px;
	text-align:left;
	padding: 1px;
	vertical-align: baseline;
	color: black;
}
a:link {color:#FFFFFF;}      /* unvisited link */
a:visited {color:#FFFFFF;}  /* visited link */
a:hover {color:#cecaca;}  /* mouse over link */
a:active {color:#cecaca;}  /* selected link */
span.error {
font-size:10px;
text-align:center;

}
div.resultTree {
float:left;
height: 320px;
width:49%;
padding-top:40px;
background-repeat:no-repeat;
background-position:center;
text-align:center;
}
span.Result#Header {
font-size:20px;
color:white;
}
span.Result#Revenue{
font-size:13px;
color:blue;
}
span.Result#Expenditure{
font-size:13px;
color:#f62f8d;
}
span.Result#Result{
font-size:13px;
color:#FFFFFF;
}
button.ListHelp#ListHelpMeasurementOk,button.ListHelp#ListHelpTitleOk {
-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #287ace;
}
button.ListHelp#ListHelpMeasurementCancel,button.ListHelp#ListHelpTitleCancel {
	-moz-box-shadow:inset 0px 1px 0px 0px #fab3ad;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fab3ad;
	box-shadow:inset 0px 1px 0px 0px #fab3ad;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fa665a), color-stop(1, #d34639) );
	background:-moz-linear-gradient( center top, #fa665a 5%, #d34639 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639');
	background-color:#fa665a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #98231a;
}
img.loading {
display: block;
position:relative;
top:48%;
margin-left: auto;
margin-right: auto;
width:30px;
height:30px;
}
img#loading_content{
position:absolute;
top: 0px;
right: 0px;
left: 0px;bottom: 0px;margin: auto;width: 30px;
height:30px;
}
img#loading_sub_content{
position:absolute;
top:45%;
right:49%;
width:30px;
height:30px;
}
.jqplot-image-button {
position:absolute;
left:48%;
}
img#lastUpdate {
width:20px;
height:20px;
}
span#SLastUpdate {
font-weight:bold;
line-height:20spx;
vertical-align:text-top; 
}
div#lastUpdate {
font-size: 12px;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
text-decoration: inherit;
background:#ffffff;
}
table.LastestUpdate {
top:-10px;
text-align:center;
font-size: inherit;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
text-decoration: inherit;
margin-top:5px;
-moz-box-shadow: 0px 0px 10px 0px #333333;
-webkit-box-shadow: 0px 0px 10px 0px #333333;
box-shadow: 0px 0px 10px 0px #333333;
}
table.LastestUpdate th{
text-align:center;
color:black;
}
table.LastestUpdate tr.Revenue{
color:white;
background:green;
}
table.LastestUpdate tr.Expenditure{
color:white;
background:#bb0a0a;
}
table.LastestUpdate tr{
background:#ffffff;
font-size:10px;
line-height:25px;

}
table.LastestUpdate tr td:nth-child(5),td:nth-child(6),td:nth-child(7){
text-align:right;
text-align:right;
}
div#keywords {
visibility: hidden;
}
span.Example {
color:white;
font-size:13px;
}
.circleBase {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    behavior: url(PIE.htc);
	text-align:center;
}
.type1 {
    width: 100px;
    height: 100px;
    background: green;
    border: 5px solid #D8D8D8;
	padding:3px;
	color:yellow;
}
div#Register {
position:absolute;
top:40%;
right:5%;
}
.hidden {position: absolute;top: 0px;bottom: 0px;right: 0px;left: 0px;margin: auto;display:none;
color:white;text-align: left;height: 50%;}
div#Register:hover { cursor:pointer}
label.Lregister {
width:40%;
display: inline-block;
text-align:right;
padding:5px;
}
.Iregister {
margin-bottom:15px;
vertical-align: baseline;
color: black;}
textarea.Iregister {
margin-bottom:0px;
vertical-align: baseline;
}

button.Bregister {
position:relative;
left:40%;
width:100px;
height:40px;
}
span.Eregister {
color:red;
}
img#SavedProduct {
position:relative;
left:95%;
width:20px;
height:20px;
}
img#SavedGraph {
position:relative;
left:80%;
width:30px;
height:30px;
}





div#Scene2 {
position: absolute;
top:100%;
left:0px;
width:100%;
background: rgb(239,239,239); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(255,255,255,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(99%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
div.PicDesc {
float:left;
width:20%;
opacity:0;
}
div.PicDescMid {
float:left;
opacity:0;
width:30%;
}
div.PicDescBeforeLast {
float:left;
width:10%;
opacity:0;
}
div.PicDescLast {
float:left;
width:30%;
opacity:0;
}
div.PicDescLast img.imgPic{
padding:5px;
width:80%;
}
img.imgPic {
padding:5px;
width:50%;
}

span.spanPic{
font-size:15px;
}



div#Scene3 {
position: absolute;
width:100%;
left:0px;
display:none;
background:gray;
color:#FFFFFF;
}
div#Scene3 h3 {
margin-left:20px;
}
div#Contact_information,#Maps {
float:left;
width:43%;
}
div#Contact_information {
height:100px;
padding-left:5%;
line-height:20px;
font-size:15px;
}
div#Maps {
position:relative;
padding-left:5%;
top:-20px;
}

div#Stat {
    background-color: pink;
    font-size: 15px;
}

td.statHeader {
    width: 100px;
}

td.statValue {
    font-weight: 600;
}

div.manageSys {
float:left;
width:200px;
height:150px;
padding:20px;
}
div#Photo {
background-color:red;
font-size:15px;
}
div#Poem {
background-color:LightSkyBlue ;
font-size:15px;
}
div#Donation {
background-color:Green ;
font-size:15px;
}
span.HeaderManage {
font-size:30px;
line-height:150px;
color:#FFFFFF;
}
div.Working {
position: relative;float:left;
width:200px;
height:150px;
padding:20px;
}
div.Working div {
position: relative;padding-left:10px;
}
div#Manageoption{
position: absolute;      left: 170px;      top: 0px;      width: 600px;float:right;
}
div#option {
position:relative;
top:-340px;
left:50px;
width: 460px;
height: 280px;
overflow:auto;
}
div#Donator {
height:320px;
overflow:auto;
}
div#OptionMenu {
padding-top: 0px;
float:left;
width:170px;
}
div#OptionMenu:hover{ cursor:pointer}

.progress { 
display:none;
position:relative; 
width:95%;
border: 1px solid #ddd; 
padding: 1px; 
border-radius: 3px;
}
.bar { 
opacity:0;
position:relative;
left:-10px;
margin:0px;
padding:0px;
background-color: #B4F5B4; 
width:0%; 
height:20px; 
border-radius: 3px; 
}
.percent { 
position:absolute; 
display:inline-block; 
top:3px; 
left:46%; 
}
img#target {
display:none;
}
span.errorUpload {
float:right;
color:white;
margin-right:50px;
}

div.BGMainImage {
left:0%; 
width:100%;
height:100%;
z-index:-1;
opacity:0;
}
div.BG {
position:absolute;
z-index:-1;
top: 0px;
left: 0px;

width: 100%;height: 100%;}

img.BGMainImage {
position:absolute;
top: 0px;left:0%; 
width: 100%;
height: 100%;
}
img.BGLeftSideImage {
position:absolute;
left:0px;
width:20%;
}
img.BGLeftExtendSideImage {
position:absolute;
left:0px;
width:10%;
}
img.BGLeftExtend2SideImage {
position:absolute;
left:0px;
width:5%;
}

img.BGRightSideImage {
position:absolute;
right:0px;
width:20%;
}
img.BGRightExtendSideImage {
position:absolute;
right:0px;
width:10%;
}

img.BGBottomSideImage {
position:absolute;
left:0px;
width:60%;
}
img.BGBottomExtendSideImage {
position:absolute;
left:0px;
width:6.2%;
}


div.poem {
position:absolute;
left:20%;
width:60%;
z-index:-1;
top: 20px;}
div#poemText {
font-size: 1.4em;
text-align:center;
padding-top: 0px;
}
div#credit {
font-size:15px;
text-align:right;
padding-right:200px;
padding-top: 0.2em;
}
.divider.line {
height: 1px;
background-image: url(http://images.apple.com/v/itunes/d/images/divider_line.png);
}


div.deleteManageDetail,div.editManageDetail{
position:relative;
padding:10px;
margin-top:10px;
margin-bottom:10px;

}
.whiteBG {
background:white;
}
.grayBG {
background:Gainsboro;
}
.poemCredit,.deleteSVG,.editSVG,.requestedSVG {
text-align:right;
}
.poemText {
text-align:center;
}
div.deleteSVG svg circle {
display:none;
}
div.deleteSVG svg:hover{ cursor:pointer}
div.requestedSVG svg:hover{ cursor:pointer}
div.editSVG svg:hover{ cursor:pointer}
div.saveEditSVG svg:hover{ cursor:pointer}
div.manageSys:hover{ cursor:pointer}



img.deletePhoto {
width:100%;
}

span#donateMSG {
font-size: 1em;
}
span#donateLINK {
color:green;
font-weight:bold;
text-decoration:underline
}
span#donateLINK:hover{ 
cursor:pointer;
color:#006600;
}
span#accountBANK {

font-size: 1em;

line-height: 2em;

}

form#confirm input {
    padding: 0px;
    color: black;
    height: 24px;
    vertical-align: baseline;
}
span.headTopic {
font-weight:bold;
}
span#ConfirmPayment{
font-size: 1em;
color:blue;
line-height:100px;
font-weight:bold;
padding: 15px;
-webkit-border-radius: 65.67567567567568px;
-moz-border-radius: 65.67567567567568px;
border-radius: 65.67567567567568px;
background: rgb(255, 255, 255);
background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(241, 241, 239) 70%);
background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(241, 241, 239) 70%);
background: -o-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(241, 241, 239) 70%);
background: -ms-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(241, 241, 239) 70%);
background: linear-gradient(0deg, rgb(255, 255, 255) 30%, rgb(241, 241, 239) 70%);
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);


}
span#ConfirmPayment:hover{ 
cursor:pointer;
color:#330066;
}
.ok {
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #287ace;
}
.ok:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}
.Must {
color:#FF0066;
text-decoration:underline
}
input#amount{
	text-align:center;
	margin-top:10px;
	vertical-align: baseline;
	width:80px;

}
input#date{
	padding: 0px;
	text-align:center;
	vertical-align: baseline;
	width:130px;
}
input.time {
text-align:center;
margin-top:10px;
vertical-align: baseline;
width:30px;
}

img.slip {
width:100px;
}
label.resetpass {
width:130px;
display: inline-block;
text-align:center;
padding:5px;
}
div.container {
/* margin-top:5%; */
/* margin-bottom:5%; */
/* height:0%; */
}
img.fullScreen {
height:100%;
}
a.boxclose{
    position:absolute;
    margin-top:-35px;
    margin-left:-20px;
    cursor:pointer;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 5px;       
}
img.close {
width:40px;
}
img.closes {
	position:absolute;
	top: -25px;
	right: -20px;
	cursor:pointer;
	font-weight: bold;
	display: inline-block;
	line-height: 0px;
	padding: 11px 5px;
	width:40px;
}

div.Harmon {
position:relative;
left:-20%;
top:-20%;
}
div.ferti {
position:relative;
bottom:20%;
right:-20%;
}
span.HarmonText {
position:relative;
top:0px;
}
span.fertiText {
position:relative;
top:0px;
}
a#facebook img.facebook{
position: absolute;top: 0px;right: 0px;width:50px;

margin: 10px;
}
div.facebook {
position:fixed;
bottom:10px;
width:20%;
}
img.facebookI {
float:left;
width:50px;
opacity:0.6;
}
img#Helper {
position:absolute;
width:20%;
left:30%;
}
div#messager {
position:absolute;
width:300px;
height:200px;
left:50%;
top:10%;
border-radius: 89px 10px 88px 10px;
-moz-border-radius: 89px 10px 88px 10px;
-webkit-border-radius: 89px 10px 88px 10px;
border: 0px solid #000000;
background:#ebba28;
padding: 10px;
line-height:20px;
}
div#TakeAtour,div#TakeAnexttour {
float:left;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
background:#36e31c;
padding:10px;
margin-left:30px;
cursor:pointer;
}
div#TakeAtour:hover,div#TakeAnexttour:hover  {
background:#85f261
}
div#NotNow:hover {
background:#e3e3e3
}
div#NotNow {
float:left;
padding:10px;
margin-left:20px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
background:#94928e;
cursor:pointer;
}
.Boxheader {
margin:10px;
font-size:20px;
}
label.headerInput {
width: 43%;
display: inline-block;
margin-top:10px;
text-align:right;;
}
input.Input {
	width:50px;
	text-align:left;
	margin-top:10px;
	vertical-align: baseline;
	text-align:center;
}
button.harvestOK {
float:right;
}







span.More:hover {
color:red;
cursor:pointer
}
span.More {
position: relative;width:100%;
font-size:10px;
font-weight:bold;
display:inline-block;
text-align:right;
top: -15px;}
div.More#AVGValue {
position:absolute;
left:10%;
top:5%;
width:80%;
height:80%;
border-style: outset;
border-width: 1px;
border-color: #98bf21;
background-color:#FFFFFF;
z-index:7;
padding:20px;
}
span.Boxheader2 {
margin:10px;
font-size:20px;
}
span.AVGHeader{
	font-size:100%;
    width:50%;
	text-align:right;
    display:inline-block;
	color:gray;
	line-height:50px;
}