body{margin:0;padding:0;font-family: Ubuntu, sans-serif;}
.section{width:100%;/*height:300px;*/display:flex;/*justify-content: center;align-items: center;*/}

/* unvisited link */
a.e1:link {text-decoration:none; color:#545964;}

/* visited link */
a.e1:visited {text-decoration:none;color: #545964;}

/* mouse over link */
a.e1:hover{text-decoration:none;color:black;background-color :transparent ;}

/* selected link */
a.e1:active {text-decoration:none;color: #545964;}

/* unvisited link */
a.e2:link {text-decoration:none; color:white;}

/* visited link */
a.e2:visited {text-decoration:none;color: white;}

/* mouse over link */
a.e2:hover{text-decoration:none;color:black;background-color :transparent ;}

/* selected link */
a.e2:active {text-decoration:none;color: white;}

div.linkBar
{
    background-color :#e6e7e8;
    margin-top:0px;
    height:28px;
    width:100%;
    font-size :x-small ;
    margin-left :auto ;
    margin-right :auto;  
    border-radius :0px;
    /*box-shadow : 1px 1px 1px #888888; */
}

div.linkItem
{
    background-color :#e6e7e8;
    border: 0px solid gray;
    margin-top:0px;
    font-size :x-small ;
    color:#545964;
    width:900px;
    margin-left :auto ;
    margin-right :auto; 
         
}

span 
{
    display: inline-block;
    vertical-align: middle ;
    line-height: normal;
    margin-top :7px;
}

div.siteBar
{
    background-color :#255521;
    margin-top: 0px;
    width:100%;
    height:44px;
    -moz-box-shadow:    inset 0 3px 8px -6px #000000;
   -webkit-box-shadow: inset 0 3px 8px -6px #000000;
   box-shadow:         inset 0 3px 8px -6px #000000;
    
}

div.siteFrame
{
    float:left;
    background-color :transparent ;
    margin-top: 0px;
    width:1350px;
    height:44px;
    margin-left :0px ;
         
}

div.siteLabel{float:left;width:250px;font-size:2.0em;color:white;border:0px solid black;margin-left:5px;}

div.siteItem
{
    float:left;
    background-color :transparent ;
    margin-top: 0px;
    width:924px;
    height:44px; 
    margin-left:0px;
    text-align :left;
    color:white;
    border:0px solid black;
    
    /*float:right;
    background-color :transparent ;
    margin-top: 0px;
    width:800px;
    height:44px; 
    text-align :right;
    color:white;*/
}
div.siteItem1
{
    float:right;
    background-color :transparent ;
    margin-top: 0px;
    width:800px;
    height:44px; 
    text-align :right;
    color:white;
}

span.siteBtn
{
    display: inline-block;
    vertical-align: middle ;
    line-height: normal;
    margin-top :4px;
}

#Main 
{
    margin:0px;
    margin-top: 0px;
    width: 1040px;
    height:auto;
    padding: 0px;
    border: 0px solid grey;
    margin-left:auto ;
    margin-right:auto;
    /*border-radius :5px;
    box-shadow:-5px 0 30px -100px #888888, 1px 0 15px 5px #888888; */
    /*box-shadow : 5px 5px 5px #888888;*/
      
}

#Button
{
    width: 1120px; /* Spans the width of the page */
	height: 30px; 
	margin-top: 6px; /* Ensures there is no space between sides of the screen and the menu */
    margin-left:0px;
	z-index: 99; /* Makes sure that your menu remains on top of other page elements */
	position: relative; 
	/*background-color: #366b82;
    border: 1px solid navy;
    border-radius :5px;
    margin-top :20px;
    box-shadow : 0px 5px 5px #888888;*/
	
    /*/width:960px;
    height:60px;
    padding: 5px;
    border: 2px solid navy;
    border-radius :5px;
    margin-top :5px;
    box-shadow : 0px 5px 5px #888888;*/
      
}
.navbar	
{
	height: auto;
    padding: 0;
	margin: 0;
	position: absolute; /* Ensures that the menu doesn’t affect other elements */
	/*border-right: 1px solid #54879d; */
}

.navbar li 	
{
	height: auto;
	width:160px;  /* Each menu item is 150px wide */
	float: left;  /* This lines up the menu items horizontally */
	text-align: center;  /* All text is placed in the center of the box */
	list-style: none;  /* Removes the default styling (bullets) for the list */
    font-size:0.8em;
	padding: 0;
	margin: 0;
	/*background-color: #366b82;*/
}

.navbar a	
{							
	padding: 11px 0;  /* Adds a padding on the top and bottom so the text appears centered vertically */
	/*border-left: 1px solid #54879d; /* Creates a border in a slightly lighter shade of blue than the background.  Combined with the right border, this creates a nice effect. */
	/*border-right: 1px solid #1f5065; /* Creates a border in a slightly darker shade of blue than the background.  Combined with the left border, this creates a nice effect. */
	text-decoration: none;  /* Removes the default hyperlink styling. */
	color: white; /* Text color is white */
	display: block;
}

.navbar li:hover, a:hover 
{
    background-color:#2b6227;
} 

 /*.navbar li:hover, a:hover {background-color: #54879d;}*/

 .navbar li ul 	
 {
	display: none;  /* Hides the drop-down menu */
	height: auto;									
	margin: 0; /* Aligns drop-down box underneath the menu item */
	padding: 0; /* Aligns drop-down box underneath the menu item */			
}				

.navbar li:hover ul 	
{
    display: block; /* Displays the drop-down box when the menu item is hovered over */
}

.navbar li ul li 
{
    width:160px;
    margin-top:0px;
    background-color:#255521;
    
} 

.navbar li ul li a 	{
		border-left: 1px solid #255521; 
		border-right: 1px solid #255521; 
		border-top: 1px solid #255521; 
		border-bottom: 1px solid #255521; 
		}
				
.navbar li ul li a:hover	{background-color: #32712d;}

/****PPQS*****/

.mainFrame{width:1010px;height:800px;margin-top:10px;margin-left :auto;margin-right :auto ;}
.QSTitle {width:980px;height:30px;padding-top:50px;margin-bottom:10px;padding-left:10px;/*border-left:5px solid #255521;border-bottom:1px solid #255521;*/font-size:large ;text-shadow: 1px 1px #d1d1d1;}
.QSgen1 {float:left;width:1024px;height:30px;margin-top:10px;border:0px solid black;}
.QSbox{width:1020px;display:inline-block;}
.QSboxL{width:60%;float:left;padding:5px;}
.QSboxR{width:35%;float:left;padding:5px;}
.QSImg{width:240px;height:350px;padding-top:20px;}
.QSlabel0{float:left;width:130px;height:30px;text-align:right;border:0px solid black;font-size:small;}
.QSfields0{float:left;width:700px;height:30px;margin-top:0px;margin-left:20px;border:0px solid black;font-size:small;}
.QSgen{float:left;width:510px;height:30px;margin-top:10px;border:0px solid black;}
.QSgen2{float:left;width:900px;height:30px;margin-top:10px;border:0px solid black;}
.QSgen0{float:left;width:990px;height:30px;margin-top:25px;border:0px solid black;}
.QSlabel{float:left;width:130px;height:30px;text-align:right;margin-top :0px;margin-left:0px;border:0px solid black;font-size:small;}
.QSlabel0{float:left;width:640px;height:30px;text-align:left;margin-top:0px;margin-left:0px;border:0px solid black;font-size:small;}
.QSfields0{float:left;width:150px;height:30px;text-align:left;margin-top:0px;margin-left:0px;border:0px solid black;font-size:small;}
.QSfields{float:left;width:325px;height:21px;margin-top :0px;margin-left:20px;border:0px solid black;font-size:small;}
.QSfields2{float:left;width:auto;height:21px;margin-top :0px;margin-left:20px;border:0px solid black;font-size:small;}
.QSmulti {float:left;width:1024px;height:60px;margin-top:10px;border:0px solid black;}
.QSlabelMulti{float:left;width:130px;height:30px;text-align:right;margin-top :0px;margin-left:0px;border:0px solid black;font-size:small;}
.QSfieldsMulti{float:left;width:832px;height:60px;margin-top :0px;margin-left:20px;border:0px solid black;}
.QSinfo{float:left;width:832px;height:10px;text-align:left;font-size :x-small;margin-top:20px;margin-left:147px;color:red;}
.QSnext{float:left;width:985px;margin:30px 0px;text-align :right; border:0px solid black;}
.QSbtnSupport{float:left;width:1024px;height:30px;margin-top:20px;border:0px solid black;}
.QSbtnNext {
    background-color: #255521;
    border: none;
    color: white;
    padding: 5px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}
.QSmulti {float:left;width:1024px;height:60px;margin-top:10px;border:0px solid black;}
.QSlabelMulti{float:left;width:130px;height:30px;text-align:right;margin-top :0px;margin-left:0px;border:0px solid black;font-size:small;}
.QSfieldsMulti{float:left;width:832px;height:60px;margin-top :0px;margin-left:20px;border:0px solid black;}
.QSsign{width:5px;color:red;text-align:right;}

.HQSframeSelectionLeft {float:left;width:985px;height:130px;margin-top:0px;border:0px solid black;background-color:#ffe9da;}
.HQSframeSelectionRight {float:left;width:25px;height:130px;margin-top:0px;border:0px solid black;background-color:#371600;}
.HQSframeSelectionRight2 {float:left;width:350px;height:130px;margin-top:0px;border:0px solid black;background-color:#371600;} 
.HboxBtn{float:left;width:210px;padding-left:10px;padding-top:10px;}
.HboxBtnMed{float:left;width:270px;padding-left:0px;padding-bottom:5px;text-align:center;}
.HboxBtnSmall{float:left;width:110px;padding-left:3px;padding-top:10px;}
.HbtnSubmit{width:100px;padding:5px 10px;background-color:#255521;color:white;border:none;cursor:pointer;border-radius:3px;}
.HbtnSubmit1{padding:5px 10px;background-color:#255521;color:white;border:none;cursor:pointer;}
.HbtnSubmit1:hover{background-color:#32712d;color:white;}
.HbtnSubmit2{width:130px;padding:5px 10px;background-color:#255521;color:white;border:none;cursor:pointer;border-radius:3px;}
.HbtnSubmit2:hover{background-color:#32712d;color:white;}
.HbtnSubmitSmall{border-radius:3px;width:50px;padding:3px;background-color:#255521;color:white;border:none;cursor:pointer;}
.HboxLabel{width:900px;display:inline-block;padding-top:10px;}
.HboxLabel1{width:990px;display:inline-block;padding-top:10px;}
.HboxLabel2 {float:left;width:275px;margin-top:0px;text-align:left;margin-bottom:10px;margin-left:0px;border:0px solid black;font-size:small;}
.HinfoArea {float:left;width:1000px;height:680px;margin-top:30px;margin-left:0px;border:0px solid black;}
.Hlabel2 {float:left;width:180px;height:30px;margin-left:10px;text-align:left;border:0px solid black;font-size:small;}
.Hlabel3 {float:left;width:300px;height:30px;margin-top:0px;text-align:left;margin-top:0px;margin-left:10px;border:0px solid black;font-size:small;}
.HTitle {width:485px;height:30px;margin-top:8px;margin-left:10px;border:0px solid black;font-size:large ;text-shadow: 1px 1px #d1d1d1;}
.Htable {float:left;width:1000px;height:600px;margin-top:15px;text-align:left;border:0px solid black;font-size:small;overflow-x:auto;}
.HshowInfo {float:left;width:800px;text-align:left;padding-top:8px;padding-left:10px;margin-right:0px;border:0px solid black;font-size:small;color:red;}
.HlistHolder {float:left;width:280px;height:680px;margin-top:30px;border:0px solid black;}
.Hoverflow{width:1000px;height:500px;border:solid 0px #d1d1d1;overflow-y:auto;}
.HTableLeft{width:300px;height:450px;/*overflow-x:auto;*/float:left;}
.HTableRight{width:700px;float:left;height:550px;/*overflow-y:auto;*/}

.mainBox{width:700px;}
.title {height:30px;margin-top:10px;margin-bottom:10px;padding-left:10px;/*border-left:5px solid #255521;border-bottom:1px solid #255521;*/font-size:large ;text-shadow: 1px 1px #d1d1d1;}
.box{width:640px;padding:4px 2px;display:inline-block;float:left;}
.box0{width:310px;padding:4px 2px;display:inline-block;float:left;}
.boxBtnRight{float:right;}
.labelInfo{/*border-left:5px solid #3304aa;*/padding:5px 0px 2px 5px;}
.label0{width:300px;float:left;letter-spacing:1px;}
.label{width:120px;float:left;text-align:right;letter-spacing:1px;padding-right:5px;}
/*.label1{width:100px;float:left;text-align:right;letter-spacing:1px;padding-right:3px;}*/
.label1{float:left;width:355px;border:0px solid black;font-size:small;}
.label2{float:left;width:150px;border:0px solid black;font-size:small;}
.lblStyle{height:15px;border-left:solid 3px #255521;border-bottom:1px dotted #255521;padding-bottom:2px;padding-left:8px;}
.lblStyleWarn{height:15px;border-left:solid 3px red;border-bottom:1px dotted red;padding-bottom:2px;padding-left:8px;}
.field0{width:300px;float:left;}
.field{width:450px;float:left;}
.field1{width:150px;float:left;}
.fieldList{width:250px;float:left;}
.fieldMiddle{width:70px;float:left;}
.btnMiddle{width:60px;margin:5px 0px;border:none;padding:5px;cursor:pointer;background-color:#3e61a5;color:white;}
.btnMiddle:hover{background-color:#32712d;}
.info{float:left;margin-left:175px;height:10px;text-align:left;font-size :x-small;color:red;}
.infoRight{font-size :x-small;color:red;}
.btnRight{float:right;}
.btnNextB{background-color: #255521;border-radius:3px;border: none;color: white;padding: 2px 5px;text-align: center;text-decoration: none;display: inline-block;cursor: pointer;}
.btnNextB:hover{background-color: #3e61a5;}
.btnNext{background-color: #255521;border: none;color: white;padding: 5px 10px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;cursor: pointer;margin-right:10px;margin-right:auto;}
.btnNextP{background-color: red;border: none;color: white;padding: 5px 10px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;cursor: pointer;margin-right:10px;margin-right:auto;}
.btnNextN{background-color: #255521;border: none;color: white;border-radius:5px;padding: 5px 10px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;cursor: pointer;margin-right:10px;margin-right:auto;}
.btnNextN:hover{background-color: #3e61a5;}
.btnDel{width:30px;padding:3px;border:none;cursor:pointer;border:1px solid #5f5f5f;border-radius:4px;background-color:#fbd1d1;font-size:0.9em;color:red;}
.btnDel:hover{background-color:red;color:#000;}
.btnGV{padding:3px 5px;border:none;cursor:pointer;color:#255521;border:1px solid #5f5f5f;border-radius:4px;background-color:#e6e6e6;font-size:0.9em;}
.btnGV:hover{background-color:#255521;color:white;}

.frameModal{width:100%;height:100%;position:fixed;top:0;left:0;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.contentModal{width:500px;height:auto;padding:10px;margin-left:auto;margin-right:auto;margin-top:60px;border:3px double rgb(0,0,0);background-color:#ffffff;border-radius:5px;}
.contentHeader{background-color:#255521;padding:5px;}
.contentHead{padding:5px;color:white;border-left:3px solid #255521;border-bottom:3px solid #255521;}
.contentLabel{width:490px;padding:10px 5px;float:left;}
.contentFont1{padding:5px;color:#255521;float:left;}
.contentFieldBox{width:480px;float:left;padding:5px 0px 5px 0px;}
.contentFieldBox1{width:550px;float:left;padding:5px 0px 5px 0px;}
.contentFieldBox2{width:410px;float:left;}
.contentFieldBox3{width:245px;float:left;}
.contentBox{width:100%;float:left;}
.contentField{float:left;width:90px;margin-top:3px;}
.contentField1{float:left;/*width:200px;*/width:350px;}
.contentField2{float:left;/*width:200px;*/width:120px;}
.contentFont{font-size:0.8em;padding:2px 0px;float:left;}
.contentBtn{width:490px;text-align:right;margin:10px 5px;}        
.contentError{width:300px;height:10px;color:red;font-size:0.8em;text-align:left;padding-bottom:5px;} 
.btn{border-radius:3px;width:130px;padding:5px;border:none;cursor:pointer;background-color:#255521;color:white;border:1px solid #255521;}
.btn:hover{background-color:#32712d;}

.regHeader {
    width: 100%;
    /*background-color: #3e61a5;*/
    padding: 5px;
}
.regHead {
    width: 100%;
    height: 15px;
    /*border-bottom: 1px solid #ffffff;
    border-left: 5px solid #3e61a5;*/
    background-color:#3e61a5;
    margin:8px;margin-left:0px;
    padding: 8px;
    padding-top:15px;
    color: #fff;font-family:Arial;font-weight:600;
    letter-spacing: 3px;
}

.form-text {
    border: none;
    padding: 5px;
    margin-top:7px;
    border-radius: 3px;
    border: 1px solid #bdb9b9;
    border-bottom: 2px solid #bebebe;
    height: 18px;
    font-size: 0.9em;
}

.form-text:hover{border-bottom: 2px solid #043e90;}

.form-textMulti {
    border: none;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #bdb9b9;
    border-bottom: 2px solid #bebebe;
    height: 15px;
}

.form-text1{
    padding:5px;
    border-radius:5px;
    border:1px solid #bdb9b9;
    margin-top:7px;
    margin-left:4px;
    width:190px;
    height:18px;
    font-size :0.8em;text-align:center;
}

.form-text1:hover{border-bottom: 2px solid #043e90;}

.form-cbo{
    padding:5px;
    border-radius:5px;
    border:1px solid #bdb9b9;
    border-bottom: 2px solid #bdb9b9;
    margin-top:7px;
    margin-left:3px;
    height:32px;
    font-size :0.9em;color:#555454;
}
.form-cbo:hover{border-bottom: 2px solid #043e90;}

.modalBackground {height:100%;background-color:lightgrey; filter:alpha(opacity=70);opacity:0.7; overflow: hidden}

.marquee {
    height: 50px;
    overflow: hidden;
    position: relative;
    background-image: linear-gradient(#043e90,rgba(255, 255, 255, 0.70),#043e90);
    color: #043e90;font-size:1.5em;letter-spacing:5px;font-family:'Trebuchet MS';font-weight:800;
}

    .marquee p {
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        line-height: 50px;
        text-align: center;
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -moz-animation: scroll-left 2s linear infinite;
        -webkit-animation: scroll-left 2s linear infinite;
        animation: scroll-left 20s linear infinite;
    }

@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
    }
}