/* CSS Document by Shail Bala Singh */
body {
    background:  url(../images/bg_strip.jpg) repeat-x;
    font-size: 12px;
    font-family: Arial Unicode MS,Arial, Helvetica, sans-serif;
    line-height: 20px;
    /*background-color:#9eb09e;*/
}

h1, h2, h3, h4 {
    margin: 0px;
    padding: 0px;
}

h1 {
    font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #5c2602;
    padding: 10px 0px;
}

    h1 span {
        color: #5c2602;
    }

h2 { /*background: url("images/common/arrow.png") no-repeat scroll 0 0 transparent; border-bottom: 0px solid #9F4E00;*/
    color: #AB4401;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    margin: 15px 0;
    padding: 0 0 0px 5px;
}

h3 {
    color: #3B1C00;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    margin: 5px 0;
    padding: 0 0 0 7px;
}

a {
    color: #9D3D00;
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
}

#black_strip {
    position: absolute;
    top: 141px; /*background:#000;*/
    height: 40px;
    width: 50%;
    right: 0px;
    z-index: 999;
}

.mainheading {
    font: normal 19px Trebuchet MS;
    border-bottom: 1px dashed #900;
    padding: 10px 0px;
    color: #400000;
}

.go_home {
    float: right;
    padding: 5px;
    background: #6EB6D3;
    color: #fff;
    border: 1px solid #447689;
    border-radius: 6px;
    font-size: 12px;
    font-family: Verdana;
    text-decoration: none;
}

    .go_home:hover {
        background: #A94301;
    }

.heading {
    padding-bottom: 5px;
    margin-bottom: 15px;
}

h1 {
    color: #954105;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 0 0;
    text-align: left;
    font-family: arial;
    border-bottom: 1px dotted #dee2d9;
    line-height: 30px;
}


h7 {
    padding-top: 10px;
    float: left;
    color: #646b5e;
    font-size: 16px;
    font-weight: bold;
}

h5 {
    text-align: center;
    color: #646b5e;
    font-size: 16px;
    background: #f9f9f9;
    border-bottom: 1px solid #ccc;
    padding: 5px 0px;
}

h4 {
    color: #646b5e;
    font-size: 12px;
    padding: 0 5px;
    line-height: 30px;
}

    h4 a {
        color: #646b5e;
        text-decoration: none;
    }

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

.welcome {
    color: #325278;
    padding-top: 2px;
}

#wraper {
    width: 1000px;
    margin: 0 auto !important;
    position: relative;
    z-index: 9999;
}

#header {
    background: url(../images/header.jpg) no-repeat;
    width: 100%;
    height: 144px;
    margin: 0px;
    padding: 0px;
}

#midwraper {
    width: 100%;
    padding: 0px 5px 0px 5px;
    background: #fff;
    font-size: 12px;
    position: relative;
    min-height: 500px; /*box-shadow:0px 0px 10px #000;*/
}

.top_menu {
    position: absolute;
    right: 0px;
    float: right;
    text-align: right;
    height: 37px;
    padding-left: 43px;
    background: url(images/menu_back.jpg) no-repeat left top;
    color: #fff;
    line-height: 32px;
    padding-right: 20px;
}

    .top_menu a {
        text-decoration: none;
        color: #fff;
    }

.main_bg {
    background: url(../images/main_bg.jpg) no-repeat center top;
    height: 502px;
    position: relative;
}

.main_bg1 {
    background-color: #FFF;
    height: auto;
}

.home_links {
    list-style: none;
    position: absolute;
    left: 255px;
    top: 90px;
    background: none;
}

    .home_links li {
        background: url(../images/hand_icon.png) no-repeat 0px 6px;
        height: 36px;
        padding-left: 40px;
    }

        .home_links li a {
            text-decoration: none;
            color: #000;
            font-weight: bold;
            display: block;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            padding: 8px 0 0 0;
        }

            .home_links li a:hover {
                color: #900;
                padding-left: 5px;
            }

.error_msg {
    background: url(images/ui-bg_diagonals-thick_18_b81900_40x40.png);
    border: 1px solid #CD0A0A;
    padding: 9px;
    margin: 10px;
    color: #fff;
}

    .error_msg span {
        background: url(images/error.jpg) no-repeat 0px 4px;
        padding-left: 18px;
        font-size: 14px;
        font-weight: bold;
    }

.login {
    width: 330px;
    margin: 0 auto;
    background: #f9fdf3 url(images/login_bg.jpg) repeat-x;
    border: 1px solid #b8bcb0;
    border-radius: 8px;
    padding: 5px;
    color: #646b5e;
}

    .login h1 {
        color: #954105;
        font-size: 16px;
        font-weight: bold;
        padding-top: 0;
        font-family: arial;
        padding-bottom: 5px;
        border-bottom: 1px solid #dee2d9;
        width: 100%;
    }

.txtbox {
    background: #fff;
    border-bottom: 2px solid #c6cac0;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
    border-radius: 4px;
    padding: 4px;
    width: 250px;
}

.btn1 {
    background: url(images/btn.png) no-repeat;
    width: 104px;
    height: 36px;
    color: #fff;
    float: right;
    border: 0;
    text-align: left;
    padding: 0 0 0 10px;
}

.login a {
    color: #646b5e;
    text-decoration: none;
}

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

.instruction {
    margin-left: 20px;
    font-size: 14px;
}

    .instruction li {
        margin-bottom: 10px;
    }

.right {
    float: right;
}

.light_color {
    color: #727272;
}

#footer {
    color: #fff;
    border-top: 1px solid #f8f9fa;
    height: auto;
    line-height: 0px;
    float: left;
    padding: 0 10px;
    background: #f8f9fa;
    width: 100%;
    text-align: center;
}

    #footer a {
        color: #fff;
        text-decoration: none;
    }

        #footer a:hover {
            color: #fff;
            text-decoration: underline;
        }

fieldset {
    background: #FCFAF6;
    border-color: #DCCEB7 #DCCEB7 #DCCEB7;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px 1px 2px;
    padding: 5px;
}

legend {
    background: none repeat scroll 0 0 #FCF6EB;
    border-color: #DCCEB7 #DCCEB7 #DCCEB7;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px 1px 2px;
    color: #954105;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    margin: 2px;
    padding: 0 8px !important;
    text-align: center;
    text-decoration: none;
}

.grid {
    background: #f9fdf3;
    border: 1px solid #b8bcb0;
    font-size: 12px;
}

.grid_head {
    background: #E2CEAA;
    color: #954105;
    text-align: center;
    font-weight: bold;
    padding: 6px 0 !important;
}

    .grid_head th {
        padding: 6px !important;
    }

.grid_row td {
    background: #FFF9EF;
    padding: 3px !important;
}

.grid_arow td {
    background: #F7EDDE;
    padding: 3px !important;
}

ul.link {
    list-style: none;
    width: 90%;
    margin: 0 auto;
    padding: 0;
}

    ul.link li {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        display: block;
        font-size: 12px;
    }

        ul.link li a {
            list-style: none;
            text-decoration: none;
            color: #333;
            display: block;
            padding: 0 30px;
            line-height: 30px;
            height: 30px;
            vertical-align: top;
            border-bottom: 1px dashed #DEE2D5;
            background: url(images/img.gif) 0px 5px no-repeat;
        }

            ul.link li a:hover {
                list-style: none;
                text-decoration: none;
                color: #6D3208;
                background: url(images/hover_img.gif) 0px 5px no-repeat #E3E6DD;
            }


.btn {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #893400;
    font-family: Verdana, Geneva, sans-serif;
    border: 1px solid #6D2F0C;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    margin: 2px;
    border-radius: 4px;
}

    .btn:hover {
        background: #000;
        color: #fff;
    }

.txtbox1 {
    background: #fff;
    border: 1px solid #AAAAAA;
    padding: 4px; /*width:240px;*/
    border-radius: 5px;
    webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .txtbox1:focus {
        box-shadow: 0px 0px 5px #aaa inset;
    }

.modelpanelmessage {
    width: 200px;
    background: White url(images/bx.png) repeat-x;
    border-width: 4px;
    border-color: #637A55;
    border-style: solid;
    padding: 20px;
    color: #1282B4;
    font-weight: bold;
    /*border-color:#41519A;
	color:#41519A*/
}

.modalBackground {
    background-color: #999999;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modelTitle {
    border-bottom: 1px solid #637A55;
}

.RequiredFieldValidator {
    color: Red;
    font-size: 11px;
}

.req {
    font-weight: bold;
    color: Red;
    font-size: 14px;
}

.msg {
    font-size: 13px;
    font-weight: bold;
}

.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 16px .1em 0;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
    }

        .ui-dialog .ui-dialog-titlebar-close span {
            display: block;
            margin: 1px;
        }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
            padding: 0;
        }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
        zoom: 1;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin: .5em 0 0 0;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 3px;
        bottom: 3px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
    background-color: #893400;
    color: #FFF;
}

.ui-dialog table {
    border: 1px solid #893400;
    background-color: #F4DFD2;
}

.headingBig {
    color: #954105;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    padding: 10px 0 0;
    margin: 15px;
}

#ajaxProgressBg {
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    background-color: #888888;
    opacity: 0.8;
    filter: Alpha(opacity:30);
    z-index: 9999999999;
}
/*#ajaxProgress {
	padding: 0;
	position: absolute;
	background-color: #FFFFFF;
	background: #FFFFFF url(../Images/progress.gif) no-repeat 50%;
	z-index: 1;
	left:50%;
	margin-left:-100px;
	width:200px;
	height:200px;
	border: solid 2px #444444;
}*/
#ajaxProgress {
    background: url("images/ajax-loader.gif") no-repeat scroll 33px 12px #FFFFFF;
    border: 2px solid #F9BB00;
    height: 55px;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    width: 221px;
    z-index: 99999999999;
    box-shadow: 0 0 6px #000000;
    top: 40% !important;
}

    #ajaxProgress .txt_l {
        width: 185px;
        height: 25px;
        padding: 15px 0px 0px 80px;
        margin: 0 auto;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #333;
        font-weight: bold;
        line-height: 26px;
    }

/*___________toggle view___________*/
#toggle-view {
    list-style: none;
    font-family: arial;
    font-size: 11px;
    margin: 0;
    padding: 0;
    width: 250px;
}

    #toggle-view li {
        margin: 10px;
        border-bottom: 1px solid #ccc;
        position: relative;
        cursor: pointer;
    }

    #toggle-view h3 {
        margin: 0;
        font-size: 14px;
    }

    #toggle-view span {
        position: absolute;
        right: 5px;
        top: 0;
        color: #ccc;
        font-size: 13px;
    }

    #toggle-view .panel {
        margin: 5px 0;
        display: none;
    }

.rightfloat {
    float: right;
}

#toggle {
    list-style: none; /*font-family:arial;	font-size:11px;*/
    margin: 0;
    padding: 0;
    width: auto;
}

    #toggle li {
        margin: 0px;
        border-bottom: 0px solid #ccc;
    }

    #toggle h3 {
        margin: 0;
        font-size: 14px;
    }

    #toggle span { /*position:absolute;*/
        color: #31A2C0;
        text-decoration: none;
        right: 5px;
        top: 0;
        font-size: 12px;
        cursor: pointer;
        padding: 0 25px 0 25px;
    }

    #toggle .panel {
        margin: 0px 25px 0px 25px;
        display: none;
        color: #000;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        text-align: justify;
        line-height: 1.7;
    }

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltiptext:after {
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 5px;
    content: "";
    left: 100%;
    margin-top: -5px;
    position: absolute;
    top: 50%;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext {
    left: -89%;
    top: 49px;
}

.helpdesk {
    position: fixed;
    bottom: 4%;
    right: 3%;
    z-index: 10000;
}

    .helpdesk > .tooltip.left .tooltip-arrow {
        border-left-color: #359502;
        border-width: 8px 0 8px 8px;
        margin-top: -20px;
        right: -3px;
        top: 50%;
    }

    .helpdesk .tooltip.left {
        margin-left: -10px;
        padding: 0 5px;
    }

    .helpdesk .tooltip-inner {
        background-color: #359502;
        border-radius: 4px;
        color: #fff;
        font-size: 17px;
        max-width: 200px;
        padding: 3px 8px;
        text-align: center;
    }