/* #################################################################
Copyright © 2008 BBB Systems, LLC, All rights reserved
################################################################## */
/* admin specific css */

/* admin module styles */

.md_message_error{
    position: relative;
    margin-bottom: 4px;
}
.md_message_error .error{
    height: 50px;
    overflow: hidden;
    overflow: auto;
    padding: 8px;
}

.md_container{
    width: inherit;
}

.md_container, .md_content{
    margin: 0px; padding: 0px;
}

.md_content{
    border: 1px solid #354276;
}

.md_title{
    background-color: #1b487b;
    text-decoration:none;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin: 0px;
    padding: 4px 8px 4px 8px;
}
/* plus and minus used for collapsable md_content */
.md_plus, .md_minus{
    background-repeat: no-repeat;
    background-position: 6px center;
    cursor: pointer;
}
.md_plus{ background-image: url(/images/plus.gif); }
.md_minus{ background-image: url(/images/minus.gif); }


.md_search{
    background-color: #f5f5f5;
    padding: 4px;

}
.md_search_help, .md_search_tools, .md_search_string{ font-size: 9px; }
.md_search_tools, .md_search_string{ padding-top: 8px; }
.md_search_tools input[type=text]{ width: 64px; }

.md_table_container{
    position: relative;
    margin-bottom: 4px;
}

.md_show_container{
    position: relative;
    height: 250px;
    overflow: auto;
}

.md_show_table{
    border-collapse: collapse;
    margin-top: 1px;
    width: 100%;
}

/* import/export controls */

.md_imp_exp_container{
    position: relative;
    background-color: #929ec6;
    border-bottom: 1px solid #354276;
}

.md_imp_exp_container h4{
    padding: 10px 0px;
}

.md_imp_exp_container table{
    border-collapse: collapse;
}

a.md_imp_exp_a, a.md_imp_exp_a_hover, a.md_imp_exp_a_down{
    display: block;
    padding: 3px 12px;
    border-right: 1px solid #aab1cd;
    font-weight: bold;
}
a.md_imp_exp_a{
    background-color: #354276;
    color: #ffffff;
}
a.md_imp_exp_a_hover, a.md_imp_exp_a_down{
    background-color: #6474af;
    color: #ffffff;
}

.md_imp_exp_controls{
    display: none;
    position: absolute;
    top: 16px;
    left: -1px;
    z-index: 20000;
    width: 100%;
    height: 250px;

    background-color: #f5f5f5;
    border: 1px solid #354276;

    overflow: auto;
}

.md_imp_exp_controls_inner{
    padding: 8px;
}

.md_imp_exp_close{
    position: absolute;
    top: 2px;
    left: 2px;
    font-weight: bold;
    font-size: 9px;
    color: #ff0000;
}

/* End import/export controls */

/* lock stuff */

.md_show_table thead{
    position: relative;
}
.md_show_table thead th{
    white-space: nowrap;
    display: table-cell !important;
}
.md_show_table tbody td{
    white-space: normal;
    display: table-cell !important;
}

.md_show_table tbody{
    /* overflow set in javascript for compatibility reasons */
}

/*
.md_show_table thead th.md_sticky, .md_show_table thead td.md_sticky{
    display: block !important;
    position: fixed;
}
*/

/* end lock stuff */

/* td and th dimmensions must match exactly (including padding and borders), otherwise safari and opera will be off */
.md_show_table td, .md_show_table th{
    vertical-align: middle;
    text-align: left;
    font-size: 10px;
    padding: 4px 8px 4px 8px;/* don't change this (except the top/bottom padding on the th) */
}
.md_show_table thead th{
    padding:  0px 8px 0px 8px;
}
.md_show_table thead th a{
    display: block;
    position: relative;
    top: 0px;
    left: -8px;
    width: 100%;
    height: 100%;
    padding: 4px 8px 4px 8px;
    text-decoration: none;
}
.md_show_table thead th a:hover{
    background-color: #354276;
}
.md_show_table thead th a img{
    border-width: 0px;
}

.md_show_table td a{
    font-size: 10px;
}

.md_show_table thead th, .md_footer{
    font-size: 12px;
    font-weight: bold;
    background-color: #596387;
    color: #ffffff;
    border: 1px solid #354276;
}
.md_show_table thead th a, .md_footer a{
    color: #ccddff;
}
.md_show_table thead th a:hover, .md_footer a:hover{
    color: #ddeeff;
}


/* md_cells */
.md_even{
    padding: 4px 8px 4px 8px;/* don't change this */
    font-size: 12px;
    text-align: left;
    background-color: #ffffff;
}
.md_odd{
    padding: 4px 8px 4px 8px;/* don't change this */
    font-size: 12px;
    text-align: left;
    background-color: #cccccc;
}
.md_error{
    padding: 4px 8px 4px 8px;/* don't change this */
    font-size: 12px;
    background-color: #cc9999;
}

.md_show_table tbody td.md_even{
    padding: 4px 8px 4px 8px;/* don't change this */
    border-left: 1px solid #ffffff !important;
    border-right: 1px solid #ffffff !important;
}
.md_show_table tbody td.md_odd{
    padding: 4px 8px 4px 8px;/* don't change this */
    border-left: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
}

/* misc */

.md_header{
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #354276;
}

.md_footer{
    border-right: 0px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    border-left: 0px solid #ffffff;
}
.md_footer table{
    width: 100%;
}
.md_footer .md_cnt_cur{
    font-size: 14px;
    text-decoration: none;
}

.md_update_table{
    width: 100%;
}
.md_update_table td{
    padding: 4px;
    border-bottom: 1px solid #dddddd;
}

/* fancy rows */

tr.md_row{
    background-color: transparent;
}
tr.md_row_hover td.md_even, tr.md_row_hover td.md_odd{
    background-color: #F5F6BE;
    color: #000000;
}
tr.md_row_clicked td.md_even, tr.md_row_clicked td.md_odd{
    background-color: #FBFB83;
    color: #000000;
}

/* end fancy rows */

/* resize stuff */

.md_resizer{
    position: absolute;
    top: 100%;
    left: 0px;
    cursor: s-resize;
    z-index: 1500;
    display: block;
    background-color: #354276;
    width: 100%;
    height: 4px;
    padding: 0;
}

/* end scrollable and resize stuff */
/* end admin module styles */

.overLayer{
    width: 200px;
    padding: 15px;
    color: #FFFFFF;
    background-color: #28558F;
    border: 1px dotted #FF00FF;
}
.overLayer a{
    color: #FFFFFF;
}

/* admin search suggestion styles */
#search_suggestions{ position: absolute; z-index: 5000; }
.search_suggestions{ background-color: #fff; width: 150px; }
.search_suggestions .suggestion, .search_suggestions .suggestion_over{
    color: #000;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #fff;
    padding: 2px;
    height: auto;
    min-height: 20px;
    font-weight: normal;
}
.search_suggestions .suggestion_over{ background-color: #9bb8cf; cursor: pointer; }

.search_suggestions  strong{
    background-color: #ccc;
    color: #000;
    font-weight: bold
}

.search_suggestions .suggestion_desc{
    padding-left: 4px;
    text-transform: uppercase;
    font-size: 10px;
    color: #6f6f6f;
}

/* admin help styles */
.admin_help_icon{ position: relative; cursor: pointer; margin-left: 8px; top: 4px; }
.admin_help_info{
    display: none;
    position: absolute;
    z-index: 6000;

    width: 250px;

    margin-left: 8px;
    padding: 15px 8px 3px 8px;

    color: #000;
    background-color: #dfdfdf;
    border: 1px solid #a0a0a0;
}

.close_help{ position: absolute; top: 1px; right: 8px; }

/* admin default page */
#admin_default h3{
    margin-bottom: 4px;
    padding: 4px 2px;
    border-bottom: 1px solid #354276;
}
.admin_page_cat{ padding-top: 15px; }

/* legacy editor styles */
body.bStart{
    margin: 2px; padding: 2px;
    background-color: #FFFFFF;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 12px;
}

#content table{
    margin: 0px auto;
    text-align: left;
    width: 100%;
}
#content div{
    text-align: left;
}

.editorTop{
    background-color: #555555;
    border: 1px solid #000000;
}

.editorHeader{
     background-color: #CCCCCC;
     padding: 4px;
     color: #000000;
     border: 1px solid #000000;
     text-align: center;
}

#bgzDiv, #bgzActionDiv{
    border: 1px solid #000000;
}

table.bzero{
    border: 1px dashed #FF00FF !important;
}
td.bzero{
    border: 1px dashed #FF00FF !important;
}

#b_fontselect{
     width: 100px;
}
.cbtn, .cbtnOver, .cbtnDown, .cbtnActive{
    width: 22px;
    height: 21px;
    border: 0px none #CCCCCC;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
}

.cbtn{
    background-color: #CCCCCC;
    border: 0px solid #CCCCCC;
}

.cbtnOver{
    background-color: #7db1e6;
    border: 0px outset #999999;
}

.cbtnDown{
    background-color: #7db1e6;
    border: 0px inset #999999;
}

.cbtnActive{
    background-color: #BBBBBB;
    border: 0px inset #999999;
}

#contextDiv{
    position: absolute;
    width: 150px;
    height: auto;
    background-color: #CCCCCC;
    border: 1px solid #000000;
    visibility: hidden;
    opacity: .95;
}

.cxhead, .cxbtn, .cxbtnOver, .cxbtnDown{
    width: 146px;
    height: 14px;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    font-size: 12px;
    text-align: left;
    color: #000000;
}

.cxhead{
    background-color: #000000;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    color: #FFFFFF;
}

.cxbtn{
    background-color: transparent;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

.cxbtnOver{
    background-color: #7db1e6;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #EEEEEE;
}

.cxbtnDown{
    background-color: #7db1e6;
    border-top: 1px solid #000000;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #BBBBBB;
    border-left: 1px solid #333333;
}

/* New Button Styles */
.edtd{ padding: 0px 1px; }
.edtd div{ height: 18px; }

.edtd_spacer{ width: 5px; border-right: 1px solid #a9a9a9; }
.edtd_spacer2{ width: 5px; }

#b_bold, #i_b_bold{
    background: url(/members/images/e_bold.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_bold, .cbtnActive#b_bold, .cbtnOver#i_b_bold, .cbtnActive#i_b_bold{
    background: url(/members/images/e_bold_over.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnDown#b_bold, .cbtnDown#i_b_bold{
    background: url(/members/images/e_bold_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_italic, #i_b_italic{
    background: url(/members/images/e_italic.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_italic, .cbtnActive#b_italic, .cbtnOver#i_b_italic, .cbtnActive#i_b_italic{
    background: url(/members/images/e_italic_over.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnDown#b_italic, .cbtnDown#i_b_italic{
    background: url(/members/images/e_italic_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_sub, #i_b_sub{
    background: url(/members/images/e_subscript.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_sub, .cbtnActive#b_sub, .cbtnOver#i_b_sub, .cbtnActive#i_b_sub{
    background: url(/members/images/e_subscript_over.gif) no-repeat top left !important;
    width: 28px !important;
}

.cbtnDown#b_sub, .cbtnDown#i_b_sub{
    background: url(/members/images/e_subscript_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_super, #i_b_super{
    background: url(/members/images/e_superscript.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_super, .cbtnActive#b_super, .cbtnOver#i_b_super, .cbtnActive#i_b_super{
    background: url(/members/images/e_superscript_over.gif) no-repeat top left !important;
    width: 28px !important;
}

.cbtnDown#b_super, .cbtnDown#i_b_super{
    background: url(/members/images/e_superscript_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_fcolor, #i_b_fcolor{
    background: url(/members/images/e_color.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_fcolor, .cbtnActive#b_fcolor, .cbtnOver#i_b_fcolor, .cbtnActive#i_b_fcolor{
    background: url(/members/images/e_color_over.gif) no-repeat top left !important;
    width: 28px !important;
}

.cbtnDown#b_fcolor, .cbtnDown#i_b_fcolor{
    background: url(/members/images/e_color_down.gif) no-repeat top left !important;
    width: 28px !important;
}


#b_nlist, #i_b_nlist{
    background: url(/members/images/e_olist.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_nlist, .cbtnActive#b_nlist, .cbtnOver#i_b_nlist, .cbtnActive#i_b_nlist{
    background: url(/members/images/e_olist_over.gif) no-repeat top left !important;
    width: 28px !important;
}

.cbtnDown#b_nlist, .cbtnDown#i_b_nlist{
    background: url(/members/images/e_olist_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_blist, #i_b_blist{
    background: url(/members/images/e_ulist.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_blist, .cbtnActive#b_blist, .cbtnOver#i_b_blist, .cbtnActive#i_b_blist{
    background: url(/members/images/e_ulist_over.gif) no-repeat top left !important;
    width: 28px !important;
}

.cbtnDown#b_blist, .cbtnDown#i_b_blist{
    background: url(/members/images/e_ulist_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_outdent, #i_b_outdent{
    background: url(/members/images/e_deindent.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_outdent, .cbtnActive#b_outdent, .cbtnOver#i_b_outdent, .cbtnActive#i_b_outdent{
    background: url(/members/images/e_deindent_over.gif) no-repeat top left !important;
    width: 28px !important;
}

.cbtnDown#b_outdent, .cbtnDown#i_b_outdent{
    background: url(/members/images/e_deindent_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_indent, #i_b_indent{
    background: url(/members/images/e_indent.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_indent, .cbtnActive#b_indent, .cbtnOver#i_b_indent, .cbtnActive#i_b_indent{
    background: url(/members/images/e_indent_over.gif) no-repeat top left !important;
    width: 28px !important;
}

.cbtnDown#b_indent, .cbtnDown#i_b_indent{
    background: url(/members/images/e_indent_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_rformat, #i_b_rformat{
    background: url(/members/images/e_eraser.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_rformat, .cbtnActive#b_rformat, .cbtnOver#i_b_rformat, .cbtnActive#i_b_rformat{
    background: url(/members/images/e_eraser_over.gif) no-repeat top left !important;
    width: 28px !important;
}

.cbtnDown#b_rformat, .cbtnDown#i_b_rformat{
    background: url(/members/images/e_eraser_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_link, #i_b_link{
    background: url(/members/images/e_link.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_link, .cbtnActive#b_link, .cbtnOver#i_b_link, .cbtnActive#i_b_link{
    background: url(/members/images/e_link_over.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnDown#b_link, .cbtnDown#i_b_link{
    background: url(/members/images/e_link_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_image, #i_b_image{
    background: url(/members/images/e_img.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_image, .cbtnActive#b_image, .cbtnOver#i_b_image, .cbtnActive#i_b_image{
    background: url(/members/images/e_img_over.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnDown#b_image, .cbtnDown#i_b_image{
    background: url(/members/images/e_img_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_spell, #i_b_spell{
    background: url(/members/images/e_spell.gif) no-repeat top left !important;
    width: 29px !important;
}
.cbtnOver#b_spell, .cbtnActive#b_spell, .cbtnOver#i_b_spell, .cbtnActive#i_b_spell{
    background: url(/members/images/e_spell_over.gif) no-repeat top left !important;
    width: 29px !important;
}
.cbtnDown#b_spell, .cbtnDown#i_b_spell{
    background: url(/members/images/e_spell_down.gif) no-repeat top left !important;
    width: 29px !important;
}

#b_heading, #i_b_heading{
    background: url(/members/images/e_heading.gif) no-repeat top left !important;
    width: 58px !important;
}
.cbtnOver#b_heading, .cbtnActive#b_heading, .cbtnOver#i_b_heading, .cbtnActive#i_b_heading{
    background: url(/members/images/e_heading_over.gif) no-repeat top left !important;
    width: 58px !important;
}
.cbtnDown#b_heading, .cbtnDown#i_b_heading{
    background: url(/members/images/e_heading_down.gif) no-repeat top left !important;
    width: 58px !important;
}