/* CONTAINER */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

div.Table {
    direction: ltr;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0px auto 10px auto;
    padding: 0px 0px 10px 0px;
    border: none;
    background-color: transparent;
    font-size: 0pt;
    text-align: center;
    vertical-align: top;
}


    /* Hyper Link */
    /* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

    div.Table a {
        display: inline-block;
        width: 100%;
        height: 20px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border: none;
        background-color: transparent;
        font-family: Tahoma;
        font-size: 9pt;
        text-align: left;
        text-decoration: none;
        vertical-align: top;
        cursor: pointer;
        color: #a3238e;
    }

        div.Table a:hover {
            text-decoration: underline;
        }
    /* Span */
    /* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

    div.Table span.Title {
        display: inline-block;
        width: 100px;
        height: 20px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 5px 10px;
        border: none;
        background-color: transparent;
        font-family: Arial;
        font-size: 13pt;
        letter-spacing: 0px;
        text-align: right;
        vertical-align: top;
        color: inherit;
        cursor: default;
    }

span.Label {
    direction: rtl;
    display: inline-block;
    min-height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    background-color: transparent;
    font-family: Tahoma;
    font-size: 9pt;
    text-align: right;
    vertical-align: top;
    cursor: default;
}

span.Label_100 {
    width: 700px;
}

span.Label_50 {
    width: 234px;
}

/* Drop Down List */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

div.Table select.DropDownList {
    display: inline-block;
    width: 320px;
    height: 27px;
    margin: 0px 0px 0px 0px;
    padding: 2px 5px 1px 5px;
    border: solid 1px black;
    background-color: white;
    font-family: Tahoma;
    font-size: 9pt;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}

    div.Table select.DropDownList option {
        height: 20px;
        padding: 3px 3px 3px 3px;
        text-align: center;
        -webkit-transition: ease-in-out 0.3s;
        -moz-transition: ease-in-out 0.3s;
        -o-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
    }

        div.Table select.DropDownList option select:hover {
            background-color: #a3238e;
        }

/* Button */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

div.Table input[type='button'], div.Table input[type='submit'] {
    width: 130px;
    height: 35px;
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 0px 0 !important;
    border: solid 1px black;
    background-color: white;
    font-family: Arial;
    font-size: 13pt;
    text-align: center;
    color: black;
    cursor: pointer;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}

    div.Table input[type='button']:hover, div.Table input[type='submit']:hover {
    border: solid 1px  #ed1c24;    
        background-color: #ed1c24;
        color : white;
    }



/* Text Box */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

div.Table input[type=text], div.Table input[type=password] {
    display: inline-block;
    height: 15px;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    border: solid 1px black;
    background-color: white;
    background-position: bottom right;
    background-repeat: repeat-x;
    font-family: ffyekan;
    font-size: 13pt;
    vertical-align: top;
    color: #464646;
    -webkit-transition: ease-out 0.3s;
    -moz-transition: ease-out 0.3s;
    -ms-transition: ease-out 0.3s;
    -o-transition: ease-out 0.3s;
    transition: ease-out 0.3s;
}



    div.Table input[type=text].Textbox_100_RTL, div.Table input[type=password].Textbox_100_RTL {
        direction: rtl;
        width: 576px;
        text-align: right;
    }

    div.Table input[type=text].Textbox_100_LTR, div.Table input[type=password].Textbox_100_RTL {
        direction: ltr;
        width: 576px;
        text-align: left;
    }

    div.Table input[type=text].Textbox_50_RTL, div.Table input[type=password].Textbox_50_RTL {
        direction: ltr;
        width: 220px;
        text-align: center;
    }

    div.Table input[type=text].Textbox_50_LTR, div.Table input[type=password].Textbox_50_LTR {
        direction: ltr;
        width: 220px;
        text-align: center;
    }


/* Text Area */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

div.Table textarea {
    display: inline-block;
    height: 100px;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    border: solid 1px black;
     background-color: white;
    background-position: top right;
    background-repeat: repeat;
    background-attachment : scroll;
    font-family: Arial;
    font-size: 13pt;
    vertical-align: top;
    color: black;
    resize: none;
    overflow-x : hidden;
    
    -webkit-transition: ease-out 0.3s;
    -moz-transition: ease-out 0.3s;
    -ms-transition: ease-out 0.3s;
    -o-transition: ease-out 0.3s;
    transition: ease-out 0.3s;
}


    div.Table textarea.Textbox_100_RTL {
        direction: ltr;
        width: 562px;
        text-align: left;
    }

    div.Table textarea.Textbox_100_LTR {
        direction: ltr;
        width: 730px;
        text-align: left;
    }

    div.Table textarea.Textbox_50_RTL {
        direction: ltr;
        width: 328px;
        text-align: left;
    }

    div.Table textarea.Textbox_50_LTR {
        direction: ltr;
        width: 298px;
        text-align: left;
    }


/* Check Box */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

div.Table input[type=checkbox] {
    display: inline-block;
    height: 25px;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    border: none;
    background-color: transparent;
    text-align: right;
    cursor: pointer;
}



/* FILE UPLOAD */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

div.Table input[type=file] {
    display: inline-block;
    width: 200px;
    height: 25px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: solid 1px black;
    background-color: white;
    font-family: Tahoma;
    font-size: 9pt;
    vertical-align: top;
    cursor: pointer;
}

/* IMAGE */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

div.Table img {
    display: block;
    min-width: 150px;
    max-width: 250px;
    margin: 20px auto 20px auto;
    padding: 0px 0px 0px 0px;
    border: solid 3px #a3238e;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: top;
    cursor: default;
}

/* IFRAME */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

div.Table iframe {
    display: inline-block;
    width: 734px;
    height: 500px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: solid 3px gray;
    background-color: white;
    font-family: 'Homa';
    font-size: 13pt;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}

    div.Table iframe:hover {
        border: solid 3px #b028b0;
    }

    div.Table iframe:focus {
        border: solid 3px #b028b0;
    }


/* CKEDITOR */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

div.Table div.CKEditor {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: solid 3px gray;
    background-color: gray;
    font-size: 13pt;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}

    div.Table div.CKEditor:hover {
        border: solid 3px #b028b0;
    }

    div.Table div.CKEditor:focus {
        border: solid 3px #b028b0;
    }

/* SEARCH TOOLS */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */
#SearchTools {
    display: block;
    width: 900px;
    margin: 0px auto 30px auto;
    padding: 0px 0px 0px 0px;
    border: none;
    background-color: aqua;
    font-size: 0pt;
}

    #SearchTools input[type=text] {
        display: inline-block;
        width: 747px;
        height: 50px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border: solid 3px gray;
        border-right: none;
        background-color: white;
        font-family: Homa, Tahoma;
        font-size: 17pt;
        text-align: center;
        color: black;
        -webkit-transition: ease-in-out 0.3s;
        -moz-transition: ease-in-out 0.3s;
        -ms-transition: ease-in-out 0.3s;
        -o-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
    }

        #SearchTools input[type=text]:hover {
            border: solid 3px #b028b0;
            border-right: none;
        }

        #SearchTools input[type=text]:focus {
            border: solid 3px #b028b0;
            border-right: none;
        }

    #SearchTools input[type=submit] {
        display: inline-block;
        width: 150px;
        height: 56px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border: none;
        background-color: #b028b0;
        background-image: url(../Images/MasterPage/Search.png);
        background-position: center center;
        background-repeat: no-repeat;
        font-family: Homa, Tahoma;
        font-size: 0pt;
        text-align: center;
        vertical-align: top;
        color: black;
        cursor: pointer;
        -webkit-transition: ease-in-out 0.3s;
        -moz-transition: ease-in-out 0.3s;
        -ms-transition: ease-in-out 0.3s;
        -o-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
    }



/* LISTBOX */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

div.Table .ListBox {
    direction: ltr;
    display: inline-block;
    width: 280px;
    height: 230px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: solid 3px gray;
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: 'Homa';
    font-size: 13pt;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    color: black;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}

    div.Table .ListBox:hover {
        border: solid 3px #b028b0;
    }

    div.Table .ListBox:focus {
        border: solid 3px #b028b0;
    }

    div.Table .ListBox option {
        -webkit-transition: ease-in-out 0.3s;
        -moz-transition: ease-in-out 0.3s;
        -ms-transition: ease-in-out 0.3s;
        -o-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
    }


/* Image */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */
div.Table img {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: solid 1px black;
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    font-family: Tahoma;
    font-size: 9pt;
    text-align: center;
    vertical-align: top;
    cursor: default;
    color: black;
}

    div.Table img.Central {
        display: block;
        width: 150px;
        margin: 0px auto 0px auto;
    }

/* Captcha Objects */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

div.Table input.RefreshButton {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0px 77px 0px 0 !important;
    padding: 0px 0px 0px 0px;
    border: none;
    background-color: black;
    background-image: url(/App_Contents/Images/shared/Refresh.png);
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 9pt;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: ease-out 0.3s;
    -moz-transition: ease-out 0.3s;
    -ms-transition: ease-out 0.3s;
    -o-transition: ease-out 0.3s;
    transition: ease-out 0.3s;
}

    div.Table input.RefreshButton:hover {
        border: none;
        background-color: #ed1c24;
    }

div.Table input.CaptchaTextBox {
    width: 70px;
    height: 15px;
    margin: 0px 0px 0px 10px;
    background-color : white;
    font-family: ffyekan;
    font-size: 13pt;
    text-align: center;
    text-transform: uppercase;
}

div.Table img.CaptchaImage {
    min-width: 100px;
    max-width: 100px;
    height: 27px;
    margin: 0px 10px 0px 10px;
    padding: 0px 0px 0px 0px;
    border: none;
    vertical-align: top;
}




/* GridView Styles */
/* ---------------------------------------- */

div.GridView {
    direction: rtl;
    width: 700px;
    min-height: 50px;
    border: none;
    border-top: solid 1px black;
    background-color: gray;
    overflow: hidden;
}

table.GridView {
    direction: rtl;
    width: inherit;
    max-width: 700px;
    height: auto;
    border: solid 1px Black;
    margin: 0px 0px 0px 0px;
    background-color: white;
    font-family: Tahoma;
    font-size: 9pt;
}

.ItemStyle {
    border: solid 1px black;
}

.FooterStyle {
    border: solid 1px Black;
    background-color: Transparent;
}

.HeaderStyle {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    border: solid 1px black;
    background-color: #a3238e;
    font-weight: bold;
    text-align: center;
    color: White;
}



.PagerStyle {
    border: dotted 2px #ed1c24;
    border-top: solid 1px #ed1c24;
}

.RowStyle {
    background-color: Transparent;
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -ms-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    transition: all linear 0.5s;
}

    .RowStyle:hover {
        border: solid 1px black;
        background-color: lightgray;
        color: black;
    }

.SelectedRowStyle {
    background-color: #a3238e;
}

.SortedAscendingCellStyle {
    background-color: LightBlue;
    text-align: center;
}

.SortedAscendingHeaderStyle {
    background-color: LightSeaGreen;
    border: solid 1px black;
}

.SortedDescendingCellStyle {
    background-color: LightBlue;
    text-align: center;
}

.SortedDescendingHeaderStyle {
    background-color: LightSeaGreen;
    border: solid 1px black;
}

.HiddenField {
    display: none;
}



article {
    text-align : justify;
}