/* CPANEL PROFESSIONAL SKIN STYLES | Copyright 2013 */

html, body
{
    height: 100%;
    width: 100%;
    padding: 0px;
}
body
{
    padding: 0px;
    margin: 0px;
    font-family: Century Gothic;
    font-size: 11px;
}
img
{
 border:none;
}
.clearfix {
    clear:both
}
a
{
    text-decoration: none;
    color: #000066;
}
a.hover
{
    text-decoration: none;
    color: #003399;
}
a.visited, a.link, a.active
{
    text-decoration: none;
    color: #003399;
}
.full_height
{
    height: 100%;
}
.full_width
{
    width: 100%;
}
.full_screen
{
    height: 100%;
    width: 100%;
}
.list-thumb-img {
    max-width:180px;
    border:solid 1px #eee
}
.list-icon {
    width:30px;
    height:30px;
    display:inline-block
}
    .list-icon i{
        font-size:30px;
        line-height:30px
    }
    .color-sample {
        width: 20px;
        height: 20px;
        border: solid 1px #eee;
        display: inline-block;
        vertical-align: middle
    }
ul.ul_nostyles {
    list-style: none;
    padding: 2px 0 2px 0
}
.text-left {
    text-align:left !important
}
.text-right {
    text-align: right !important
}
.text-center {
    text-align: center !important
}
/* MASTER PAGE STYLES */

.ph_design_header
{
    background-image: url('design/header.jpg');
    background-repeat: no-repeat;
    background-position: right;
}
.ph_design_header_bg
{
    width: 100%;
    height: 49px;
    background-color: #03417c;
    background-image: url('../images/header_bar.jpg');
    background-repeat: repeat-x;
}
#ph_design_header_logo
{
    width: 150px;
    height: 38px;
    background-image: url('../images/cp_logo.png');
    background-repeat: no-repeat;
}
.ph_design_menu_col
{
    width: 180px;
    height: 100%;
    vertical-align: top;
    background-image: url('../images/left_col_bg.png');
    background-repeat: no-repeat;
    background-position: bottom; background-color:#85c2b2;
}
.ph_design_contents_col
{
    vertical-align: top;
}
#ph_design_container
{
    background-image: url('../images/left_col_bg_s.png');
    background-repeat: repeat-y;
    background-position: left;
}
#user_panel
{
    width: 380px;
    height: 27px;
    text-align: center;
    padding-top: 7px;
    padding-right: 10px; color:#ffffff;
}

/* MASTER PAGE ICONS */
.icon-lang {
    display: table-cell;
    width: 36px;
    height: 24px;
    float: right;
    margin-left:5px
}

    .lang-active {
        border:solid 4px #25a700
    }
    .page_loader_1 {
        background-image: url('../images/loading_2.gif');
        border: 0px;
    }
#mp_icon_pagetitle1
{
    background-image: url('../images/icon_pagetitle1.png');
    border: 0px;
}
.mp_user_profile
{
    color:#ffffff;
}

/* REPORT BOX STYLES */

.bc_frame
{
    border: thin solid #F0F0F0;
    background-color: #F9F9F9;
    color: #333333;
    width: auto;
    padding: 5px;
    vertical-align: middle;
    font-size: 14px;
}
.report_box, .error_box, .warning_box {
    position:fixed;
    bottom:10px;
    right:10px;
    width:330px;
    z-index:9999
}
.report_box {
    border: thin solid #003300;
    background-color: #e0fee2;
    color: #006600;
    padding: 3px;
    font-weight: 700;
    font-size: 12px;
    vertical-align: middle;
}
.error_box
{
    border: thin solid #FF0000;
    background-color: #FFEEDD;
    color: #FF0000;
    padding: 3px;
    font-weight: 700;
    font-size: 12px;
    vertical-align: middle;
}
.warning_box
{
    border: thin solid #FF0000;
    background-color: #FFEEDD;
    color: #FF0000;
    padding: 3px;
    font-weight: 700;
    font-size: 12px;
    vertical-align: middle;
}

/* TEXT STYLES */

.txt_warning
{
    color: #FF6600;
    font-weight: 700;
}
.txt_invalid
{
    color: #f83030;
    font-weight: 700;
}
.txt_error
{
    color: #b32d34;
    font-weight: 700; 
    font-size:10px;
}
.txt_green
{
    color:#00bf1b;
    font-weight: 700; 
}
.txt_red
{
    color:#FF0000;
    font-weight: 700; 
}
.asterisk_error
{
    color: #b32d34;
    font-weight: 700;
    font-size: 14px;
}

/* IMAGE STYLES */

.image_text_align
{
    vertical-align: middle;
}
.photos_frame
{
    border: 1px solid #EEEEEE;
    vertical-align: middle;
}
.icon24
{
    width: 24px;
    height: 24px;
}
.img_noborder
{
 vertical-align: middle; 
 border:0px;
}
.game_icon {
    width:28px;height:28px;border:none
}
/* FORM STYLES */

.frm_nostyles
{
    border: 0px;
    margin: 0px;
    padding: 0px;
}
.frm_legend, .frm_legend_2
{
    font-size: 11px;
    text-align: right;
    vertical-align: top;
}
.frm_legend_req, .frm_legend_req_2
{

    font-size: 11px;
    text-align: right;
    vertical-align: top;
    font-weight: 700;
}
.frm_data, .frm_data_2
{
    font-size: 11px;
    text-align: left;
    vertical-align: top;
}
.frm_legend, .frm_legend_req, .frm_data
{
    width: 50%;
}
.frm_legend_2, .frm_legend_req_2, .frm_data_2
{
    width: 25%;
}
.selectbox
{
    border: thin solid #cbd4ed;
    background-color: #FFFFFF;
    font-size: 11px;
    padding: 3px; z-index:1000;
}

.txtbox_s50
{
    width: 50px;
}
.txtbox_s100
{
    width: 100px;
}
.txtbox_s150
{
    width: 150px;
}
.txtbox_s200
{
    width: 200px;
}
.txtbox_s250
{
    width: 250px;
}
.txtbox_s300
{
    width: 300px;
}
.txtbox_s350
{
    width: 350px;
}
.txtbox_s450
{
    width: 450px;
}
.txtbox_s550
{
    width: 550px;
}
.table_xs
{
    width: 300px;
}
.table_s
{
    width: 400px;
}
.table_m
{
    width: 500px;
}
.table_l
{
    width: 600px;
}
.table_xl
{
    width: 750px;
}
.table_xs, .table_s, .table_m, .table_l, .table_xl
{
    padding: 3px;
    border-style: none;
}
.table_header_1
{
    font-size: 12px; 
    background-color:#333333; 
    color:#ffffff; 
    font-weight:bold;
}
.table_legend_1
{
    width: 150px;
}
.table_legend_1_req
{
    width: 150px;
    font-weight: 700;
}
.table_header_2
{
    font-size: 11px; 
    background-color:#cccccc; 
    color:#333333; 
    font-weight:bold; text-align:center;
}
.table_grid_a
{
    font-size: 11px; 
    background-color:#f4f4f4; 
    color:#333333; 
    font-weight:normal;
}
.table_grid_b
{
    font-size: 11px; 
    background-color:#f9f9f9; 
    color:#333333; 
    font-weight:normal;
}
.table_legend_2
{
    width: 200px;
}
.table_legend_3
{
    width: 350px;
}
.table_legend_1, .table_legend_1_req, .table_legend_2, .table_legend_3
{
    font-size: 11px;
    vertical-align: top;
}

/* FORM PANELS */

.upload_panel
{
    border: thin solid #D5D5FF;
    background-color: #F0F2F9;
    width: 250px;
    height: 200px;
    padding: 5px;
}
.form_panel
{
    border: thin solid #cccccc;
    width: 750px;
    margin: 5px;
}
.form_tab_bg
{
    width: 760px;
    padding: 0px;
    border: thin solid #cccccc;
}
.form_fieldset
{
    width:100%; 
    height:100%; 
    padding-top:5px; 
    padding-bottom:5px; margin-bottom:2px;
}
/* FORM ACTION BUTTONS */

.btn_link
{
    border: thin solid #3f5469;
    background-color: #cccccc;
    color:#FFFFFF; font-weight:bold;
}
.btn_save
{
    border: thin solid #596278;
    background-color: #7b9df4;
    color:#FFFFFF; font-weight:bold;
}
.btn_cancel
{
    border: thin solid #3f5469;
    background-color: #c0cceb;
    color:#FFFFFF; font-weight:bold;
}
.btn_delete
{
    border: thin solid #ff3000;
    background-color: #e65837;
    color:#FFFFFF; font-weight:bold;
}

/* DATA LISTS - DATA BOXES */

.dl_pages
{
    border: 1px none #E4E7FC;
    background-color: #ffffff;
    background: #ffffff;
}
.dl_pages_item
{
    width: 250px;
    height: 300px;
    vertical-align: top;
}
.dl_pages_alternate
{
    width: 250px;
    height: 300px;
    vertical-align: top;
}
.dl_pages_line1
{
    background-color: #f7f7f7;
}
.dl_pages_line2
{
    background-color: #ededed;
}

.databox_1
{
    background-color:#fafafa; padding:5px; border:0px;
}
.databox_1_header
{
    background-color:#fafafa;
}
.databox_1_body
{
    background-color:#ffffff;
}

/* RAD STYLES */
.RadGrid .rgEditForm
{
    height: auto !important;
}
 
.RadGrid .rgEditForm > .rgHeader + div
{
    height: auto !important;
}

table.table-mini {
    padding:0;
    margin:0;
    border:none;
    width:100%
}
table.table-mini thead th {
    background-color:#cccccc;
    font-size:12px;
    font-weight:700;
    text-align:center
}
    table.table-mini tbody td {
        border: none !important;
        font-size: 12px;
        font-weight: 400;
        text-align: left
    }
    table.table-mini tbody tr {
        border:none !important;
        font-size: 12px;
        font-weight: 400;
        text-align: left
    }
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05); /* Light background color for odd rows */
}