/*
* Copyright 2012 Research In Motion Limited.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and 
* limitations under the License.
*/

/*GLOBAL BUTTON
-----------------------------------------------------------------------------------------------------------*/

/*Notes: by default ".ui-btn" represents the inset bounding box
around buttons. "ui-btn-inner" represents the actual button face.*/
.ui-btn {
	margin: @buttonMargins;
	.insetBorder;
	min-width: @buttonWidth;
	box-sizing: border-box;
	font-size: @buttonFontSize;
	height: @buttonHeight;
	max-height: @buttonHeight;

	&.ui-disabled {
		opacity: 1;
		.ui-btn-text, .ui-icon {
			opacity: 0.3;
		}
	}
}

.ui-btn-text {
	font-weight: normal;
	text-align: center;
	display: block;
	text-shadow: 0 1px 2px rbga(0,0,0,1);
	top: 0.4em;
	font-size: @Medium;
	
}

.ui-btn-inner {
	height: 100%;
	font-size: @buttonFontSize;
	padding: 0 @buttonTextPadding 0 @buttonTextPadding;
	.rounded(5px);
	box-sizing: border-box;
}

/*Button Icons*/

/*Icons Common*/
.ui-btn-icon-left, .ui-btn-icon-right, .ui-btn-icon-bottom, .ui-btn-icon-top {
	.ui-icon {
		display: block;
		width: @buttonIconSize;
		height: @buttonIconSize;
		box-sizing: border-box;
		border-radius: 0;
	}
}

.ui-btn-icon-bottom, .ui-btn-icon-top {
	//OJM
	&> .ui-btn-inner {
		padding-top: 0;
		padding-bottom: 0;
	}
	.icon-set(51px);
}

/*Icon Only*/
.ui-btn-icon-notext {
	width: @buttonHeight;
	min-width: @buttonHeight;

	&> .ui-btn-inner {
		width: 100%;
		display: block;
		padding: 0;

		.ui-icon {
			width: @buttonIconSize;
			height: @buttonIconSize;
			position: relative;
			margin: auto;
			display: block;
			float: none;
			top: 10px;
			border-radius: 0px;
		}
	}
}

/*Icon Left*/
.iconPos(left, @global-icon-size);
/*Icon Right*/
.iconPos(right, @global-icon-size);
/*Icon Top*/
.iconPos(top, 51px);
/*Icon bottom*/
.iconPos(bottom, 51px);

@media screen and (orientation: landscape), screen and (device-aspect-ratio: 1/1) {
	.ui-btn {
		height: 95px;
		min-width: 95px;
		max-width: 100%;
	}
}


