/* CSS Document */

body {
font-size:12px;
color:#333333;
background-color: #4DBF30;
font-family: Arial, Helvetica, sans-serif;
}
	
h1 {
margin: 0;
color: #4DBF30;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
border-bottom: 1px solid #4D8040;
padding-bottom: 4px;
font-variant:small-caps;
}

h2 {
margin: 5px 0px 5px 0px;
color: #4DBF30;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
border-color: #4DBF40;
padding-bottom: 4px;
font-variant:small-caps;
}
a:link {
color: #000000;
text-decoration:none;
}

a:hover {	
color: #D3E6CF;
text-decoration:none;
}
	
#wrapper {
width: 900px;
margin-right: auto;
margin-left: auto;
margin-top:10px;
border-left:1px solid #4D8040;
border-right:1px solid #4D8040;
background: #FFFFFF url(images/background.gif) center top repeat-y;
height: auto;
}

#VMOVisualwrapper {
width: 920px;
margin-right: auto;
margin-left: auto;
margin-top:10px;
background-color: #4DBF30;
height: auto;
}

	
#header{
width: 900px;
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/;
}
		
	
.figure {
float: right;
margin: 0px 20px 10px 20px;
width: 350px;
height: 350px;
padding: 5px 5px 5px 5px;
}

#content {
width: 900px;
}
	
#posts {
float:left;
clear:none;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
line-height: 160%;
width: 370px;
margin-right: 10px;
margin-left: 40px;
padding-top:11px;
padding-right:20px;
}
		
#sidebar {
float: right;
clear:none;
width: 345px;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
line-height: 160%;
margin-right:40px;
margin-top:10px;
margin-left:10px;
}

#contact {
font-size:12px;
text-align: left;
padding-left: 0px;
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
line-height: 160%;
color: #333333;
}
		
form{margin-top: 0px;}

div.row{
clear: both;
 width: 350px;
}

div.row span.formlabel{
float: left;
width: 125px;
text-align: left;
}

div.row span.forminput{
float: right;
text-align: right;
margin-right:15px;
cursor:pointer;
cursor:hand;
} 
div.row span.forminput1{
float: left;
text-align: left;
margin-right:15px;
cursor:pointer;
cursor:hand;
}
 
div.spacer {
clear: both;
width: 80px;
}

input, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 2px;
cursor:pointer;
cursor:hand;
}

.TextStyle
{
    font-family: "Arial";
    font-size: 12px;
    margin-bottom: 6px;
    margin-top: 0px;
}

input.submit {
float: right;
width:85px;
margin-right: 0px;
background-color:  #D3E6CF;
color: #4D8040; 
font-weight: bold; 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #4D8040; 
}
.ButtonStyle
{
    background-color: #D3E6CF;
    font-family: "Arial";
    font-size: 10px;
    border-color: #4D8040;
    color: #4D8040;
}
.ButtonModal
{
    background-color: #4DBF30;
    font-family: "Arial";
    font-size: 10px;
    border-color: #4DBF30;
    color: #4DBF30;
}

.TextBoxStyle
{
    font-family: "Arial";
    font-size: 12px;
    border: thin solid #4D8040;
    border-width: 1px;
}

.TickBoxStyle
{
    width: 100px; 
    font-family: "Arial";
    font-size: 12px;    
}

.LabelStyle
{
    font-family: "Arial";
    font-size: 12px;
    margin-bottom: 6px;
}

.LabelDataloggerStyle
{
    font-family: "Arial";
    font-size: 12px;
    margin-bottom: 6px;
}

.DropDownStyle
{
    font-family: "Arial";
    font-size: 10px;
    border: thin solid #4D8040;
    margin-bottom: 0px;
    height: 21px;
}
.LabelWarningStyle
{
    font-family: "Arial";
    font-size: 12px;
    color: Red;
}

input.join {
float: right;
width:85px;
margin-right: 10px;
background-color:  #D3E6CF;
color: #4D8040; 
font-weight: bold; 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
border: 1px solid #4D8040;
}

#footer {
clear: both;
width:900px;
height: 60px;
text-align:center;
line-height: 140%;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background: url(images/footer.jpg) center bottom no-repeat;
word-spacing: 2px;
}

 #footer p{
padding-top:15px;
text-align:center;
line-height: 140%;
font-size: 10px;
font-weight: bold;
word-spacing: 2px;
}	

#footer span {
float:left;
clear:none;
padding-top:0px;
text-align:left;
line-height: 140%;
font-size: 10px;
font-weight: bold;
word-spacing: 2px;
}	

#footer a{
color: #FFFFFF;
text-decoration: none;
}		
#footer a:hover{
color: #D3E6CF;
text-decoration:none;
}	
.gridview
{
    font-family: "Arial";
    font-size: 10px;
    color: #333333;
    border: thin solid #4D8040;
    width: 850px;
    border-spacing: 1px;
}
.gridviewnowidth
{
    font-family: "Arial";
    font-size: 10px;
    color: #333333;
    border: thin solid #4D8040;
    border-spacing: 1px;
}

.VMOButton
{
    font-family: "Arial";
    font-size: 10px;
    border-style: Outset;
    border-width: 5px;
    border-color: #006600;
    background-color: #267C10;
}

.VMOModelPanel1
{
    font-family: "Arial";
    font-size: 10px;
    border-style: Double;
    border-width: 5px;
    border-color: #4D8040;
    background-color: White;
}

.VMOModelPanel3
{
    font-family: "Arial";
    font-size: 12px;
    border-style: Double;
    border-width: 2px;
    border-color: #4D8040;
    background-color: #D3E6CF;
}

.VMOSelectionPanel
{
    font-family: "Arial";
    font-size: 10px;
    background-color: #267C10;
}

.VMOTab
{
    border-style: solid;
    border-width: 1px;
    background-color: #D3E6CF;
}

.VMOProgress
{
    border-style: double;
    border-width: 5px;
    background-color: #FFFFFF;
}

.VMOSelectedRow
{
    color: White;
    background-color: #267C10;
}

RoundedCornersExtender
{
    border-color: #4D8040;
    color: #267C10;
}

.modalBackground
{
    background-color: #669999;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
#UpdateProgress1
{
    width: 100px; 
    background-color: #669999; 
    top: 250px;
    left: 45%;
    position: absolute;
 }
 
#UpdateProgressLinks
{
    width: 100px; 
    background-color: #669999; 
    top: 250px;
    left: 45%;
    position: absolute;
 }
#UpdateProgressDefaultLogin
{
    width: 100px; 
    top: 270px;
    left: 45%;
    position: absolute;
 }
#UpdateProgressVehicleSelection
{
    width: 100px; 
    background-color: #669999; 
    top: 250px;
    left: 45%;
    position: absolute;
 }
#UpdateProgressSelectedVehicle
{
    width: 100px; 
    background-color: #669999; 
    top: 250px;
    left: 45%;
    position: absolute;
 }
#UpdateProgressGraph
{
    width: 100px; 
    background-color: #669999; 
    top: 250px;
    left: 45%;
    position: absolute;
 }
#UpdateProgressPerformanceData
{
    width: 100px; 
    background-color: #669999; 
    top: 250px;
    left: 45%;
    position: absolute;
 }
#UpdateProgressPanelLoginButton
{
    width: 100px; 
    background-color: #669999; 
    top: 250px;
    left: 45%;
    position: absolute;
 }

.gridviewHeader
{
    font-family: "Arial";
    font-size: 10px;
    background-color: #4DBF30;
    border: medium solid #000000;
    border-spacing: 1px;
    color: #267C10;
}

.UploadH1
{
    margin: 0;
    color: #267C10;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    border-bottom: 1px solid #267C10;
    padding-bottom: 4px;
    font-variant:small-caps;
}
	
.UploadH1
{
    margin: 0;
    color: #267C10;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    border-bottom: 1px solid #267C10;
    padding-bottom: 4px;
    font-variant:small-caps;
}

.UploadPanel
{
    font-family: "Arial";
    font-size: 10px;
    background-color: #267C10;
}

.UploadTable
{
    font-family: "Arial";
    font-size: 10px;
    background-color: #FFFFFF;
    padding: 5px;
}
.UploadHyper
{
    font-family: "Arial";
    font-size: 10px;
    color: #FFFFFF;
}
#UpdateProgressPanelUpload
{
    width: 150px; 
    background-color: #669999; 
    top: 250px;
    left: 45%;
    position: absolute;
 }

#DataLoggerwrapper
{
    width: 320px;
    margin-right: auto;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: auto;
}

.LabelDataloggerStyle
{
    font-family: "Arial";
    font-size: 14px;
    margin-bottom: 6px;
}
.TextBoxDataLoggerStyle
{
    font-family: "Arial";
    font-size: 14px;
    border: thin solid #4D8040;
    border-width: 1px;
}
.ButtonDataLoggerStyle
{
    background-color: #D3E6CF;
    font-family: "Arial";
    font-size: 14px;
    border-color: #4D8040;
    color: #4D8040;
}
.LabelDataLoggerWarningStyle
{
    font-family: "Arial";
    font-size: 14px;
    color: Red;
}
.DropDownDataLoggerStyle
{
    font-family: "Arial";
    font-size: 14px;
    border: thin solid #4D8040;
    margin-bottom: 0px;
}