@font-face {
    font-family: FarsiFont;
    src: url('fonts/BMitra.ttf');
}

@font-face {
    font-family: FarsiFontIE;
    src: url('fonts/BMitra.eot');
}

body {
    font-family: FarsiFont,FarsiFontIE;
    background-repeat: repeat;
    background-image: url('images/NewBG.jpg');
    background-attachment: fixed;
    color: Black;
    overflow-x: hidden;
    font-size: 1.3em;
    font-weight: bold;
}

#BookingNumberTD, #BookingStatusTD {
    font-size: 16px;
}


.NewButton {
    font-size: 1.2em;
    font-weight: normal;
    border: 1px solid #999;
    -moz-border-radius: 5px;
    padding: 5px;
    color: #FFFFFF;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px 1px gray;
    margin-right: 0px;
    cursor: pointer;
    font-family: FarsiFont,FarsiFontIE;
    background-color: #471E08;
    width: 100px;
    margin-left: 16px;
    margin-top: 5px;
    height: 45px;
    line-height: 20px;
}

.BodyContent {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    /*display:none;*/
}

.BackgroundGradient {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1000;
    background: url('images/BackgroundGradient.png') repeat-x;
}

.Border {
    position: relative;
    z-index: 1;
    overflow: hidden;
    /*padding: 18px 18px 18px 18px;*/
    color: #000;
    font-size: 1.1em;
}

    .Border a {
        color: #000;
        text-decoration: underline;
    }

        .Border a:visited {
            color: #000;
            text-decoration: underline;
        }

        .Border a:hover {
            color: #000;
            text-decoration: none;
        }

.BorderTL, .BorderTR, .BorderBL, .BorderBR, .BorderL, .BorderT, .BorderR, .BorderB, .BorderC {
    position: absolute;
    z-index: -1;
    overflow: hidden;
}

.BorderTL, .BorderTR, .BorderBL, .BorderBR {
    width: 55px;
    height: 55px;
}

.BorderTL {
    top: 0;
    left: 0;
    background-image: url('images/BorderCorners.png');
}

.BorderTR div, .BorderBL div, .BorderBR div {
    height: 110px;
    width: 110px;
    position: absolute;
    z-index: -1;
    background-image: url('images/BorderCorners.png');
}

.BorderTR div {
    left: -55px;
}

.BorderBL div {
    top: -55px;
}

.BorderBR div {
    left: -55px;
    top: -55px;
}

.BorderTR {
    top: 0;
    right: 0;
}

.BorderBL {
    bottom: 0;
    left: 0;
}

.BorderBR {
    bottom: 0;
    right: 0;
}

.BorderT, .BorderB {
    left: 55px;
    right: 55px;
    height: 55px;
}

.BorderT {
    top: 0;
    background-image: url('images/BorderHorizontal.png');
}

.BorderB {
    bottom: 0;
}

    .BorderB div {
        position: absolute;
        z-index: -1;
        top: -55px;
        height: 110px;
        width: 100%;
        background-image: url('images/BorderHorizontal.png');
    }

.BorderL, .BorderR {
    top: 55px;
    bottom: 55px;
    width: 55px;
}

.BorderL {
    left: 0;
    background-image: url('images/BorderVertical.png');
}

.BorderR {
    right: 0;
}

    .BorderR div {
        position: absolute;
        z-index: -1;
        left: -55px;
        width: 110px;
        height: 100%;
        background-image: url('images/BorderVertical.png');
    }

.BorderC {
    left: 55px;
    top: 55px;
    right: 55px;
    bottom: 55px;
    background-image: url('images/BorderCenter.png');
}

.BorderBorder {
    width: 95%;
    margin: 10px auto;
}

.Header {
    position: relative;
    background-image: url('images/NewHeader.jpg');
    /*background-image: url('images/header.png');*/
    
    background-repeat: no-repeat;
    height: 130px;
    color: #FFF;
}

.Menu {
    background: transparent url('images/MenuBar1.png') no-repeat;
    margin: 0;
    text-align: Center;
}

    .Menu ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        color: #FFF;
    }

    .Menu li {
        display: inline;
        padding: 0;
        margin: 0;
        position: relative;
    }

        .Menu li ul {
            display: none;
            margin-top: 10px;
            color: #FFF;
            position: absolute;
            left: 0;
            top: 100%;
        }

.Columns {
    overflow: hidden;
    float: left;
    width: 100%;
}

.Column1 {
    overflow: hidden;
    float: right;
    width: 80%;
}

.Column2 {
    overflow: hidden;
    float: right;
    width: 0;
}

.MainColumn {
    overflow: hidden;
    padding: 0 1% 0 1%;
}

img {
    border: 0;
}

h2 {
    margin: 0;
}

blockquote {
    width: 80%;
    color: #FFF;
    border: solid 1px #5CA3D6;
    background: #24628F;
    margin: 0 auto;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

    blockquote a, blockquote a:link {
        color: #E8F2FB !important;
        text-decoration: underline;
    }

        blockquote a:visited {
            color: #E8F2FB !important;
            text-decoration: underline;
        }

        blockquote a:hover {
            color: #FFF !important;
            text-decoration: none;
        }

.Article {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 10px 10px 10px 10px;
    color: #000;
    font-size: 0.8em;
    margin: 0;
    top: 0px;
    left: 0px;
}

    .Article a {
        color: #000;
        text-decoration: underline;
    }

        .Article a:visited {
            color: #000;
            text-decoration: underline;
        }

        .Article a:hover {
            color: #000;
            text-decoration: none;
        }

    .Article h2 {
        color: #000;
        font-size: 1.1em;
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
    }

        .Article h2 a, .Article h2 a:visited {
            color: #000;
            text-decoration: none;
        }

            .Article h2 a:hover {
                text-decoration: underline;
            }

.Block {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 0;
    color: #000;
    font-size: 1em;
    margin: 0;
}

    .Block a {
        color: #000;
        text-decoration: underline;
    }

        .Block a:visited {
            color: #000;
            text-decoration: underline;
        }

        .Block a:hover {
            color: #000;
            text-decoration: none;
        }

.BlockHeader {
    border: 0;
    margin: 0;
    background: transparent url('images/BlockHeaderAnchor.png') no-repeat top left;
    position: relative;
    overflow: hidden;
    height: 25px;
    padding: 0 0 0 18px;
    display: block;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    vertical-align: middle;
    zoom: 1;
}

    .BlockHeader span {
        border: 0;
        margin: 0;
        background: transparent url('images/BlockHeader.png') no-repeat right top;
        display: block;
        position: relative;
        color: #FFF;
        line-height: 15px;
    }

    .BlockHeader span {
        padding: 5px 18px 5px 0;
    }

.BlockHeader {
    margin: 0 0 7px 0;
}

.BlockContentBorder {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 5px 5px 5px 5px;
    color: #FFF;
    font-size: 1em;
}

    .BlockContentBorder a {
        color: #E8F2FB;
        text-decoration: underline;
    }

        .BlockContentBorder a:visited {
            color: #E8F2FB;
            text-decoration: underline;
        }

        .BlockContentBorder a:hover {
            color: #FFF;
            text-decoration: none;
        }

.BlockContentBorderBorder {
    z-index: 0;
    position: relative;
    margin: 5px;
}

.BlockContentBorderTL, .BlockContentBorderTR, .BlockContentBorderBL, .BlockContentBorderBR, .BlockContentBorderL, .BlockContentBorderT, .BlockContentBorderR, .BlockContentBorderB, .BlockContentBorderC {
    position: absolute;
    z-index: -1;
    overflow: hidden;
}

.BlockContentBorderTL, .BlockContentBorderTR, .BlockContentBorderBL, .BlockContentBorderBR {
    width: 8px;
    height: 8px;
}

.BlockContentBorderTL {
    top: 0;
    left: 0;
    background-image: url('images/BlockContentBorderCorners.png');
}

.BlockContentBorderTR div, .BlockContentBorderBL div, .BlockContentBorderBR div {
    height: 16px;
    width: 16px;
    position: absolute;
    z-index: -1;
    background-image: url('images/BlockContentBorderCorners.png');
}

.BlockContentBorderTR div {
    left: -8px;
}

.BlockContentBorderBL div {
    top: -8px;
}

.BlockContentBorderBR div {
    left: -8px;
    top: -8px;
}

.BlockContentBorderTR {
    top: 0;
    right: 0;
}

.BlockContentBorderBL {
    bottom: 0;
    left: 0;
}

.BlockContentBorderBR {
    bottom: 0;
    right: 0;
}

.BlockContentBorderT, .BlockContentBorderB {
    left: 8px;
    right: 8px;
    height: 8px;
}

.BlockContentBorderT {
    top: 0;
    background-image: url('images/BlockContentBorderHorizontal.png');
}

.BlockContentBorderB {
    bottom: 0;
}

    .BlockContentBorderB div {
        position: absolute;
        z-index: -1;
        top: -8px;
        height: 16px;
        width: 100%;
        background-image: url('images/BlockContentBorderHorizontal.png');
    }

.BlockContentBorderL, .BlockContentBorderR {
    top: 8px;
    bottom: 8px;
    width: 8px;
}

.BlockContentBorderL {
    left: 0;
    background-image: url('images/BlockContentBorderVertical.png');
}

.BlockContentBorderR {
    right: 0;
}

    .BlockContentBorderR div {
        position: absolute;
        z-index: -1;
        left: -8px;
        width: 16px;
        height: 100%;
        background-image: url('images/BlockContentBorderVertical.png');
    }

.BlockContentBorderC {
    left: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
    background-image: url('images/BlockContentBorderCenter.png');
}

.Button, .ButtonInput {
    border: 0;
    margin: 0;
    background: transparent url('images/ButtonAnchor.png') no-repeat top left;
    position: relative;
    overflow: hidden;
    height: 31px;
    padding: 0 0 0 21px;
    display: inline-block;
    color: #FFF;
    font-size: 1em;
    vertical-align: middle;
    zoom: 1;
}

    .Button span, .ButtonInput span {
        border: 0;
        margin: 0;
        background: transparent url('images/Button.png') no-repeat right top;
        display: block;
        position: relative;
        color: #FFF;
        line-height: 15px;
    }

    .Button span {
        padding: 8px 21px 8px 0;
    }

    .ButtonInput span {
        padding: 0 21px 0 0;
        height: 31px;
    }

    .ButtonInput input {
        color: #FFF;
        border-style: none;
        border-color: inherit;
        border-width: 0;
        font-size: 1em;
        color: inherit;
        height: 31px;
        padding: 0 21px;
        margin: 0 -21px;
        overflow: visible;
        cursor: pointer;
        left: -21px;
    }

    .ButtonInput::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
        border: none;
    }

    .Button, .Button:link, .Button:visited, .Button:hover, .Button:active {
        text-decoration: none !important;
        outline: none;
    }

        .Button:hover, .ButtonInput:hover {
            background-position: left center;
        }

            .Button:hover span, .ButtonInput:hover span {
                background-position: right center;
                color: #FFF;
            }

        .Button:active, .ButtonInput:active {
            background-position: left bottom;
        }

            .Button:active span, .ButtonInput:active span {
                background-position: right bottom;
                color: #000;
            }

.Footer {
    color: #FFF;
    font-size: 1em;
    text-align: Center;
    background: center bottom;
    padding: 5px 0px 5px 0px;
    -webkit-border-bottom-right-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    background-color: #411C07;
    z-index: 0;
    float: left;
    width: 100%;
}

    .Footer a {
        color: #FFF;
        text-decoration: underline;
    }

        .Footer a:visited {
            color: #FFF;
            text-decoration: underline;
        }

        .Footer a:hover {
            color: #FFF;
            text-decoration: none;
        }

.BackLink {
    text-align: center;
    display: block;
    display: block;
    font-size: 1em;
    padding: 0 0 12px;
    color: #000;
}

    .BackLink a {
        color: #000;
    }

.Span {
    width: 120px;
    margin-left: 10px;
}

.Span {
    margin-left: 10px;
}

.Span {
    width: 120px;
    margin-left: 10px;
}


.Span {
    width: 118px;
    margin-left: 10px;
}


.Span {
    width: 117px;
    margin-left: 10px;
}


.Span {
    width: 114px;
    margin-left: 10px;
}


.Span {
    width: 113px;
    margin-left: 10px;
}


.Span {
    margin-left: 10px;
}

.gridview {
    background: rgba(129, 79, 58, .7);
    /*   background-color: #A5731C;*/
    border-bottom-color: Black;
    cursor: pointer;
    color: white;
    overflow: auto;
    font-family: FarsiFont,FarsiFontIE;
    text-align: center;
}

    .gridview th {
        border: 1px solid black;
        background-color: #471E08;
        color: white;
        height: 30px;
        font-size: 1.3em;
    }

        .gridview th a {
            font-weight: bold;
            color: white;
        }

        .gridview th : hover {
            background-color: #471E08;
        }

    .gridview tr td {
        border: 1px solid #333333;
        cursor: pointer;
        color: #000000;
        font-size: 1.4em;
    }

    .gridview tr:hover {
        background-color: #EBB943;
        box-shadow: 1px 1px 2px Black,2px 1px 3px gray;
        border-radius: 8px;
    }


    .gridview tr td {
        border: 1px solid #333333;
        cursor: pointer;
        color: #000000;
    }

    .gridview tr:hover {
        background-color: #e3d6cd;
        /*background-color: #EBB943;*/
        box-shadow: 1px 1px 2px Black,2px 1px 3px gray;
        border-radius: 8px;
    }


.gridviewPager {
    background-color: #fff;
    padding: 2px;
    margin: 2% auto;
}

    .gridviewPager a {
        margin: auto 1%;
        border-radius: 10%;
        background-color: #444;
        padding: 5px 10px 5px 10px;
        color: #fff;
        text-decoration: none;
        -o-box-shadow: 1px 1px 1px #111;
        -moz-box-shadow: 1px 1px 1px #111;
        -webkit-box-shadow: 1px 1px 1px #111;
        box-shadow: 1px 1px 1px #111;
    }

    .gridviewPager input {
        cursor: pointer;
        margin: auto 1%;
        border-radius: 10%;
        background-color: #444;
        padding: 5px 10px 5px 10px;
        color: #EBB943;
        text-decoration: none;
        -o-box-shadow: 1px 1px 1px #111;
        -moz-box-shadow: 1px 1px 1px #111;
        -webkit-box-shadow: 1px 1px 1px #111;
        box-shadow: 1px 1px 1px #111;
    }

        .gridviewPager input:hover {
            background-color: #e3d6cd;
            /*background-color: #663300;*/
            color: #fff;
        }

    .gridviewPager a:hover {
        background-color: #e3d6cd;
        /*background-color: #663300;*/
        color: #fff;
    }

    .gridviewPager span {
        background-color: #491807;
        color: #fff;
        -o-box-shadow: 1px 1px 1px #111;
        -moz-box-shadow: 1px 1px 1px #111;
        -webkit-box-shadow: 1px 1px 1px #111;
        box-shadow: 1px 1px 1px #111;
        border-radius: 10%;
        padding: 5px 10px 5px 10px;
    }

.textBoxx:hover {
    border: 1px solid Brown;
}

.textBoxx {
    font-family: FarsiFont,FarsiFontIE;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: bold;
    padding: 2px;
    border: 1px solid #333333;
    font-weight: bold;
    border-radius: 4px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #e3d6cd;
    /*background-color: #DCDDBB;*/
    margin-top: 0px;
}

.label {
    color: #FBD437;
    font-size: 1.1em;
}

.MyDd {
    font-family: FarsiFont,FarsiFontIE;
    font-size: 1.2em;
    background-color: #e3d6cd;
    border: 1px solid #333333;
    font-weight: bold;
    border-radius: 4px;
    margin-right: 0px;
    margin-left: 0px;
    height: 30px;
    width: 174px;
}

.divProgress {
    z-index: 200;
    position: absolute;
    top: 35%;
    left: 40%;
}

.tab {
    position: relative;
    background: #DFDCBB; /*background-image: linear-gradient(to bottom, #fff, #ddd);*/
    padding: .7em 3.5em;
    float: left;
    text-decoration: none;
    color: #491807;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    border-radius: 5px 0 0 0;
    box-shadow: 0 2px 2px rgba(0,0,0,.4);
    font-family: 'Bodoni MT';
    font-size: 1em;
    top: 0px;
    left: 0px;
}

.selectTab {
    background: #491807;
    color: white;
    z-index: 3;
}

.balun {
    border-color: #999966;
    border-style: inset;
    background-color: #FFFFCC;
    color: #663300;
    padding: 1.2%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    float: left;
    position: absolute;
    right: 2%;
    margin-top: -1.1%;
    visibility: hidden;
    line-height: 2%;
    font-size: 0.5em;
}

.DivTime {
    /*margin: 1% 0px 0px 0.5%; 
    background-repeat: no-repeat;
    padding: 2%;
    height: 4%;
    background-color: #471E08;
    vertical-align: bottom;*/
    color: #FFF;
}

.HeaderForDayEnd {
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#264599,endColorstr=#26ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff);
    z-index: 0;
    top: 0px;
    left: 0px;
    width: 80%;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom: 2px Navy inset;
    box-shadow: 1px 2px 3px white,2px 3px 1px gray; /*background: rgba(220,233,120,0.8);*/
    background-image: url('images/DayEndBackGround.png');
}

.ExtendedTotal {
    color: #B90000;
}

.attach input {
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #999;
    -moz-border-radius: 5px;
    padding: 5px;
    color: #FFFFFF;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px 1px gray;
    margin-right: 0px;
    height: 40px;
    cursor: pointer;
    font-family: 'Bodoni MT';
    background-color: #471E08;
    width: 100px;
    margin-left: 16px;
    margin-top: 5px;
}

    .attach input[type=file] {
        border-style: none;
        color: transparent;
        background-color: transparent;
        margin: 0px;
        height: 0px;
        display: none;
    }

.attach a {
    font-size: 1em;
    font-weight: bold;
    color: #770000;
    text-decoration: none;
}

.filelink {
    color: #471E08 !important;
    font-size: 1em !important;
    text-decoration: underline !important;
}

    .filelink:visited {
        color: #001C6F !important;
        font-size: 1em !important;
        text-decoration: underline !important;
    }