﻿body
{
    font-family: Verdana, Arial;
    background-color: #e5ffd0;
    padding: 0px;
    margin: 0px;
   
}


/* Header */

.topcontainer
{
    font-family: Verdana, Arial;
    background-color: #9acd32;
    width: 100%;    
    font-size: 1.8em;
    font-weight: bold;
    color: #e5ffd0;
    vertical-align: middle;
    text-align: left;
    line-height: 50px;
}

img.left
{
    float: left;
    margin: 0 20px 0 0;
}

.buttonright
{
    font-family: Verdana, Arial;
    background-color: #9acd32;
    width: 100px;
    font-size: 1em;
    font-weight: bold;
    color: #e5ffd0;
    vertical-align: top;
    text-align: center;
    float:right;
}
.toplinkbar
{
    font-family: Verdana, Arial;
    background-color: #9acd32;
    font-size: 0.8em;
    font-weight: bold;
    color: #e5ffd0;
    margin: 0px 0px 0px 0px;
    height: 2em;
    padding: 0 px;
    width:100%;
    
     
}
a.menu
{
    font-size: 0.8em;
    text-decoration: none;
}
div.reference
{   border: none;
	overflow: auto;
	width: 100%
}
.bottomcontainer
{
    font-family: Verdana, Arial;
    background-color: #9acd32;
    width: 100%;
    height: 1em;
    font-size: 0.8em;
    font-weight: bold;
    color: #e5ffd0;
    vertical-align: middle;
    text-align: left;
    padding:0.5em;
    }
.header
{
    font-family: Verdana, Arial;
    background-color: #9acd32
   
}

.content
{
    padding: 20px;
    font-family: Verdana, Arial;
    background-color: #e5ffd0;
}

.greenbutton
{
    border-style: none solid none solid;
    border-color: #FFFFCC;
    border-width: thin;
    padding: 3px;
    font-family: Verdana, Arial;
    background-color: #9acd32;
    width: 110px;
    font-size: 0.8em;
    font-weight: bold;
    color: #e5ffd0;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
}
.toptitle
{
    padding: 100px;
    font-family: Verdana, Arial;
    background-color: #9acd32;
    position: absolute;
    left: 300px;
    top: 100px;
    font-size: 4em;
}
.border
{
    background-color: #9acd32;
    margin:0px 0px 0px 0px;
    height:5px;
    width:100%;
    padding:0px 0px 0px 0px;
    
}
.topborder
{
    background-color: #9acd32;
    margin:0px 0px 0px 0px;
    height:20px;
    width:100%;
    padding:0px 0px 0px 0px;
    
}
.footer
{
    font-family: Verdana, Arial;
    background-color: #9acd32;
    margin:0px 0px 0px 0px;
    height:20px;
    width:100%;
    padding:0px 0px 0px 0px;
}
.floatleft
{ 
    float: left;   
   
}
.floatright20
{
    float: right;
   width: 20%; 
}
.floatright30
{
    float: right;
     width: 28%; 
      padding: 5px;
}
.floatright40
{ 
    float: right;   
    width: 38%; 
    padding: 5px;
}
.floatleft60
{
    float: left;
    width: 59%;
    padding: 5px;
    height: 500px;
}
.floatleft70
{ 
    float: left;   
    width: 69%; 
    padding: 5px;
      height: 500px;
}

.panelleft
{
    float: right;
    width:70%;
    
}

.panelright
{
    float: right;
    width:30%;
    
}

H1, H2, H3, H4
{
    font-family: Verdana;
    color: #669966;
}
 div.container {
	border: none;
	overflow: auto;
	width: 100%
}
div.reference
{   border: none;
	overflow: auto;
	width: 100%
}

.progress
{
}
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #ccff99;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #ccff66;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #ffffcc;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.gridview
{
    font-family: Verdana;
    font-size: small;
    border-width: medium;
    padding: 2px;
}
.textbox
{
    background-color: #ffffcc;
    font-family: Verdana, Arial;
}
.lblstatus
{
    font-family: Verdana, Arial;
    color: #336666;
    font-size: larger;
}


.calender
{
    background-color: #e5ffd0;
      
}
.whitebutton
{
    padding: 4px;
    font-family: Verdana;
    vertical-align: middle;
    color: #006600;
    text-align: center;
    font-size: small;
    border-right: green thin outset;
    border-top: green thin outset;
    border-left: green thin outset;
    border-bottom: green thin outset;
    border-color: #000000;
    border-style: none;
}

Hyperlink
{
    font-family: Verdana;
    font-size:larger
}
#HeaderStyle-BackColor 
{
   background-color: Maroon;
    
}

#ItemStyle-BackColor 
{background-color:  #ccffff;
}

#Table
{
    background-color: #ccff66;
    font-family: Verdana;
}



