body   
{
    background: #b6b7bc;
    font-size: .400em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", "Lato", sans-serif, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: Black;
    font-weight: 700;
}
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
   font-weight: bold;
   font-size: 14px;
}

.mydropdownlist1
{
color:Black;

font-family:"Lato", sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;

}
.headerStyle 
{
    background-image:url(../image/footer-center.jpg); 
    color:White ;
    font-size: 9pt;
    font-weight: bold;
}

.tblheaderStyle 
{
    background-image:url(../image/GrnHeader.png); 
    color: #FFFFFF;
    font-size: 9pt;
    font-weight: bold;
}

a:active {
  text-decoration: underline;
}

.blue-Captext{
	font-family:"Lato", sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
}
.blue-CaptextAR{
	font-family:"Lato", sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
	font-weight: Bold;
	text-align: Right;
	
}
.blue-text{
	font-family:sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 14px;
	font-weight: Normal;
	font-variant: normal;
	text-transform:capitalize;
	color: #666666;
	text-decoration: none;
	background-color:inherit;
}
.Grid-text{
	font-family: "Lato", sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	font-variant: normal;
	text-transform:capitalize;
	color: Black;
	text-decoration: none;
	background-color:inherit;
}

.Grid-textBold{
	font-family: "Lato", sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 14px;
	font-weight: Bold;
	font-variant: normal;
	text-transform:capitalize;
	color: Black;
	text-decoration: none;
	background-color:inherit;
}

.Grid-Capstext{
	font-family: "Lato", sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform:capitalize;
	color: #666666;
	text-decoration: none;
	background-color:inherit;
	text-transform: uppercase;

}
.blue-Ltext{
	font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: Bold;
	font-variant: normal;
	text-transform:capitalize;
	color: White;
	text-decoration: none;
	background-color:inherit;
}

.tb10 {
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	color:Black;
	padding:3px;
	text-transform:capitalize;
	margin-right:4px;
	margin-bottom:8px;
	font-size: 10pt;
	font-family:VErdana;
	font-weight: Normal;
}

.MyRound_RightTextBox
{
    border:1px solid #d1c7ac;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
     font-family: "Lato", sans-serif;
	font-size: 12px;
	font-weight:bold;
     overflow: hidden;
    background-repeat: no-repeat;
    background-position: left center;
    background-image:url(../image/form_bg.jpg); 
    background-repeat:repeat-x;
   	text-align: Right;
} 

.tb10Right {
		background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	color:Black;
	padding:3px;
	text-transform:capitalize;
	margin-right:4px;
	margin-bottom:8px;
	font-size: 11pt;
	font-family:sans-serif;
	font-weight: Normal;
	text-align: Right;
}

.tbAl10 {
	
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	color:Black;
	padding:3px;
	text-transform:capitalize;
	margin-right:4px;
	margin-bottom:8px;
	font-size: 13px;
	font-family:"Lato", sans-serif, "Lato", sans-serif, sans-serif;
		font-weight: Bold;
}
.MyRound_CapsTextBox
{
      border: 1px Solid Black;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      font-family: "Lato", sans-serif;
	font-size: 12px;
	font-weight:bold;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: left center;
       background-image:url(../image/form_bg.jpg); 
   		background-repeat:repeat-x;
   text-transform: uppercase;
} 
.tbCaps10 {
	font-size: 11pt;
	
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	color:Black;
	padding:3px;
	margin-right:4px;
	font-weight: Normal;
	margin-bottom:8px;
	font-family:sans-serif;
	text-transform: uppercase;
    height: 29px;
}

m: uppercase;
}

.alternateItemStyle
{
    color:Red;
    font-family: "Lato", sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	background-color:#FFFFCC;
   
}
.alternateItemStyleBold
{
    color:Red;
    font-family: "Lato", sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 14px;
	font-weight: Bold;
	font-variant: normal;
	text-transform:capitalize;
	text-decoration: none;
	background-color:#FFFFCC;
   
}
.White-text{
	font-family: "Lato", sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: Bold;
	font-variant: normal;
	text-transform:capitalize;
	color:white;
	text-decoration: none;
	background-color:inherit;
}

.My_corners
{
      border: 1px Solid Black;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: left center;
} 
.ps10		
{
background-image:url('images/form_bg.jpg');
	background-repeat:repeat-x;
			border:1px solid #d1c7ac;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
    font-weight: Bold;
	font-size: 12px;
	font-family:"Lato", sans-serif, "Lato", sans-serif, sans-serif;
	text-transform: uppercase;
}

.TblLgnheader
{
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    background:url('../image/TopHeader.png');
    width: 100%;
    color: wHITE;
    top: 19px;
    left: 0px;
    height: 29px;
}

.TblTopheader
{
    background:url('../image/Header.png');
    font-family: "Lato", sans-serif;
	font-size: 14px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    color: #666666;
	top: 19px;
    left: 0px;
    height: 29px;
}
.TblGrdheader
{
    font-family: "Lato", sans-serif;
	font-size: 12px;
	position: relative;
    margin: 0px;
    padding: 0px;
   background:url('../image/Headercolor.jpg');
    width: 100%;
    top: 2px;
    left: 2px;
    height: 29px;
    color:White;
}

.TblMenuheader
{
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    background:  url('../image/tblHeader.png');
    width: 100%;
    color: White;
    top: 19px;
    left: 0px;
    height: 29px;
    font-weight: Bold;
}
.tblMainHeader
{
    font-size: 11px;
    position: relative;
    margin: 0px;
    padding: 0px;
    background:url('../image/GRNHeader.png');
    width: 100%;
    color: White;
    top: 2px;
    left: 2px;
    height: 29px;
}
.Pink-link{
	font-family: "Lato", sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: False;
	font-variant: normal;
	text-transform: none;
	color: Black;
	text-decoration: none;
	background-color:inherit;
}

.MyRound_TextBox
{
      border: 1px Solid Black;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      font-family: "Lato", sans-serif;
	font-size: 12px;
	font-weight:bold;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: left center;
       background-image:url(../image/form_bg.jpg); 
   		background-repeat:repeat-x;
} 

eat-x;
} 

.RoundBlueTexts
{
      border: 1px Solid Black;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: left center;
       background-image:url(../image/Blue.png); 
   		background-repeat:repeat-x;
   		   color: white;
      font-family: "Lato", sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: False;
	font-variant: normal;
} 

.RoundPurpleTexts
{
      border: 1px Solid Black;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: left center;
       background-image:url(../image/Purple.png); 
   		background-repeat:repeat-x;
   		   color: white;
      font-family: "Lato", sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: False;
	font-variant: normal;
}
.RoundTPurpleTexts
{
      border: 1px Solid Black;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: left center;
       background-image:url(../image/PPurple.png); 
   		background-repeat:repeat-x;
   		   color: white;
      font-family: "Lato", sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: False;
	font-variant: normal;
} 
.RoundBlkTexts
{
      border: 1px Solid Black;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: left center;
       background-image:url(../image/black.jpg); 
   		background-repeat:repeat-x;
   		   color: white;
      font-family: "Lato", sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: False;
	font-variant: normal;
} 
.LabelTextAlignStyle {
            text-align:center;
              padding-top: 10px;
        }
.RoundWhiteTexts
{
      border: 1px Solid Black;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: left center;
       background-image:url(../image/form_bg.jpg); 
   		background-repeat:repeat-x;
   		   color: Black;
      font-family: "Lato", sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: False;
	font-variant: normal;
} 

.RoundGreenTexts
{
      border: 1px Solid Black;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: left center;
    background-image:url(../image/Green.png); 
    background-repeat:repeat-x;
   	color: white;
     font-family: "Lato", sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 14px;
	font-weight: False;
	font-variant: normal;
} 

.RoundOrangeTexts
{
      border: 1px Solid Black;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: left center;
       background-image:url(../image/Orange.png); 
   		background-repeat:repeat-x;
   		   color: white;
      font-family: "Lato", sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: False;
	font-variant: normal;
} 

.RoundRedTexts
{
      border: 1px Solid Black;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: left center;
       background-image:url(../image/Red.png); 
   		background-repeat:repeat-x;
   		   color: white;
      font-family: "Lato", sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: False;
	font-variant: normal;
} 

.MyRoundTextBox
{
    
    
	background-repeat:repeat-x;
	border: 1px Solid Black;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: left center;
      text-transform: uppercase;
    }
    
    @import url(https://fonts.googleapis.com/css?family=Open+Sans);

body{
  background: #f2f2f2;
  font-family: 'Open Sans', sans-serif;
}

.search {
  width: 100%;
  position: relative;
  display: flex;
}

.searchTerm {
  width: 100%;
  border: 3px solid #00B4CC;
  border-right: none;
  padding: 5px;
  height: 20px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #9DBFAF;
}

.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  width: 18px;
  height: 17px;
  border: 1px solid #00B4CC;
  background: #00B4CC;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
}

/*Resize the wrap to see the search bar change!*/
.wrap{
  width: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#myInput {
  background-image: url('/css/searchicon.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}

#myUL {
  /* Remove default list styling */
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#myUL li a {
  border: 1px solid #ddd; /* Add a border to all links */
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6; /* Grey background color */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove default text underline */
  font-size: 18px; /* Increase the font-size */
  color: black; /* Add a black text color */
  display: block; /* Make it into a block element to fill the whole list */
}

#myUL li a:hover:not(.header) {
  background-color: #eee; /* Add a hover effect to all links, except for headers */
}
#myTable {
  border-collapse: collapse; /* Collapse borders */
  width: 100%; /* Full-width */
  border: 1px solid #ddd; /* Add a grey border */
  font-size: 18px; /* Increase font-size */
}

#myTable th, #myTable td {
  text-align: left; /* Left-align text */
  padding: 12px; /* Add padding */
}

#myTable tr {
  /* Add a bottom border to all table rows */
  border-bottom: 1px solid #ddd;
}

#myTable tr.header, #myTable tr:hover {
  /* Add a grey background color to the table header and on hover */
  background-color: #f1f1f1;
}

ul#menu-v, #menu-v ul
{
    width:200px; /* Main Menu width */
    border:1px solid #CCCCCC;
    list-style:none; margin:0; padding:0;
    z-index:9;
}     
.Purple-dark .e-menu,.e-menu.e-horizontal .e-list > ul {     
         
       background: pink;              
     
     }