/*
		Screen Preferences
		Copyright 2009 Palm, Inc.  All rights reserved.
*/

input[type=text].floating,
input[type=password].floating {
		background: none;
		width: 282px;
		outline: none;
		border: none;
		height: 45px;
		border-width: 10px 8px 7px 8px;
		-webkit-border-image: url(../images/textfield-9tile.png) 10 8 7 8 stretch stretch;
		-webkit-box-sizing: border-box;
		font-size: 20px;
		line-height: 30px;
		margin: 0 0 10px 0;
}

input.floating.single-digit {
		width: 58px;
		height: 35px;
		font-size: 20px;
		line-height: 20px;
		text-align: center;
		margin: 0 5px;
}

.palm-page-header .header-icon.screenlock {
		width: 32px;
		height: 32px;
		background: url(../images/header-icon-screen.png) center center no-repeat;
}

.securityconfig-main > .palm-page-header {
		padding-bottom: 0px;
}

/* if you make a change to the style below, please remember to mirror it in the localized stylesheets */

/* (to be found under /resources/xx_xx/stylesheets/) */

.palm-group .palm-list .row .title.label {
		color: #999;
		text-transform: capitalize;
		font-size: 16px;
}

.label.label-lock-image {
		margin-top: 12px;
		padding: 0px 0px 0px 10px;
}

.fixedlabel {
	color: #1f75bf;
	text-transform: capitalize;
	font-size: 16px;
	float:right;
	margin-top: -38px;
	margin-right:10px;
}

.palm-dialog-box-message,
.palm-dialog-box-message span {
		color: #666;
		font-size: 20px;
		margin: 0px;
		font-weight: normal;
}

.palm-dialog-textbox-label {
		color: #666;
		font-size: 16px;
}

.error-container {
		color: #333;
		font-size: 14px;
		margin: 5px 0px;
}

.error-container .error-icon {
		width: 26px;
		height: 25px;
		background: url(../images/small-error-icon.png) center center no-repeat;
		float: left;
		margin: -5px 5px 0px 0px;
}

.palm-group .palm-list .row {
		width: 125px;
}

.screen-off-timer {
		float: right;
}

.pin-background {
		background: url(../images/backdrop-firstuse.png);
    width: 320px;
    height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		margin: 0;
    z-index: -1;
}

.info {
		text-align: center;
		width: 320px;
		color: #FFFFFF;
}

.info .big {
		padding: 5px;
		font-size: 24px;
		font-weight: bold;
}

.info .small {
		font-size: 18px;
		line-height: 18px;
		font-weight: normal;
}

.keypad {
		text-align: center;
		padding: 0;
		width: 320px;
		margin: 10px 0 0 0;
}

div.keypad-row {
		width: 320px;
		clear: both;
		margin: 0;
		padding: 0;
}

.keypad-row .key {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
}

div.key.glassbutton {
		background: transparent;
		margin: 0;
		padding: 0;
}

.glassbutton {
		border: none;
		outline: none;
		margin: 0;
		padding: 0;
}


/* key pad sizing */

.scene-wrapper {
		width: 320px;
		height: 100%;
    max-height: 372px;   
    min-height: 344px;  
		position: absolute;
		top: 0;
		bottom: 0;
}

.keypad-flex {
		width: 320px;
		position: absolute;
		top: 90px;
		bottom: 45px; 
		max-height: 310px;
		min-height: 150px;
		z-index: 5;
}

#keypad_buttons {
		height: 100%;
}

.keypad-flex .keypad-row {
		width: 100%;
		height: 25%;
}

.keypad-flex .keypad-row > div {
		position: relative;
		text-align: center;
		color: #FFF;
		-webkit-box-sizing: border-box;
		font-size: 30px;
		width: 33.34%;
		height: 100%;
		min-height: 46px;
		float: left;
		display: block;
}

/* keypad buttons */

.keypad-flex .keypad-row .one div,
.keypad-flex .keypad-row .two div,
.keypad-flex .keypad-row .three div {
		margin-top: -32px;
}

.keypad-flex .keypad-row .one {
		-webkit-border-image: url(../images/one-down.png) 26 0 2 0;
		-webkit-border-image: url(../images/one.png) 26 0 2 0;
		border-width: 26px 0px 2px 0px;
		width: 106px;
}

.keypad-flex .keypad-row .one.selected {
    -webkit-border-image: url(../images/one-down.png) 26 0 2 0;
}

.keypad-flex .keypad-row .two {
		-webkit-border-image: url(../images/two-down.png) 26 0 2 0;
		-webkit-border-image: url(../images/two.png) 26 0 2 0;
		border-width: 26px 0px 2px 0px;
		width: 108px;
}

.keypad-flex .keypad-row .two.selected {
		-webkit-border-image: url(../images/two-down.png) 26 0 2 0;
}

.keypad-flex .keypad-row .three {
		-webkit-border-image: url(../images/three-down.png) 26 0 2 0;
		-webkit-border-image: url(../images/three.png) 26 0 2 0;
		border-width: 26px 0px 2px 0px;
		width: 106px;
}

.keypad-flex .keypad-row .three.selected {
		-webkit-border-image: url(../images/three-down.png) 26 0 2 0;
}

.keypad-flex .keypad-row .four,
.keypad-flex .keypad-row .seven,
.keypad-flex .keypad-row .empty {
		-webkit-border-image: url(../images/four-down.png) 2 0 2 0;
		-webkit-border-image: url(../images/four.png) 2 0 2 0;
		border-width: 2px 0px 2px 0px;
		width: 106px;
}

.keypad-flex .keypad-row .four.selected,
.keypad-flex .keypad-row .seven.selected,
.keypad-flex .keypad-row .empty.selected {
		-webkit-border-image: url(../images/four-down.png) 2 0 2 0;
}

.keypad-flex .keypad-row .five,
.keypad-flex .keypad-row .eight,
.keypad-flex .keypad-row .zero {
		-webkit-border-image: url(../images/five-down.png) 2 0 2 0;
		-webkit-border-image: url(../images/five.png) 2 0 2 0;
		border-width: 2px 0px 2px 0px;
		width: 108px;
}

.keypad-flex .keypad-row .five.selected,
.keypad-flex .keypad-row .eight.selected,
.keypad-flex .keypad-row .zero.selected {
		-webkit-border-image: url(../images/five-down.png) 2 0 2 0;
}

.keypad-flex .keypad-row .six,
.keypad-flex .keypad-row .nine,
.keypad-flex .keypad-row .backspace {
		-webkit-border-image: url(../images/six-down.png) 2 0 2 0;
		-webkit-border-image: url(../images/six.png) 2 0 2 0;
		border-width: 2px 0px 2px 0px;
		width: 106px;
}

.keypad-flex .keypad-row .six.selected,
.keypad-flex .keypad-row .nine.selected,
.keypad-flex .keypad-row .backspace.selected {
		-webkit-border-image: url(../images/six-down.png) 2 0 2 0;
}

.keypad-flex .keypad-row .empty {
		-webkit-border-image: url(../images/empty-down.png) 2 0 6 0;
		-webkit-border-image: url(../images/empty.png) 2 0 6 0;
		border-width: 2px 0px 6px 0px;
		width: 106px;
}

.keypad-flex .keypad-row .empty.selected {
    -webkit-border-image: url(../images/empty-down.png) 2 0 6 0;
}

.keypad-flex .keypad-row .zero {
		-webkit-border-image: url(../images/zero-down.png) 2 0 6 0;
		-webkit-border-image: url(../images/zero.png) 2 0 6 0;
		border-width: 2px 0px 6px 0px;
		width: 108px;
}

.keypad-flex .keypad-row .zero.selected {
		-webkit-border-image: url(../images/zero-down.png) 2 0 6 0;
}

.keypad-flex .keypad-row .backspace {
		-webkit-border-image: url(../images/backspace-down.png) 2 0 6 0;
		-webkit-border-image: url(../images/backspace.png) 2 0 6 0;
		border-width: 2px 0px 6px 0px;
		width: 106px;
}

.keypad-flex .keypad-row .backspace.selected {
		-webkit-border-image: url(../images/backspace-down.png) 2 0 6 0;
}

.pin-menu-short {
		position: relative;
		margin: 5px 0 0 0;
		padding: 0;
		width: 320px;
}

.pin-menu-button {
		height: 70px;
		background: transparent;
		-webkit-border-image: url(../images/pin-menu-button-tall.png) 0 25 70 25 repeat repeat;
		-webkit-user-select: none;
		border-width: 0 25px 0 25px;
		font-size: 14px;
		font-weight: bold;
		line-height: 72px;
		color: white;
		text-align: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}

.pin-menu-button:active {
		-webkit-border-image: url(../images/pin-menu-button-tall.png) 70 25 0 25 repeat repeat;
}

.pin-menu-button.halfleft {
		width: 160px;
		position: absolute;
		top: 0;
		left: 0;
}

.pin-menu-button.halfright {
		width: 160px;
		position: absolute;
		top: 0;
		left: 160px;
}

.pin-form {
		margin: 5px 0 0 0;
}

input[type=text].floating,
input[type=password].floating {
		background: none;
		width: 282px;
		outline: none;
		border: none;
		height: 45px;
		border-width: 10px 8px 7px 8px;
		-webkit-border-image: url(../images/textfield-9tile.png) 10 8 7 8 stretch stretch;
		-webkit-box-sizing: border-box;
		font-size: 20px;
		line-height: 30px;
		margin: 0 0 7px 0;
}

input.floating.single-digit {
		width: 50px;
		height: 35px;
		font-size: 20px;
		line-height: 20px;
		text-align: center;
		margin: 0 5px;
}

.error-container {
		color: #333;
		font-size: 14px;
		margin: 5px 0px;
}

.error-container .error-icon {
		width: 26px;
		height: 25px;
		background: url(../images/small-error-icon.png) center center no-repeat;
		float: left;
		margin: -5px 5px 0px 0px;
}

.spinner {
		float: right;
		margin-right: 10px
}

.palm-row-wrapper > .palm-slider {
		padding-top: 20px;
		height: 36px;
}

.palm-row-wrapper > .title + .slider,
.palm-row-wrapper > .title + .palm-slider {
		padding-top: 0px;
		height: 30px;
}

.palm-row-wrapper > .slider > .sliderBackground,
.palm-row-wrapper > .palm-slider > .palm-slider-background {
		margin-left: 16px;
		width: 262px;
}

.explanation-text {
		margin-top: 3px;
		margin-left: 28px;
		margin-right: 28px;
		font-size: medium;
		color: gray;
}
.swap-text .title {
	text-align: right;
}
.swap-text .label {
	float: left;         
	color: #000;
	text-transform: none;
	line-height: 24px;
	margin: 0 !important;
	max-width: 300px !important;
}


.keypad-flex .keypad-row div div {
		width: 100%;
		position: absolute;
		top: 50%;
		height: 46px;
		margin-top: -23px;
		vertical-align: middle;
		display: block;
		background-position: center center;
		background-repeat: no-repeat;
}


/* keypad icons */

.keypad-flex .keypad-row .one div {
		background-image: url(../images/keypad-icon-one.png);
}

.keypad-flex .keypad-row .two div {
		background-image: url(../images/keypad-icon-two.png);
}

.keypad-flex .keypad-row .three div {
		background-image: url(../images/keypad-icon-three.png);
}

.keypad-flex .keypad-row .four div {
		background-image: url(../images/keypad-icon-four.png);
}

.keypad-flex .keypad-row .five div {
		background-image: url(../images/keypad-icon-five.png);
}

.keypad-flex .keypad-row .six div {
		background-image: url(../images/keypad-icon-six.png);
}

.keypad-flex .keypad-row .seven div {
		background-image: url(../images/keypad-icon-seven.png);
}

.keypad-flex .keypad-row .eight div {
		background-image: url(../images/keypad-icon-eight.png);
}

.keypad-flex .keypad-row .nine div {
		background-image: url(../images/keypad-icon-nine.png);
}

.keypad-flex .keypad-row .empty div {
		background-image: url(../images/keypad-icon-empty.png);
}

.keypad-flex .keypad-row .zero div {
		background-image: url(../images/keypad-icon-zero.png);
}

.keypad-flex .keypad-row .backspace div {
		background-image: url(../images/keypad-icon-backspace.png);
}

/*Fixed bottom cancel button*/

.phone-menu-short {
		position: absolute;
		bottom: 0px;
		width: 320px;
}

.phone-menu-button {
		height: 50px;
		background: none;
		-webkit-border-image: url(../images/phone-menu-button.png) 0 25 150 25 repeat repeat;
		-webkit-user-select: none;
		border-width: 0 25px 0 25px;
		font-size: 15px;
		font-weight: bold;
		line-height: 50px;
		color: white;
		text-align: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display:table-cell;
}

.phone-menu-button.selected {
		-webkit-border-image: url(../images/phone-menu-button.png) 50 25 100 25 repeat repeat;
}

.phone-menu-button.fullwidth {
		width: 320px;
		position: absolute;
		top: 0;
		left: 0px;
}

.phone-menu-button.half {
	width: 160px; /* display: table-cell; collapses container, needs explicit width (not "50%"!) */
}

.pincode-floating {   
	width: 100%;
	font-size: 26px;
	line-height: 28px; 
	text-align: center;
	position: absolute; 
}
.pincode-floating .palm-textfield-disabled {
	color:white;
}

