title/* CSS Document */
html {
    height: 60%;
    padding: 0;
    margin: 0;
}

form {
    padding: 0;
    margin: 0;
}

body {
    margin: 0;
    padding: 0;
    font: 11px tahoma;
    color: #393939;
}

.tableHeader {
    border: 1px solid #463E6F;
    background-color: red;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
}

a {
    text-decoration: underline; /*color:#014D92;*/
    color: #333;
}

.flatControl {
    border-color: Black;
    border-width: 1px;
    border-style: solid;
    font-family: Verdana;
    font-size: 10pt;
}

.print-container .title {
    background-color: #0099ff;
    font-size: 12px;
    padding: 3px 0 3px 10px;
    margin: 0 10px 10px 0;
    clear: both;
    color: black;
    font-weight: bold;
}

.print-container p {
    padding: 0px 4px 10px 4px;
}

.print-container {
    width: 700px;
    margin: 20px 0 0 20px;
    background-color: #FFFFFF;
    border: 1px solid #0099ff;
    padding: 0 0 10px 10px;
}

a:hover {
    text-decoration: none;
    color: #2983BF;
}

.modalBackground {
    background-color: gray;
    filter: alpha(opacity=90);
    opacity: 0.500;
}


h4 {
    padding: 8px 0 0 7px; /*background-color:#F2F5F7; 	border:#909AA6 1px solid;*/
    color: #E8112D;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    vertical-align: middle;
}



.wrapper {
    margin: 0 auto;
    width: auto;
}


.header {
    height: 500px;
}

.logo {
    float: left;
    width: 3544px;
    background-color:black;
}

.admin-section {
    float: right;
    font-size: 14px;
    color: #000000;
    margin: 0px;
    padding: 0px;
    text-align: right;
    margin-top: 40px;
    font-weight: bold;
    width: 200px;
}

.logout {
    float: right;
    font-weight: bold;
    text-align: right;
    width: 200px;
    margin-left: 46px;
}

.heading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    background-color: #2288c6;
    background: url('~/Images/hd_bar.jpg');
    font-weight: bold;
    background-position: center;
    width: 100%;
    padding: 3px 0 3px 3px;
}

.note-details {
    font-size: 11px;
    color: Black;
    font-weight: normal;
}

.logout a {
    color: #3F3F3F;
}

    .logout a:hover {
        text-decoration: none;
        color: #3F3F3F;
    }

.submit {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #EC891C;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 1px;
}

    .submit:hover {
        background-color: #666;
    }

.MenuItem {
    font-size: f 10pt;
    color: Black;
    font-family: Verdana;
}

.headingBar {
    /*background-color:#0099ff;*/
    background: url("../Images/hd_bar.jpg");
    border-top: #FFFFFF 1px solid;
    clear: both;
    height: 30px;
    text-align: center;
}

.menus {
    background-color: AliceBlue;
    border-top: #FFFFFF 1px solid;
    clear: both;
    height: 30px;
}

    .menus:after {
        content: "(.)";
        clear: both;
        height: 0px;
        visibility: hidden;
        display: block;
    }

    .menus ul {
        margin: 0;
        padding: 0 10px;
        list-style: none;
    }

        .menus ul li {
            display: block;
            float: left;
        }

            .menus ul li a {
                display: block;
                text-decoration: none;
                padding: 8px 10px 9px 10px;
                border-right: 1px solid #FFFFFF;
                color: #fff;
            }

                .menus ul li a:hover {
                    background-color: #336A93;
                    color: #fff;
                }

            .menus ul li.focus a {
                background-color: #336A93;
                color: #fff;
            }


.welcome {
    padding: 10px 0 5px 0;
    text-align: center;
    font-size: 18px;
    color: #333;
}

.staticMenu {
    padding: 50px 0 10px 0;
    text-align: center;
    font-size: 16px;
    color: white;
}

.login {
    border: 1px solid #463E6F;
    background: #F9F9F9;
    width: 300px;
    margin: 0 auto;
    padding: 0px;
}

.DownloadInfo {
    border: 1px solid #463E6F;
    background: #F9F9F9;
    width: 450px;
    margin: 0 auto;
    padding: 0px;
}

.DownloadInfo .title {
    color: #FFF;
    background-color: #465A64;
    padding: 6px 7px 5px 7px;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    border: 1px solid yellow;
}

.login1 {
    border: 1px solid #463E6F;
    background: #F9F9F9;
    margin: 0 auto;
    padding: 0px;
}

.login .title {
    color: #FFF;
    background-color: #465A64;
    padding: 6px 7px 5px 7px;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    border: 1px solid yellow;
}

.login-details {
    padding: 4px 8px;
}

.container {
    padding: 0px 10px 40px 10px;
    min-height: 250px;
    height: auto !important;
    height: 250px;
    margin: 1px 0 0 0;
    clear: both;
}

    .container:after {
        content: "(.)";
        clear: both;
        height: 0px;
        visibility: hidden;
        display: block;
    }

.Gridcontainer {
    /* So the overflow scrolls */
    overflow: auto; /* Style */
    border: 1px solid black;
}

    .Gridcontainer table th {
        /* Keep the header cells positioned as we scroll */
        position: relative; /* Style */
        color: #F7F6F3;
        background: #5D7B9D;
        font-weight: bold;
        border-bottom: solid 1px #CCCCCC;
        text-align: center;
        padding-left: 5px;
    }

        .Gridcontainer table th a {
            /* Style */
            color: #F7F6F3;
        }

    .Gridcontainer table tbody {
        /* For alignment of the scroll bar */
        overflow-x: hidden;
    }

        .Gridcontainer table tbody tr td {
            /* Style */
            color: #333333;
            background: White;
            border-bottom: solid 1px #CCCCCC;
            text-align: center;
            padding-left: 3px;
        }

.left {
    clear: both;
    float: left;
    width: 180px;
    padding: 10px 0 50px 0px;
    background: #E9ECEF;
}

    .left p {
        font-size: 12px;
        color: #FFF;
        background: #4586BE;
        padding: 7px 10px 7px 10px;
        margin: 0px;
        font-weight: bold;
    }

    .left ul {
        margin: 0;
        padding: 4px 0 0 8px;
    }

        .left ul li {
            height: auto !important;
            height: 0px /**/;
            margin-top: 1px;
            background: url(../images/arrow.gif) 3px 9px no-repeat;
            list-style: none;
        }

            .left ul li a {
                padding: 5px 0 5px 15px;
                list-style: none;
                display: block;
                text-decoration: none;
                color: #4586BE;
            }

                .left ul li a:hover {
                    text-decoration: none;
                    color: #4586BE;
                    background: #FFFFFF url(../images/arrow-ho.gif) 3px 9px no-repeat;
                }

            .left ul li.focus a {
                text-decoration: none;
                color: #4586BE;
                font-weight: bold;
                background: #FFFFFF url(../images/arrow-ho.gif) 3px 9px no-repeat;
            }

.content {
    float: left;
    width: 930px;
    height: auto;
    margin-left: 10px;
    margin-top: 10px;
}


table.table-bdr {
    margin-bottom: 10px;
    padding: 0;
    border: 1px solid #AEB8C3;
}

    table.table-bdr .grey {
        background-color: #F5F5F5;
        margin: 0px;
        padding: 5px;
    }

    table.table-bdr .darkgrey {
        background-color: #E9ECEF;
        margin: 0px;
        padding: 5px;
    }

    table.table-bdr th {
        color: #333;
        background-color: #AEB8C3;
        text-align: center;
        padding: 5px;
        border-right: 1px #FFFFFF solid;
    }

        table.table-bdr th.no-border {
            border-right: 1px;
        }

    table.table-bdr td {
        margin: 0px;
        padding: 5px;
        border-top: 1px #FFFFFF solid;
        border-right: 1px #FFFFFF solid;
    }

.footer {
    clear: both;
    font-size: 10px;
    padding: 4px 5px 2px 10px;
    height: 24px;
    background: url(../images/bg-footer.jpg) repeat-x;
    color: #333;
    margin: 0px;
}

    .footer p {
        float: left;
        padding: 5px 0px 10px 10px;
        margin: 0px;
    }

    .footer span {
        text-decoration: underline;
        color: #333;
    }

.message {
    font-weight: bold;
}

.errormessage {
    color: Red;
    font-weight: bold;
}

.footer a:hover {
    text-decoration: none;
}

.web {
    padding: 5px 0px 10px 10px;
    margin: 0px 10px 0 0;
    float: right;
    width: 400px;
    text-align: right;
}

.footer-rt a {
    padding: 5px 0px 10px 0px;
    margin: 0px 10px 0 0;
    color: #333;
    text-decoration: none;
}

    .footer-rt a:hover {
        text-decoration: underline;
    }

.tabs {
    width: 260px;
    height: 31px;
    margin-top: 10px;
    padding: 0px;
}

    .tabs ul {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

        .tabs ul li {
            display: block;
            margin: 0px 2px 0 0;
            float: left;
            background-color: #336A93;
        }

            .tabs ul li a {
                color: #fff;
                text-decoration: none;
                font-weight: bold;
                padding: 10px 25px 8px 16px;
                margin: 0px;
                display: block;
            }

                .tabs ul li a:hover {
                    text-decoration: none;
                    background-color: #2288C6;
                    display: block;
                    color: #ffffff;
                }

            .tabs ul li.focus a {
                text-decoration: none;
                background-color: #2288C6;
                display: block;
                color: #fff;
            }

.title {
    margin: 10px 0 10px 0px;
    padding: 8px 0 0 5px;
    color: #336A93;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.ContentTitle {
    margin: 10px 0 10px 0px;
    padding: 8px 0 0 5px;
    color: #336A93;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.ValClass {
    color: red;
    font-family: Verdana;
    font-size: 10pt;
    background-color: #FFCCFF;
}

.modaltable {
    background-color: #FFFFFF;
}

span.mandatory-color {
    color: #FF0000;
}

.input {
    width: 250px;
    height: 12px;
    border: 1px #8A8989 solid;
}

#pd span {
    color: Red;
}

#pd {
    /*background-color: Aqua;*/
}

.RequiredText {
    font-size: 10pt;
    color: red;
    font-family: Verdana;
}

.GridHeader {
    font-weight: bold;
    font-size: 10pt;
    color: #ffffff;
    font-family: Verdana;
    background-color: gray;
}

.NormalGridRow {
    font-size: 10pt;
    color: black;
    font-family: Verdana;
    background-color: #FFFFFF;
}

.PrintGridRow {
    font-size: 8pt;
    color: black;
    font-family: Verdana;
    background-color: #FFFFFF;
}

.AlterNateGridRow {
    font-size: 10pt;
    color: black;
    font-family: Verdana;
    background-color: #FAF6F0;
}

.GridRowPage {
    font-weight: bold;
    font-size: 10pt;
    color: black;
    font-family: Verdana;
    background-color: gray;
}

.BlackTextBold {
    font-size: 10pt;
    font-weight: bold;
    color: black;
    font-family: Verdana;
    text-align: left;
}

}

.MsgText {
    font-size: 10pt;
    font-weight: bold;
    color: red;
    font-family: Verdana;
}

.RedTextNormal {
    font-size: 10pt;
    color: red;
    font-family: Verdana;
}

.TextNormal {
    font-size: 10pt;
    color: black;
    font-family: Verdana;
    border: solid 1px gray;
}

.RequiredText {
    font-size: 10pt;
    color: red;
    font-family: Verdana;
}

.HeadingText {
    font-weight: bold;
    font-size: 9pt;
    color: #ffffff;
    font-family: Verdana;
    background-color: #;
}

.PrintText {
    font-size: 9pt;
    color: Black;
    font-family: Calibri;
    text-align: center;
    margin-left: 0px;
    font-weight: 700;
}

.NormalText {
    font-size: 9pt;
    color: Black;
    font-family: Verdana;
    text-align: left;
    margin-left: 0px;
}

.NormalTextLarge {
    font-size: 11pt;
    color: #ffffff;
    font-family: Verdana;
}

.NormalTextBold {
    font-size: 10pt;
    color: Black;
    font-family: Verdana;
    font-weight: bold;
}

.MediumTextBold {
    font-size: 10pt;
    color: Black;
    font-family: Verdana;
    font-weight: bold;
}

.LargeTextBold {
    font-size: 11pt;
    color: Black;
    font-family: Verdana;
    font-weight: bold;
}

.BtnClass {
    border: 1px solid black;
    font-weight: bold;
    font-size: 9pt;
    color: white;
    font-family: Verdana;
    background-color: #2288C6;
}

.PnlBG {
    background-color: #ffffff;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
}

.RptBG {
    background-color: #fff3f5;
    font-size: 10px;
    color: Black;
    font-family: Verdana;
    font-weight: bold;
}

.TopSlugBG {
    background-color: #0090ac;
}

PnlHeader {
    background-color: #e0c594;
}

.ddlProductName {
    font-size: 10pt;
    color: Black;
    font-family: Verdana;
    width: 142px;
}

.CalImageBtn {
    font-weight: bold;
    font-size: 10pt;
    color: black;
    font-family: Verdana;
    border-right: white;
    border-top: white;
    border-left: white;
    border-bottom: white;
    background-image: url(Icons/calender.JPG);
}


/* Menu CSS
----------------------------------------------------------*/

Menu {
	position: fixed;
	z-index: 79;
	width: 100%;
					-webkit-transition: ease 0.3s;
	-moz-transition: ease 0.3s;
	transition: ease 0.3s;
	margin-top: 0px;
}
#Menu ul {
    overflow:hidden;
    margin-top:-23px;
	background: #333;
	width: 100%;
	height:40px;
	float:left;
}
.MenuLi {
	margin-right: 130px;
}
#Menu ul li {
	color:#FFF;
	display: inline-block;
	height: 40px;
	line-height: 40px;
				-webkit-transition: ease 0.3s;
	-moz-transition: ease 0.3s;
	transition: ease 0.3s;
	float: left;
	padding: 0px 30px 0px 30px;
		box-shadow:inset 0px 70px 0px #333;
}
#Menu ul li:hover{
	box-shadow:inset 0px 0px 0px #333;
	}
.G:hover{
	background: #FFFF00;	
	}
.W:hover{
	background: white;
	}
.S:hover{
	background:orange;
	}
.I:hover{
	background:#ADD8E6;
	}
.P:hover{
	background:#1FDA9A;
	}
.C:hover{
	background:#CED217;	
	}
.R:hover{
	background:#FFFFE0;	
	}
					
#Menu ul li a {
		color:#FFF;
	text-decoration: none;
		font-family: 'Helvetica Neue', Arial, Helvetica, 'Nimbus Sans L'; sans-serif;
	font-weight: 700;
					-webkit-transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	transition: ease-in-out 0.3s;
	text-transform: uppercase;
}
#Menu ul li:hover a {
	color: #000;
}

/*----------------------------------------------------------*/

.customCalloutStyle div, .customCalloutStyle td {
    border: solid 1px Black;
    background-color: lightgray;
    color: black;
    font-family: Tahoma, Geneva, sans-serif;
}

.customCalloutStyle .ajax__validatorcallout_popup_ table {
    display: none;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_popup_table_row {
    vertical-align: top;
    height: 100%;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_cell {
    width: 20px;
    height: 100%;
    text-align: right;
    vertical-align: top;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_table {
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_table_row {
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell {
    padding: 8px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
    font-size: 1px;
    border: none;
    background-color: transparent;
}

    .customCalloutStyle .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;
        background-color: transparent;
        padding: 0px;
    }

        .customCalloutStyle .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;
        }

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

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

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

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