/* ----- DYNAMIC CMS 3 - LOGIN ----- */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
	html 
	{
	    margin-left: 1px;
	}
}
*/

#d3LoginWindow {	
    background-color: #FFFFFF;
	width: 500px;	
	margin-top: 50px;	
	-webkit-box-shadow: 0 0 5px 1px #ADADAD;
	box-shadow: 0 0 5px 1px #ADADAD;
	position: fixed;
	left: 50%;
	margin-left: -250px;
}

#d3LoginFrameTop {
	text-align: center;
	padding: 12px 8px 0px 0px;
}

#d3LoginFrameMiddle {
	text-align: center;
	padding: 52px 64px 60px 64px;
}

#d3LoginFrameNotification {
	text-align: left;
	padding: 32px 64px 32px 64px;
	background-color: #FD0D0D;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 21px;
	color: #FFFFFF;
}

#d3WarningIcon {
    width: 32px;
	height: 32px;
	margin: 4px 16px 16px 0px;	
}

#d3CloseIcon {
    width: 16px;
	height: 16px;
	margin: 0px 0px 0px 0px;	
}

#d3LoginFrameBottom {
	background-color: #1F9BDE;
	padding: 32px 64px 16px 64px;
	font-family: 'Open Sans', sans-serif;
	color: #FFFFFF;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
}

#d3LostPasswordText
{
	margin-top: 10px;
	margin-bottom: 27px;	
}

.d3Button {
	border: 0;
	background-color: #FD6B0D;
	padding: 16px 64px 16px 64px;
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 15px;
	cursor: pointer;	
}

.d3ButtonMini {
	border: 0;
	background-color: #FD6B0D;
	padding: 8px 16px 8px 16px;
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 15px;	
}

.d3ButtonSpaceRight {
	margin-right: 16px;	
}

.d3Button:hover {
	background-color: #FC7B2A;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FCA93A), color-stop(1, #FD6B0D));
	background:-moz-linear-gradient(top, #FCA93A 5%, #FD6B0D 100%);
	background:-webkit-linear-gradient(top, #FCA93A 5%, #FD6B0D 100%);
	background:-o-linear-gradient(top, #FCA93A 5%, #FD6B0D 100%);
	background:-ms-linear-gradient(top, #FCA93A 5%, #FD6B0D 100%);
	background:linear-gradient(to bottom, #FCA93A 5%, #FD6B0D 100%);
}

.d3ButtonMini:hover {
	background-color: #FC7B2A;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FCA93A), color-stop(1, #FD6B0D));
	background:-moz-linear-gradient(top, #FCA93A 5%, #FD6B0D 100%);
	background:-webkit-linear-gradient(top, #FCA93A 5%, #FD6B0D 100%);
	background:-o-linear-gradient(top, #FCA93A 5%, #FD6B0D 100%);
	background:-ms-linear-gradient(top, #FCA93A 5%, #FD6B0D 100%);
	background:linear-gradient(to bottom, #FCA93A 5%, #FD6B0D 100%);
}

.d3TextLink {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #FFFFFF;	
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	font-style: normal;
}

.d3TextVersion {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #E8E8E8;
	margin-bottom: 9px;
}

.d3LoginTitel {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;	
	color: #FFFFFF;
	text-transform: uppercase;
	margin-top: -4px;
}

.d3LoginText {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 21px;
	color: #FFFFFF;
	text-transform: none;
	margin-bottom: 22px;
}

.d3ButtonSpaceTop {
	margin-top: 32px;	
}

.d3LinkVersion {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #E8E8E8;
	margin-bottom: 13px;
	text-decoration: none;
}

#d3TextUsername
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	text-transform: uppercase;
	color: #FFFFFF;	
	margin: -7px 0px 2px 0px;
}

#d3TextPassword
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	text-transform: uppercase;
	color: #FFFFFF;	
	margin: 9px 0px 2px 0px;
}

#d3TextEmail
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	text-transform: uppercase;
	color: #FFFFFF;	
	margin: 9px 0px 2px 0px;
}

.d3InputBox {
	width: 100%;
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left: 10px;
	padding-right: 10px;
	font-size: 26px;
	-webkit-box-shadow:inset 0 0 5px 1px #ADADAD;
	box-shadow:inset 0 0 5px 1px #ADADAD;
	border: 0;
	text-align: center;
}

#d3CloseLink {
	margin-top: 4px;
	margin-right: 8px;
	width: 16px;
	height: 16px;
	float: right;
	cursor: pointer;
}


@media screen and (max-height:900px)
{
	#d3LoginWindow {		   
		margin-top: 32px;		
	}
}