@charset "utf-8";

/*
    GRAY: #efefef;
    GREEN;  #829D30;
    BlueDark: #3A424F;
    BLUE:  #006699;
    LightBLUE: #00b4ff;
    ORANGE: #FF6600;

@font-face {
 font-family: SC_DUBAI;
 src: url("SC_DUBAI.eot") 
}
@font-face {
 font-family: SC_DUBAI;
 src: url("SC_DUBAI.ttf") 
}
@font-face {
    font-family: myFont;
    src: url("../css/fonts/theFont.otf");
}*/

.amiri
{
    font-family: 'Amiri', serif;
}

.kufi
{
    font-family: 'Droid Arabic Kufi', serif;
}

.Naskh
{
    font-family: 'Droid Arabic Naskh', serif;
}

html
{
    direction: rtl;
    font-family: Tahoma, "Times New Roman", Arial;
    font-size: 0.78em;
    color: #222;
}

body
{
    padding: 0;
    margin: 0;

/*Default*/
    background: url(../images/bk.png) repeat-x top #fff !important;


/*Ramadan*/
    /*background: url(http://www.shjpolice.gov.ae/ar/images/bk-ramadan-14.png), url(../images/bk.png) #7a8ca8;
    background-repeat: repeat-x, repeat-x;
    background-position: center top, center top;*/


/*Eid*/
    /*background-color: #a08a5e !important;*/



}

body, tr, td
{
    vertical-align: top;
    text-align: justify;
    line-height: 125%;
    font-weight: normal;
}

/*#top
{
    background-image: url(../images/bk-ramadan-14.png);
    background-repeat: repeat-x;
    background-position: top;
}*/



div
{
    margin: 0;
}

img[src$=".jpg"]
{
    background: url('../images/loading.gif') no-repeat center center;
}

a
{
    color: #006699;
    text-decoration: none;
}

    a:hover {
        /*color: #0;*/
    }

.float-R
{
    float: right !important;
    /*width: 507px;*/
}

.float-L
{
    float: left !important;

}

.align-R
{
    text-align: right;
}

.align-L
{
    text-align: left;
}

.align-C
{
    text-align: center;
}

.bk-mainClmn-R
{
    background: url(../images/bk-ftr-img.gif) top left repeat-y;
    background-color: #313944;
    text-align: left;
    line-height: 1px;
}

.bk-mainClmn-L
{
    background: url(../images/bk-ftr-img.gif) top right repeat-y;
    background-color: #313944;
    text-align: right;
    line-height: 1px;
}

.padding
{
    padding: 10px;
}

.padding-R-L
{
    padding: 0 10px;
}

.padding-row-B
{
    padding-bottom: 10px;
}

.margins
{
    margin: 10px;
}

.margins-R-L
{
    margin-right: 10px;
    margin-left: 10px;
}

.margins-L
{
    margin-left: 10px !important;
}

.margins-T-R-L
{
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
}

.margins-T-B
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.bk
{
    margin-right: auto;
    margin-left: auto;
}

.bk-R
{
    background: url(../images/spikes-R.png) no-repeat left top;
}

.bk-L
{
    background-color: red;
    background: url(../images/spikes-L.png) no-repeat right top;
}

.container
{
    width: 910px;
    margin-right: auto;
    margin-left: auto;
}

.table-main
{
    width: 100%;
    border: 0;
}

.header
{
    width: 910px;
}

    .header .sheikhTxt
    {
        position: absolute;
        margin: 35px 130px 0px 0px;
        width: 235px;
        height: 90px;
        color: white;
        line-height: 150%;
        opacity: 0.75;
        float: right;
        vertical-align: middle;
    }

.headerTop
{
    background: url(../images/headerTop.png) no-repeat center top;
    height: 20px;
    width: 890px;
    color: lightgray;
    padding-top: 4px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 0.9em;
}

    .headerTop a
    {
        color: lightgray;
    }

        .headerTop a:hover
        {
            color: white;
            text-decoration: none;
        }

.headerBkImage
{
    height: 140px;
    background: url(../images/header.png) no-repeat center top;
}

.indexImg
{
    width: 110px;
    height: 130px;
    float: left;
    margin-left: 400px;
}

.contents
{
    border-right: 5px solid #efefef;
    border-left: 5px solid #efefef;
    background-color: white;
    padding: 0;
}

.contents-dark
{
    background-color: #465162;
    padding: 0;
}

.contentsArea
{
    padding: 0;
    border-right-width: 5px;
    border-left-width: 5px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #efefef;
    border-left-color: #efefef;
    background: url(../images/bk-contents.png) bottom repeat-x;
    background-color: white;
}

.contentsBody
{
    vertical-align: top;
}

.contentsClmn
{
    width: 220px;
    vertical-align: top;
    background-color: #efefef;
    padding-right: 5px;
}

.footerLinks
{
    color: dimgray;
    font-size: 0.9em;
    line-height: 2;
}

/*.footerLinks a {
        color: lightgray;
    }

        .footerLinks a:hover {
            color: white;
        }*/

.footer
{
    height: 60px;
    background-image: url(../images/footer.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: left;
    vertical-align: top;
    font-size: 0.9em;
    padding-top: 30px;
    padding-left: 30px;
    color: dimgray;
    padding-right: 30px;
}

    .footer a
    {
        color: gray;
    }

        .footer a:hover
        {
            color: dimgray;
        }

.pageTitle
{
    /*font-family: myFont;*/
    font-family: "Times New Roman", Times, serif;
    font-size: 1.5em;
    color: dimgray;
    vertical-align: middle;
    background: url(../images/bk-title.jpg) top repeat-x white;
    text-shadow: 0 1px 1px #ccc;
    border-right: 2px solid #006699;
    padding: 10px 10px 5px 10px;
    border-bottom: 1px solid #efefef;
}

.pageTitleShadow
{
    background: url(../images/bk-boxFooter-grad.png) 540px top no-repeat;
}

.share
{
    float: right;
    position: relative;
    bottom: 0;
}

.boxLogin
{
    width: 310px;
    border-radius: 0 0 6px 6px;
    background: url('../images/icons/login.png') left center no-repeat #efefef !important;
}

    .boxLogin table tr td
    {
        padding-bottom: 5px;
    }

.boxMain
{
    width: 310px;
    height: 110px;
    padding: 0px;
}

    .boxMain img
    {
        margin: 5px 5px;
        border: 0;
        float: left;
        max-width: 60px;
        max-height: 60px;
    }

.boxHeader
{
    /*font-family: myFont;*/
    font-family: "Times New Roman", Times, serif;
    font-size: 1.2em;
    font-weight: bold;
    color: dimgray;
    background: url(../images/bk-title.jpg) top repeat-x;
    text-shadow: 0 1px 1px #ccc;
    padding: 8px 10px;
    border-right: 2px solid #006699;
    margin: 0px;
}

.boxContents
{
    padding: 5px;
}

.boxTitle-clmn
{
    /*font-family: myFont;*/
    font-family: "Times New Roman", Times, serif;
    font-size: 1.1em;
    font-weight: bold;
    color: gray;
    padding: 0 10px 2px 10px;
    border-right: 2px solid #006699;
    background: url(../images/bk-boxHeader-grad.png) bottom no-repeat #efefef;
    text-shadow: 0 1px 1px #ccc;
}

.boxFooter-clmn
{
    font-family: "Times New Roman", Times, serif;
    height: 10px;
    background-image: url(../images/shadow-B.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.boxFooter
{
    background-color: #ededf5;
    height: 5px;
}

.shadow-B
{
    background-image: url(../images/shadow-B.png);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.date
{
    color: gray;
    font-family: inherit;
    font-size: 0.7em;
    font-style: normal !important;
    font-weight: normal !important;
}

.bk-grayVLight
{
    background-color: #f9fafb;
}

.bk-grayVLight
{
    background-color: #f9fafb;
}

.newspaper
{
    background-color: #3f3f3f !important;
    width: 900px;
    border-right: 5px solid #efefef;
    border-left: 5px solid #efefef;
    border-top: 1px solid #efefef;
    float: right;
    margin: 0;
    padding: 0;
}

.newspaperTitle
{
    width: 86px;
    height: 20px;
    color: lightgray;
    text-align: right;
    float: right;
    padding-top: 3px;
    padding-right: 10px;
    border-left: 1px solid #999;
    margin-left: 10px;
}

.newsticker ul
{
    list-style-type: none;
    margin: 0;
    padding: 3px 10px 0 10px;
}

.newsticker a
{
    color: lightgray;
}

    .newsticker a:hover
    {
        color: white;
    }

.brdr-B-dotted
{
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #55779F;
}

.fnt-gray-light
{
    color: gray;
}

.icon
{
    width: 20px;
    vertical-align: middle;
}

.icon-srvc
{
    height: 35px;
    vertical-align: middle;
}

.util-icons
{
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    color: gray;
    vertical-align: middle;
    background: url(../images/bk-title.jpg) top repeat-x white;
    text-shadow: 0 1px 1px #ccc;
    padding: 10px 10px 5px 10px;
}

.footerIcons-sep
{
    background-image: url(../images/bk-icons-Separator.jpg);
    float: right;
    height: 88px;
    width: 1px;
}

.footerIcons
{
    text-align: center;
    padding: 5px 10px;
    background-color: #8D9AAD;
    width: 70px;
    color: white;
    font-size: 10px;
    border-radius: 5px;
}

    .footerIcons:hover
    {
        background-color: white;
        color: #8D9AAD;
    }

    .footerIcons img
    {
        /*border: white solid 2px;*/
    }

.footerIcons-txt
{
    /*text-align: center;    border: #8D9AAD solid 1px;*/
    padding: 10px;
    color: #bbbbbb;
}

.divHor
{
    background-image: url(../images/divHor.jpg);
    background-repeat: repeat-x;
    background-position: top;
    height: 10px;
    float: left;
    width: 100%;
    color: gray;
    margin: 0;
    padding: 0;
}

.breadCrump
{
    font-size: 11px;
    padding: 0 15px;
    background-color: #efefef;
    /*border-right: 5px solid #efefef;
    border-left: 5px solid #efefef;*/
    border-top: 1px solid white;
}

.search-top
{
    font-size: 0.9em;
    color: gray;
    vertical-align: middle;
    background-color: #E4E4E9;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #efefef;
    padding-top: 0;
    padding-bottom: 0;
}

.breadCrump a
{
    color: gray;
}

    .breadCrump a:visited
    {
        color: gray;
    }

    .breadCrump a:hover
    {
        color: #666666;
    }

.image
{
    border: #efefef solid 1px;
    padding: 1px;
}

a:hover .image
{
    border: #999 solid 1px;
    padding: 1px;
}

.image-details
{
    /*border: #ccc solid 1px;*/
    padding: 2px;
    margin-right: 10px;
    width: 320px;
    max-height: 320px;
    float: left;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.50);
}

.image-thumb
{
    width: 80px;
    border: #efefef solid 1px;
    padding: 1px;
    margin: 5px 5px 5px 0;
}

    .image-thumb:hover
    {
        border: #bbbbbb solid 1px;
        background-color: #efefef;
    }

.imageGallery-div
{
    width: 52px;
    padding: 3px;
    margin-left: 5px;
    margin-bottom: 5px;
    border: lightgray solid 1px;
    background-color: #efefef;
    border-radius: 4px;
    float: right;
}

    .imageGallery-div img
    {
        width: 100%;
        border-radius: 4px;
        border: 0;
        opacity: 0.75;
    }

        .imageGallery-div img:hover
        {
            opacity: 1;
        }

.image-div
{
    border: lightgray solid 1px;
    padding: 10px;
    width: 97%;
    float: right;
    text-align: right;
    background-color: #efefef;
    border-radius: 4px;
}

    .image-div img
    {
        width: 150px;
        margin-left: 20px;
        float: right;
        margin: 10px;
    }

    .image-div .title
    {
        text-align: inherit;
        font-family: "Times New Roman", Times, serif;
        font-size: 1.2em;
        font-weight: bold;
        color: dimgray;
        padding: 10px 5px 0 0;
    }

    .image-div .desc
    {
        float: right;
    }

    .image-div .icons
    {
        float: left;
    }

.bk-dark
{
    color: gray;
    background-color: #444444;
}

.pagingRow
{
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #efefef;
}

    .pagingRow tr td
    {
        text-align: center;
        width: 20px;
        line-height: 3em;
        background: url('../images/bk-boxHeader-grad.png') center bottom repeat-x #fff;
    }

        .pagingRow tr td a
        {
            padding: 10px;
            border-bottom: 2px solid gray;
            border-right: 1px solid gray;
            border-left: 1px solid #efefef;
            border-top: 1px solid #efefef;
            background: url('../images/bk-boxHeader-grad.png') center bottom repeat-x;
        }

            .pagingRow tr td a:not(.pgr):not(select), .pagingRow tr td a:not(.pgr):not(select)
            {
                border-bottom: 2px solid gray;
                background: url('../images/bk-boxHeader-grad.png') center bottom repeat-x #efefef;
            }

                .pagingRow tr td a:not(.pgr):hover, .pagingRow tr td a:not(.pgr):not(select):hover
                {
                    color: white;
                    padding: 10px;
                    border-bottom: 2px solid gray;
                    background: url('../images/bk-boxHeader-grad.png') center bottom repeat-x dimgray;
                }

.details
{
    padding: 0;
}

.details-clmn
{
    padding: 10px;
}

.tab-contents
{
    padding: 10px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #efefef;
    border-bottom-color: #efefef;
    border-left-color: #efefef;
}

.tab-notselected
{
    color: gray;
    background-image: url(../images/bk-tab-slct.jpg);
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #efefef;
    border-right-color: #aaaaaa;
    border-left-color: white;
    text-align: center;
}

    .tab-notselected:hover
    {
        background-image: url(../images/bk-tab-noslct.jpg);
        background-repeat: repeat-x;
        background-position: top;
        cursor: pointer;
    }

.tab-selected
{
    color: gray;
    background-image: url(../images/bk-tab-noslct.jpg);
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #efefef;
    border-left-color: #efefef;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: white;
    text-align: center;
}

.tabs
{
    background-image: url(../images/bk-tab-noslct.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
}

.subTitle
{
    padding: 0px 10px;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.3em;
    font-weight: bold;
    color: inherit;
    border-bottom: 1px solid #efefef;
    background: url(../images/bk-subTitle.jpg) repeat-x bottom;
    text-shadow: 0 1px 1px #ccc;
}

.related-table
{
    width: 100%;
    border: 0;
    margin: 0;
}

    .related-table tr:hover
    {
        /*background: url(../images/bk-block-over.gif) right top repeat-y;*/
        background-color: #efefef;
        text-decoration: none;
        cursor: default;
    }

    .related-table tr td
    {
        text-align: right;
        text-decoration: none;
        padding: 5px;
        border-bottom: 1px solid #efefef !important;
        text-shadow: 0 1px 1px #ccc;
        vertical-align: middle;
        background: url('../images/bk-contents.png') bottom repeat-x;
    }

    .related-table .tdImage
    {
        width: 50px;
        text-align: center;
    }

    .related-table .title
    {
        line-height: normal !important;
        font-family: "Times New Roman", Times, serif;
        font-size: 1em;
    }

    .related-table img
    {
        width: 40px;
        border: #efefef solid 1px;
        padding: 1px;
        float: right;
        margin: 5px 0 5px 5px;
    }

        .related-table img:hover
        {
            border: #bbbbbb solid 1px;
            background-color: #efefef;
            cursor: pointer;
        }

    .related-table .icons
    {
        width: 35px;
    }


.row-table
{
    width: 100%;
    border: 0;
    margin: 0;
}

    .row-table tr:hover
    {
        /*background: url(../images/bk-block-over.gif) right top repeat-y;*/
        background-color: #efefef;
        text-decoration: none;
        cursor: default;
    }

    .row-table tr td
    {
        text-decoration: none;
        padding: 10px;
        border-bottom: 1px solid #efefef !important;
        /*text-shadow: 0 1px 1px #ccc;*/
        vertical-align: middle;
        background: url('../images/bk-contents.png') bottom repeat-x;
    }

    .row-table .tdImage
    {
        width: 95px;
        text-align: center;
    }

    .row-table .title
    {
        font-family: "Times New Roman", Times, serif;
        font-size: 1em;
        font-weight: bold;
    }

    .row-table img
    {
        border: #efefef solid 1px;
        padding: 1px;
        float: right;
    }

        .row-table img:hover
        {
            border: #bbbbbb solid 1px;
            background-color: #efefef;
            cursor: pointer;
        }

    .row-table .icons
    {
        width: 35px;
    }

.searchList
{
    /*width: 100%;*/
    text-decoration: none;
    padding: 10px;
    border-bottom: 1px solid #efefef !important;
    /*text-shadow: 0 1px 1px #ccc;*/
    vertical-align: middle;
    background: url('../images/bk-contents.png') center bottom repeat-x;
}

    .searchList:hover
    {
        /*background: url(../images/bk-block-over.gif) right top repeat-y;*/
        background-color: #efefef;
        text-decoration: none;
        cursor: default;
    }


.info, .success, .warning, .error, .validation
{
    border: solid 3px;
    border-radius: 6px;
    margin: 0 0;
}

.msg
{
    background: url('../images/bk-contents.png') bottom repeat-x;
    border-radius: inherit;
    padding: 20px 45px 20px 20px;
}

.info
{
    color: #00529B;
    background: url('../images/icons/KnobInfo.png') 99% 10px no-repeat;
    background-color: #EAF5FF;
}

.success
{
    color: #4F8A10;
    background: url('../images/icons/KnobValidGreen.png') 99% 10px no-repeat;
    background-color: #F8FCF1;
}

.warning
{
    color: #9F6000;
    background: url('../images/icons/KnobAttention.png') 99% 10px no-repeat;
}

textarea, input[type="text"], input[type="password"], select
{
    border: #fff solid 1px;
    border-radius: 5px;
    font-family: inherit;
    font-size: inherit;
    background: url('../images/form-textField.jpg') repeat-x left top white;
    padding: 5px 3px;
    outline: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.valid
{
    border: #FF6600 solid 1px !important;
}

form
{
    margin: 0;
}

label
{
    display: block;
    cursor: pointer;
}

button, textarea, select
{
    font-family: inherit;
    font-size: inherit;
}

textarea, input[type="text"], input[type="password"], select
{
    width: 175px;
    border: #fff solid 1px;
    border-radius: 5px;
    font-family: inherit;
    font-size: inherit;
    background: url('../images/form-textField.jpg') repeat-x left top white;
    height: auto;
    padding: 5px 3px;
    outline: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

    form input.input-text:focus, form textarea:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus
    {
        outline: none;
        color: black;
        border: #88C6E3 solid 1px;
    }

textarea
{
    width: 175px;
}

.full-textarea
{
    width: 96%;
}

.field-full
{
    width: 96% !important;
}

select
{
    width: 183px;
}

input[type="radio"]
{
    background-position: 0% 0%;
    background-image: none !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

input[type="submit"]
{
    font-family: "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    background: #006699;
    color: #FFF;
    border-radius: 4px;
    border: #20538D solid 1px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    transition-duration: 0.2s;
}

    input[type="submit"]:hover
    {
        background: #004262;
        border: #2A4E77 solid 1px;
        text-decoration: none;
    }

    input[type="submit"]:active
    {
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) inset;
        background: #006699;
        border: #fff solid 1px;
    }

.width-80per
{
    width: 80% !important;
}

.width-40per
{
    width: 40% !important;
}

.noBK
{
    background: none;
}

/*.formTable {
    width: 100%;
    vertical-align: middle;
    background-color: #efefef;
    border: 0;
}

    .formTable tr {
        background: url(../images/bk-form-row.png) bottom repeat-x;
    }

        .formTable tr td {
            padding: 7px 10px;
        }*/

.formTable
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    width: 100%;
    vertical-align: middle;
    /*background-color: #efefef;*/
    background: url(../images/bk-form-stone.jpg) repeat;
    height: 74px;
}

    .formTable tr
    {
        /*background: url(../images/bk-form-row.png) bottom repeat-x;
         background: url(../images/bk-form-row.gif) bottom repeat-x #efefef;*/
        background: url(../images/bk-form-row.gif) bottom repeat-x;
        /*border-bottom: 1px solid lightgray;*/
    }

        .formTable tr td
        {
            padding: 7px 10px;
        }

.formTitle
{
    padding: 10px;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.2em;
    font-weight: bold;
    /*background: url(../images/bk-boxHeader-grad.png) bottom no-repeat white;
    background: url(../images/bk-boxFooter-grad.png) top no-repeat white;
    background: url(../images/bk-form-row.png) bottom repeat-x white;*/
    background: url(../images/bk-form-title.jpg) bottom repeat-x #c2c2c2;
    text-shadow: 0 1px 1px #ccc;
}

.formLabel
{
    text-align: left;
    vertical-align: middle;
    padding-left: 3px;
}

.formFooter
{
    background-position: center top;
    background: url('../images/shadow.png');
    background-repeat: no-repeat;
}

.buttonBig
{
    padding: 20px;
    font-size: 20px;
}

.calendar
{
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    border: #dedede solid 1px;
    border-radius: 5px;
    background-color: white;
    position: fixed;
    z-index: 3;
}

    .calendar .ajax__calendar_dayname
    {
        font-weight: bold;
    }

    .calendar tr
    {
        z-index: 3;
    }

        .calendar tr td
        {
            padding: 1px;
            z-index: 3;
        }

    .calendar .ajax__calendar_today
    {
        color: dimgray;
    }

.heading
{
    font-weight: lighter;
}

.aspView
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    margin: 0;
}

    .aspView th, td
    {
        border: none;
    }

.lineH1
{
    line-height: 0.78em !important;
    letter-spacing: initial;
}

.more
{
    float: left;
    width: 42px;
    height: 12px;
    background: url('../images/more.gif') left center no-repeat #006699;
    border-radius: 3px;
    margin-right: 10px;
    /*margin-left: 5px;*/
}

    .more:hover
    {
        background-color: #00b4ff !important;
    }

.archive
{
    float: right;
    margin: 2px 10px;
    width: 42px;
    height: 20px;
    background: url('../images/archive.gif') left center no-repeat #006699;
    border-radius: 4px;
}

    .archive:hover
    {
        background-color: #00b4ff !important;
    }

.accrdParnt
{
    background-color: lightgray;
    background: url('../images/bk-accordion-up.png') center top repeat-x;
    border-radius: 5px;
    cursor: pointer;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.3em;
    font-weight: bold;
    padding: 10px 15px;
    border-right: 3px solid #006699;
    border-left: 3px solid #006699;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    margin-top: 10px;
}

    .accrdParnt:hover
    {
        background: url('../images/bk-accordion-dn.png') center top repeat-x;
        color: #006699;
    }

.accrdParntSlct
{
    background-color: lightgray;
    background: url('../images/bk-accordion-dn.png') center top repeat-x;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.3em;
    font-weight: bold;
    padding: 10px 15px;
    margin-top: 10px;
    border-right: 3px solid #006699;
    border-left: 3px solid #006699;
    border-top: 1px solid #efefef;
}

    .accrdParntSlct:hover
    {
        color: #006699;
    }

.accrdChild
{
    font-family: "Times New Roman", Times, serif;
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
    background: url('../images/bk-accordion-up.png') center bottom repeat-x;
    border-top: 1px solid white;
    border-bottom: 1px solid lightgray;
    border-right: 15px solid lightgray;
    border-left: 3px solid lightgray;
    padding: 10px 20px 5px 20px;
}

    .accrdChild:hover
    {
        background: url('../images/bk-accordion-dn.png') center bottom repeat-x;
        color: #006699;
    }


.accrdChildSlct
{
    font-family: "Times New Roman", Times, serif;
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
    background-color: white;
    background: url(../images/bk-title.jpg) repeat-x;
    border-right: 15px solid #7a8ca8;
    border-left: 3px solid lightgray;
    border-bottom: none;
    border-top: none;
    padding: 11px 20px 5px 30px;
}

    .accrdChildSlct:hover
    {
        color: #00b4ff;
    }

.accordionContent
{
    cursor: default;
    padding: 10px 20px;
    border-bottom: 1px solid lightgray;
    border-right: 15px solid lightgray;
    border-left: 3px solid lightgray;
    border-top: none;
}

    .accordionContent:hover
    {
        /*cursor: default;*/
    }

.accrdChildLst
{
    cursor: pointer;
    background: url('../images/bk-accordion-dn.png') center bottom repeat-x;
    padding: 10px 20px;
    border-bottom: 1px solid lightgray;
    border-right: 3px solid lightgray;
    border-left: 3px solid lightgray;
    border-top: 1px solid white;
    float: right;
    width: 93%;
}

.downloadIcon, .previewIcon
{
    margin: 2px 5px 0 5px;
    float: right;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background-color: #006699 !important;
}

    .downloadIcon:hover, .previewIcon:hover
    {
        background-color: #00b4ff !important;
    }

.downloadIcon
{
    background: url('../images/icons/icon-download.png') center center no-repeat;
}

.previewIcon
{
    background: url('../images/icons/icon-preview.png') center center no-repeat;
}

.top
{
    float: right;
    width: 35px;
    height: 40px;
    background: url('../images/icons/goTop.png') center center no-repeat white;
    position: fixed;
    bottom: 200px;
    right: 10px;
    border-radius: 5px;
    border: 1px solid lightgray;
    z-index: 9999;
    opacity: 0.75;
    visibility: hidden;
}

    .top:hover
    {
        opacity: 1;
    }

.scrolled
{
    padding: 10px;
    /*height: 150px;*/
    overflow: auto;
}

.show
{
    visibility: visible !important;
}

.hide
{
    visibility: hidden !important;
}

.baloon
{
}

    .baloon div
    {
        color: #ff6600;
        /*background: url('../images/icons/KnobAttention.png') right top no-repeat;*/
        background: #FFFCF0;
        padding: 0px !important;
        margin: 0px !important;
        /*box-shadow: -4px 0px 8px 0px rgba(0,0,0,.6);*/
    }

    .baloon tr
    {
        background: none;
        border: none;
    }

    .baloon td
    {
        color: #ff6600;
        /*background: url('../images/icons/KnobAttention.png') right top no-repeat;
        background: #FFFCF0;*/
        padding: 0px !important;
        margin: 0px !important;
    }

    .baloon .ajax__validatorcallout_popup_ table
    {
        display: none;
        /*border: none;
    background-color: #FFFCF0;*/
        padding: 10px !important;
        padding: 10px;
        background: #FFFCF0;
    }

    .baloon .ajax__validatorcallout_popup_table_row
    {
        vertical-align: top;
        height: 100%;
        /*background-color: transparent;*/
        margin: 0px;
        border: 1px solid black;
        opacity: 0.9;
        padding: 10px;
        background: #FFFCF0;
    }

    .baloon .ajax__validatorcallout_callout_cell
    {
        width: 20px;
        height: 100%;
        text-align: right;
        vertical-align: top;
        padding: 10px;
        background: #FFFCF0;
    }

    .baloon .ajax__validatorcallout_callout_table
    {
        height: 100%;
        background: #FFFCF0;
    }

    .baloon .ajax__validatorcallout_callout_table_row
    {
        padding: 0px;
    }

    .baloon .ajax__validatorcallout_callout_arrow_cell
    {
        padding: 8px 0px 0px 0px;
        text-align: right;
        vertical-align: top;
        font-size: 1px;
        background: #FFFCF0;
    }

        .baloon .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
        {
            font-size: 1px;
            position: relative;
            left: 1px;
            border-bottom: none;
            border-right: none;
            border-left: none;
            width: 15px;
            padding: 0px;
        }

            .baloon .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
            {
                height: 1px;
                overflow: hidden;
                border-top: none;
                border-bottom: none;
                border-right: none;
                padding: 0px;
                margin-left: auto;
            }

    .baloon .ajax__validatorcallout_error_message_cell
    {
        font-family: Tahoma;
        font-size: 11px;
        padding: 5px;
        border-right: none;
        border-left: none;
        width: 100%;
    }

    .baloon .ajax__validatorcallout_icon_cell
    {
        width: 20px;
        padding: 5px;
        background: none;
        border-right: none;
    }

    .baloon .ajax__validatorcallout_close_button_cell
    {
        vertical-align: top;
        padding: 0px;
        text-align: right;
        background: none;
        border-left: none;
    }

        .baloon .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
        {
            border: none;
            text-align: center;
            width: 10px;
            padding: 1px;
            background: none;
            cursor: pointer;
        }

.sideBanner
{
    display: block;
    background: #ebebeb url('../images/bk-sideBanner.jpg') repeat-x top center;
    /*padding: 5px 0px;
    margin: 0px;*/
    vertical-align: middle;
}