/*header*/
div#header{
	width:100%;
	padding: 30px 0;
	background:#333333 url('/styles/prolakota3/imageset/nldo/decoration.gif') bottom repeat-x;
}
#header h1{
	color: #fff;
}
#header h1 span{
	color: #3d529b;
}
.logo{
	width: 700px;
    margin-top: -26px;
    margin-left: 13px;
}
	div#version{
		position:absolute;
		top:3px;
		right:3px;
		color:white;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;	
	}

/*box with form*/
div#formbox{
	width:100%;
	background:#3d529b;
	padding-top:10px;
	padding-bottom:10px;
	padding: 10px 0;
	color: white;	
}
	.lng{
		background:#5772a9;	
	}
	#checks{
		padding-left:3em;	
	}
	#checks,#checks label{
		text-align:left;	
	}
	#EngToLkt,#LktToEng{
		display:block;
		padding:11px 11px 0px 11px;
		height:25px;
		margin-top:1px;
		color: #ffffff;
		font-weight:600;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		margin-right:3em;
		text-decoration:none;
		width:135px;
		text-align:center;
		vertical-align:middle;
		
	}
	.lngAct{
		background:#6c91f2;	
	}
		div#formbox label{
			color:white;
			font-weight:600;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;	
		}

	#WordInput{
		display:block;float:left;
		height:26.4px;
		width:339px;
		padding-left:10px;
		padding-right:3px;
		padding-top:8px;
		border:2px solid #A5AEB6;
		font-family:Helvetica;
		font-size:17px;
		vertical-align:middle;
	}
		#kbdIcon{
			display:block;float:left;
			padding:0;
			margin:0;
			width:40px;
			height:39px;	
		}

.svg-inline--fa.fa-w-6 {
    width: 1em;
}
	#diaChars{
		font-size:0px;	
	}
	#diaChars input{
		color:#FFFFFF;
		font-weight:600;
		font-family:LSuksuta;
		font-size:17px;
		margin-right:2px;
		height:39px;
		width: 34px;
		margin-bottom:2px;
		background:#1d2a32;
		border:2px solid #04202e;
		cursor:pointer;
	}
		#diaChars input:hover{
			background:#04202e;
		}
		
	input#ebutton{
		color: #FFFFFF;
	    font-weight: 600;
	    font-family: Arial;
	    font-size: 14px;
	    width: 90px;
	    height: 37px;
	    cursor: pointer;
	    background: #231f20;
	    border: 2px solid #161515;
	    margin-left: -1px;
	    margin-top: 1px;	
	}
		input#ebutton:hover{
			background:#161515;	
		}

table#sourceTable{
	background:#c8c8c8;
	width:100%;
	text-align:left;
	padding: 15px 0;
}
table#sourceTable .leftSide{
	width:100%;
	float: left;
	/*background:url('http://www.lakotadictionary.org/phpBB3/styles/prolakota3/imageset/nldo/white.gif') right repeat-y;*/
}
table#sourceTable .rightSide{
	width:50%;
	/*background:url('http://www.lakotadictionary.org/phpBB3/styles/prolakota3/imageset/nldo/white.gif') left repeat-y;*/
}
span.eabc {
    background:#3d529b;
    padding:6px 11px;
    border-radius:  50%;
    color:  #fff;
    cursor:  pointer;
    line-height: 43px;
}
span.eabc:hover {
	background:#fff;
	color:#3d529b;
}
span.labc {
	background:#3d529b;
    padding:6px 11px;
    border-radius:  50%;
    color:  #fff;
    cursor:  pointer;
    line-height: 43px;
}
span.labc:hover {
	background:#fff;
	color:#3d529b;
}

/*headings English>Lakota and Lakota>English*/
h2{
	text-align:left;
	font:600 18px Arial;
	color:#4d4e53;
	margin:10px 0 5px 35px;
}
	
/*result boxes*/
.result{
	margin:15px 28px 5px 28px;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:1em; 
	line-height: 26px;
    display: block;
}
/*footer*/
table#footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:white;
	background:#231f20;
	width:100%;
}
	#footer #copyright{
		padding: 30px 0 0 0;
		
	}
	#footer a{
		color:#cd5f1b;
		text-decoration:underline;
	}
	#footer a:hover{
		text-decoration:none;
	}
	#footer strong{
		color:#a5aeb6;
	}
	a#helpLink {
		padding: 2px 0 1px 0;
		color: #a5aeb6;
		margin-top: 40px;
		display: inline-block;
		font: 600 14px Arial;
		position: absolute;
		top: 10px;
		right: 30px;
	}
	
		#helpBox{
			background:#101013;
			position:absolute;
			right:0;
			top: 0;
			width:700px;
			padding:10px;
			display:none;
			border:2px solid #101013;
			font-family:Arial, Helvetica, sans-serif;
			font-size:15px;
			color:white;
		}
			#helpBox .lf,#helpBox .ps{
				color:#8996a0;
				font-weight:600;
			}
			#helpBox b{
				font-family:Arial, Helvetica, sans-serif !important;
				color:#acc0c7;	
			}
#acknowledge{
	background:white;
	position:absolute;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	top:255px;
	width:700px;
	padding:10px;
	border:2px solid #101013;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}
#acknowledge small{
float: right;
}
#acknowledge h2{
margin: auto;
padding: auto;
}
#acknowledge img{
	width: 100px;
	border: none;
}
#ackscroll{
position: relative;
height: 300px;
overflow: scroll;
}
#ackLink{
position: relative;

}
a#ackLink {
		padding: 2px 0 1px 0;
		color: #a5aeb6;
		margin-top: 40px;
		display: inline-block;
		font: 600 14px Arial;
		position: absolute;
		top: 10px;
		right: 30px;
	}
.copyright h3 {
    background:#000;
    color:  #fff;
    padding:  0px;
    margin: 0px;
    text-align:  center;
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif !important;
    	strong {
    	font-size: 14px;
    	font-weight: 600;
    	}
}	
/* The Modal box Button */
.modal {
    display: none;
    position: fixed; 
    z-index: 1; 
    padding-top:79px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color:#fff;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 60%;
}

/* The Close Button */
.close {
    color: #787878;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.comment-here {
        background: none;
    border: 0;
}
.comment-here:hover { 
	opacity: .5;
 }
/*  Popup Icon  Form   */
.form-outer {
	width: 80%;
	margin: 0 auto;
}
.form-outer h2 {
	font-size:34px;
	font-family: -webkit-pictograph;
	text-align: center;
	padding: 20px;
	color: #000000;
}
.validate-input {
  position: relative;
}
.wrap-input1 {
  /*width: 100%;*/
  z-index: 1;
  margin-bottom: 20px;
} 
input.input1 {
  height: 50px;
  padding: 0 30px;
  border-radius: 4px;
  border: 1px solid #fff;
  background-color: #787878;
}
.input1 {
  display: block;
  width:90%;
  background: #e6e6e6;
  font-family: Montserrat-Bold;
  font-size: 15px;
  line-height: 1.5;
  color: #FFF;

}
input.input1 + .shadow-input1 {
  border-radius: 25px;
}
.shadow-input1 {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 0px 0px;
  color: rgba(87,184,70, 0.5);
}
textarea.input1 {
  min-height: 150px;
  /*border-radius: 25px;*/
  padding: 12px 30px;
  border-radius: 4px;
  border: 1px solid #fff;
  background-color: #787878;
}
textarea.input1 + .shadow-input1 {
  border-radius: 25px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

.container-contact1-form-btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.contact1-form-btn {
  min-width: 193px;
  height: 50px;
  border-radius: 4px !important; 
  background: #000;
  border: 1px solid #000;
  font-family: Montserrat-Bold;
  font-size: 15px;
  line-height: 1.5;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
textarea:focus, input:focus {
  border-color: transparent !important;
}
.comment-here img {
	width: 20px;
}
.help{
	background: rgb(16, 16, 19);
    margin-left: 80px;
    display: inline-block;
    background-color: transparent !important;
} 
.help a {
	text-decoration:none;
}   
.acmoa-logo {
	text-align: right;
    display: inline-block;
    margin-right: 80px;
}
.footer-logo1 {
	display: inline-block;
    width: 12%;
    float: right;
    background-color: #fff;
}
.footer-logo1 img {
	width: 100%;
}
.footer-logo2 {
	display: inline-block;
    width: 12%;
    float: right;
    margin-right: 45px;
    margin-left: 40px;
}
.footer-logo2 img {
    width: 61%;
}