div.openFile128Pro {
	background-image: 		url(../if/openfile128Pro.png);
	background-repeat: 		no-repeat;
	background-size: 		200px 33px;
	width: 					200px;
	height: 				33px;
	margin: 				0 auto;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min--moz-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 1.5dppx), 
only screen and (min-resolution: 144dpi) {
	div.openFile128Pro {
		background-image: 	url(../if/openfile128ProRetina.png);
		background-size: 	200px 33px;
	}
}

#openFileLogin {
	display: 				none;
	position: 				fixed;
	z-index: 				100;
	top: 					0;
	left: 					0;
	width: 					100%;
	height: 				100%;
	background-color: 		rgba(0,0,0,0.5);
}

#openFileLogin * {
	-webkit-box-sizing: 	border-box;
	-moz-box-sizing: 		border-box;
	box-sizing: 			border-box;
	font-family: 			Helvetica, Arial;
	font-size: 				13px;
	font-weight: 			400;
	color: 					#444;
}

#openFileLogin > div {
	margin-left: 			auto;
	margin-right: 			auto;
	margin-top: 			-200px;
	width: 					300px;
	background-color: 		white;
	border-radius: 			8px 8px 10px 10px;
	padding: 				8px 0 0 0;
	box-shadow: 			0px 0px 10px rgba(0,0,0,0.5);
	-webkit-transition: 	margin-top 0.5s;
	transition: 			margin-top 0.5s;
}

#openFileLogin div.openFile128Pro {
	margin-bottom: 			8px;
}

#openFileLogin > div.show {
	margin-top: 			64px;
}

#openFileLogin form {
	background-color: 		#69c;
	display: 				block;
	border-radius: 			0 0 8px 8px;
	padding: 				8px;
}

#openFileLogin div.error,
#openFileLogin div.success {
	display: 				none;
	color: 					white;
	padding: 				4px 8px;
	background-color: 		#c00;
	font-weight: 			700;
	margin-bottom: 			1px;
}

#openFileLogin div.success {
	background-color: 		#090;
}

#openFileLogin input {
	width: 					100%;
	padding: 				6px;
	border: 				1px solid #369;
	margin-bottom: 			8px;
	border-radius: 			4px;
	background-color: 		#def;
}

#openFileLogin button.of_default {
	float: 					right;
	font-weight: 			700;
}

#openFileLogin button.done {
	display: 				none;
	float: 					right;
}

#openFileLogin div.successDone div.success {
	display: 				block;
}

#openFileLogin div.successDone button.done {
	display: 				block;
}

#openFileLogin div.successDone button:not(.done) {
	display: 				none;	
}

#openFileLogin div.successDone input {
	display: 				none;
}


#openFileLogin ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:					#777;
}
#openFileLogin :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:					#777;
   opacity:  				1;
}
#openFileLogin ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:					#777;
   opacity:  				1;
}
#openFileLogin :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:					#777;
}
#openFileLogin ::-ms-input-placeholder { /* Microsoft Edge */
   color:					#777;
}

button.of_button {
	padding: 				3px 12px;
	font-family: 			Arial,Helvetica;
	font-size: 				12px;
	line-height: 			normal;
	color: 					#333;
	border-radius: 			8px;
	background: 			linear-gradient(to bottom,  #fff 0%,#999 100%);
	border: 				1px solid #555;
	margin: 				4px 0;
}

button.of_button.of_default {
	font-weight: 			700;
}

button.of_button.of_right {
	float: 					right;
}


button.of_button.of_disabled {
	color: 					#999;
}

button.of_button:not(.of_disabled):hover {
	border: 				1px solid #333;
	background: 			linear-gradient(to bottom,  #fff 0%,#ccc 100%);
	cursor: 				pointer;
	
}

button.of_button:not(.of_disabled):active {
	text-decoration: 		underline;	
}