/* blade styling goes here */
.tile {
	background: -moz-linear-gradient(top, #666 0%, #353535 100%);
	background: -webkit-linear-gradient(top, #666 0%, #353535 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#353535')"; /* IE8+ */
	background: linear-gradient(top, #666 0%, #353535 100%);

	width: 215px;
	height:	220px;
	color: #DDD;
	padding: 5px;
	font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;
	font-size:	13px;
}

.tile select {
	color: white;
	background-color: black;
	border-color: #777;
}

.tile input {
	/*background-image: url(images/input-bg.png);*/
	color: white;
	border: 1px black solid;
	line-height: 16px;
	padding-left: 2px;
}

.tile #currencyPair {
	width: 100%;
}

.tile #currencyPair:disabled {
	color: #ACACAC;
}

.tile .reset-button button {
	background: url(images/buttons.png) -12px -170px no-repeat;
	border: 1px solid black;
	border-radius: 5px;
	color: white;
	float: right;
	width:58px;
	height: 30px;
}
.tile .buysell-labels {
	margin-top: 5px;
}

.tile .buysell-buttons {
	margin-top: 1px;
}

.tile .buysell-buttons button{
	height: 62px;
	width: 105px;
	background: url(images/buttons.png) -12px -155px no-repeat;
	color: white;
	border: 0px;
	font-size: 27px;
}

.tile .buysell-buttons button:disabled{
	height: 62px;
	width: 105px;
	background: url(images/buttons.png) -12px -227px no-repeat;
	color: white;
	border: 0px;
	font-size: 27px;
}

.tile .buysell-labels label{
	padding: 0px 28px;
}

.tile .amount, .tile .dealt {
	margin-top:	5px;
	padding-left: 3px;
}

.tile .amount label {
	padding-right:	40px;
}

.tile .amount input {
	background-color:#666;
	width:	119px;
}

.tile .message {
	margin-top: 10px;
	height: 35px;
	color: #DDD;
}

