/* ------------------------------------------------------------------------------------------------------------------------- */
/*
	File: Input.css

	Game: Soniro
	Created: 01/12/2012
	Last update: 01/12/2012 - Alpha Release 1
	Language: Cascading Style Sheets 3

	License: 

	Copyright © 2011-2012 Skykill. All rights reserved

	Author: Skykill
	Description: Contains the global input styling.
	Change History: 
	[Note: note for this file.
           note for this file.]
*/
/* ------------------------------------------------------------------------------------------------------------------------- */

.input, .input:focus
{
	background: transparent;
	-webkit-border-image: url(images/search.png) 0 12 / 0 12px !important;
	height: 21px;
	position: absolute;
	top: 5px;
	outline: none;
	font-size: 9pt;
	color: white;
	vertical-align: 3px;
}

body.hd .input, .input:focus
{
	-webkit-border-image: url(images/searchhd.png) 0 24 / 0 12px !important;
}

.input:focus
{
	-webkit-border-image: url(images/searchfocus.png) 0 22 / 0 22px;
	height: 38px;
}

input[disabled]
{
	opacity: 0.8;
}

input, select, textarea
{
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 3px rgba(0,0,0,0.5);
	font: bold 12px helvetica;
	color: white;
}

[disabled]
{
	opacity: 0.8;
}

select
{
	-webkit-border-image: url(images/popup.png) 0 21 0 9 / 0 21px 0 9px;
	-webkit-appearance: none;
	height: 21px;
	background: none;
	padding: 1px 0 0 0;
}

/*input[type='submit']
{
	-webkit-border-image: url(images/button/button.png) 0 7 / 0 7px;
	cursor: pointer;
	height: 21px;
	line-height: 21px;
	padding: 1px 8px 0 8px;
	background: none;
	min-width: 70px;
}

input[type='submit']:active
{
	-webkit-border-image: url(images/button/buttonpressed.png) 0 7;
}

input[type='submit'].outer
{
	-webkit-border-radius: 4px;
	-webkit-border-image: url(images/button/outerbutton.png) 0 7 / 0 7px;
	cursor: pointer;
	height: 20px;
	line-height: 20px;
	padding: 1px 8px 0 8px;
	background: none;
	min-width: 70px;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.5);
}

input[type='submit'].outer:active
{
	-webkit-border-image: url(images/button/outerbuttonpressed.png) 0 7 / 0 7px;
	-webkit-box-shadow: none;
}*/

label.checkbox
{
	cursor: pointer;
}

input[type='checkbox']
{
	cursor: pointer;
	-webkit-appearance: none;
	background: url(images/checkbox.png) no-repeat;
	width: 20px !important;
	height: 20px;
}

input[type='checkbox']:active
{
	background-position-x: -20px;
}

input[type='checkbox']:checked
{
	background-position-x: -40px;
}

input[type='checkbox']:checked:active
{
	background-position-x: -60px;
}

input[type='submit']:active
{
	-webkit-border-image: url(images/button/buttonpressed.png) 0 7;
	-webkit-animation-name: none;
}

@-webkit-keyframes pulse
{
	from
	{
		background: rgba(255,255,255,0.1);
	}

	to
	{
		background: rgba(255,255,255,0);
	}
}

@-webkit-keyframes pulsestrong
{
	from
	{
		background: rgba(255,255,255,0.1);
	}

	to
	{
		background: rgba(0,0,0,0.1);
	}
}

/*body.active input[type='submit'].default
{
	-webkit-animation-name: pulsestrong;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-direction: alternate;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-border-radius: 7px;
}*/

label.radio
{
	cursor: pointer;
}

input[type='radio']
{
	cursor: pointer;
	-webkit-appearance: none;
	background: url(images/radiobutton.png) no-repeat;
	width: 20px !important;
	height: 20px;
}

input[type='radio']:active
{
	background-position-x: -20px;
}

input[type='radio']:checked
{
	background-position-x: -40px;
}

input[type='radio']:checked:active
{
	background-position-x: -60px;
}

input[type='text'], input[type='password']
{
    padding: 6px;
    border: 1px solid rgb(212, 212, 212);
    background: none repeat scroll 0% 0% rgb(252, 252, 252);
    color: rgb(159, 159, 159);
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset;
}
input[type='text']:focus, input[type='password']:focus
{
    outline: medium none;
    background-color: rgb(254, 254, 254);
    color: rgb(85, 85, 85);
    border-color: rgb(175, 214, 234);
    box-shadow: 0px 0px 4px rgb(188, 230, 251) inset, 0px 0px 3px rgb(221, 244, 255);
}
input[type='password']
{
	background-image: url(../Images/key.png);
	background-repeat:no-repeat;
	padding-left: 14px;
}