body
{
    padding: 10px;
    margin: 0;
    font: 12px Tahoma, Arial, sans-serif;
    background: #ffffff;
}
div, td
{
    font: 12px Tahoma, Arial, sans-serif;
}

a
{
    color: #369;
}
img
{
    border: 0;
}


 /**
 * Maps
 */
.smallmap {
    width: 100%;
    height: 300px;
    border: 1px solid #ccc;
}

.DataExporter table  { border: 1; margin:0 auto; background:#fff; width:300px; }
.DataExporter tr { border: 0; }
.DataExporter td { border: 0; font-weight:bold;}

/***
* Header 
***/
.logo
{
    display:block;
    height:50px;
    width:220px;
}

.headerSection
{
    background: #000;
    color: #fff;
    width: 80%;
    margin: 0 auto; 
    padding:0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.headerSection input
{
    border: 1px solid #666;
    background: #ffffff;
}

.headerSection h1, h2, h3
{
    margin: 5px 0;
    font-family: Tahoma, Arial, sans-serif;
    font-weight: normal;
}

.headerSection h1
{
    font-size: 20px;
    letter-spacing: 5px;
    color: #69c;
}

.headerSection h2
{
    font-size: 14px;
    color: #fff;
}

.headerSection h3
{
    font-size: 12px;
    color: #666;
}

.headerSection a 
{
    color:#FC0;
}

.headerSection hr
{
    margin: 10px;
    border: 0;
    color: #fff;
    background-color: #fff;
    height: 1px;
}

/***
*Main Body
***/
.mainBodySection
{
    width: 80%; 
    margin: 0 auto; 
    padding:0 auto;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    min-height:100px;
    background-color:#fff;
}

.mainBodySection table
{
    width: 100%;
}

.mainBodySection tr
{
    vertical-align: top;
}

.mainBodySection th
{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #999;
    background: #fff;
    text-align: left;
    font-weight:bold;
}

.mainBodySection td
{
    text-align: left;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/***
*Footer
***/
.footerSection
{
    width: 80%;
    height:30px;
    margin: 0 auto; 
    padding:0; 
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;   
    vertical-align:middle;
}

.copyright
{
    height:100%;
    font: 10px Tahoma, Arial, sans-serif;    
    vertical-align:middle;
    background: #666; 
    padding:12px 0 0 0;
    color: #fff; 
}

/***
*Help Documentation
***/
.helpStepHeader
{
    font-family:Tahoma;
    font-size:large;
    font-weight:bold;
}

.helpStepSubHeader
{
    font-family:Tahoma;
    font-size:medium;
    font-weight:bold;
}

.helpStepText
{
    font-family:Tahoma;
    font-size:medium;
    font-weight:normal;
    margin:10px;
}

.helpImage
{
    float:right;
    width:400px;
    margin-left:10px;
    margin-bottom:40px;
}

.helpWarningText
{
    font-family:Tahoma;
    font-size:medium;
    font-weight:normal;
    color:Red;
    margin:10px;   
}

.helpSection
{
    clear:both;
    padding-bottom:20px;
}