body {
    font-family: HelveticaFont;
    font-size: small;
    margin: 0px;
}

h1, h2 {
    margin: 0px;
}

#WELCOMEBAR h3 {
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    border-top: dotted 1px #660;
    border-bottom: dotted 1px #660;
}

#mainContent {
    text-align: left;
    margin-left: 0px;
    padding: 10px;
}

::-webkit-input-placeholder {
    color: gray;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.Required {
    color: red;
    font-weight: bold;
    font-size: small;
}

.label2textbox {
    background-color:white;
    border:solid;
    border-width:2px;
    border-color:lightgrey;

}
.textbox2Check {
}
.lbl2Check {
    border:solid;border-color:gray;border-width:1px;font-weight:700;
}
.LinkButton {
    background-color: transparent;
    text-decoration: underline;
    border: none;
    color: blue;
    cursor: pointer;
}

.WindowBarTop {
    color: white;
    padding: 3px;
    background-color: #336699;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.ButtonCRUD {
    Font-Size: X-Small;
    Color: #CC3300;
    font-weight: 700;
    margin-right: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.ValidatorWarning {
    color: #CC3300;
    font-size: large;
    font-weight: 700;
}

.ButtonBox {
    border: 2px solid #CC3300;
    text-align: left;
    background: lightcyan;
    padding-left: 10px;
    color: #CC3300;
    font-size: small;
}

    .ButtonBox button {
        Font-Size: Small;
        Color: #CC3300;
        height: 20px;
        width: 85px;
        margin-right: 5px;
        margin-top: 2px;
        margin-bottom: 2px;
        font-weight: 700;
    }

    .ButtonBox input {
        Font-Size: Small;
        Color: #CC3300;
        height: 20px;
        width: 85px;
        margin-right: 5px;
        margin-top: 2px;
        margin-bottom: 2px;
        font-weight: 700;
    }


.SideHeading {
    color: black;
    background-color: #B3DEF3;
    font-size: small;
    height: 20px;
    font-weight: bold;
    margin-left: 0px;
}

.SideHeadingTop {
    color: #FFFFFF;
    background-color: #0066FF;
    font-size: small;
    height: 25px;
    font-weight: 700;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
}

.mainTitle {
    font-size: 12pt;
    font-weight: bold;
    font-family: ËÎÌå;
}

.commonText {
    font-size: 11pt;
    font-family: ËÎÌå;
}

.littleMainTitle {
    font-size: 10pt;
    font-weight: bold;
    font-family: ËÎÌå;
}

.TopTitle {
    border: 0px;
    font-size: medium;
    font-weight: bold;
    text-decoration: none;
    color: maroon;
    display: inline-block;
    width: 100%;
}

.SelectedTopTitle {
    border: 0px;
    font-size: medium;
    text-decoration: none;
    color: maroon;
    display: inline-block;
    width: 100%;
    background-color: White;
}

.ContentView {
    border: 0px;
    padding: 3px 3px 3px 3px;
    background-color: White;
    display: inline-block;
    width: 390px;
}

.SepBorder {
    border-top-width: 0px;
    border-left-width: 0px;
    font-size: 1px;
    border-bottom: Gray 1px solid;
    border-right-width: 0px;
}

.TopBorder {
    border-right: Gray 1px solid;
    border-top: Gray 1px solid;
    background: #DCDCDC;
    border-left: Gray 1px solid;
    color: black;
    border-bottom: Gray 1px solid;
}

.ContentBorder {
    border-right: Gray 1px solid;
    border-top: Gray 0px solid;
    border-left: Gray 1px solid;
    border-bottom: Gray 1px solid;
    height: 80%;
    width: 100%;
}

.SelectedTopBorder {
    border-right: Gray 1px solid;
    border-top: Gray 1px solid;
    background: none transparent scroll repeat 0% 0%;
    border-left: Gray 1px solid;
    color: black;
    border-bottom: Gray 0px solid;
}

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

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.PopupIframe {
    width: 550px;
    height: 550px;
    border: 2px ridge #000000;
    background-color: #CCFFCC;
    left: 200px;
    width: 680px;
    position: absolute;
    height: 550px;
    top: 100px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.PopupIframeBar {
    color: #FFFFFF;
    background-color: #0066FF;
    font-size: small;
    height: 20px;
    font-weight: bold;
    border-width: 2px;
    border-color: #000000;
    width: 600px;
    height: 25px;
    left: 200px;
    position: absolute;
    top: 80px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.Windows {
    border: 2px solid #0094ff;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-size: 12pt; /* or whatever */
}

    .Windows h2 {
        padding: 4px;
        color: #fff;
        margin: 0;
        background-color: #0094ff;
        font-size: 12pt; /* or whatever */
    }

    .Windows p {
        padding: 4px;
    }

.CloseButton {
    border-radius: 12px;
    float: right;
    height: 25px;
    width: 25px;
}

    .CloseButton:hover {
        color: red;
        cursor: pointer;
    }

    
/* ************ Used inside FormViews ************ */
.TFtableCol {
    width: 98%;
    border-collapse: collapse;
    border-style: solid;
    border-width: 2px;
    margin: 2px;
    padding: 5px;
       table-layout:fixed;
    font-size: x-small;
}

    .TFtableCol td {
        border: #4e95f4 1px solid;
    }
    /* improve visual readability for IE8 and below */
    .TFtableCol tr {
        background: #b8d1f3;
    }
        /*  Define the background color for all the ODD table columns  */
        .TFtableCol tr td:nth-child(odd) {
            background: #B3DEF3;
            font-weight: bold;
        }
        /*  Define the background color for all the EVEN table columns  */
        .TFtableCol tr td:nth-child(even) {
            background: #EFF3FB;
        }
/*************END OF FORMVIEW STYLES ******************************/


    .PanelStyle Legend {
        color: #CC3300;
        font-size: x-small;
        font-weight: 800;
    }

    table {
        border-collapse:collapse;
    margin-top: 0px;
}
    td{
        padding-left:5px;
    }

/*USED INSTEAD OF <BR> TAG. THIS TAKES LESS LINE HEIGHT*/
.LineBreak {
    background: transparent;
    height: 5px;
    width: 100%;
}


/*CONTROL STYLES USED IN PAGE TOP FILTERS*/
.FilterControl {
    Font-Size: XX-Small;
    Color: #CC3300;
    font-weight: 700;
    height: 20px;
}

.FilterControlBig {
    Font-Size:12px;
    Color: #CC3300;
    font-weight: 600;
    }

        .FixedGVHeader {
            position: absolute;
            font-stretch: normal;
            background-color: #507CD1;
            color: white;
            font-weight: 700;
            /*width: 725px;*/
            margin-top: -3px;
            /*padding-left: 5px;*/
        }
       .BtnStyle:hover {
    color: red;
    cursor: pointer;
}
.email {
    text-transform:lowercase;

}


.PcePopUp {
    padding: 3px;
    background-color: LightCyan;
    border-radius:6px;
    width:200px;
    border-color:maroon;
    border-style:solid;
    border-width:2px;
    text-align:justify;
    box-shadow: 10px 10px 15px #676767;
}

/*-----------------------------MASTERFILE  STYLES-----------------------------*/
            .AlignCenter {
            text-align: center;
        }

        .pnlMsg {
            text-align: center;
            top: 2px;
            Width:82%;
            text-align: center;
            left: 159px;
            height: 20px;
            border-style: solid;
            border-width: 2px;
            background-color: LightCyan;
            padding: 1px;
            position:absolute;
            z-index: 10;
            visibility:hidden;
        }

        .LblTopTitle {
            position: fixed;
            top: 0px;
            width: 100%;
            z-index: 20;
            text-align: center;
        }

        .LblMsg {
            color: black;
            background-color: lightcyan;
            font-size: medium;
            font-weight: 700;
            position: relative;
            width: 100%;
            top: 5px;
            left: 0px;
            text-align:center;
        }

        .listItem {
            color: #191919;
        }




        .headcell {
            color: Black;
            background-color: #F4F4F4;
            display: inline-block;
            font-size: x-small;
            font: bold;
            padding: 1px;
            margin: 1px 0px 0px 0px;
            border-spacing: 1px;
        }

        .hovertooltip {
            background-color: black;
            color: #fff;
            font-size: xx-small;
            border-radius: 6px;
            padding: 3px;
            z-index: 1;
            text-align: center;
        }


        .tooltiptext {
            position: absolute;
            display: none;
            background-color: black;
            color: #fff;
            font-size: small;
            border-radius: 6px;
            padding: 3px;
            z-index: 1;
            text-align: center;
        }

        :hover + .tooltiptext {
            display: inline-block;
        }

        .headcell:hover + .tooltiptext {
            display: inline-block;
            position: absolute;
            width: 200px;
            margin: 2% 0 0 -22%;
        }
/*  AUTO - COMPLETE EXTENDER  ------------BEGIN -----------------------*/
        .completionList {
            border: solid 1px Gray;
            margin: 0px;
            padding: 3px;
            height: 220px;
            overflow: auto;
            background-color: #FFFFFF;
            /*font-size: .8em;*/
            font-size: small;
            height: 220px;
            width: 220px;
            cursor: pointer;
        }
        
        .listItem {
            color: #191919;
        }

        .itemHighlighted {
            background-color: #ADD6FF;
        }
        
/*  AUTO - COMPLETE EXTENDER ------------END----------------------------------*/
               input[type=checkbox]:checked {
            background: #0096FF;
            vertical-align:middle;
        }
        input[type="checkbox"]{
        -webkit-appearance: initial;
        background: gray;
        width: 15px;
        height: 15px;
        border: none;
        background: #fff;
        position: relative;
	    border:1px solid #89d3cf;
	    margin-right:5px;
        vertical-align:middle;
       width:1em; height:1em;
}

input[type="checkbox"]:checked:after {
    /* Heres your symbol replacement - this is a tick in Unicode. */
    content: "\2713";
    color: #fff;
	font-size:11px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    vertical-align:middle;
}
/*-----------------------------END OF MASTERFILE  STYLES-----------------------------*/


        /*-------------- NEW BUTTON STYLES ADDED ON 20-09-2019--------------------*/
         .Create {
        border: 1px solid #0096ff;
        border-radius: 5px;
        color: #0081dc;
        padding: 5px 10px 5px 25px;
        background: url('../Images/CREATE.PNG');
        background-color: #dcf0ff; 
        background-repeat: no-repeat; 
        background-position: left; 
        cursor:pointer;
        margin: 5px;
        font-weight:bold;
    }
    .Create:hover{
        box-shadow: 5px 5px 5px grey;
        background-color: #aed6f5;
        font-weight:bold;
    }

    .Modify {
        font-weight:bold;
        border: 1px solid #0096ff;
        border-radius: 5px;
        color: #0081dc;
        padding: 5px 10px 5px 25px;
        background: url('../Images/MODIFY.PNG');
        background-color: #dcf0ff; 
        background-repeat: no-repeat; 
        background-position: left; 
        cursor:pointer;
        margin: 5px;
    }
    .Modify:hover{
        box-shadow: 5px 5px 5px grey;
        background-color: #aed6f5;
        font-weight:bold;
    }

    .DeActivate {
        border: 1px solid #0096ff;
        border-radius: 5px;
        color: #0081dc;
        padding: 5px 10px 5px 25px;
        background: url('../Images/REMOVE.PNG');
        background-color: #dcf0ff; 
        background-repeat: no-repeat; 
        background-position: left; 
        cursor:pointer;
        margin: 5px;
        font-weight:bold;
    }
    .DeActivate:hover{
        box-shadow: 5px 5px 5px grey;
        background-color: #aed6f5;
        font-weight:bold;
    }

    .UserRights {
        font-weight:bold;
        border: 1px solid #0096ff;
        border-radius: 5px;
        color: #0081dc;
        padding: 5px 10px 5px 25px;
        background: url('../Images/RIGHTS.PNG');
        background-color: #dcf0ff; 
        background-repeat: no-repeat; 
        background-position: left; 
        cursor:pointer;
        margin: 5px;
    }
    .UserRights:hover{
        box-shadow: 5px 5px 5px grey;
        background-color: #aed6f5;
        font-weight:bold;
    }

    .ShowImg {
        border: 1px solid #0096ff;
        border-radius: 5px;
        color: #0081dc;
        padding: 5px 10px 5px 25px;
        background: url('../Images/VIEW.PNG');
        background-color: #dcf0ff; 
        background-repeat: no-repeat; 
        background-position: left; 
        cursor:pointer;
        margin: 5px;
        font-weight:bold;
    }
    .ShowImg:hover{
        box-shadow: 5px 5px 5px grey;
        background-color: #aed6f5;
        font-weight:bold;
    }

         .Save {
        border: 1px solid #0096ff;
        border-radius: 5px;
        color: #0081dc;
        padding: 5px 10px 5px 25px;
        background: url('../Images/SAVE.PNG');
        background-color: #dcf0ff; 
        background-repeat: no-repeat; 
        background-position: left; 
        cursor:pointer;
        margin: 5px;
        font-weight:bold;
    }
    .Save:hover{
        box-shadow: 5px 5px 5px grey;
        background-color: #aed6f5;
        font-weight:bold;
    }

    .Cancel {
        border: 1px solid #0096ff;
        border-radius: 5px;
        color: #0081dc;
        padding: 5px 10px 5px 25px;
        background: url('../Images/CANCEL.PNG');
        background-color: #dcf0ff; 
        background-repeat: no-repeat; 
        background-position: left; 
        cursor:pointer;
        margin: 5px;
        font-weight:bold;
    }
    .Cancel:hover{
        box-shadow: 5px 5px 5px grey;
        background-color: #aed6f5;
        font-weight:bold;
    }

    .Verify {
        border: 1px solid #0096ff;
        border-radius: 5px;
        color: #0081dc;
        padding: 5px 10px 5px 25px;
        background: url('../Images/VERIFY.PNG');
        background-color: #dcf0ff; 
        background-repeat: no-repeat; 
        background-position: left;
        cursor:pointer;
        margin: 5px;
        font-weight:bold;
    }
    .Verify:hover{
        box-shadow: 5px 5px 5px grey;
        background-color: #aed6f5;
        font-weight:bold;
    }

     .UnAssign {
        border: 1px solid #0096ff;
        border-radius: 5px;
        color: #0081dc;
        padding: 5px 10px 5px 25px;
        background: url('../Images/UnAssign.PNG');
        background-color: #dcf0ff; 
        background-repeat: no-repeat; 
        background-position: left;
        cursor:pointer;
        margin: 5px;
        font-weight:bold;
    }
    .UnAssign:hover{
        box-shadow: 5px 5px 5px grey;
        background-color: #aed6f5;
        font-weight:bold;
    }

    .Assign {
        border: 1px solid #0096ff;
        border-radius: 5px;
        color: #0081dc;
        padding: 5px 10px 5px 25px;
        background: url('../Images/Assign.PNG');
        background-color: #dcf0ff; 
        background-repeat: no-repeat; 
        background-position: left;
        cursor:pointer;
        margin: 5px;
        font-weight:bold;
    }
    .Assign:hover{
        box-shadow: 5px 5px 5px grey;
        background-color: #aed6f5;
        font-weight:bold;
    }

    .Search {
        border: 1px solid #0096ff;
        border-radius: 5px;
        color: #0081dc;
        padding: 5px 10px 5px 25px;
        background: url('../Images/Search.PNG');
        background-color: #dcf0ff; 
        background-repeat: no-repeat; 
        background-position: left;
        cursor:pointer;
        margin: 5px;
        font-weight:bold;
    }
    .Search:hover{
        box-shadow: 5px 5px 5px grey;
        background-color: #aed6f5;
        font-weight:bold;
    }

    .Download {
        border: 1px solid #0096ff;
        border-radius: 5px;
        color: #0081dc;
        padding: 5px 10px 5px 25px;
        background: url('../Images/Download.PNG');
        background-color: #dcf0ff; 
        background-repeat: no-repeat; 
        background-position: left;
        cursor:pointer;
        margin: 5px;
        font-weight:bold;
    }
    .Download:hover{
        box-shadow: 5px 5px 5px grey;
        background-color: #aed6f5;
        font-weight:bold;
    }

     .VenueFr {
        border: 1px solid #0096ff;
        border-radius: 5px;
        color: #0081dc;
        padding: 5px 10px 5px 25px;
        background: url('../Images/Events.PNG');
        background-color: #dcf0ff; 
        background-repeat: no-repeat; 
        background-position: left;
        cursor:pointer;
        margin: 5px;
        font-weight:bold;
    }
    .VenueFr:hover{
        box-shadow: 5px 5px 5px grey;
        background-color: #aed6f5;
        font-weight:bold;
    }

    .MarktFr {
        border: 1px solid #0096ff;
        border-radius: 5px;
        color: #0081dc;
        padding: 5px 10px 5px 25px;
        background: url('../Images/Hub.PNG');
        background-color: #dcf0ff; 
        background-repeat: no-repeat; 
        background-position: left;
        cursor:pointer;
        margin: 5px;
        font-weight:bold;
    }
    .MarktFr:hover{
        box-shadow: 5px 5px 5px grey;
        background-color: #aed6f5;
        font-weight:bold;
    }

    /*  FOLLOWING CSS FOR THE GRIDVIEW FOR FREEZING HEADING / COLUMNS */
    .pinnedCol
        {
            position:sticky; /* i.e. not scrolled */
            background-color: White; /* prevent the scrolled columns showing through */
            z-index:50;
        }

        .pinnedHead
        {
            position:sticky; /* i.e. not scrolled */
            background-color: #F4F4F4; /* prevent the scrolled columns showing through */
            top: -1px;
            left: 0px;
            z-index:100;
            padding-left: 5px;
            height:17px;
        }
        
       .pinnedHeadCol
        {
            position:sticky; /* i.e. not scrolled */
            background-color: #F4F4F4; /* prevent the scrolled columns showing through */
            top: -1px;
            left: 0px;
            z-index:200;
            padding-left: 5px;
            height:17px;
        }

       .col1{
            left: 0px !important;
       }

    /* END OF GRIDVIEW STYLES  */