.main
{
    margin: 0px;
    background-color: #CCCCCC;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    background-image: url('../images/bg.png');
    background-repeat: repeat;
}

.popup
{
    margin: 0px;
    padding: 10px;
    background-color: #EEEEEE;
    text-align: left;
    font-family : arial, helvetica, sans-serif;
    font-size: 12px;
}

.rounded
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.clear { clear: both; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }

.line { text-decoration: line-through; }
.inactive { font-weight: normal; color: #888888; }

.marginAuto { margin:auto; }
.margin5 { margin: 5px; }
.margin10 { margin: 10px; }
.marginTop5 { margin-top : 5px; }
.marginBottom5 { margin-bottom: 5px; }
.marginRight5 { margin-right: 5px; }
.marginLeft5 { margin-left: 5px; }
.marginTop10 { margin-top : 10px; }
.marginBottom10 { margin-bottom: 10px; }
.marginRight10 { margin-right: 10px; }
.marginLeft10 { margin-left: 10px; }
.marginTop15 { margin-top : 15px; }
.marginBottom15 { margin-bottom: 15px; }
.marginRight15 { margin-right: 15px; }
.marginLeft15 { margin-left: 15px; }
.marginTop20 { margin-top : 20px; }
.marginBottom20 { margin-bottom: 20px; }
.marginRight20 { margin-right: 20px; }
.marginLeft20 { margin-left: 20px; }

.padding3 { padding: 3px; }
.paddingTop3 { padding-top : 3px; }
.paddingBottom3 { padding-bottom : 3px; }
.paddingRight3 { padding-right: 3px; }
.paddingLeft3 { padding-left: 3px; }
.padding5 { padding : 5px; }
.paddingTop5 { padding-top : 5px; }
.paddingBottom5 { padding-bottom : 5px; }
.paddingRight5 { padding-right: 5px; }
.paddingLeft5 { padding-left: 5px; }
.padding10 { padding : 10px; }
.paddingTop10 { padding-top : 10px; }
.paddingBottom10 { padding-bottom : 10px; }
.paddingRight10 { padding-right: 10px; }
.paddingLeft10 { padding-left: 10px; }

.darkred { color: #800000; }
.darkgreen { color: #008000; }
.darkblue { color: #000088; }
.darkgray { color: #888888; }

.font8 { font-size: 8pt; }
.font9 { font-size: 9pt; }
.font10 { font-size: 10pt; }
.font11 { font-size: 11pt; }
.font12 { font-size: 12pt; }

.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

.nowrap { white-space: nowrap; }
.cursorPointer { cursor: pointer; }

.borderDottedTop { border-top: 1px dotted #000000; }
.borderDottedLeft { border-left : 1px dotted #000000; }
.borderNone { border: none; }
.error { color: #FF0000; font-weight: bold; }


div.banner
{
    padding: 0px;
    height: 40px;
    background-color:#6B6B6B;
    overflow: hidden;
}

div.innerBanner
{
    padding: 3px;
    margin: 3px;
    height: 28px;
    background-color:#EEEEEE;
    overflow: hidden;
}

div.innerBanner h1
{
    margin: 0;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 24px;
    color: #6B6B6B;
    text-align: center;
}

a.dashboard:link
{
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    color: #29AE34;
    text-align: left;
    padding-left: 3px;
}

a.dashboard:visited
{
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    color: #29AE34;
    text-align: left;
    padding-left: 3px;
}

a.dashboard:hover
{
    text-decoration: underline;
    pointer: cursor;
    font-weight: bold;
    font-size: 16px;
    color: #29AE34;
    text-align: left;
    padding-left: 3px;
}

a.logout:link
{
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    color: #AE3429;
    text-align: left;
    padding-left: 3px;
}

a.logout:visited
{
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    color: #AE3429;
    text-align: left;
    padding-left: 3px;
}

a.logout:hover
{
    text-decoration: underline;
    pointer: cursor;
    font-weight: bold;
    font-size: 16px;
    color: #AE3429;
    text-align: left;
    padding-left: 3px;
}

.content
{
    padding: 10px;
    font-weight: normal;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
}

.listHeader
{
    /*border-bottom: solid 2px #000000;*/
    border-bottom: solid 1px #AAAAAA;
    color: #444444;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
}

.listHeaderSmall
{
    border-bottom: solid 2px #000000;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
}

.oddListRow
{
    background-color: #DEDEDE;
    border-bottom: solid 1px #AAAAAA;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
}

.evenListRow
{
    background-color: #FFFFFF;
    border-bottom: solid 1px #AAAAAA;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
}

.currentListRow
{
    background-color: #BEDB93;
    border-bottom: solid 1px #AAAAAA;
    font-family : arial, helvetica, sans-serif;
    font-size: 12px;
}

.showingListRow
{
    background-color: #97B9D3;
    border-bottom: solid 1px #AAAAAA;
    font-family : arial, helvetica, sans-serif;
    font-size: 12px;
}

.gridCell
{
    padding: 3px;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    border-bottom: solid 1px #AAAAAA;
    border-right: dotted 1px #AAAAAA;
    background-color: #F0F0F0;
}

.gridCellLeft
{
    border-left: dotted 1px #AAAAAA;
}

div.container
{
    background-color: #EEEEEE;
    border: 1px solid #888888;
    padding: 3px;
    text-align: left;
}

div.container h1
{
    margin: 0px 0px 4px 0px;
    padding-bottom: 2px;
    /*border-bottom: 1px solid #3D6A9E;*/
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

div.container h2
{
    margin: 0px 0px 4px 0px;
    padding-bottom: 2px;
    /*border-bottom: 1px solid #3D6A9E;*/
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

div.containerLight
{
    background-color: #F6F6F6;
    border: 1px solid #DDDDDD;
    padding: 3px;
    text-align: left;
}

div.containerLight h2
{
    margin: 0px 0px 4px 0px;
    padding-bottom: 2px;
    /*border-bottom: 1px solid #3D6A9E;*/
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #888888;
}

table.glossary
{
    width: 100%;
    border-spacing: 0px;
}

table.glossary th
{
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
    font-size: 12px;
    padding: 4px 4px 4px 0px;
}

table.glossary td
{
    vertical-align: top;
    font-size: 12px;
    padding: 4px 0px 4px 4px;
}

.box
{
    background-color: #C6D5E3;
    border: solid 1px #345E7C;
    padding: 5px;
}

.formHeading
{
    background-color: #C6D5E3;
    font-weight: bold;
    text-align: center;
    color: #345E7C;
    border-bottom: solid 1px #345E7C;
    margin-bottom: 10px;
    padding:2px;
}

.formLabel
{
    float: left;
    margin-bottom: 10px;
    font-weight: bold;
}

.formElement
{
    float: right;
    margin-bottom: 10px;
    font-weight: normal;
}

.pricingHeader
{
    color: #000000;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    text-align: right;
}

.pricingCell
{
    color: #000000;
    font-weight: normal;
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    text-align: right;
}