body {
        background-color: powderblue;
        color : blue;
        width : 100%;
        font-family: Arial;
}

h1 { 
	color: Blue;
	text-align: right;
}
/*
h2 { 
	color: blue;
	text-align: center;
	font-size:	 	
}

h3 { 
	font-size: small;
	margin-left: 2%;
	text-decoration: underline;
	color: blue;
	text-align: Left;
}

*/
#head1 {
        width: 95%;
        height: 80px;
/*        background-image:url('http://blueskyaeromodellers.org/images/cloud2.jpg') ;*/
        display: block;
        background-size:100%;
        float: left;
        box-shadow: 3px 3px 1px #888888;
        border: 1px solid;
}

#iframe1 { 
        position: absolute;
        width: 95%;
        height: 400px;
        border: 1px;
        top: 110px;
        left:200px;
}

iframe { 
        position: absolute;
        width: 800px;
        height: 800px;
        border: 1px;

}

ul     {
        list-style: none;
       }

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	backgrounbud: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
/* button 
---------------------------------------------- */
button {
	font-family: Arial;
	color: blue;
	text-align: center;
        font-size: medium;
        margin-bottom:5px;
        line-height:18px;
        padding:2px 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border:1px solid #CCC;
        width: 100px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

        border: 1px solid blue;
        -moz-border-radius-topright:5px;
        -webkit-border-top-right-radius:5px;
        border-top-right-radius:5px;
	
        -moz-border-radius-topleft:5px;
        -webkit-border-top-left-radius:5px;
        border-top-left-radius:5px;

        -moz-border-radius-bottomright:5px;
        -webkit-border-bottom-right-radius:5px;
        border-bottom-right-radius:5px;
	
        -moz-border-radius-bottomleft:5px;
        -webkit-border-bottom-left-radius:px;
        border-bottom-left-radius:5px;
        background: #ffffcc;

	background:-o-linear-gradient(bottom, #aad4ff 5%, #ffffff 100%);	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #aad4ff), color-stop(1, #ffffff) ); 
	background:-moz-linear-gradient( center top, #aad4ff 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#aad4ff", endColorstr="#ffffff");	
	background: -o-linear-gradient(top,#aad4ff,ffffff);

	background-color:#aad4ff;


}


.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
        align: center;
        width: 100px;
	margin: 5px 12px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

#main1 {
        margin-left: 5em;
        float: left;
        color: blue;
}

#menu1 {
        margin-top: 30px;
        width: 10%;
        float: left;
        font-family: Arial;
	text-align: left;
	font-size: medium;
        line-height: 2em;
        margin: 20px 10px 0px 0px;

}
legend {
        padding: 0.2em 0.5em;
        border:1px solid blue;
        color: blue;
        font-size:90%;
        font-weight:bold;
        
  }
.label {
        font-family: arial;
        blue;
        font-size:80%;
}

#Performance {
        width: 80%;
        min-width: 600px;
        float: left; 
        border-style:solid; 
        border-width:1px; 
        background-color: #E6E6E6;

}

.Main {
        width: 80%;
        min-width: 600px;
        float: left; 
        border-style:solid; 
        border-width:1px; 
        background-color: #E6E6E6;

}

#subform{
        width: 90%;
/*        background-color: #dafcf7;*/
        background-color: #E6E6E6;
        float: left; 
        border-style:solid; 
        border-width:1px; 
        margin-bottom: 1em;

}

input {
	text-align: left;
	font-size: small;
        margin-bottom:5px;
        line-height:18px;
        padding:2px 5px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border:1px solid #CCC;
}

input[readonly] {
        background-color: yellow;
        border:1px solid blue;

}

input[type=text]:focus {
        border:1px solid #09F;
        -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}

input[type=text]:hover {
	background:#F0F0F0;
}

input.number{ 
         text-align:right; 
} 

input.center{ 
         text-align:center; 
} 

select {
	text-align: left;
        font-size: small;
}

fieldset {
        border: 1px solid blue;
        -moz-border-radius-topright:2px;
        -webkit-border-top-right-radius:2px;
        border-top-right-radius:2px;
	
        -moz-border-radius-topleft:2px;
        -webkit-border-top-left-radius:2px;
        border-top-left-radius:2px;

        -moz-border-radius-bottomright:2px;
        -webkit-border-bottom-right-radius:2px;
        border-bottom-right-radius:2px;
	
        -moz-border-radius-bottomleft:2px;
        -webkit-border-bottom-left-radius:2px;
        border-bottom-left-radius:2px;
        background: #dafcf7;

}

table {
        font-size: small;
        empty-cells: show; 
        overflow: hidden
}


.error {
        color: red;
        text-align:center;
}
.result {
        font-weight:bold;
        background-color: yellow;
        border: solid 1px;
        padding-left: 1em;
        padding-right: 1em;
        text-align: center;
}