/*******************************************************************************
 *                                                                             *
 * After making any changes to  this document,  please ensure that it conforms *
 * to CSS Level 2.1 Web standard. A CSS Validator can be found at:             *
 *                                                                             *
 *                                                                             *
 *         http://jigsaw.w3.org/css-validator/                                 *
 *                                                                             *
 *                                                                             *
 ******************************************************************************/

body, a, p, td, th, option, seelct, input {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
}

/* define style for lables in the filter section */
.light_text  {
    color: #666666;
    font-size: 12px;
}

body {
    background-color: white;
    margin: 0px;
    padding: 0px;
}

p {
    text-align: justify;
}

img {
    border: none
}

#content {
    margin: 0;
    background-color: white;
    padding: 5px;
}

/* ensure that all tables on the content page are placed in the middle */
#content table {
    margin: 0 auto;
}

td.cell_label {
    text-align: right;
    font-weight: bold;
}

/*******************************************************************************
 * Define the style for good messages and error messages.
 ******************************************************************************/
.error_msg, .error_msg_small, .error_msg_no_icon {
    color: red;
    font-weight: bold;
}

.error_msg:before {
    content: url(../icons/cancel-032x032.png);
}

.error_msg_small:before {
    content: url(../icons/cancel-016x016.png);
}

.good_msg {
    color: green;
    font-weight: bold;
}

.good_msg:before {
    content: url(../icons/ok-032x032.png);
}

.warning_msg, .warning_msg_no_icon {
    color: red;
    font-style: italic;
}

.warning_msg {
    color: red;
    font-style: italic;
}

.warning_msg:before {
    content: url(../icons/alert-032x032.png);
}

.information_msg {
    color: blue;
}

.information_msg:before {
    content: url(../icons/info-032x032.png);
}

.HeaderText  {
    color: #999999;
}

.sums_title {
    color: #0066CC;
    font-weight: bold;
}

.sums_title_s {
    color: #ff9900;
    font-weight: bold;
}

/*******************************************************************************
 * Define styles for links
 ******************************************************************************/
a.data_row_link_selected, a.data_row_link_highlighted {
    color: yellow;
    text-decoration: underline;
}

a.data_row_link_selected:hover {
    color: white;
}

a.data_row_link_highlighted:hover {
    color: red;
}

a.data_row_link, a.data_header_link, a.data_page_link {
    color: blue;
    text-decoration: underline;
}

a.data_row_link:hover, a.data_header_link:hover, a.data_page_link:hover {
    color: red;
}

/*******************************************************************************
 * Define styles for collapsable panel's headers
 ******************************************************************************/
.collapse_panel {
    width: 100%;
    height: 0px;              /* why is this here */
    background-color: white;
    overflow: hidden;         /* what does this do */
}

/* This defines the style for the headings of collapseable pannels. Examples can
 * be seen on the index.aspx page
 */
.collapse_panel_header, .collapse_panel_header_alt {  
    color: white;
    background-color: #0066CC;
    font-weight: bold;
    padding: 2px;
    padding-left: 6px;
    font-size: 16px;
    cursor: pointer;                 /* this is required a these collapsable panels are interactive */
    vertical-align: middle;
}

.collapse_panel_header {
    text-align: left;
    border-left: 4px solid #ff9900;
}

.collapse_panel_header_alt {
    text-align: right;
}

 
/*******************************************************************************
 * general data tables
 * 
 * .fm_data     - A table displaying tabular data
 * .fm_filter   - A table display filter controls, shouldn't be a table, but WTH!
 ******************************************************************************/
table.fm_data, table.fm_filter {
    width: 100%;
    border-collapse: collapse;
}

table.fm_data th {
    margin: 0;
    padding: 0;
}
table.fm_data td {
    margin: 0;
    padding: 2px;
}

table.fm_data thead tr, table.fm_data tfoot tr {
    background-color: #cccccc;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

table.fm_data thead th, table.fm_data thead th a {
    font-weight: bold;
    text-align: center;
    color: black;
}

table.fm_data thead th a {
    text-decoration: none;
    display: block;
}
table.fm_data thead th a:hover {
    color: orange;
    background-color: #999999;
}

table.fm_data tbody th, table.fm_filter th {
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
}

table.fm_data tbody th {
    background-color: #cccccc;
}

table.fm_data tbody tr {
    background-color: white;
}

table.fm_data tbody tr.alt {
    background-color: #eeeeee;
}

table.fm_data foor th a {
    text-decoration: none;
    display: block;
}

/*******************************************************************************
/* This defines the style for a list sub heading, which is similar to the
 * collapseable headings above, but is for non-collapseable headings. An
 * example can be seen on the subscriptions.aspx page
 ******************************************************************************/
 
.sub_heading  {
    background-color: #0066CC;
    color: white;
    padding-left: 6px;
    font-weight: bold;
    font-size: 16px;
    border-left: 4px solid #ff9900;
}

.sub_heading_label  {
    background-color: #0066CC;
    color: white;
    text-decoration: none;
}

.sub_content {
    margin: 10px 20px;
}

/* Define the style of text in a table row */
.data_row, .data_row_alt  {
    border-bottom: 1px solid #eeeeee;
    color: black;
    font-size: 12px;
}

/* define the style of text in alternative table rows */
.data_row_alt  {
    background-color: #EEEEEE;
}

.data_row_selected  {
    border-bottom: 1px solid #eeeeee;
    color: white;
    background-color: red;
}

.data_row_highlighted  {
    border-bottom: 1px solid #eeeeee;
    color: white;
    background-color: #ff9900;
}

.panel_row{  
    border-bottom: 1px solid #eeeeee;
    color: black;
    height: 0px;
    overflow: hidden;
}

.panel_row_alt{  
    border-bottom: 1px solid #eeeeee;
    color: black;
    background-color: gray;
    height: 0px;
    overflow: hidden;
}

.panel_label{  
    color: blue;
    text-decoration: underline;
    cursor: help; 
}


/* define style for subheadings in table */
.data_header {
    padding-bottom: 5px;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #dddddd;
    background-color: #CCCCCC;
}

.data_footer {
    padding-top: 5px;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
    background-color: gray;
}

.data_page      {
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    border-bottom: 1px solid #999999;
    background-color: #eeeeee;
}


/* define style for table row at bottom of a custom table (which usually
 * contains the customise view link).
 */
.data_controls      {
    padding-bottom: 5px;
    padding-left: 6px;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #dddddd;
    background-color: #CCCCCC;
}

.confirm_box      {
    border: 4px solid white;
    background-color: red;
    color: yellow;
}

.Text12  {
    color: black;
}

.DetailLabel  {
    border-bottom: 1px solid #999999;
    padding-bottom: 10px;
    color: #666666;
}

.DetailTextAlt  {
    border-bottom: 1px solid #999999;
    color: black;
    padding-bottom: 10px;
}

.invoice_request_heading  {
    color: red;
    font-weight: bold;
    text-decoration: none;
    font-size: 18px;
    padding-left: 15px;
}

/*******************************************************************************
 * Define styles for input controls
 ******************************************************************************/
select, input[type=text] {
    color: #333;
    background-color: white
}

select.fail, input[type=text].fail {
    background-color: yellow;
}

select[disabled], input[type=text][readonly] {
    color: #999;
}

.cssEndDate, input[type=text][readonly] {
    color: #333;
    background-color: white
}

select, input[type=checkbox] {
    border: 1px solid #999;
}

input[type=text], textarea {
    border-width: 1px;
    border-style: solid;
    
    border-top-color: #333;
    border-right-color:#999;
    border-bottom-color:#999;
    border-left-color:#333;
}

/*******************************************************************************
 * Define style for password policy page
 ******************************************************************************/

body#password_policy #set_policy {
    float: left;
    width: 74%;
    text-align: center;
}

body#password_policy #expire_settings {
    float: right;
    width: 25%;
}

body#password_policy table#tblPolicy {
    width: 75%;
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-collapse: collapse;
}

body#password_policy .field {
    text-align: right;
    width: 50%;
}

body#password_policy .value {
    text-align: left;
    width: 50%;
}

body#password_policy table tr td {
    padding: 5px 0px;
}

/*******************************************************************************
 * Define style for check password page
 ******************************************************************************/
body#check_password {
    background-color: white;
    margin: 0px;
}

body#check_password table {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-collapse: collapse;
}

/*******************************************************************************
 * Define style header control
 ******************************************************************************/
.header_control {
    background-color: black;
    width: 100%;
}

/*******************************************************************************
 * Define style for accordion AJAX control
 ******************************************************************************/

.accordion_header {
    background-color: #888888;
    color: #CCC;
    font-weight: bold;
    padding: 5px;
}

.accordion_header_selected {
    background-color: #ff9900;
    color: white; /*#0066CC;*/
    padding: 5px;
    font-weight: bold;
}

.accordion_content {
    padding: 5px;
    margin-bottom: 5px;
    background-color: #ffcc66;
    border-left: 2px solid #ff9900;
    border-right: 2px solid #ff9900;
    border-bottom: 2px solid #ff9900;
}

/*******************************************************************************
 * Define style for login page
 ******************************************************************************/

#login_page .login_box {
    width: 500px;
    text-align: left;
    margin: 10px auto;
}

/* grw 06.12.11 Zero the padding on the Ajax calendar inherited from table.fm_data td */
div.ajax__calendar_days table tr td {
    padding: 0;
}

#signOn {
    display: table;
    margin: 0 auto;
}

.signOnLine {
    text-align: center;
}

.signOnLabel {
    display: inline-block;
    width: 140px;
    text-align: right;
}

#passwordResetForm {
    display: table;
    margin: 0 auto;
    margin-top: 1em;
    padding: 10px;
    border: solid 1px #555;
    box-shadow: 10px 10px grey;
}

.passwordResetLine {
    text-align: center;
}

.passwordResetLabel {
    display: inline-block;
    width: 140px;
    text-align: right;
}

#passwordResetProblems {
    display: table;
    margin: 0 auto;
    margin-top: 1em;
    font-weight: bold;
    color: red;
    text-align: left;
}

.passwordResetProblemLine {

}