HTML,BODY {
font-family:'Open Sans Condensed', Arial;
font-size:12px;
border:none;
height:100%;
cursor:default;
margin:0;
padding:0;
color:#222;
background:url('/login/views/origami/img/bg.png');
}

HTML {
overflow-y:scroll;
overflow-x:auto
}

TABLE {
border:0;
border-spacing:0;
border-collapse:collapse
}

TABLE td {
padding:0
}

IMG {
border:0
}

LABEL {
cursor:pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

FORM {
    margin:0px; 
    padding:0px;
}


.button-gr {
	height: 32px;
	margin: 12px 6px 12px 0;
	padding: 0 11px;
	overflow: visible;
	outline: none;
	border: 1px solid #ccc;
	border-bottom-color: #b3b3b3;
	border-radius: 4px;
	background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
	font: 14px/1 Arial, Tahoma, sans-serif;
	text-shadow: 1px 1px #FFF;
	color: #333;
	cursor: pointer;
}
.button-gr::-moz-focus-inner {border:0;padding:0}
.button-gr:hover {
	background-color: #E6E6E6;
	background-position: 0 -10px;
}
.button-gr:active {
	background: #f5f5f5;
	box-shadow: inset 1px 1px 3px #DDD;
}

input[type=password].input {
  background: url('/login/views/origami/img/keyIcon.png') 12px 11px no-repeat, -moz-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
  background: url('/login/views/origami/img/keyIcon.png') 12px 11px no-repeat, -webkit-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
  background: url('/login/views/origami/img/keyIcon.png') 12px 11px no-repeat, -o-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
  background: url('/login/views/origami/img/keyIcon.png') 12px 11px no-repeat, -ms-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
  background: url('/login/views/origami/img/keyIcon.png') 12px 11px no-repeat, linear-gradient(to bottom, #f7f7f8 0%, #ffffff 100%);
  border-radius: 3px;
  border: 1px solid #eee;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 13px;
  color: #222222;
  position: relative;
  height: 36px;
  width: 300px;
  padding-left: 30px;
}
input[type=password].input::-webkit-input-placeholder {
  color: #999999;
}
input[type=password].input:-moz-placeholder {
  color: #999999;
}
input[type=password].input:focus {
  box-shadow: 0 1px 0 #2392f3 inset, 0 -1px 0 #2392f3 inset, 1px 0 0 #2392f3 inset, -1px 0 0 #2392f3 inset, 0 0 4px rgba(35, 146, 243, 0.5);
  outline: none;
  background: url('/login/views/origami/img/keyIcon.png') 12px 11px no-repeat, #ffffff;
}

input[type=text].input {
  background: url('/login/views/origami/img/userIcon.png') 9px 11px no-repeat, -moz-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
  background: url('/login/views/origami/img/userIcon.png') 9px 11px no-repeat, -webkit-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
  background: url('/login/views/origami/img/userIcon.png') 9px 11px no-repeat, -o-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
  background: url('/login/views/origami/img/userIcon.png') 9px 11px no-repeat, -ms-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
  background: url('/login/views/origami/img/userIcon.png') 9px 11px no-repeat, linear-gradient(to bottom, #f7f7f8 0%, #ffffff 100%);
  border-radius: 3px;
  border: 1px solid #eee;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 13px;
  color: #222222;
  position: relative;
  height: 36px;
  width: 300px;
  padding-left: 30px;
}
input[type=text].input::-webkit-input-placeholder {
  color: #999999;
}
input[type=text].input:-moz-placeholder {
  color: #999999;
}
input[type=text].input:focus {
  box-shadow: 0 1px 0 #2392f3 inset, 0 -1px 0 #2392f3 inset, 1px 0 0 #2392f3 inset, -1px 0 0 #2392f3 inset, 0 0 4px rgba(35, 146, 243, 0.5);
  outline: none;
  background: url('/login/views/origami/img/userIcon.png') 9px 11px no-repeat, #ffffff;
}

.recovery {
  border-radius: 3px;
  border: 1px solid #eee;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 13px;
  color: #222222;
  position: relative;
  height: 36px;
  width: 320px;
  padding-left: 10px;
}
.recovery::-webkit-input-placeholder {
  color: #999999;
}
.recovery:-moz-placeholder {
  color: #999999;
}
.recovery:focus {
  box-shadow: 0 1px 0 #2392f3 inset, 0 -1px 0 #2392f3 inset, 1px 0 0 #2392f3 inset, -1px 0 0 #2392f3 inset, 0 0 4px rgba(35, 146, 243, 0.5);
  outline: none;
}

.checkbox {
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background: url('/login/views/origami/img/checkbox.png') no-repeat;
	cursor: pointer;
}
.checkbox.checked {
	background-position: -16px 0;
}
.checkbox.disabled {
	background-position: 0 -16px;
}
.checkbox.checked.disabled {
	background-position: -16px -16px;
}
.checkbox.focused {
	background-position: 0 -32px;
}
.checkbox.checked.focused {
	background-position: -16px -32px;
}

.input-ms {
width:320px;
padding:5px;
border:1px solid #ccc;
}

.logo-container {
  width: 225px;
  margin: 0 auto;
  padding-top: 100px;
  position: relative;
}