﻿#validator {
    display: none;
    z-index: -1;
}

.rgNoRecords td {
    text-align: right !important;
}

.separator {
    background: url(../images/line_hor1.gif) repeat-x right top;
}

.checkbox {
    font-size: 11px;
    padding: 5px 20px 0px 1px;
    margin: 0px;
    text-align: right;
    display: block;
    font-family: Tahoma;
}

.boxSabt {
    width: 800px;
    font-family: Tahoma;
    background: url(../images/box-repeat-big.jpg) center repeat-y
}

.boxSabt_bot {
    width: 800px;
    background: url(../images/box-bot-big.gif) center bottom no-repeat
}

.boxSabt .pad {
    padding: 0 26px;
    padding-bottom: 23px
}

.boxSabt h2 {
    font-size: 24px;
    line-height: 1.2em;
    color: #fff;
    padding: 10px 0 22px 0
}

    .boxSabt h2.center {
        font-size: 30px;
        line-height: 1.2em;
        padding: 4px 0 26px 0;
        letter-spacing: -1px
    }

.boxSabt .button {
    background: url(../images/button2_bg.gif) top repeat-x;
    cursor: pointer
}

    .boxSabt .button span {
        background: url(../images/button2_left.gif) top left no-repeat;
    }

        .boxSabt .button span span {
            background: url(../images/button2_right.gif) top right no-repeat
        }

.btnwrapper {
    width: 95%;
    overflow: hidden;
}

#BtnChkAcc {
    margin: -20px 0px 0px 0px;
    text-align: center;
    font-size: 12px;
}

#SaveBtn {
    padding: 0 0 0 10px;
}

#BtnSehat {
    margin: 0px 0px 0px 0px;
}

.numeric {
    direction: ltr;
    text-align: left;
}

#tblinput, #tblin {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#container, #container_Detail, #containerInput {
    /*background: url('../images/big-container.png') no-repeat;*/
    width: 800px; /*height: 840px;*/
    margin: 0px 0px 0px;
    padding: 0px 0;
    overflow: hidden;
    position: relative;
    font-size: 11px;
    display: inline-block;
    text-align: right;
}

    #container #tblinput, #container_Detail #tblin, #containerInput #tblin {
        margin: 0px 0px;
        font-size: 10px;
        font-weight: normal;
        border-width: 1px;
        border-color: Gray;
        border-style: solid;
        font-family: Tahoma;
        font-size: 11px;
        z-index: 600;
    }

    #container table tr, #container_Detail table tr, #containerInput table tr {
        border: 0px Solid gray;
    }

    #container table td, #container_Detail table td, #containerInput table td {
        padding: 0px 0px;
        color: #666;
        font-family: Tahoma;
        font-size: 11px;
        /*height: 10px;*/
    }

.Password {
    color: #888;
    border: 1px solid #ccc;
    font-family: Tahoma, Verdana, sans-serif;
    font-weight: normal;
    font-size: 11px;
    width: 125px;
    height: 13px;
    padding: 1px 5px 5px 5px;
    margin: 3px 0px 3px 0px;
    border-width: 2px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: right;
    border-radius: 6px;
}

.rcbInput {
    width: 105px !important;
}

.redalert {
    color: #a90329;
}

.Error {
    color: Red;
    text-align: center;
}

body2 {
    background-color: #f9f9f9;
    color: #222;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 11px;
    direction: rtl;
}

.RadComboBox, .RadComboBox_Default {
    font-family: Tahoma, Verdana, sans-serif !important;
    font-size: 11px !important;
    width: 70px !important;
    height: 30px !important;
}

.MultiSelect {
    width: 140px !important;
    color: #888;
    /*border: 1px solid #ccc;*/
    font-family: Tahoma,Verdana,sans-serif;
    font-weight: normal;
    font-size: 11px;
    width: 140px;
    height: 28px;
    margin: 3px 0 3px 0;
    border-width: 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: right;
    border-radius: 6px;
}

    .MultiSelect span.rcbInner {
        padding: 0px;
    }

    .MultiSelect.RadComboBox .rcbInner {
        border-width: inherit !important;
    }

.RadComboBox_Default .rcbReadOnly.rcbExpanded {
    background-image: linear-gradient(#fff,#EAEAEA) !important;
}

.MultiSelect.RadComboBox .t-font-icon {
    height: inherit !important;
}

.MultiSelect.RadComboBox_Default .rcbReadOnly {
    background-image: linear-gradient(white,#fff);
}

    .MultiSelect.RadComboBox_Default .rcbReadOnly.rcbFocused {
        background: #fff !important;
        background-image: linear-gradient(#fff,#fff) !important;
    }

    .MultiSelect.RadComboBox_Default .rcbReadOnly.rcbHovered {
        background: #fff !important;
        background-image: linear-gradient(#fff,#fff) !important;
    }

.MultiSelect.RadComboBox_Default .rcbExpanded .rcbActionButton {
    color: #333 !important;
}

.MultiSelect.RadComboBox .rcbReadOnly .rcbActionButton {
    padding: 0;
    background: #f5f4f4 !important;
    border: 1px solid #CCC !important;
}

.MultiSelect.RadComboBox .rcbReadOnly .rcbInput {
    padding-left: 10px !important;
}

.tip {
    font-family: Tahoma;
    font-size: 12px;
    width: 212px;
    padding-top: 37px;
    overflow: hidden;
    display: none;
    position: absolute;
    z-index: 500;
    text-align: center;
    background: transparent url('../images/tipTop.png') no-repeat top;
}

.tipMid {
    background: transparent url('../images/tipMid.png') repeat-y;
    padding: 0 25px 20px 25px;
}

.tipBtm {
    background: transparent url('../images/tipBtm.png') no-repeat bottom;
    height: 32px;
}

.lblHeader {
    font-size: 13px;
    font-weight: normal;
    color: Maroon;
    font-family: Tahoma;
}

.gridButton {
    background-color: Gray;
    color: Black;
}

    .gridButton:hover {
        background-color: Red;
        color: White;
    }

.panelCenter {
    background-position: center;
    text-align: center;
}

.gridStyle {
    width: 100%;
}

/*
.DDLPos
{
    border: 2px solid red;
    padding: 4px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #CCC;
}
*/
/*
.logintxt
{
    color: #888;
    border: 1px solid #ccc;
    font-family: Tahoma, Verdana, sans-serif;
    font-weight: normal;
    font-size: 11px;
    width: 105px;
    height: 13px;
    padding: 1px 5px 5px 5px;
    margin: 3px 0px 3px 0px;
    border-width: 2px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: right;
    border-radius: 6px;
}
*/
.clear {
    clear: both;
}

#container .form, #container_Detail .form, #containerInput .form {
    margin: 0px 0px 0px 0px;
}

#container .innerleft, #container_Detail .innerleft, #containerInput .innerleft {
    width: 385px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    float: left;
}

#container .innerright, #container_Detail .innerright, #containerInput .innerright {
    width: 386px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    float: right;
}

#container h1 span, #container_Detail h1 span, #containerInput h1 span {
    color: #a90329;
}

#container input[type="text"], #container_Detail input[type="text"], #containerInput input[type="text"],
#container textarea, #container_Detail textarea, #containerInput textarea,
#container input[type="password"], #container_Detail input[type="password"], #containerInput input[type="password"] {
    /* background: url('../images/input.png') no-repeat;*/
    color: #888;
    border: 1px solid #ccc;
    font-family: Tahoma, Verdana, sans-serif;
    font-weight: normal;
    font-size: 11px;
    width: 125px;
    height: 13px;
    padding: 1px 5px 6px 5px;
    margin: 5px 0px 1px 3px;
    border-width: 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: right;
    border-radius: 6px;
}

#container select, #container_Detail select, #containerInput select {
    /*background: url('../images/input.png') no-repeat;*/
    color: #888;
    border: 1px solid #ccc;
    font-family: Tahoma, Verdana, sans-serif;
    font-weight: normal;
    font-size: 11px;
    width: 140px;
    height: 28px;
    padding: 1px 5px 5px 5px;
    margin: 3px 0px 3px 0;
    border-width: 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: right;
    border-radius: 6px;
}

.rcbInputCell {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: right;
    border-radius: 6px;
}

#container .label {
    color: #666;
    font-size: 12px;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 90%;
    text-align: right;
}

#container #container_Detail .label, #containerInput .label {
    color: #666;
    font-size: 12px;
    font-weight: bold;
    /*line-height: 10px;*/
    float: left;
    margin: 0px 0px 0 0px;
    padding: 0px 0px 0px 0px;
    width: 100px;
    text-align: center;
}

#container option, #container_Detail option, #containerInput option {
    padding: 0 0px;
}

#container input.submit, #container_Detail input.submit, #containerInput input.submit {
    background: url('../images/next-small.png') no-repeat;
    border: none;
    cursor: pointer;
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 80px;
    left: 500px;
}

#container input.back, #container_Detail input.back, #containerInput input.back {
    background: url('../images/back-small.png') no-repeat;
    border: none;
    cursor: pointer;
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 80px;
    left: 15px;
}

#container input.send, #container_Detail input.send, #containerInput input.send {
    background: url('../images/BtnSend.png') no-repeat;
    border: none;
    cursor: pointer;
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 80px;
}

#container input.error, #container_Detail input.error, #containerInput input.error,
#container .error, #container_Detail .error, #containerInput .error {
    border: 1px solid red;
}

#container_Detail .checkbox input.error {
    outline: 1px solid red;
}

#container input.valid, #container_Detail input.valid, #containerInput input.valid {
    border: 1px solid #1FFF00;
}
/*
#container .DDLerror, #container_Detail .DDLerror, #containerInput .DDLerror
{
    border: 1px solid red;
}
*/
#container input:focus, #container select:focus, #container_Detail input:focus, #container_Detail select:focus, #containerInput input:focus, #containerInput select:focus {
    border: 1px solid #a90329;
    color: #a90329;
}

#container input.submit:focus, #container_Detail input.submit:focus, #containerInput input.submit:focus {
    border: none;
}

#container input.back:focus, #container_Detail input.back:focus, #containerInput input.back:focus {
    border: none;
}

#container input.send:focus, #container_Detail input.send:focus, #containerInput input.send:focus {
    border: none;
}

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
    border: none;
}

input[type="submit"]:focus, input[type="button"]:focus {
    outline: none;
}

.rcbInput {
    margin: 0px !important;
}

.RadComboBox table[summary="combobox"] {
    margin-top: 3px;
}

#container h1, #container_Detail h1, #containerInput h1 {
    text-align: center;
    font-size: 24px;
    text-shadow: 1px 1px 2px #222;
}

#container h2, #container_Detail h2, #containerInput h2 {
    color: #a90329;
    font-size: 16px;
    text-align: center;
    text-shadow: none;
}

font-face {
    font-family: 'Cantarell';
    src: url(../fonts/Cantarell-Regular.eot);
    src: local('Cantarell'), url('../fonts/Cantarell-Regular.ttf') format('truetype');
}

.pointer {
    cursor: pointer;
}
