.hide, .hidden  { display: none; }
.show, .shown   { display: block; }
.left           { float: left; }
.right          { float: right; }
.clear          { clear: both; }
.clear_left     { clear: left; }
.clear_right    { clear: right; }


BODY, FORM, DIV, A, INPUT, TEXTAREA {
    padding: 0px;
    margin: 0px;
    
    font-family: Trebuchet MS;
    font-size: 13px;
}

BODY {
    background-color: #e0e0e0;
}

HR { width: 934px; }

div.page_holder {}

    div.page_holder div.content_holder {
        position: absolute;
        left: 50%;
        z-index: 0;
    
        width: 1007px;
        margin: 0px 0px 40px -505px;
    }
    
    div.page_holder div.contentA { background-color: #0e85ff; }
    div.page_holder div.contentB { background-color: #9cff44; }
    div.page_holder div.contentC { background-color: #ff5246; }
    div.page_holder div.contentD { background-color: #ffec45; }
    
        div.page_holder div.content_holder div.header {
            float: left;
            width: 1007px;
            height: 35px;
            
            background: url("graphics/content_header.png") top left no-repeat;
        }
        div.page_holder div.content_holder div.footer {
            float: left;
            width: 1007px;
            height: 8px;
            
            background: url("graphics/content_footer.png") top left no-repeat;
        }
        div.page_holder div.content_holder div.content {
            float: left;
            width: 1007px;
            min-height: 80px;
            padding: 0px 25px 20px 45px;
            
            background: url("graphics/content_content.png") top left repeat-y;
        }
        
            div.page_holder div.content_holder div.content h1 {
                float: left;
                clear: both;
                
                text-align: left;
                color: #333333;
                font-size: 18px;
                font-weight: bold;
            }
            
            div.page_holder div.content_holder div.content div.sorts {
                float: right;
                margin: 0px 73px 10px 0px;
                padding: 5px;
                
                border: 1px solid #aaaaaa;
                border-radius: 5px;
            }
            
                div.page_holder div.content_holder div.content div.sorts a.title {
                    width: 120px;
                    margin: 2px 6px 2px 6px;
                    
                    color: #333333;
                    font-size: 12px;
                    text-align: left;
                    cursor: pointer;
                }
                div.page_holder div.content_holder div.content div.sorts a.sort {
                    width: 120px;
                    margin: 2px 6px 2px 6px;
                    
                    color: #333333;
                    font-size: 12px;
                    text-align: left;
                    cursor: pointer;
                }
                div.page_holder div.content_holder div.content div.sorts a.sort:hover {
                    text-decoration: underline;
                }
                
            div.page_holder div.content_holder div.content div.filters {
                float: left;
                clear: left;
                padding: 5px;
                
                border: 1px solid #aaaaaa;
                border-radius: 5px;
            }
            div.page_holder div.content_holder div.content div.subheader {
                float: left;
                padding: 5px;
                margin: 0px 10px 10px 0px;
                
                border: 1px solid #aaaaaa;
                border-radius: 5px;
            }
                div.page_holder div.content_holder div.content div.subheader a.title,
                div.page_holder div.content_holder div.content div.filters a.title {
                    float: left;
                    margin: 2px 4px 4px 4px;
                    
                    color: #333333;
                    font-size: 12px;
                    text-align: left;
                }
                div.page_holder div.content_holder div.content div.subheader a.label,
                div.page_holder div.content_holder div.content div.filters a.label {
                    float: left;
                    width: 20px;
                    margin: 2px 4px 0px 14px;
                    
                    color: #999999;
                    font-size: 11px;
                    text-align: left;
                }                
                div.page_holder div.content_holder div.content div.subheader a.input,
                div.page_holder div.content_holder div.content div.filters input {
                    float: left;
                    width: 120px;
                    margin: 0px 4px 0px 4px;
                    
                    color: #333333;
                    font-size: 11px;
                }
                
            div.page_holder div.content_holder div.content div.comment {
                float: left;
                clear: both;
                
                width: 930px;
                margin: 5px 10px 5px 10px;
                padding: 4px;
                
                border: 1px dotted #999999;
                color: #999999;
                font-size: 14px;
                text-align: center;
            }
                    
            div.page_holder div.contentA div.content div.section { background-color: #0e85ff; }
            div.page_holder div.contentB div.content div.section { background-color: #9cff44; }
            div.page_holder div.contentC div.content div.section { background-color: #ff5246; }
            div.page_holder div.contentD div.content div.section { background-color: #ffec45; }
            div.page_holder div.contentA div.content div.section_color { background-color: #0e85ff; }
            div.page_holder div.contentB div.content div.section_color { background-color: #9cff44; }
            div.page_holder div.contentC div.content div.section_color { background-color: #ff5246; }
            div.page_holder div.contentD div.content div.section_color { background-color: #ffec45; }
            div.page_holder div.content_holder div.content div.section_disabled { background-color: #eeeeee; }
            div.page_holder div.content_holder div.content div.section_additional { background-color: #666666; }

            div.page_holder div.content_holder div.content div.group_header {
                width: 740px;
                height: 45px;
                margin: 0px 0px 0px -20px;
                padding: 10px 15px 15px 15px;
                
                background-image: url("graphics/content_group_header.png");
                color: #444444;
                font-family: Trebuchet MS;
            }
            
            div.page_holder div.content_holder div.content div.group_edit_button {
                float: left;
                width: 45px;
                height: 45px;
                margin: 30px 0px 0px 125px;
                
                cursor: pointer;
                background-image: url("graphics/small_button_save.png");
            }

                div.page_holder div.content_holder div.content div.group_header div.group_title {
                    float: left;
                    width: 260px;

                    color: #000000;
                    font-size: 22px;
                    font-weight: bold;
                    text-align: left;
                }
                div.page_holder div.content_holder div.content div.group_header div.group_delete_button {
                    float: right;
                    color: #000000;
                    width: 20px;
                    height: 20px;
                    margin: 0px 450px 0px 0px;
                    
                    cursor: pointer;
                    background-image: url("graphics/icon_delete.png"); 
                    font-size: 22px;
                    font-weight: bold;
                }
                div.page_holder div.content_holder div.content div.group_header div.group_content {
                    float: left;
                    clear: both;
                    margin: 7px 0px 0px 0px;
                    text-align: left;
                }
                
                    div.page_holder div.content_holder div.content div.group_header div.group_content A,
                    div.page_holder div.content_holder div.content div.group_header div.group_content INPUT
                    div.page_holder div.content_holder div.content div.group_header div.group_content SELECT {
                        color: #444444;
                        font-size: 12px;
                    }
                    div.page_holder div.content_holder div.content div.group_header div.group_content SELECT {
                        margin: 0px 0px 0px 10px;
                    }
                
                    div.page_holder div.content_holder div.content div.group_header div.group_content div.prepaid_control {
                        float: left;
                    }
                    div.page_holder div.content_holder div.content div.group_header div.group_content div.prepaid_types {
                        float: left;
                        margin: 0px 0px 0px 180px;
                    }
                        div.page_holder div.content_holder div.content div.group_header div.group_content div.prepaid_types div.prepaid_type {
                            float: left;
                            margin: 0px 20px 0px 0px;
                        }
                            div.page_holder div.content_holder div.content div.group_header div.group_content div.prepaid_types div.prepaid_type input {
                                width: 80px;
                            }
                
            div.page_holder div.content_holder div.content div.section {
                float: left;
                clear: both;
            }

                div.page_holder div.content_holder div.content div.section div.section_header {
                    float: left;
                    clear: both;
                    width: 938px;
                    height: 34px;
                    
                    background: url("graphics/content_section_header.png") top left no-repeat;
                }
                div.page_holder div.content_holder div.content div.section div.section_header_short {
                    float: left;
                    clear: both;
                    width: 938px;
                    height: 14px;
                    
                    background: url("graphics/content_section_header.png") top left no-repeat;
                }
                
                    div.page_holder div.content_holder div.content div.section div.section_header div.icon {
                        float: left;
                        width: 30px;
                        height: 30px;
                        margin: 8px 0px 0px 10px;
                    }
                    div.page_holder div.contentA div.section div.section_header div.icon {
                        background: url("graphics/icon_users.png") top left no-repeat;
                    }
                    div.page_holder div.contentB div.section div.section_header div.icon {
                        background: url("graphics/icon_partners.png") top left no-repeat;
                    }
                    div.page_holder div.contentC div.section div.section_header div.icon {
                        background: url("graphics/icon_billing.png") top left no-repeat;
                    }
                    div.page_holder div.contentD div.section div.section_header div.icon {
                        background: url("graphics/icon_reports.png") top left no-repeat;
                    }
                    div.page_holder div.content_holder div.content div.section div.section_header div.title {
                        float: left;
                        height: 30px;
                        margin: 8px 0px 0px 5px;

                        font-family: Trebuchet MS;
                        font-size: 18px;
                    }
                    div.page_holder div.content_holder div.content div.section div.section_header div.subtitle {
                        float: right;
                        height: 30px;
                        margin: 8px 100px 0px 20px;

                        font-family: Trebuchet MS;
                        font-size: 18px;
                    }
                    
                    div.page_holder div.content_holder div.content div.section div.delete {
                        float: right;
                        width: 20px;
                        height: 20px;
                        
                        background: url("graphics/icon_delete.png") top left no-repeat;
                        cursor: pointer;
                    }
                    div.page_holder div.content_holder div.content div.section div.postpone {
                        float: right;
                        width: 20px;
                        height: 20px;
                        
                        background: url("graphics/icon_postpone.png") top left no-repeat;
                        cursor: pointer;
                    }
                    div.page_holder div.content_holder div.content div.section div.unpostpone {
                        float: right;
                        width: 20px;
                        height: 20px;
                        
                        background: url("graphics/icon_unpostpone.png") top left no-repeat;
                        cursor: pointer;
                    }
                    div.page_holder div.content_holder div.content div.section div.edit {
                        float: right;
                        width: 20px;
                        height: 20px;
                        
                        background: url("graphics/icon_edit.png") top left no-repeat;
                        cursor: pointer;
                    }
                    div.page_holder div.content_holder div.content div.section div.locked {
                        float: right;
                        width: 20px;
                        height: 20px;
                        margin: 0px 28px 0px 0px;
                        
                        background: url("graphics/icon_locked.png") top left no-repeat;
                    }
                    div.page_holder div.content_holder div.content div.section div.print_select {
                        clear: both;
                        float: left;
                        margin: 6px 0px 0px 10px;
                    }
                        div.page_holder div.content_holder div.content div.section div.print {
                            width: 20px;
                            height: 20px;
                            
                            background: url("graphics/icon_print.png") top left no-repeat;
                        }
                        div.page_holder div.content_holder div.content div.section input.print {
                            margin: 4px 0px 0px 4px;
                        }
                    div.page_holder div.content_holder div.content div.section div.save {
                        float: right;
                        width: 20px;
                        height: 20px;
                        
                        background: url("graphics/icon_ok_small.png") top left no-repeat;
                        cursor: pointer;
                    }
                    div.page_holder div.content_holder div.content div.section div.cancel {
                        float: right;
                        width: 20px;
                        height: 20px;
                        
                        background: url("graphics/icon_cancel_small.png") top left no-repeat;
                        cursor: pointer;
                    }
                    div.page_holder div.content_holder div.content div.section div.section_header div.delete {
                        margin: 8px 10px 0px 5px;
                    }

                div.page_holder div.content_holder div.content div.section div.section_footer {
                    float: left;
                    clear: both;
                    width: 938px;
                    height: 36px;
                    
                    background: url("graphics/content_section_footer.png") top left no-repeat;
                }                
                div.page_holder div.content_holder div.content div.section div.section_footer_short {
                    float: left;
                    clear: both;
                    width: 938px;
                    height: 10px;
                    
                    background: url("graphics/content_section_footer_short.png") top left no-repeat;
                }
                
                    div.page_holder div.content_holder div.content div.section div.actions {
                        float: right;
                        width: 174px;
                        height: 26px;
                        margin: 2px 4px 0px 0px;
                    }
                    
                    div.page_holder div.contentA div.content div.section div.actions div.action { background-color: #0e85ff; }
                    div.page_holder div.contentB div.content div.section div.actions div.action  { background-color: #9cff44; }
                    div.page_holder div.contentC div.content div.section div.actions div.action  { background-color: #ff5246; }
                    div.page_holder div.contentD div.content div.section div.actions div.action  { background-color: #ffec45; }
                    div.page_holder div.content_holder div.content div.section_additional div.actions div.action  { background-color: #bbbbbb; }
                    
                        div.page_holder div.content_holder div.content div.section div.actions div.action_edit {
                            float: left;
                            width: 174px;
                            height: 52px;
                            margin: -23px 0px 0px 5px;
                            
                            background-image: url("graphics/button_edit.png");
                            background-position: top left;
                            background-repeat: no-repeat;
                            cursor: pointer;
                        }
                        div.page_holder div.content_holder div.content div.section div.actions div.action_cancel {
                            float: left;
                            width: 79px;
                            height: 52px;
                            margin: -23px 0px 0px 5px;
                            
                            background: #0e85ff url("graphics/button_cancel.png") top left no-repeat;
                            cursor: pointer;
                        }
                        div.page_holder div.content_holder div.content div.section div.actions div.action_save {
                            float: left;
                            width: 90px;
                            height: 52px;
                            margin: -23px 0px 0px 0px;
                            
                            background: #0e85ff url("graphics/button_save.png") top left no-repeat;
                            cursor: pointer;
                        }
                        div.page_holder div.content_holder div.content div.section div.actions div.action_new {
                            float: left;
                            width: 174px;
                            height: 52px;
                            margin: -23px 0px 0px 5px;
                            
                            background-image: url("graphics/button_new.png");
                            background-position: top left;
                            background-repeat: no-repeat;
                            cursor: pointer;
                        }
                        div.page_holder div.content_holder div.content div.section div.actions div.action_preview {
                            float: left;
                            width: 174px;
                            height: 52px;
                            margin: -23px 0px 0px 5px;
                            
                            background-image: url("graphics/button_preview.png");
                            background-position: top left;
                            background-repeat: no-repeat;
                            cursor: pointer;
                        }
                    
                div.page_holder div.content_holder div.content div.section div.section_content {
                    float: left;
                    clear: both;
                    width: 898px;
                    min-height: 30px;
                    padding: 10px 20px 10px 20px;
                    
                    background: url("graphics/content_section_content.png") top left repeat-y;
                }
                
              
              
    div.reports_buttons_bar {
        margin: 0px 70px 0px 0px;
    }  
    
        div.reports_print_button {
            float: left;
            width: 118px;
            height: 52px;
            
            background: #ffffff url("graphics/button_print.png") no-repeat;
            cursor: pointer;
        }
        div.reports_print_select {
            clear: both;
            float: left;
            width: 118px;

            font-size: 10px;
            color: #aaaaaa;
            cursor: pointer;
        }
        div.reports_print_select:hover {
            text-decoration: underline;
        }
        div.reports_lock_button {
            float: left;
            width: 118px;
            height: 52px;
            
            background: #ffffff url("graphics/button_lock.png") no-repeat;
            cursor: pointer;
        }
        div.reports_reset_button {
            float: left;
            width: 118px;
            height: 52px;
            
            background: #ffffff url("graphics/button_reset.png") no-repeat;
            cursor: pointer;
        }
     

    tr.billing_prepaid_style {
        background-color: #fafaff;
    }
    tr.billing_noprepaid_style {
        background-color: #fafffa;
    }