.uiShadow, #uiShadow {
	position : fixed;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 100%;
	background-color : rgba(0,0,0,0.8);
	background-color : rgba(255,255,255,0.8);
	z-index : 10000;
	display : none;
}

#uiShadow.visible {
	display : inline-block;
}

.uiWindow {
	position : fixed;
	top : 5%;
	max-height : 90%;
	overflow-y : auto;
	
	display : inline-block;
	width : 600px;
	background-color : #fff;
	left : 50%;
	margin-left : -300px;
	z-index : 10001;
	/*display : none;*/
	padding : 1em;
	
	box-shadow : 0px 0px 5px #000;
}

.uiWindow input[type="submit"] {
	color: #FF8004;
    background: #111;
    border: 2px solid #FF8004;
    display: block;
    width: auto;
    margin: 0 auto;
    padding: .2rem 1em;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.5em;
    cursor: pointer;
}

.uiWindow input[type="submit"]:hover {
	background-color : #FF8004;
	color : #fff;
}


.uiClose {
	display : inline-block;

	
	position : absolute;
	top : 1rem;
	right : 1rem;
	font-size : 2rem;
	cursor : pointer;
	
	opacity: 0.5;
}

.uiClose:hover {
	opacity: 1.0;
}

.uiShowButton {
	cursor : pointer;
}

.formClose {
	display : inline-block;
	width : 32px;
	height : 32px;
	
	padding : 0em;
	margin : 0em;
	
	background-image : url('../images/close.png');
	background-position : center 0em;
	background-repeat : no-repeat;
	background-size : 32px 64px;
	
	cursor : pointer;
	
	position : absolute;
	top : 1em;
	right : 1em;
}

.formClose:hover {
	background-position : center -32px;
}

#uiClose {
	display : inline-block;
	width : 50px;
	height : 50px;
	position : fixed;
	top : 20px;
	right : 20px;
	z-index : 10001;
	
	cursor : pointer;
	background-image : url('../images/close.png');
	background-repeat : no-repeat;
	background-position : center -50px;
	background-size : 50px 100px;
	opacity : 1.0;
	transition : opacity 0.2s ease;
}

#uiClose:hover {
	opacity : 0.8;
}

/* UI FORMS */
.uiSubmit {
	display: block;
	font-weight: bold;
	border-radius: 1em;
	border: 2px solid #000;
	text-align: center;
	padding: .5em;
	margin: .5em auto 0em auto;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.3em;
	width : 150px;
	opacity: 1.0;
	background-color: transparent;
	font-family : "Century Gothic", "Tahoma", "Arial", "Sans-serif";
	cursor : pointer;
}

.uiSubmit:hover {
	opacity: 0.8;
	background-color: #feefdb;
}

/* FEEDBACK */


div.rowDiv {
	display : block;
	/*width : 600px;*/
	
	margin : auto;
	font-size : 1.2em;
	font-family : "Century Gothic", "Tahoma", "Arial", "Sans-serif";
}

div.rowDiv>p, div.rowDiv>input {
	display : block;
	width : 100%;
	margin : 0;
	padding : 0;
		font-family : "Century Gothic", "Tahoma", "Arial", "Sans-serif";
}

div.rowDiv>p, div.grid>p {
	margin-top : 1em!important;
	margin-bottom : 0.4em!important;
}

div.rowDiv>input, div.grid>input {
	font-size : 1.5em;
	border : 1px solid #aaa;
	padding : 0.2em;
	margin : 0.5em;
	background-color : #eee;
}

div.rowDiv>textarea {
	font-size : 1.5em;
	border : 1px solid #aaa;
	padding : 0.2em;
	margin : 0.5em;
	background-color : #eee;
	width : 100%;
	height : 5em;
		font-family : "Century Gothic", "Tahoma", "Arial", "Sans-serif";
}

div.grid {
	display : block;
	/*width : 600px;*/
	margin : auto;
	font-size : 1.2em;
}

div.grid>input {
	display : inline-block;
	width : auto;
}

div.grid label {
	font-size : 0.8em;
	cursor : pointer;
}

#popupRequest>table {
	width : 100%;
	text-align : center;
	margin-top : 1em;
	margin-bottom : 1em;
}

#popupTest {
	height : 80%;
	padding : 0em;
	position : fixed;
	top : 2%;
	left : 50%;
	margin-left : -400px;
}

#popupTest iframe {
	width : 100%;
	height : 100%;
}

#windowCalc {
	position : fixed;
	top : 5%;
	max-height : 90%;
	overflow-y : auto;
	
	display : inline-block;
	width : 800px;
	background-color : #fff;
	left : 50%;
	margin-left : -400px;
	z-index : 10001;
	display : none;
	border-top : 5px solid #000;
	border-bottom : 5px solid #000;
	padding : 1em;
	
	background-image : url('../images/calcBG.jpg');
	background-position : right top;
	background-repeat : no-repeat;
	background-size : contain;
}

.uiWindow h1, #uiWindowPopup h1 {
	color : #000;
	font-size : 3em;
	font-weight : normal;
	border-bottom : 1px solid #dadada;
	margin : 0em 0em .5em 0em;
	padding : .1em;
}

.uiWindow div.half {
	display : inline-block;
	width : 49%;
	padding : 0em;
	margin : 0em;
	vertical-align : top;
}

.uiWindow div.one {
	display : inline-block;
	width : 100%;
	padding : 0em;
	margin : 0em;
	vertical-align : top;
}

.divider {
	height : 1em;
}

.uiWindow input[type="text"], .uiWindow textarea, #filePlacer>p {
	display : inline-block;
	width : 100%;
	padding : 1em;
	font-size : 1.1em;
	margin : .2em .2em;
	font-family : inherit;
}

.uiWindow input[type="file"] {
	display : inline-block;
	width : 100%;
	padding : .3em;
	font-size : 1em;
	margin : .3em .3em;
	font-family : inherit;
}

.uiWindow textarea {
	height : 100%;
	height : 20em;
}

#windowQuestion textarea {
	height : 11em!important;
}

#filePlacer div {
	display : table-cell;
	width : 33%;
}

#header .grid1150 {
	position : relative;
}

.pluso {
position: absolute!important;
top: 30%;
right: 0em;
}

#uiWindowPopup {
	width : 800px;
	/*border : 2px solid red;*/
	position : fixed;
	top : 5%;
	left : 50%;
	
	padding : 1em;
	margin-left : -400px;
	height : 90%;
	background-color : #fff;
	z-index : 99999;
	transition : all .1s ease;
	overflow-y : auto;
	box-shadow : 0px 0px 5px #000;
	
}

.uiBase {
	display : none;
}

.uiShow {
	display : inline-block!important;
	animation: fadeIn .2s ease forwards;
	-webkit-animation: fadeIn .2s ease forwards;
}

@keyframes fadeIn {
    0%  { opacity : 0.0; transform: scale(0.1); }
    100%  { opacity : 1.0; transform: scale(1.0); }
}

@-webkit-keyframes fadeIn {
    0%  { opacity : 0.0; transform: scale(0.9); }
    100%  { opacity : 1.0; transform: scale(1.0); }
}

.uiHide {
	animation: fadeOut .2s ease forwards;
	-webkit-animation: fadeOut .2s ease forwards;
}

@-webkit-keyframes fadeOut {
    0%  { opacity : 1.0; transform: scale(1.0); }
    100%  { opacity : 0.0; transform: scale(0.9);}
}

input[type="button"] {
	display : inline-block;
	border : 1px solid #aaa;
	border-radius : 2px;
	background-color : #E5E5E5;
	box-shadow : 0px 0px 0px #FFC761;
	padding : .4em 1em;
	cursor : pointer;
	margin : 0em 1em;
}

input[type="button"]:hover {
	background-color : #F0F0F0;
	box-shadow : 0px 0px 5px #FFC761;
}

.status {
	margin : 0em;
	padding : .1em 0em 1em .5em;
}

.error, .success {
	margin : 0em;
}

.error {
	color : #EC0000;
}

.success {
	color : #0BB300;
}

@media (max-width: 1023px) {
	.uiWindow {
		margin : 0;
		left : 0;
		width : 100%;
		max-height : 90%;
		top : 5%;
	}
}