/* 
    Global 
*/
html, body
{
    background-color: white;
    margin: 0px;
    padding: 0px;
}
body, textarea, p
{
    font-family: Arial;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
}

a, a:link, a:active, a:visited
{
    color: #567579;
}
a:hover
{
    color: #2E3F41;
}

.header
{
    width: 840px;
    height: 20px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #0059B1;
    color: white;
    text-align: left;
}
.mainContainer
{
    width: 860px;
}
.footer
{
    width: 820px;
    background-color: #0059B1;
    color: White;
    padding: 5px 20px 5px 20px;
    margin-top: 20px;
    font-size: 11px;
}
.mainContainer .menu
{
    float: left;
    width: 150px;
    padding: 10px;
    text-align: left;
}
.mainContainer .menu .title
{
    background-color: #0059B1;
    color: White;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 3px;
}
.mainContainer .menu a, .mainContainer .menu a:link
{
    display: block;
    margin-bottom: 5px;
    margin-left: 10px;
}
.contents
{
    float: right;
    width: 660px;
    text-align: left;
    padding-left: 20px;
    border-left: solid 1px #DBDEE5;
}
.description
{
    font-size: 11px;
    color: #4B4B4B;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-top: -10px;
    margin-bottom: 20px;
    margin-right: 20px;
    border-bottom: solid 1px #DBDEE5;
}

.topBar
{
    clear: both;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.dataGridHeader
{
    background-color: #2271BF;
    color: White;
    font-size: 14px;
    font-weight: bold;
    border-bottom: solid 3px #0059B1;
    padding-bottom: 3px;
    padding-left: 15px;
}
.dataGridHeader a, .dataGridHeader a:link, .dataGridHeader a:visited, .dataGridHeader a:active
{
    color: White;
    font-size: 14px;
    font-weight: bold;
}
.dataGridItem
{
    background-color: #FDFEFE;
    text-align: left;
}
.dataGridAltItem
{
    background-color: #EDF4FA;
    text-align: left;
}

.pager
{
    margin-top: 20px;
}
.pager, .pager a, .pager a:link, .pager a:visited
{
    font-size: 8pt;
    text-align: center;
    color: #8b9499;
    font-weight: normal;
    text-decoration: none;
}
.pager a, .pager .currentPage, .pager .inactive
{
    padding: 2px 5px 2px 5px;
    margin-right: 5px;
}
.pager a:hover
{
    color: #515d66;
}
.pager .currentPage
{
    color: White;
    background-color: #969696;
}
.pager span
{
    color: #8b9499;
    padding: 10px;
}
/* 
    END OF Global 
*/

.progressContainer
{    
    width: 500px;
    text-align: left;    
    margin: 80px 0px 100px 0px;
}
.progressContainer .title
{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
    letter-spacing: -1px;
}
.progressContainer .image
{
    float: left; 
    margin-right: 10px; 
    margin-top: 5px;
}
.progressContainer .stripContainer
{
    width: 450px; 
    height: 20px; 
    padding: 2px; 
    border: solid 1px black; 
    margin-bottom: 5px;
}
.progressContainer .stripContainer .strip
{
    font-size: 11px;
    font-weight: bold;
    color: White;
    padding-top: 2px;
}

h1
{
    color: #333333;
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: normal;
}
h2
{
    color: #575757;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 20px;
    text-decoration: underline;
    padding-left: 10px;
}

.highlight
{
    background-color: Yellow;
}

.editform
{
    width: 100%;
}
.editform tr td
{
    padding: 5px;
}
.editform .sectionTitle, .dataGridHeader
{
    background-color: #2271BF;
    color: White;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-left: 15px;
}
.editform .itemTitle
{
    font-weight: bold;
    text-align: right;
}
.editform .itemTitleTop
{
    text-align: right;
    font-weight: bold;
    vertical-align: top;
    padding-top: 7px;
}
.textBoxBig
{
    width: 250px;
}
.textBoxBigger
{
    width: 370px;
}
.textBoxSmall
{
    width: 75px;
}
.textBoxMid
{
    width: 160px;
}
.textBoxMultiline
{
    width: 350px;
    height: 150px;
}
.editform .altItem
{
    background-color: #ECF3FA;
}
.submitButton
{
    padding: 5px 10px 5px 10px;
    margin-top: 10px;
}
.editform .hint
{
    font-size: 11px;
    color: #6F6F6F;
    text-align: left;
    line-height: 13px;
    padding-top: 3px;
}

.button
{
    padding: 5px 10px 5px 10px;
}

.dropDownListMid
{
    width: 150px;
}

.subscribeContainer
{
    color: Black;
    text-align: left; 
    padding: 10px 20px 10px 20px; 
    border: solid 1px black; 
    margin: 10px;
}
.subscribeContainer tr td
{
    text-align: left;
    color: Black;
}

/* Miscellaneous */
.bb
{
    border-bottom: solid 1px gray;
}

a:link, a:visited, a:active
{
    font-family: Arial;
    font-size: 12px;
}

.s8, .s8 a, .s8 a:active, .s8 a:visited, .s8 a:link, .s8 a:hover, .s8 li
{
    font-size: 8px;
}
.s9, .s9 a, .s9 a:active, .s9 a:visited, .s9 a:link, .s9 a:hover, .s9 li
{
    font-size: 9px;
}
.s10, .s10 a, .s10 a:active, .s10 a:visited, .s10 a:link, .s10 a:hover, .s10 li
{
    font-size: 11px;
}
.s11, .s11 a, .s11 a:active, .s11 a:visited, .s11 a:link, .s11 a:hover, .s11 li, .s11 select, .s11 input
{
    font-size: 11px;
}
.s12, .s12 a, .s12 a:active, .s12 a:visited, .s12 a:link, .s12 a:hover
{
    font-size: 12px;
}
.s14, .s14, .s14 a, .s14 a:active, .s14 a:visited, .s14 a:link, .s14 a:hover
{
    font-size: 14px;
}
.s16, .s16, .s16 a, .s16 a:active, .s16 a:visited, .s16 a:link, .s16 a:hover
{
    font-size: 16px;
}
.s18, .s18, .s18 a, .s18 a:active, .s18 a:visited, .s18 a:link, .s18 a:hover
{
    font-size: 18px;
}
.s20, .s20, .s20 a, .s20 a:active, .s20 a:visited, .s20 a:link, .s20 a:hover
{
    font-size: 20px;
}
.s22, .s22, .s22 a, .s22 a:active, .s22 a:visited, .s22 a:link, .s22 a:hover
{
    font-size: 22px;
}

.mb5
{
    margin-bottom: 5px;
}
.mb10
{
    margin-bottom: 10px;
}
.mb15
{
    margin-bottom: 15px;
}
.mb30
{
    margin-bottom: 30px;
}
.mb50
{
    margin-bottom: 50px;
}
.mb
{
    margin-bottom: 20px;
}

.mr
{
    margin-right: 20px;
}
.mr5
{
    margin-right: 5px;
}
.mr10
{
    margin-right: 10px;
}
.mr15
{
    margin-right: 15px;
}
.ml
{
    margin-left: 20px;
}
.ml5
{
    margin-left: 5px;
}
.ml10
{
    margin-left: 10px;
}
.ml15
{
    margin-left: 15px;
}
.mt
{
    margin-top: 20px;
}
.mt5
{
    margin-top: 5px;
}
.mt10
{
    margin-top: 10px;
}
.mt15
{
    margin-top: 15px;
}
.mt-2
{
    margin-top: -2px;
}

.floatleft
{
    float: left;
}

.b, .b a, .b a:active, .b a:visited, .b a:link, .b a:hover
{
    font-weight: bold;
}

.n
{
    font-weight: normal;
}

.hint
{
    font-size: 10px;
    color: #8b9499;
}
/* END OF Miscellaneous */