﻿.ccm_small_font
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}

.ccm_medium_font
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}

.ccm_large_font
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
}

.form_label
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}

.form_textbox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #FFFFFF;
}

.form_asp_listbox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}


.form_textbox_readonly
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #E5E5E5;
}

.form_h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
}

.form_label_bold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
}

.form_label_bold_error
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    color: #FF0000;
}

.form_table
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #FFFFFF;
    color: #000000;
}

.form_button
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small; /*height: 25px;*/
}


a.grid_command_link
{
    /*color:#3E6D8E; background-color:#E0EAF1; */
    border-bottom: 1px solid #3E6D8E;
    border-right: 1px solid #7F9FB6;
    padding: 3px 4px 3px 4px;
    margin: 2px 2px 2px 0;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif; /*font-size: 90%;*/
    font-size: small;
    line-height: 2.4;
    white-space: nowrap;
    background-color: #E2E2E2;
    color: #000000;
}

a.grid_command_link:hover
{
    /*background-color:#3E6D8E; color:#E0EAF1; */
    background-color: #666666;
    color: #FFFFFF;
    border-bottom: 1px solid #37607D;
    border-right: 1px solid #37607D;
    text-decoration: none;
}



.grid_table
{
    border: 2px ridge #D3D3D3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    background-color: #FFFFFF;
    color: #000000;
}

.grid_row:hover, .grid_row_alt:hover
{
    background: highlight;
}

.grid_pager
{
    border-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    background-color: #A9A9A9;
    color: #000000;
}

.grid_pager a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    background-color: #A9A9A9;
    color: #000000;
}

.grid_pager a:link
{
    text-decoration: underline;
}

.grid_pager a:visited
{
    text-decoration: none;
}

.grid_header
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    background-color: #000000;
    color: #FFFFFF;
}

.grid_header a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    background-color: #000000;
    color: #FFFFFF;
}

.grid_header a:link
{
    text-decoration: none;
}

.grid_header a:visited
{
    text-decoration: none;
}

.grid_header a:hover
{
    text-decoration: none;
    background-color: highlight;
    color: #000000;
}


.grid_header th
{
    text-align: center;
}

.grid_row
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    background-color: #FFFFFF;
    color: #000000;
}

.grid_row td
{
    padding: 5px;
}

.grid_row_alt
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    background-color: #D3D3D3;
    color: #000000;
}

.grid_row_alt td
{
    padding: 5px;
}

.grid_footer
{
    border-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    color: #000000;
    background-color: #A9A9A9;
}

.grid_footer a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    background-color: #A9A9A9;
    color: #000000;
}

.grid_footer a:link
{
    text-decoration: underline;
}

.grid_footer a:visited
{
    text-decoration: none;
}


.site_map_path
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
    font-weight: normal;
    background-color: #FFFFFF;
    color: #000000;
}

.site_map_path a
{
    background-color: #FFFFFF;
    color: #000000;
    font-weight: normal;
}

.site_map_path a:link
{
    text-decoration: underline;
}

.site_map_path a:visited
{
    text-decoration: none;
}

.site_map_path a:hover
{
    text-decoration: underline;
    background-color: #D3D3D3;
    color: #000000;
}



a.home_link
{
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif; /*font-size: 90%;*/
    font-size: small;
    background-color: #FFFFFF;
    color: #000000;
}

a.home_link:visited
{
    text-decoration: underline;
    background-color: #FFFFFF;
    color: #000000;
}

a.home_link:hover
{
    background-color: #666666;
    color: #FFFFFF;
    text-decoration: underline;
}

.icon-tip
{
    background: url('icons/tip.png') no-repeat center center;
}

.demo-tip
{
    width: 16px;
    height: 16px;
    margin-right: 8px;
    float: left;
}

.moreInfoButton
{
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 16px;
    height: 16px;
    padding: 0px 4px 0px 4px;
    background: #fff;
    border: 1px solid rgb(221, 221, 221);
    color: #666;
    text-align: center;
    font: 13px Arial, sans-serif;
    cursor: pointer;
}

.moreInfoButton:hover
{
    background: rgb(221, 221, 221);
    color: black;
}

.moreInfoContainer
{
    border: solid 1px silver;
    background-color: white;
    width: 50%;
    margin-top: 50%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 10px 10px 10px;
}

.notes-info
{
    background: #FFFEE6; /*color: #8F5700;*/
    color: #724600;
    padding: 12px;
    border: 1px solid #FFDE5C;
    border-radius: 3px;
    -webkit-border-radius: 3px;
     font-family: Arial, Helvetica, sans-serif;
    width: 720px;
    font-size: small;
}

.notes-info-icon
{
    background: url(images/pin.png) no-repeat left top;
}

.tips-info
{
    background: #C1DCC5;
    color: #3B4E3E;
    padding: 12px;
    border: 1px solid #89958B;
    border-radius: 3px;
    -webkit-border-radius: 3px;
     font-family: Arial, Helvetica, sans-serif;
    width: 720px;
    font-size: small;
}

.tips-info-icon
{
    background: url(images/tip.png) no-repeat left top;
}

.error-info
{
    background: #AF4747; /*    A63333;*/ /*FF5959;*/ /*CB4D44*/ /*c5392f;*/
    color: #FFFFFF; /*#CF5C5C*/
    padding: 12px;
    border: 1px solid #FFDE5C;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    width: 720px;
}

.error-info-icon
{
    background: url(images/warning.png) no-repeat left top;
}