html, body 
{
    width: 100%;
    height: 100%;
}

body 
{
    margin: 0px;
    padding: 0px;
}

.DisableResize
{
    overflow: auto;
    resize: none;
}

/*HEADER*/	
.header 
{
    height: 8%;
    width:auto;
    margin: 0px;
    padding-top:0;
    /*background:#007EBB url(../images/header_piece.jpg) repeat-x;*/
    vertical-align: middle;
    border-color: White;
    border-width: 0px;
    border-style: groove;

    /*background: #f9feff;*/ /* Old browsers */
    /*background: #18191a ;*/
    background: white;
    
}

.header_prev
{
    height: 8%;
    width:auto;
    margin: 0px;
    padding-top:0;
    /*background:#007EBB url(../images/header_piece.jpg) repeat-x;*/
    vertical-align: middle;
    border-color: White;
    border-width: 0px;
    border-style: groove;

    /*background: #f9feff; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f9feff 20%, #bcecf4 60%, #3096e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(20%,#f9feff), color-stop(60%,#bcecf4), color-stop(100%,#3096e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #f9feff 20%,#bcecf4 60%,#3096e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #f9feff 20%,#bcecf4 60%,#3096e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #f9feff 20%,#bcecf4 60%,#3096e5 100%); /* IE10+ */
    background: linear-gradient(135deg, #f9feff 20%,#bcecf4 60%,#3096e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9feff', endColorstr='#3096e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    
}

.footer
{
    bottom: 0px;
    margin-bottom: 0px;
    height: auto;
    width:100%;
    position: fixed;
    
    vertical-align: middle;
    border-color: White;
    border-width: 0px;
    border-style: groove;

    background: #F2F2F2; /* Old browsers */

    /*background: linear-gradient(135deg, #bcecf4 20%,#3096e5 60%,#3096e5 100%); */ 
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9feff', endColorstr='#3096e5',GradientType=1 );  IE6-9 fallback on horizontal gradient */
}
				
/*HEADER LOGO*/
.logo
{
    width: 5%; 
    top: 0; 
    left: 0;
    margin-left: 1%;
    margin-top: 1%;
    margin-bottom: 1%;
}

/*HEADER TITLE*/	
.header_title 
{
    font: bold 2.0em georgia;
    font-family: MS Sans Serif;
    letter-spacing: 3px;
    color: gray;
    border-bottom-color: Gray;
    border-bottom-width: 2px;
    border-bottom-style: dotted;

    /*color:#DCE4F6;	
    border-color: White;
    border-width: 1px;
    border-style: solid;*/
}
				/*TOP NAVBAR*/	
#topnav {
position:relative;
display:block;
height:auto;
margin:0 0 10px 0;
background:transparent url(../images/bgOFF.gif) repeat-x top left;
font: bold 1em Arial,Verdana,Helvitica,sans-serif;
}
#topnav  ul {
margin:0;
padding:0;
list-style-type:none;
width:auto;
}
#topnav  ul li {
display:block;
float:left;
margin:0;
}
#topnav  ul li a {letter-spacing: 2px;
display:block;
float:left;
padding:11px 20px 0 20px;
height:23px;
text-decoration:none;
color:#666;
background:transparent url(../images/bgDIVIDER.gif) no-repeat top right;
}
#topnav  ul li a:hover,#topnav ul li a.current {
color:#993333;
background:#fff url(../images/bgON.gif) no-repeat top left;
}

				/*LEFT SIDEBAR*/	
.sidebar {
float:left;
width:18%;
background:transparent;
height:100%;
padding-top:0;
border-right: 1px solid #eee;
}
.sidebar img {
padding-left: 15px;
}
				/*COLUMNS*/	
.gutter {
float : left;
width : 1%;
height : 1px;
}
.col1 {
float:left;
width: 40%;
margin-left:1%;
margin-right:1%;
text-align: center;	
}
.col2 {
float:left;
width: 30%;
}

				/*LINKS*/	
a:link {
color:Blue;
text-decoration:none;
}

a:visited 
{
    color: Navy;
    text-decoration: none;
}

a:hover {
text-decoration: underline;
color: Red;
}
				/*TYPOGRAPHY*/
blockquote {
font-weight : normal;
font-style : italic;
color : #6897C0;
}
h1 {
font:normal 1.7em georgia, arial, Helvetica, sans-serif;
letter-spacing: 3px;
color:#993333;
padding:10px;
}
h2 {
	font:bold 1.7em georgia, arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	color:#BAD0BF;
	padding:10px;
}
p {
	/*padding-left:10px;
	padding-right:10px;*/
	padding-left:0px;
	padding-right:0px;
}
p strong {
color: #993333;
}
				/*IMAGES*/	
.imgleft {
float: left;
margin-right: 20px;
padding: 10px;
border: 0px solid #eee;
}
				/*LEFT MENU*/
#navlist {
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid #eee;
width: auto;
}
#navlist li {
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid #eee;
}
#navlist li a { text-decoration: none;
color: #aaa;
background :url(../images/arrow.png) left center no-repeat;
padding-left: 20px;
}
#navlist li a:hover {
text-decoration: none;color: #993333;
}
				/*LOGIN BOX*/
#loginform {
width:auto;
margin:10px 10px 10px 0;
}
#loginform fieldset{
padding:10px;
}
#loginform legend{
font-weight:bold;
font-size:9pt;
}
#loginform label{
display:block;
height:2em;
background:#ECF2ED;
padding:10px 10px 0;
}
#loginform input {
margin-right:15px;
border:1px solid #999;
float:right;
clear:right;
background:#fff;
color: #96B89D;
}
#loginform input:focus,#loginform input:hover {
border:1px solid #333;
}
.error{
color:red;
font-weight:bold;
}


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

        .modalPopup {
         background-color:#ffffdd;
         border-width:3px;
         border-style:solid;
         border-color:Gray;
         padding:3px;
         width:250px;
        }
        
        .popupControl {
	    background-color:#AAD4FF;
	    position:absolute;
	    visibility:hidden;
	    border-style:solid;
	    border-color: Black;
	    border-width: 2px;
        }
        .outPanel
        {
            /*position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            overflow:hidden;
            padding:0;
            background-color:black; 
            filter:alpha(opacity=70);
            opacity:0.5;
            z-index:500;
            height: 1600px;*/
            
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            overflow:hidden;
            padding:0;
            background-color:black; 
            filter:alpha(opacity=70);
            opacity:0.5;
            z-index:500;
            width: 120%;
            height: 200%;
            visibility: hidden;
        }
        .inPanel
        {
            /*z-index:600;
            position: fixed;
            width: 80%;
            border-width:3px;
            border-style:solid;
            border-color:Gray;
            top: 5%;
            margin-left: 10%;
            margin-right: 10%;
            background-color: White;*/
            
            z-index:600;
            position:fixed;
            width: 92%;
            height: 90%;
            top: 5%;
            bottom: 5%;
            margin-left: 4%;
            margin-right: 4%;
            overflow: auto;
            padding:0;
            background-color:white; 
            visibility: hidden;
            border-radius: 10px;
        }
        
     .iframe_content
     {
         z-index:630;
            position:fixed;
            width: 90%;
            height: 80%;
            margin-top: 1%;
            margin-left: 1%;
            margin-right: 1%;
            overflow: auto;
            padding:0;
            background-color:white; 
     }

    .Panel_Close_Button
    {
        float: right;
        z-index: 650;
        position: fixed;
        right: 5%;
        font-size: x-large;
        /*border-width: 0px;
        border-style: none;
        display: none;
        visibility: hidden;
        margin-top: 0px;*/
    }

    .bgDiv {

        position:fixed;

        top:0px;

        bottom:0px;

        left:0px;

        right:0px;

        overflow:hidden;

        padding:0;

        margin:0;
        
        height: 100%;

        background-color: black; 

        filter:alpha(opacity=50);

        opacity:0.5;

        z-index:500;

    }

    #Progress

    {
        position: fixed;

        background-color:transparent;
        margin-left: 25%;

        width: 300px;
        
        height: 300px;

        z-index: 600;
    }
    
    
    .autocomplete_completionListElement 
    {  
	    visibility : hidden;
        z-index: 1000;
	    margin : 0px 0px 0px 0px;
	    background-color : yellow;
	    color : windowtext;
	    border : buttonshadow;
	    border-width : 1px;
	    border-style : solid;
	    cursor: pointer;
	    overflow :  scroll;
	    height : 100px;
        text-align : left; 
        list-style-type : none;
        padding: 2px;
        
    }

    /* AutoComplete highlighted item */

    .autocomplete_highlightedListItem
    {
	    background-color: yellow;
	    color: black;
	    padding: 1px;
	    cursor: pointer;
    }

    /* AutoComplete item */

    .autocomplete_listItem 
    {
	    background-color : white;
	    color : windowtext;
	    padding : 0px;
	    z-index: 109999;
	    margin: 0px 0px 0px 0px;
	    width: auto;
	    cursor: pointer;
        height: auto;
    }
    
.default_fieldset
{
    border-width: 1px; 
    border-color: gray;
    border-radius: 10px;
    border: 0px solid gray; 
    box-shadow: 0px 0px 6px 6px #ADD6FF;
}

.default_fieldset legend
{
    color: Gray; 
    border-width: 0px;
    box-shadow: 0px 0px 6px 6px #ADD6FF;
    border-style: double;
    font-weight: bold;
    border-radius: 5px;
    background-color: White;
}

/*LINKS' style in fieldset & legend*/	
fieldset a:link, a:visited {
/*color:Blue;*/
text-decoration:none;
font-weight: normal;
/*background-color: transparent;*/
}

fieldset a:hover {
text-decoration: underline;
/*color: Blue;*/
/*background-color: Yellow;*/
}


.Progress_Background
{
    filter:alpha(opacity=50); 
    opacity: 0.5; 
    filter: blur(20px); 
    background-color: #C1C4C5; 
    width: 100%; 
    height: 100%; 
    margin:0 0 0 0; 
    top: 0px; 
    bottom: 0px; 
    left: 0px; 
    right: 0px; 
    position: fixed; 
    z-index: 9750;
}

.Progress_Content
{
    background-color: white; 
    position: fixed; 
    top: 35%; 
    bottom: 35%; 
    left: 35%; 
    right: 35%;  
    width: auto; 
    height:30%;  
    z-index: 10000; 
    text-align: center; 
    border-width: 5px; 
    border-style: double; 
    border-color: #3096e5; 
    border-radius: 20px;
}

.div_main
{
    width: auto;
    height: 100%;
    margin-top: 3%;
    margin-bottom: 0px;
    border: 0px solid green;
    bottom: 1px;
}

#div_content
{
	margin-top: 2%;
		    	
}


/*** ASP.NET checkbox size ***/
.checkbox_30px input 
{
    width:25px; 
    height:25px; 
            
}

.checkbox_30px input:checked 
{
    /*background-color: #2196F3;*/
}

.normal_textbox {
    padding: 3px 3px 3px 3px;
    height: 30px;
}

.normal_dropdownlist {
    height: 30px;
    padding: 3px 3px 3px 3px;
}

/*** Submit Button Style ***/

.btn_green{
    color: white;
    text-shadow: none;
    background-color: #35aa47;
    padding: 3px;
    border-radius: 0 !important;
}

.m-icon-swapright {
    background-position: -27px -10px;
}

.m-icon-white {
    background-image: url(../images/syncfusion-icons-white.png);
}

[class^="m-icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 4px;
    line-height: 14px;
    vertical-align: top;
    background-image: url(../image/syncfusion-icons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

/* ### Floating Update Panel Style ### */

.div_cover_top {
        z-index: 9000;
        width: 200%;
        height: 200%;
        position: fixed;
        visibility: visible;
        display: block;

        top:0px;
        bottom:0px;
        left:0px;
        right:0px;

        overflow:hidden;
        padding:0;
        background-color:black; 
        filter:alpha(opacity=70);
        opacity:0.5;
            
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;

        -webkit-filter: blur(10px);
        -moz-filter: blur(10px);
        -o-filter: blur(10px);
        -ms-filter: blur(10px);
        filter: blur(10px);

        -webkit-backdrop-filter: blur(10px);
    }

.div_update_panel_content {
     z-index: 9000;
        width: 96%;
        height: 96%;
        position: fixed;
        visibility: visible;
        display: block;

        top:2%;
        bottom:2%;
        left:2%;
        right:2%;

        overflow: scroll;
        padding:0;
        background-color:white; 
        filter:alpha(opacity=100);
        opacity:1.0;
            
        /*margin-left: 2%;
        margin-right: 2%;
        margin-top: 2%;
        margin-bottom: 2%;*/

}


/****************************** Convert CheckBox To Toggle On Off Button *******************************/

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }


/*******************************************************************************************************/