/*
 *  Licensed Materials - Property of IBM
 *  5725-I43 (C) Copyright IBM Corp. 2011, 2013. All Rights Reserved.
 *  US Government Users Restricted Rights - Use, duplication or
 *  disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
 */
 
.hidden {
	display:none;
}

div .navPane {
	width:250px;
	border-right:1px solid black;
}

.dj_ios.oneui_ios_theme .mblListItem img.mblImageIcon.mblListItemIcon{
	border-radius: 10px;
	-moz-box-shadow: 0px 2px 2px #1f1f1f;
	-webkit-box-shadow: 0 2px 2px #1f1f1f;
	box-shadow: 0 2px 2px #1f1f1f;
}

.oneui_ios_theme .mblHeading {
	font-size: 16px;
}

.dj_android .mblHeadingSpanTitle {
	position:absolute;
}

.mblHeadingSpanTitle {	
	display: inline-block;
	margin: 0 0 0 0 !important;
	text-overflow: ellipsis;
	overflow: hidden;
}


.OTAInstallerList img.mblImageIcon {
	width: 72px;
	height: 72px;
	background-color: #ddd;
}

.OTAInstallerList .mblListItem {
	height: 86px;
	line-height: 86px;
}

.OTAInstallerList .mblListItemRightIcon {	
	margin-top: 32px;
}

.centeredButtonWrapper {
	text-align: center;
	margin: 20px 14px;
}

.paddedButton {
	padding: 0px 50px;
}

.mblButton {
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#dbdbdb));
	background-image:-webkit-linear-gradient(top,#f4f4f4 0%,#dbdbdb 100%);	
	background-image:-ms-linear-gradient(top,#f4f4f4 0%,#dbdbdb 100%);
}

.mblButton.mblButtonSelected {
	background-image:-webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#f4f4f4));
	background-image:-webkit-linear-gradient(top,#dbdbdb 0%,#f4f4f4 100%);
	background-image:-ms-linear-gradient(top,#dbdbdb 0%,#f4f4f4 100%);
}

.mblHeading {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(1%,#6b6b6b), color-stop(1%,#404040), color-stop(89%,#000000), color-stop(89%,#131313), color-stop(93%,#000000), color-stop(96%,#1a96c6), color-stop(99%,#008abf), color-stop(100%,#131313), color-stop(100%,#0075a3));
	background-image: -webkit-linear-gradient(bottom, #0075a3, #0075a3 1px, #008abf 1px, #008abf 3px, #1a96c6 3px, #1a96c6 4px, #000000 4px, #000000 6px, #131313 6px, #444444 51px, #6b6b6b 51px, #6b6b6b 52px);
	background-image: -ms-linear-gradient(top, #6b6b6b 0%, #6b6b6b 1%, #404040 1%, #000000 89%, #131313 89%, #000000 93%, #1a96c6 96%, #008abf 99%, #131313 100%, #0075a3 100%); 	
}
.mblTabBarSegmentedControl .mblTabBarButton {
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#dbdbdb));
	background-image:-webkit-linear-gradient(top,#f4f4f4 0%,#dbdbdb 100%);	
	background-image:-ms-linear-gradient(top,#f4f4f4 0%,#dbdbdb 100%);
	
}
.mblTabBarSegmentedControl .mblTabBarButton.mblTabBarButtonSelected {
	background-image:-webkit-gradient(linear,left top,left bottom,from(#e2e2e2),to(#a4a4a4));
	background-image:-webkit-linear-gradient(top,#e2e2e2 0%,#a4a4a4 100%);
	background-image:-ms-linear-gradient(top,#e2e2e2 0%,#a4a4a4 100%);
}

.mblTabBarTabBar {
	background-image: -webkit-gradient(linear,left top,left bottom,from(#444),to(#000));
	background-image:-webkit-linear-gradient(top,#444 0%,#000 100%);
	background-image:-ms-linear-gradient(top,#444 0%,#000 100%);
}

/* barType="slimTab" */
.mblTabBarSlimTab {
	background-image:-webkit-gradient(linear,left top,left bottom,from(#444),to(#000));
	background-image:-webkit-linear-gradient(top,#444 0%,#000 100%);
	background-image:-ms-linear-gradient(top,#444 0%,#000 100%);
}

.oneui_ios_theme .mblHeading .mblColorDefault {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#121212), color-stop(100%,#464646));
	background: -webkit-linear-gradient(top, #121212 0%,#464646 100%); 
	background: -ms-linear-gradient(top, #121212 0%,#464646 100%); 
	background: linear-gradient(to bottom, #121212 0%,#464646 100%); 
}

/* OneUI uses webkit transform, we must set it for other browsers */ 
.mblHeading .mblToolBarButtonArrow {
	/* -webkit-transform: scale(0.65, 1.05) rotate(45deg); */
	-moz-transform: scale(0.65, 1.05) rotate(45deg);
	-ms-transform: scale(0.65, 1.05) rotate(45deg);
	transform: scale(0.65, 1.05) rotate(45deg);
}

/* Fix to prevent buttons from being highlighted when pressed */
.mblToolBarButton {
	-ms-touch-action: none !important;
}

.mblTabBarButton {
	-ms-touch-action: none !important;
}

.mblToolBarButtonLabel {
	max-width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mblListItem{
	height:auto !important;
}

.dj_portrait.dj_phone .mblTabBarSlimTab .mblTabBarButton {
	padding: 10px 6px;
	font-size: 12px;
}

@media only screen and (min-width: 350px) and (max-width: 400px) {
	.dj_portrait.dj_phone.dj_windowsphone.sslcertificates .mblTabBarSlimTab .mblTabBarButton .mblTabBarButtonLabel {
		max-width: 100px;
	}
}

@media only screen and (max-width: 350px) {
	.dj_portrait.dj_phone.dj_windowsphone.sslcertificates .mblTabBarSlimTab .mblTabBarButton .mblTabBarButtonLabel {
		max-width: 80px;
	}
}

.dj_portrait.dj_phone .mblTabBarSlimTab .mblTabBarButton .mblTabBarButtonLabel {	
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
}

.dj_portrait.dj_phone .mblTabBarSlimTab .mblTabBarButton {
	padding: 10px 6px;
	font-size: 12px;
}

@media only screen and (min-width: 350px) and (max-width: 400px) {
	.dj_portrait.dj_phone.dj_windowsphone.sslcertificates .mblTabBarSlimTab .mblTabBarButton .mblTabBarButtonLabel {
		max-width: 100px;
	}
}

@media only screen and (max-width: 350px) {
	.dj_portrait.dj_phone.dj_windowsphone.sslcertificates .mblTabBarSlimTab .mblTabBarButton .mblTabBarButtonLabel {
		max-width: 80px;
	}
}

.dj_portrait.dj_phone .mblTabBarSlimTab .mblTabBarButton .mblTabBarButtonLabel {	
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
}