/* 
   1280x768 is considered the baseline sizing for controls. It was the first resolution
   for BlackBerry 10 and by keeping the main classes using the sizing for this resolution
   it will ensure that if other resolutions come, the application will at least continue
   to display content on that new resolution until a tweaked version of the CSS with the 
   proper media query can be provided 
   
   All other screen resolutions simply augment what is needed from the base 1280x720 
   resolution sizing
*/



@media screen and (width: 720px) and (max-height: 720px){
    .bb-screen {
		font-size: 28pt;
    }
	
	/* 10.3 Checkboxes */
	.bb-checkbox-outer-10dot3 {
		height: 45px;
		width: 45px;
	}

	.bb-checkbox-inner-10dot3 {
		height: 45px;
		width: 45px;
	}

	.bb-checkbox-check-hidden-10dot3 {
		height: 45px;
		width: 45px;
		background-size: 33px 27px;
	}

	.bb-checkbox-check-display-10dot3 {
		height: 45px;
		width: 45px;
		margin-left: 0px;
		margin-top: 0px;
		background-size: 33px 27px;
	}

	
	/* 10.3 Toggle Buttons */
	.bb-toggle-10dot3 {
		width: 108px;
		height: 63px;
		padding: 0px;
	}

	.bb-toggle .outer-10dot3 {
		height: 63px;
		border-radius: 32px;
		width:108px;
	}

	.bb-toggle .halo-10dot3 {
		margin-left: 30px;
		margin-top: 38px;
	}
	
	.bb-toggle-10dot3 .indicator {
		width: 47px;
		height: 47px;
		border-radius: 26px;
		margin-top: 62px;
	}

	.bb-toggle-10dot3 .indicator .switch-on {
		width: 2px;
		height: 19px;
		margin-top: 14px;
		margin-left: 23px;
	}

	.bb-toggle-10dot3 .indicator .switch-off-light,
	.bb-toggle-10dot3 .indicator .switch-off-dark {
		width: 18px;
		height: 18px;
		border-radius: 10px;
		margin-top: 13px;
		margin-left: 13px;
	}

	.bb-toggle .fill-10dot3-light,
	.bb-toggle .fill-10dot3-dark {
		width: 108px;
		height: 63px;
		border-radius: 32px;
	}


	/* Buttons */
	.bb-button-image {
		height: 65px;
		width: 65px;
		margin-top: -7px;
	}
	
	.bb-button-caption-with-image-only {
		height:65px;
		width:65px;
		margin-top: -7px;
	}
	
	.bb-button-container-image-only {
		width: 83px;
	}
	
	.bb-button-container {
		border-width:2px;
		padding: 4px;
		margin: 10px;
	}
	
	.bb-button {
		line-height:50px;
		height:60px;
		padding-top:7px;
		font-size:24pt;
	}
	
	/* Activity Indicator */
	.bb-activity-medium {
		height: 88px;
		width: 88px;
		background-size: 88px 88px;
	}
	
	.bb-activity-large {
		height: 170px;
		width: 170px;
		background-size: 170px 170px;
	}
	
	/* Dropdowns */
	.bb-dropdown-item {
		height: 78px;
		font-size: 24pt;
	}
	
	.bb-dropdown-selected-image-dark {
		margin-top:25px;
	}
	
	.bb-dropdown-selected-image-light {
		margin-top:25px;
	}
	
	.bb-dropdown-container {
		height: 77px;
	}
	
	.bb-dropdown-container-10dot2 {
		height: 70px;
	}
	
	.bb-dropdown-container-10dot3 {
		height: 70px;
	}
	
	.bb-dropdown-caption {
		font-size: 24pt;
		margin-right:-55px;
	}
	
	.bb-dropdown-caption-10dot2 {
		margin-right: 4px;
	}
	
	.bb-dropdown-caption-10dot3 {
		margin-right: 4px;
	}
	
	.bb-dropdown-label {
		font-size: 24pt;
	}
	
	.bb-dropdown-arrow-dark,
	.bb-dropdown-arrow-light {
		top:4px;
	}
	
	.bb-dropdown-arrow-10dot3 {
		margin-right: -15px;
	}
	
	.bb-dropdown-inner {
		line-height:42px;
		height:55px;
		padding-top:10px;
		padding-left: 29px;
		padding-right: 29px;
		font-size:24pt;
	}
	
	.bb-dropdown-inner-10dot2 {
		border-width:1px;
		padding-right: 17px;
	}
		
	/* Input */
	.bb-input-container {
		height:69px;
	}
	
	.bb-input {
		height:66px;
	}
	
	.bb-input-focused {
		height:66px;
	}
	
	/* Swipe Down Menu */
	.bb-menu-bar {
		height: 110px;
	}
	
	.bb-menu-bar-item {
		border-top-width: 1px;
	}
	
	.bb-menu-bar-item img {
		height: 75px;
		width: 75px;
		margin-top: 2px;
	}
	
	.bb-menu-bar-item-caption {
		font-size: 18pt;
		padding-top: 0px;
	}
	
	/* Image List */
	.bb-image-list-item {
		height: 86px;
		border-bottom-width: 1px;
	}
	
	.bb-image-list-item-overlay {
		margin-top: -132px;
		height: 84px;
	}
	
	.bb-image-list-item-details {
		padding-left: 105px;
		background-size: 92px 92px;
		background-position: 0px 8px;
	}
	
	.bb-image-list-item-details-nodescription {
		background-position: 0px 7px;
	}
	
	.bb-image-list-item-noimage {
		padding-left:10px;
	}
	
	.bb-image-list-item .title {
		font-size: 29pt;
		margin-top: -31px;
	}
	
	.bb-image-list-item .description {
		font-size: 22pt;	
		margin-top:-10px;
	}
	
	.bb-image-list-item .accent-text {
		font-size:22pt;
		margin-top:-70px;
	}
	
	.bb-image-list-item-button-border {
		width: 36px;
		height: 36px;
		border-radius: 19px;
	}
	
	.bb-image-list-item .button {
		margin-top: -92px;
	}
	
	.bb-image-list-item-button-inner {
		width: 36px;
		height: 36px;
	}
	
	/* Label Control Container  */
	.bb-label-control-label-row {
		height:44px;
	}
	
	.bb-label-control-label {
		top: 0px;
		font-size: 28pt;
	}
	
	/* Title Bar */
	.bb-title-bar {
		font-size: 30pt;
	}
	
	.bb-titlebar-button {
		font-size:23pt;
	}
	
	.bb-titlebar-button-10dot3 {
		font-size: 25pt;
		font-weight: 600;
		border-radius: 0px;
		margin-top: 5px;
	}
	
	.bb-title-bar-10dot3 {
		border-bottom-width: 5px;
		font-size: 34pt;
		height: 85px;
		line-height: 85px;
		font-weight: 600;
	}
	
	.bb-title-bar-portrait,
	.bb-title-bar-landscape {
		height:92px;
	}
	
	.bb-title-bar-10dot3-portrait,
	.bb-title-bar-10dot3-landscape {
		height: 85px;
	} 
	
	.bb-title-bar-caption-portrait,
	.bb-title-bar-caption-landscape,
	.bb-title-bar-caption-left {
		line-height:88px;
	}
	
	.bb-title-bar-caption-details-img {
		margin-left: 105px;
	}
	
	.bb-title-bar-caption-details-img-10dot3 {
		margin-left: 100px;
	}
	
	.bb-title-bar-accent-text {
		margin-top:-13px;
	}
	
	.bb-title-bar-accent-text-10dot3 {
		margin-top: -20px;
		font-size: 22pt;
	}
	
	.bb-title-bar img {
		margin-top: 0px;
		height:92px;
		width:92px;
	}
	
	.bb-title-bar-10dot3 img {
		position:relative;
		float:left;
		margin-top: -2px;
		height:87px;
		width:87px;
	}
	
	.bb-titlebar-button-container {
		margin: 6px;
	}
	
	.bb-titlebar-button-container-10dot3 {
		position: absolute;
		top: 0px;
		bottom: 0px;
		padding: 4px;
		margin: 0px;
	}  
	
	.bb-titlebar-button-container-10dot2 {
		margin-top: 10px;
	}
	
	/* Context Menu */
	.bb-context-menu-item {
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 4px;
		height: 90px;
		line-height: 85px;
		font-size:28pt;
	}
	
	.bb-context-menu-item-image {
		margin-top:5px;
		margin-left:8px;
	}
	
	/* Action Bar */
	.bb-action-bar-portrait {
		height: 109px;
	}
	
	.bb-action-bar-landscape {
		height: 109px;
	}
	
	.bb-action-bar-icon {
		margin-top: 10px;
	}
	
	.bb-action-bar-action-portrait,
	.bb-action-bar-action-landscape	{
		height:101px;
	}
	
	.bb-action-bar-action-display {
		display:none;
	}
	
	.bb-action-bar-action-display-portrait {
		display: none;
	}
	
	.bb-action-bar-back-button-portrait,
	.bb-action-bar-back-button-landscape {
		height:108px;
		width:141px;
	}
	
	.bb-action-bar-back-text-portrait {
		display:none;
	}
	
	.bb-action-bar-back-slash-portrait,
	.bb-action-bar-back-slash-landscape {
		height: 108px;
	}
	
	.bb-action-bar-tab-overflow-dark {
		background-position: center -18px;
	}

	.bb-action-bar-tab-overflow-highlight-portrait,
	.bb-action-bar-tab-overflow-highlight-landscape {
		margin-top: -80px;
		background-position: -53px -18px;
	}
	
	.bb-action-bar-overflow-button-dark {
		margin-top: 5px;
	}
	
	.bb-action-bar-overflow-button-portait-10dot2 {
		margin-top: 5px;
	}
	
	.bb-action-bar-slide-label {
		display:block;
		position:fixed;
		height: 0px;
		width: 100%;
		bottom: 108px;
		opacity: 0.4;
		background-color: black;
		border-top: 1px solid #464646;
		-webkit-transition: height 0.1s linear;
		-webkit-backface-visibility: hidden;
	}

	.bb-action-bar-slide-label-text {
		display:block;
		position:fixed;
		height: 0px;
		line-height: 48px;
		text-align: center;
		color: white;
		font-size:20pt;
		width: 200px;
		bottom: 108px;
		visibility: hidden;
		-webkit-transition-property: height, visibility;
		-webkit-transition-duration: 0.1s, 0.3;
		-webkit-transition-timing-function: linear, linear;
		-webkit-backface-visibility: hidden;
	}

	
	/* Tab Overflow */
	.bb-tab-overflow-menu-item {
		font-size:29pt;
		padding-left: 0px;
	}
	
	.bb-tab-overflow-menu-item-single {
		height: 85px;
		line-height: 75px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.bb-tab-overflow-menu-item-double {
		height: 85px;
		line-height: 46px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.bb-tab-overflow-menu-item-inner {
		padding-left: 5px;
	}
	
	.bb-tab-overflow-menu-item .tab-accent-text {
		padding-left: 5px;
		font-size: 19pt;
		height: 40px;
		margin-top: -40px;
	}
	
	.bb-tab-overflow-menu-item-image {
		margin-left:9px;
	}
	
	/* Action Bar 10.3 */
	.bb-action-bar-10dot3-portrait,
	.bb-action-bar-10dot3-landscape  {
		height: 109px;
	}

	.bb-action-bar-10dot3-icon {
		height: 80px;
		width: 80px;
	}

	.bb-action-bar-10dot3-signature-icon {
		border-radius: 54px;
		height: 80px;
		width: 80px;
		padding: 14px;
		bottom: 36px;
		background-size: 80px 80px;
	}
	
	.bb-action-bar-10dot3-action-portrait,
	.bb-action-bar-10dot3-action-landscape {
		height:109px;
	}

	.bb-action-bar-10dot3-action-display {
		font-size:16pt;
		margin-top:-6px;
	}

	.bb-action-bar-10dot3-signature-action-display  {
		margin-top: 74px;
	}
	
	.bb-action-bar-10dot3-action {
		border-top-width: 4px;
	}

	.bb-action-bar-10dot3-back-button-portrait,
	.bb-action-bar-10dot3-back-button-landscape {
		height:109px;
		width:100px;
	}
	
	.bb-action-bar-10dot3-back-chevron-dark,
	.bb-action-bar-10dot3-back-chevron-light {
		width:20px;
		height:37px;
		background-size: 17px 34px;
		margin-left: 43px;
		top: 35px;
	}

	.bb-action-bar-10dot3-colored-slash {
		width: 3px;
		height: 90px;
		top: 10px;
		left: 9px;
	}

	.bb-action-bar-10dot3-back-slash-dark,
	.bb-action-bar-10dot3-back-slash-light {	
		width:21px;	
	}

	.bb-action-bar-10dot3-back-slash-portrait,
	.bb-action-bar-10dot3-back-slash-landscape {
		height: 109px;
	}


	.bb-action-bar-10dot3-tab-overflow-portait,
	.bb-action-bar-10dot3-tab-overflow-landscape  {
		margin-top: 0px;
		width: 109px;
	}


	.bb-action-bar-10dot3-tab-overflow-dark,
	.bb-action-bar-10dot3-tab-overflow-light {
		background-position: center 34px;
	}

	.bb-action-bar-10dot3-overflow-button-dark,
	.bb-action-bar-10dot3-overflow-button-light {
		margin-top: 18px;
		background-position: center 13px;
	}


	.bb-action-bar-10dot3-overflow-button-portait,
	.bb-action-bar-10dot3-overflow-button-landscape {
		margin-top: 4px;
		width: 109px;
	}

	.bb-action-bar-10dot3-slide-label {
		display:none;
	}

	.bb-action-bar-10dot3-slide-label-text {
		display:none;
	}
}

/* Z30 & Z3 */
@media screen and (width: 720px) and (height: 1280px) and (-webkit-max-device-pixel-ratio:1.9), (width: 1280px) and (height: 720px) and (-webkit-max-device-pixel-ratio:1.9), (-webkit-max-device-pixel-ratio:1.9) {
    .bb-screen {
		font-size: 25pt;
    }
	
	/* Title Bar */
	.bb-title-bar {
		font-size: 29pt;
	}
	
	.bb-title-bar-10dot3 {
		border-bottom-width: 4px;
		font-size: 29pt;
	}
	
	.bb-titlebar-button-10dot3 {
		margin-top: 4px;
	}
	
	.bb-title-bar-10dot3-portrait,
	.bb-title-bar-10dot3-landscape {
		height: 84px;
	} 
	
	.bb-title-bar-10dot3 .bb-title-bar-caption-portrait,
	.bb-title-bar-10dot3 .bb-title-bar-caption-landscape {
		line-height:88px;
	}
	
	.bb-title-bar-10dot3 img {
		margin-top: 0px;
		height:84px;
		width:84px;
	}
	
	.bb-title-bar-caption-details-img-10dot3 {
		margin-left: 95px;
	}
	
	.bb-title-bar-accent-text-10dot3 {
		margin-top: -16px;
		font-size: 20pt;
	}
	
	.bb-titlebar-button {
		font-size:23pt;
	}
	
	/* Activity Indicator */
	.bb-activity-small {
		height: 35px;
		width: 35px;
		background-size: 35px 35px;
	}
	
	.bb-activity-medium {
		height: 69px;
		width: 69px;
		background-size: 69px 69px;
	}
	
	.bb-activity-large {
		height: 135px;
		width: 135px;
		background-size: 135px 135px;
	}
	
	/* Action Bar */
	.bb-action-bar-portrait {
		height: 116px;
	}

	.bb-action-bar-landscape {
		height: 92px;
	}
	
	.bb-action-bar-back-text {
		font-size:16pt;
		top: 48px;
		padding-top: 0px;
	}
	
	.bb-action-bar-back-button-portrait {
		width:146px;
	}

	.bb-action-bar-back-button-landscape {
		width:267px;
	}
	
	.bb-action-bar-back-chevron-dark {
		background-size: 22px 35px;
		background-repeat: no-repeat;
	}
	
	.bb-action-bar-icon {
		height: 66px;
		width: 66px;
		margin-top: 4px;
	}
	
	.bb-action-bar-tab-overflow-landscape {
		margin-top: -6px;
	}
	
	.bb-action-bar-tab-overflow-dark {
		background-position: center -10px;
		height: 75px;
	}
	
	.bb-action-bar-tab-overflow-highlight {
		background-position: -56px -10px;
	}
	
	.bb-action-bar-tab-overflow-highlight-portrait {
		margin-top: -101px;
	}
	
	.bb-action-bar-tab-overflow-highlight-landscape {
		margin-top: -76px;
	}
	
	.bb-action-bar-overflow-button-dark {
		background-size: 66px 66px;
	}
	
	.bb-action-bar-overflow-button-landscape {
		margin-top: -7px;
	}
	
	/* Action Bar 10.3+ */
	.bb-action-bar-10dot3-portrait,
	.bb-action-bar-10dot3-landscape {
		height: 96px;
	}

	.bb-action-bar-10dot3-icon {
		height: 66px;
		width: 66px;
	}
	
	.bb-action-bar-10dot3-signature-icon {
		border-radius: 48px;
		height: 66px;
		width: 66px;
		padding: 15px;
		bottom: 32px;
		background-size: 66px 66px;
	}
	
	.bb-action-bar-10dot3-action {
		border-top-width: 5px;
	}
	
	.bb-action-bar-10dot3-action-portrait,
	.bb-action-bar-10dot3-action-landscape {
		height:96px;
	}

	.bb-action-bar-10dot3-action-display {
		font-size:15pt;
		margin-top:-4px;
	}
	
	.bb-action-bar-10dot3-signature-action-display  {
		margin-top: 62px;
	}
	
	.bb-action-bar-10dot3-back-button-portrait,
	.bb-action-bar-10dot3-back-button-landscape {
		height:96px;
		width:83px;
	}

	.bb-action-bar-10dot3-back-chevron-dark,
	.bb-action-bar-10dot3-back-chevron-light {
		width:17px;
		height:31px;
		margin-left: 40px;
		top: 33px;
		background-size: 16px 31px;
	}
	
	.bb-action-bar-10dot3-colored-slash {
		width: 2px;
		height: 80px;
		top: 5px;
		left: 12px;
	}
	
	.bb-action-bar-10dot3-back-slash-dark,
	.bb-action-bar-10dot3-back-slash-light {
		width:21px;	
	}
	
	.bb-action-bar-10dot3-tab-overflow-portait,
	.bb-action-bar-10dot3-tab-overflow-landscape {
		width: 96px;
	}
	
	.bb-action-bar-10dot3-back-slash-portrait,
	.bb-action-bar-10dot3-back-slash-landscape {
		height: 96px;
	}

	.bb-action-bar-10dot3-tab-overflow-dark,
	.bb-action-bar-10dot3-tab-overflow-light {
		background-position: center 31px;
		background-size: 32px 25px;
	}
	
	.bb-action-bar-10dot3-overflow-button-dark,
	.bb-action-bar-10dot3-overflow-button-light {
		margin-top: 18px;
		background-position: center 10px;
		background-size: 7px 31px;
	}
	
	.bb-action-bar-10dot3-overflow-button-portait,
	.bb-action-bar-10dot3-overflow-button-landscape {
		margin-top: 4px;
		width: 96px;
		background-color: red;
	}

	
	/* Grid List */
	.bb-grid-header {
		height:36px;
		line-height:36px;
	}
	
	.bb-grid-header-10dot3 {
		font-size: 19pt;
		line-height:32px;
	}
	
	.bb-grid-header p {
		font-size: 18pt;
		font-weight: 600;
		line-height:36px;
	}
	
	/* Image List */
	.bb-image-list-header {
		height:36px;
		line-height:36px;
		font-size: 18pt;
		font-weight: 600;
	}
	
	.bb-image-list-header-10dot3 {
		font-size: 19pt;
		line-height:32px;
	}
	
	.bb-image-list-item .title {
		font-size: 27pt;
		margin-top: -30px;
		line-height:49px;
	}
	
	.bb-image-list-item .description {
		font-size: 22pt;	
		margin-top:-5px;
	}
	
	.bb-image-list-item {
		height: 86px;
	}
	
	.bb-image-list-item-overlay {
		margin-top: -116px;
		height: 84px;
	}
	
	.bb-image-list-item-details {
		height: 123px;
		padding-left: 105px;
		background-size: 92px 92px;
	}
	
	.bb-image-list-item-noimage {
		padding-left: 10px;
	}
	
	.bb-image-list-item .button {
		margin-top: -97px;
	}
	
	/* Action Bar */
	.bb-action-bar-action-display {
		font-size:16pt;
		margin-top:5px;
	}
	
	/* Input */
	.bb-input-container {
		height:77px;
	}
	
	.bb-input-container-10dot3 {
		height: 64px;
	}
	
	.bb-input {
		font-size: 25pt;
		height:74px;		
	}
	
	.bb-input-10dot3 {
		height: 61px;
	}
	
	.bb-input-container-focused-10dot3 {
		background-size: 50px 50px;
	}
	
	/* Tab Overflow */
	.bb-tab-overflow-menu-item {
		font-size:26pt;
	}
	
	.bb-tab-overflow-menu-item-single {
		height: 70px;
		line-height: 55px;
		padding-top: 12px; 
	}
	
	.bb-tab-overflow-menu-item-double {
		height: 58px;
		line-height: 35px;
		padding-top: 6px; 
		padding-bottom: 19px;
	}
	
	.bb-tab-overflow-menu-item .tab-accent-text {
		font-size: 22pt;
		margin-top: -40px;
		height: 44px;
	}
	
	.bb-tab-overflow-menu-item-image {
		height: 66px;
		width: 66px;
		margin-left:4px;
	}
	
	/* Context Menu */
	.bb-context-menu-item {
		height: 76px;
		font-size:25pt;
		line-height: 62px;
		padding-top: 10px;
	}
	
	.bb-context-menu-item-image {
		margin-top:0px;
		height: 66px;
		width: 66px;
		margin-left:8px;
	}
	
	/* Label Control Container */
	.bb-label-control-label {
		font-size: 25pt;
	}
	
	.bb-label-control-label-row {
		height:50px;
	}
	
	/* Button */
	.bb-button {
		font-size:22pt;
		height:52px;
		line-height:36px;
	}
	
	.bb-button-image {
		margin-top: -12px;
		height: 62px;
		width: 62px;
	}
	
	.bb-button-caption-with-image-only {
		margin-top: -12px;
		margin-left: -27px;
		height: 62px;
		width: 62px;
	}
	
	.bb-button-container-image-only {
		width: 81px;
	}
	
	/* Pill Button */
	.bb-pill-buttons-container {
		font-size: 22pt;
		height:56px;
		padding: 0px;
	}
	
	.bb-pill-button  {
		height: 52px;
	}
	
	.bb-pill-button-inner {
		margin:0px;
		height:52px;
		line-height:47px;
		padding-top: 0px;
	}
	
	/* Drop Down */
	.bb-dropdown-inner {
		font-size:23pt;
		height:59px;
		line-height:42px;
	}
	
	.bb-dropdown-inner-10dot2 {
		line-height:42px;
	}
	
	.bb-dropdown-container {
		height: 76px;
	}
	
	.bb-dropdown-label,
	.bb-dropdown-caption {
		font-size:23pt;
	}
	
	.bb-dropdown-caption-10dot2 {
		margin-right: 4px;
	}
	
	.bb-dropdown-arrow-dark, 
	.bb-dropdown-arrow-light {
		top:7px;
	}
	
	.bb-dropdown-item {
		font-size: 23pt;
	}
	
	.bb-dropdown-inner-10dot2 {
		border-width:1px;
		padding-right: 17px;
	}
	
	
	.bb-dropdown-container-10dot3 .bb-dropdown-items {
		margin-top: 0px;
	}
	
	.bb-dropdown-container-10dot3 .bb-dropdown-item {
		height: 78px;
	}
	
	.bb-dropdown-container-10dot3 .bb-dropdown-selected-image-dark,
	.bb-dropdown-container-10dot3 .bb-dropdown-selected-image-light {
		background-size: 30px 25px;
		margin-right: 10px;
		margin-top: 25px;
	}
	
	.bb-dropdown-container-10dot3 .bb-dropdown-item-light {
		font-size: 21pt;
	}

	.bb-dropdown-container-10dot3 .bb-dropdown-item-dark {
		font-size: 21pt;
	}
	
	.bb-dropdown-container-10dot3 {
		height: 64px;
	}
	
	.bb-dropdown-container-inner-10dot3 {
		border-radius: 5px;
	}
	
	.bb-dropdown-caption-10dot3 {
		margin-right: 4px;
		font-size: 21pt;
	}
	
	.bb-dropdown-container-10dot3 .bb-dropdown-label {
		font-size: 21pt;
	}
	
	.bb-dropdown-inner-10dot3 {
		height:52px;
		line-height: 40px;
		padding-right: 17px;
	}
	
	.bb-dropdown-arrow-10dot3 {
		height:25px;
		width:25px;
		margin-left: 5px;
	}
	
	/* Menu Bar */
	.bb-menu-bar-dark {
		background-image: none;
		background-color: black;
	}
	
	.bb-menu-bar {
		height: 116px;
	}
	
	.bb-menu-bar-item img {
		height: 60px;
		width: 60px;
	}
	
	.bb-menu-bar-item-caption {
		font-size:16pt;
		padding-top: 5px;
		height: 50px;
	}
	
	/* Round Panel */
	.bb-panel-header-10dot3 {
		font-size: 19pt;
		line-height:32px;
	}
	
	/* CheckBox */
	.bb-checkbox-outer-10dot3 {
		height: 40px;
		width: 40px;
	}
	
	.bb-checkbox-inner-10dot3 {
		height: 40px;
		width: 40px;
	}
	
	.bb-checkbox-check-hidden-10dot3 {
		height: 40px;
		width: 40px;
		background-size: 30px 24px;
	}
	
	.bb-checkbox-check-display-10dot3 {
		height: 40px;
		width: 40px;
		background-size: 30px 24px;
	}
	
	/* Radio button */
	.bb-radio-container-10dot3-dark {
		padding: 8px;
		height: 56px;
		width: 56px;
	}
	
	.bb-radio-container-10dot3-light {
		padding: 8px;
		height: 56px;
		width: 56px;
	}
	
	.bb-radio-dot-10dot3 {
		height: 40px;
		width: 40px;
		border-radius: 20px;
		top: 9px;
		left: 9px;
	}
	
	.bb-radio-dot-disabled-10dot3 {
		height: 40px;
		width: 40px;
		border-radius: 20px;
		top: 9px;
		left: 9px;
	}
	
	.bb-radio-dot-center-10dot3 {
		height: 14px;
		width: 14px;
		border-radius: 7px;
		top: 13px;
		left: 13px;
	}
	
	/* Slider */
	.bb-slider .outer-10dot3 {
		height: 4px;
	}
	
	.bb-slider .halo-10dot3 {
		margin: 42px;
		border-radius: 35px;
		width: 70px;
		height: 70px;
	}
	
	.bb-slider .indicator-10dot3 {
		width: 40px;
		height: 40px;
		border-radius: 20px;
		margin: 57px;
	}
	
	/* Toggle */
	.bb-toggle-10dot3 {
		width: 96px;
		height: 56px;
		padding: 0px;
	}
	
	.bb-toggle .outer-10dot3 {
		height: 56px;
		border-radius: 28px;
		width:53px;
	}
	
	.bb-toggle-10dot3 .indicator {
		width: 41px;
		height: 41px;
		border-radius: 21px;
		margin-top: 68px;
		margin-bottom: 68px;
		margin-left: 53px;
	}
	
	.bb-toggle .fill-10dot3-light {
		width: 96px;
		height: 56px;
	}

	.bb-toggle .fill-10dot3-dark {
		width: 96px;
		height: 56px;
	}
	
	.bb-toggle-10dot3 .indicator .switch-on {
		width: 2px;
		height: 16px;
		margin-top: 12px;
		margin-left: 20px;
	}

	.bb-toggle-10dot3 .indicator .switch-off-light {
		width: 16px;
		height: 16px;
		border-radius: 9px;
		margin-top: 11px;
		margin-left: 10px;
	}

	.bb-toggle-10dot3 .indicator .switch-off-dark {
		width: 16px;
		height: 16px;
		border-radius: 9px;
		margin-top: 11px;
		margin-left: 10px;
	}
	
	.bb-toggle .halo-10dot3 {
		margin-left: 35px;
		margin-top: 51px;
		border-radius: 41px;
		width: 80px;
		height: 80px;
	}
}

/* Passport */
@media screen and (width: 1440px) {
    .bb-screen {
		font-size: 34pt;
    }
	
	/* Round Panels/Control Groups */
	.bb-panel-header {
		padding-top:2px;
		padding-left: 10px; 
		margin-bottom: 10px; 
		padding-bottom: 6px; 
		font-size: 28pt;
		line-height: 52px;
		margin-left: -20px;
		margin-right: -20px;
		margin-top: -10px;
		height: 56px;
		font-weight: 600;
	}
	
	/* Grid List */
	.bb-grid-header-10dot3 {	
		height: 56px;
		font-weight: 600;
	}
	
	.bb-grid-header-10dot3 p {
		font-size: 28pt;
		line-height: 52px;
		margin-left: 10px;
	}
	
	.bb-grid-item-overlay-two-rows {
		height: 90px;
		top:-90px;
	}

	.bb-grid-item-overlay-one-row {
		height: 55px;
		top:-55px;
	}

	.bb-grid-item-overlay .title {
		line-height:36px;
		height: 86px;
		font-size: 28pt;
	}
	
	
	/* Image List */
	.bb-image-list-header-10dot3 {
		font-size: 28pt;
		line-height: 52px;
		height: 56px;
		font-weight: 600;
	}
	
	.bb-image-list-item .title {
		font-size: 43pt;
		line-height:50px;
		height: 61px;
	}
	
	.bb-image-list-item .description {
		font-size: 36pt;	
		height: 44px;
		line-height: 31px;
		font-weight: 200;
		font-family: "Slate Light";
	}
	
	.bb-image-list-item .accent-text {
		font-size:27pt;
		margin-right: 28px;
		margin-top:-93px;
	}
	
	.bb-image-list-item {
		height: 130px;
		padding-top: 0px;
	}
	
	.bb-image-list-item-overlay {
		margin-top: -164px;
		height: 126px;
	}
	
	.bb-image-list-item-details {
		height: 123px;
		padding-left: 141px;
		background-size: 130px 130px;
		background-position: 0px 0px;
		margin-top: 0px;
		padding-top: 39px;
	}
	
	.bb-image-list-item-noimage {
		padding-left:20px;
	}
	
	.bb-image-list-item-button-border {
		width: 60px;
		height: 60px;
		border-width: 1px;
		border-style: solid;
		border-radius: 30px;
		margin-top: 26px;
	}

	.bb-image-list-item .button {
		position:relative;
		float:right;
		width:68px;
		height:108px;
		margin-top: -126px;
		margin-right: 15px;
		padding-left: 20px;
	}

	.bb-image-list-item-button-inner {
		width: 60px;
		height: 60px;
		background-position: center center;
		background-size: cover;
	}
	
	/* Buttons */
	.bb-button-10dot3 {
		height: 84px;
		font-size:33pt;
		line-height:67px;
	}
	
	.bb-button-image {
		height: 76px;
		width: 76px;
		background-position: center center;
		background-size: cover;
		margin-top: -4px;
		margin-left: -24px;
	}
	
	.bb-button-caption-with-image-only {
		height:76px;
		width:76px;
		margin-left: -24px;
		margin-top: -4px;
		background-position: center center;
		background-size: cover;
	}
	
	.bb-button-container-image-only {
		width: 96px;
	}
	
	/* Activity Indicators */
	.bb-activity-small {
		height: 60px;
		width: 60px;
		background-size: 60px 60px;
	}

	.bb-activity-medium {
		height: 150px;
		width: 150px;
		background-size: 150px 150px;
	}

	.bb-activity-large {
		height: 300px;
		width: 300px;
		background-size: 300px 300px;
	}
	
	/* Pill Buttons */
	.bb-pill-buttons-container {
		border-radius:0px;
		padding: 2px;
		font-size: 32pt;
		height:88px;
	}
	
	.bb-pill-button  {
		height:84px;
		border-radius: 0px;
		cursor: pointer;
	}
	
	.bb-pill-button-inner {
		border-radius: 0px;
		height:70px;
		line-height:64px;
		padding-top: 5px;
	}
	
	/* Label Control Container */
	.bb-label-control-label-row {
		height:65px;
	}

	.bb-label-control-label {
		top: 10px;
		font-size: 34pt;
		height:40px;
	}
	
	/* CheckBoxes */
	.bb-checkbox-target {
		padding: 15px;
		height: 60px;
		width: 60px;
	}

	.bb-checkbox-outer {
		height: 60px;
		width: 60px;
		border-width: 0px;
		border-radius: 6px;
	}

	.bb-checkbox-inner-10dot3 {
		height: 60px;
		width: 60px;
		border-width: 0px;
		border-radius: 6px;
		margin: 0px;
	}

	.bb-checkbox-check-hidden-10dot3 {
		height: 60px;
		width: 60px;
		margin-left: 0px;
		margin-top: 0px;
		background-size: 43px 37px;
	}

	.bb-checkbox-check-display-10dot3 {
		height: 60px;
		width: 60px;
		margin-left: 0px;
		margin-top: 0px;
		background-size: 43px 37px;
	}
	
	/* Radio Buttons */
	.bb-radio-container-10dot3-dark {
		height: 76px;
		width: 76px;
		padding: 10px;
		background-image: none;
	}

	.bb-radio-container-10dot3-light {
		padding: 10px;
		height: 76px;
		width: 76px;
		background-image: none;
	}
	
	.bb-radio-dot-10dot3 {
		height: 60px;
		width: 60px;
		border-radius: 30px;
		top: 8px;
		left: 8px;
	}
	
	.bb-radio-dot-disabled-10dot3 {
		height: 60px;
		width: 60px;
		border-radius: 30px;
		top: 8px;
		left: 8px;
	}

	.bb-radio-dot-center-10dot3 {
		height: 20px;
		width: 20px;
		border-radius: 10px;
		top: 20px;
		left: 20px;
	}
	
	/* Toggle */
	.bb-toggle-10dot3 {
		width: 144px;
		height: 84px;
		padding: 0px;
	}

	.bb-toggle .outer-10dot3 {
		height: 84px;
		border-radius: 42px;
		width:144px;
	}
	
	.bb-toggle .halo {
		margin-left: 38px;
		margin-top: 28px;
		border-radius: 50px;
		width: 100px;
		height: 100px;
	}

	.bb-toggle .indicator { 
		margin-top: 43px;
		margin-bottom: 43px;
		margin-left: 53px;
		padding: 1px;
	}

	.bb-toggle-10dot3 .indicator {
		width: 64px;
		height: 64px;
		border-radius: 32px;
	}

	.bb-toggle-10dot3 .indicator .switch-on {
		width: 3px;
		height: 24px;
		margin-top: 20px;
		margin-left: 30px;
	}

	.bb-toggle-10dot3 .indicator .switch-off-light,
	.bb-toggle-10dot3 .indicator .switch-off-dark {
		width: 18px;
		height: 18px;
		border-radius: 12px;
		border-width: 3px;
		margin-top: 20px;
		margin-left: 20px;
	}

	.bb-toggle .fill {
		border-radius: 42px;
	}

	.bb-toggle .fill-10dot3-light,
	.bb-toggle .fill-10dot3-dark	{
		width: 134px;
		height: 84px;
		padding-right: 10px;
	}

	.bb-toggle .inner {
		width: 310px;
		height: 68px;
		left: -130px;
	}

	.bb-toggle .indicator-container {
		margin-top: -119px;
		margin-left: -47px;	
	}
	
	/* Menu Bar */
	.bb-menu-bar-dark {
		background: black;
		border-bottom-color: black;
		color: #F0F0F0;
	}

	.bb-menu-bar {
		height: 143px;
	}   

	.bb-menu-bar-item {
		border-top: 10px solid transparent;
		height: 83px;	
	}

	.bb-menu-bar-item img {
		height: 90px;
		width: 90px;
		margin-top: 1px;
	}

	.bb-menu-bar-item-caption {
		font-size: 21pt;
		padding-top: 3px;
		height: 31px;
	}
	
	/* Progress Bar */
	.bb-progress .outer-10dot3 {
		border-radius: 0px;
		height: 15px;
		padding: 0px;
	}

	.bb-progress .inner {
		top: -1.9em;
		left: -1.9em;
		width: 4em;
		height: 15px;
	}

	/* Slider */
	.bb-slider .outer-10dot3 {
		height: 6px;
		border-radius: 0px;
	}
	
	.bb-slider .halo {
		border-radius: 50px;
		width: 100px;
		height: 100px;
	}

	.bb-slider .halo-10dot3 {
		opacity: 0.6;
		margin: 28px;
	}

	.bb-slider .indicator { 
		margin: 49px;
	}

	.bb-slider .indicator-10dot3 {
		width: 58px;
		height: 58px;
		border-radius: 29px;
	}

	/* Input */
	.bb-input-container-10dot3 {
		border-width: 0px;
		border-radius: 0px;
		height: 96px;
		padding: 0px;
	}
	   
	.bb-input-10dot3 {
		font-size: 39pt;
		height: 93px;
	}

	.bb-input-focused {
		font-size: 39pt;	
		right: 80px;
	}

	.bb-input-focused-10dot3 {
		height: 93px;
		left: 10px;
	}
	
	.bb-input-cancel-button-light,
	.bb-input-cancel-button-dark {
		background-size: 82px 82px;
	}
	
	/* Drop Down */
	.bb-dropdown-items {
		margin-top: 5px;
	}

	.bb-dropdown-container-10dot3 .bb-dropdown-item-light,
	.bb-dropdown-container-10dot3 .bb-dropdown-item-dark	{	
		font-size: 33pt;
	}

	.bb-dropdown-item-dark  .accent-text, 
	.bb-dropdown-item-light .accent-text{
		margin-top: -5px;
		font-size: 75%;
	}

	.bb-dropdown-item {
		height: 118px;
		border-bottom-width: 2px;
		padding-left: 18px;
		padding-right: 10px;
	}

	.bb-dropdown-selected-image-dark,
	.bb-dropdown-selected-image-light {
		height:45px;
		width:50px;	
		margin-top:35px;
		margin-right: 20px;
	}

	.bb-dropdown-container-10dot3 {
		border: none;
		background: none;
		height: 96px;
	}

	.bb-dropdown-container-inner-10dot3 {
		padding: 0px;
		border-radius: 5px;
		border-width: 0px;
	}

	.bb-dropdown-caption-10dot3 {
		margin-right: 10px;
		font-size:33pt;
	}

	.bb-dropdown-container-10dot3 .bb-dropdown-label {
		font-size: 33pt;
		font-weight: 600;
		margin-left: -20px;
	}

	.bb-dropdown-arrow-dark,
	.bb-dropdown-arrow-light {
		top:16px;
		height:40px;
		width:40px;
	}

	.bb-dropdown-inner-10dot3 {
		line-height: 66px;
		padding-right: 17px;
		padding-top:12px;
		padding-left: 35px;
		height:84px;
		font-size:33pt;
	}

	/* Title Bar */
	.bb-titlebar-button {
		max-width: 380px;
		line-height: 84px;
		height:84px;
		padding-top:0px;
		padding-left: 75px;
		padding-right: 75px;
	}

	.bb-titlebar-button-10dot3 {
		font-size: 33pt;
		font-weight: 600;
		margin-top: 15px;
	}

	.bb-title-bar-10dot3 {
		border-bottom-width: 6px;
		font-size: 46pt;
		font-weight: 600;
	}

	.bb-title-bar-portrait,
	.bb-title-bar-landscape {
		height:126px;
	}

	.bb-title-bar-10dot3-portrait,
	.bb-title-bar-10dot3-landscape {
		height: 126px;
	} 

	.bb-title-bar-caption-portrait,
	.bb-title-bar-caption-landscape {
		line-height:126px;
	}

	.bb-title-bar-caption-details-img-10dot3 {
		margin-left: 140px;
	}

	.bb-title-bar-caption-left {
		line-height:126px;
		padding-left: 10px;
	}

	.bb-title-bar-accent-text {
		padding-top:2px;
		padding-left: 10px;
		font-size: 29pt;
	}

	.bb-title-bar-accent-text-10dot3 {
		margin-top: -16px;
	}

	.bb-title-bar-10dot3 img {
		position:relative;
		float:left;
		margin-top: -2px;
		height:128px;
		width:128px;
	}
	
	/* Action Bar */
	.bb-action-bar-10dot3-portrait,
	.bb-action-bar-10dot3-landscape {
		height: 144px;
	}

	.bb-action-bar-10dot3-icon {
		height: 100px;
		width: 100px;
	}

	.bb-action-bar-10dot3-signature-icon {
		border-radius: 72px;
		height: 104px;
		width: 104px;
		padding: 20px;
		bottom: 48px;
		background-size: 100px 100px;
	}

	.bb-action-bar-10dot3-action-portrait,
	.bb-action-bar-10dot3-action-landscape {
		height:144px;
	}

	.bb-action-bar-10dot3-action-display {
		font-size:23pt;
		margin-top:-6px;
	}

	.bb-action-bar-10dot3-signature-action-display  {
		margin-top: 94px;
	}

	.bb-action-bar-10dot3-back-button {
		font-size:20pt;
		line-height:12px;
	}

	.bb-action-bar-10dot3-back-button-portrait,
	.bb-action-bar-10dot3-back-button-landscape {
		height:144px;
		width:123px;
	}

	.bb-action-bar-10dot3-back-chevron-dark,
	.bb-action-bar-10dot3-back-chevron-light {
		width:27px;
		height:44px;
		background-size: cover;
		margin-left: 60px;
		top: 50px;
	}


	.bb-action-bar-10dot3-colored-slash {
		width: 3px;
		height: 120px;
		top: 10px;
		left: 27px;
		-webkit-transform: rotate(17deg);
	}

	.bb-action-bar-10dot3-back-slash-dark {
		width:45px;	
		height: 144px;
		background-size: 100% 100%;
		background-position: 0px 0px;
	}

	.bb-action-bar-10dot3-back-slash-light {
		width:45px;	
		height: 144px;
		background-size: 100% 100%;
		background-position: 0px 0px;
	}

	.bb-action-bar-10dot3-back-slash-portrait,
	.bb-action-bar-10dot3-back-slash-landscape {
		height: 144px;
	}
	
	.bb-action-bar-10dot3-tab-overflow-portait,
	.bb-action-bar-10dot3-tab-overflow-landscape {
		margin-top: 0px;
		width: 144px;
	}

	.bb-action-bar-10dot3-tab-overflow-dark,
	.bb-action-bar-10dot3-tab-overflow-light {
		background-position: center 43px;
		background-size: 48px 41px;
	}

	.bb-action-bar-10dot3-overflow-button-dark,
	.bb-action-bar-10dot3-overflow-button-light {
		margin-top: 0px;
		background-position: center 41px;
		background-size: 11px 49px;
	}

	.bb-action-bar-10dot3-overflow-button-portait,
	.bb-action-bar-10dot3-overflow-button-landscape {
		margin-top: 4px;
		width: 144px;
	}

	/* Tab Overflow Menu */
	.bb-tab-overflow-menu-item {
		font-size:42pt;
		padding-left: 10px;
	}

	.bb-tab-overflow-menu-item-single {		
		height: 124px;
		line-height: 116px;
	}

	.bb-tab-overflow-menu-item-double {		
		height: 88px;
		line-height: 66px;
	}

	.bb-tab-overflow-menu-item-inner {
		padding-left: 15px;
	}

	.bb-tab-overflow-menu-item .tab-accent-text {
		padding-left: 15px;
		font-size: 32pt;
		height: 56px;
		margin-top: -20px;
	}

	.bb-tab-overflow-menu-item-image {
		height: 100px;
		width: 100px;
		margin-top: 0px;
		margin-left:10px;
	}

	/* Action Overflow */
	.bb-context-menu-item {	
		padding-left: 10px;
		height: 130px;
		line-height: 122px;
		font-size:42pt;
	}

	.bb-context-menu-item-inner {
		padding-left: 15px;
	}

	.bb-context-menu-item-image {
		height: 100px;
		width: 100px;
		margin-top:14px;
		margin-left:12px;
	}

}

@media screen and (width: 1024px) and (height: 600px), (width: 600px) and (height: 1024px){
    .bb-screen {
		font-size: 16pt;
    }
	
	/* Buttons */
	.bb-button-caption-with-image {
		margin-left: 7px;
	}
	
	.bb-button-image {
		height: 29px;
		width: 29px;
		margin-left: -12px;
		margin-top: -2px;
	}
	
	.bb-button-caption-with-image-only {
		height:29px;
		width:29px;
		margin-top: -2px;
		margin-left: -12px;
	}
	
	.bb-button-container-image-only {
		width: 37px;
	}
	
	.bb-button-container {
		border-width:2px;
		border-radius:4px;
		padding: 1px;
		margin: 16px;
	}
	
	.bb-button {
		border-radius:2px;
		line-height:30px;
		height:30px;
		padding-top:5px;
		padding-left: 15px;
		padding-right: 15px;
		font-size:14pt;
	}
	
	/* Checkboxes */
	.bb-checkbox-target {
		padding: 10px;
		height: 27px;
		width: 27px;
	}
	
	.bb-checkbox-outer {
		height: 26px;
		width: 26px;
		border-width: 1px;
		border-radius: 3px;
	}
	
	.bb-checkbox-inner {
		height: 20px;
		width: 20px;
		margin: 2px;
		border-radius: 1px;
	}
	
	.bb-checkbox-check-hidden {
		height: 7px;
		width: 9px;
		margin-left: 5px;
		margin-top: 5px;
	}
	
	.bb-checkbox-check-display {
		height: 15px;
		width: 18px;
		margin-left: 1px;
		margin-top: 2px;
	}
	
	/* File input button */
	.bb-file-button {
		height : 51px;
		margin-top : -50px;
	}
	
	/* Activity Indicator */
	.bb-activity-margin {
		margin: 5px;
	}
	
	.bb-activity-small {
		height: 21px;
		width: 21px;
		background-size: 21px 21px;
	}
	
	.bb-activity-medium {
		height: 46px;
		width: 46px;
		background-size: 46px 46px;
	}
	
	.bb-activity-large {
		height: 93px;
		width: 93px;
		background-size: 93px 93px;
	}
	
	/* Control Groups (aka Round Panels) */
	.bb-round-panel {
		margin-bottom: 3px;
		padding: 5px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.bb-panel-header {
		padding-top:9px;
		padding-left: 10px;
		margin-bottom: 5px; 
		padding-bottom: 3px; 
		font-size: 12pt;
		font-weight: bold;
		margin-left: -10px;
		margin-right: -10px;
		margin-top: -5px;
	}
	
	.bb-panel-header-light {
		border-bottom-width: 2px; 
	}
	
	.bb-panel-header-dark {
		border-bottom-width: 2px; 
	}
	
	/* Dropdowns */
	.bb-dropdown {
		border-width:1px;
		border-radius:2px;
	}
	
	.bb-dropdown-item {
		height: 40px;
		line-height: 48px;
		border-bottom-width: 1px;
		font-size: 14pt;
		padding-left: 12px;
		padding-top: 3px;
	}
	
	.bb-dropdown-selected-image-dark {
		height:17px;
		width:20px;
		margin-top:10px;
		margin-right: 0px;
		background-size: cover;
	}
	
	.bb-dropdown-selected-image-light {
		height:17px;
		width:20px;
		margin-top:10px;
		margin-right: 0px;
		background-size: cover;
	}
	
	.bb-dropdown-container {
		border-width:1px;
		height: 42px;
	}
	
	.bb-dropdown-container-inner {
		border-width: 1px;
		padding: 1px;
	}
	
	.bb-dropdown-caption {
		margin-right:-22px;
		font-size: 14pt;
	}
	
	.bb-dropdown-label {
		margin-left: -5px;
		font-size: 14pt;
	}
	
	.bb-dropdown-arrow-dark {
		top: 3px;
		height:16px;
		width:16px;
		background-size: cover;
	}
	
	.bb-dropdown-arrow-light {
		top: 3px;
		height:16px;
		width:16px;
		background-size: cover;
	}
	
	.bb-dropdown-inner {
		border-width:1px;
		border-radius:2px;
		line-height:30px;
		height:30px;
		padding-top:5px;
		padding-left: 15px;
		padding-right: 15px;
		font-size:14pt;
	}
	
	/* Pill Buttons */
	.bb-pill-buttons {
		padding-top:5px;
	}
	
	.bb-pill-buttons-container {
		border-width:1px;
		border-radius:3px;
		font-size: 14pt;
		height:37px;
	}
	
	.bb-pill-button  {
		border-width: 1px;
		height:35px;
		border-radius: 3px;
	}
	
	.bb-pill-button-inner {
		border-radius: 3px;
		height:28px;
		line-height:28px;
	}
	
	.bb-pill-button-selected-light{
		border-width:1px;
	}
	
	.bb-pill-button-selected-dark{
		border-width:1px;
	}
	
	/* Grid List */
	.bb-grid-header {
		height:28px;
		line-height:28px;
		padding-left: 0px;
		border-bottom-width: 4px;
	}
	
	.bb-grid-header p {
		font-size: 13pt;
		line-height:28px;
	}
	
	.bb-grid-header-left {
		padding-left: 10px;
	}
	
	.bb-grid-header-right {
		padding-right: 10px;
	}
	
	.bb-grid-item-overlay-two-rows {
		height: 40px;
		top:-40px;
	}
	
	.bb-grid-item-overlay-one-row {
		height: 24px;
		top:-24px;
	}
	
	.bb-grid-item-overlay .title {
		padding-top: 3px;
		line-height:20px;
		font-size: 13pt;
	}
	
	.bb-grid-item-overlay .title-two-rows {
		height: 37px;
	}
	
	.bb-grid-item-overlay .title-one-row {
		height: 21px;
	}
	
	/* Input */
	.bb-input-container {
		height:32px;
		border-width: 1px;
		padding: 3px;
	}
	
	.bb-input-container-focused {
		border-width: 2px;
		background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QEIEDoSUJaoTwAAA75JREFUWMPtV99rW2UYfr6TLfUXrpsgbLqrwbwbuxhNGpI2VtI0p016IdssrhdeeSEMQf8C77wR0StBhqwbFIVJT9L8aupaU9IEBS92MxHBi87NgVZxs3X0PI8334EQZUubIoJ5b5LzPu/7ned93u/XAfrWt779z8zsNmF6ehoLCwvB/+cAPAvgaQCSdBfAt57n6V8jBAC5XC4L4DKAQetSx1jXAFz0PO9WLpeD53n7SyibzSKfzyObzb4A4GYb9DuA28aY+5IeA/AUgONt+Hv5fP6tIH9fFZqamhoFsGIf7xhjXsnn86vthNti8wCmrHLfkzzpOI4KhcIj3+N0Q2ZycvKkpBVJkFQqFApHJa0GeGf1hUIhC+AZSduSThhjrhcKBbiu25tCmUwGAIwxhtb1abFYPO+67iEA9yXtlEqlv+W5rnvEGLO5uLgo13W3AQwAmCwWi8WeFLIvO0sSJH8qFovnM5nMIMlfSd4D4KTT6c4iZkn+7Pu+BwAkz9n8xUwm40xMTPTWMpJXbasuZDIZkLwnaUfSAMktSU4qlQIApNPpCyQv2/hLAFAulz1JtySB5Jlyubx3QqlU6hjJAyR/q1QqtVKpBEk7vu8PkPRJhiVtG2Oc8fHxV0nOWTVmKpXK55YkSH5k/W/01DJJx2y1dwNftVqF4ziUFJZESQdJPiB5xcbOLC0tzQfxlUoFkj62WLYnQiQft5X90e6vVquQRJIHLR4KlKnVavOd49RqtdsWP9zrsvftb6gTWF5eBoCZDvfc2NiYk0wm93yWPUqhTVvZYCeWTCYvkLwSKENSdr5tA3BGRkbaY1+0cV/3SugH2/vn2/2jo6OzkubsyplZWVmZJ3kgmFOStowxoUQiEczFd+w4n/R8dCQSieAY+Mz3/XOhUOgwgF8sPFOv1+ctSUhyJD2wLf6iXq+/ZMf4E0AYwPFwOLxh273nfehNW91Zx3GesJviNZLTARkAWF1dDSb6AMk1kq8DQDwe/8quyC/r9fpDyXR9uMZisfcBXASw1Wg0nnxYbDwex9raWpB3CcBrFjrSaDQ2e25ZLBZDo9HA8PDwdwBOAPAlvdxsNr1oNIpms/mPecPDw98AOG0fT62vr9/Yt+tHNBpFKBSC7/sVAOPW/aOkq8aYD5rN5kY0Gj0E4AyAdy2RYKs41Ww2b3S77Lu+DwVqRCKRNIByFymLAGZbrdbmbvahXV1hI5EIWq0WIpGII+k0gLcBJAEctbfHmwA+NMZcb7VaG/+ZL4ehoaH+51Pf+ta3bu0vFeNkmZjZKKwAAAAASUVORK5CYII="); 
		padding: 2px;
	}
	
	.bb-input {
		height:30px;
		font-size: 14pt;
		left: 7px;
		right: 7px;
	}
	
	.bb-input-focused {
		height:30px;
		font-size: 14pt;
		left: 6px;
		right: 30px;
	}
	
	/* Slider */
	.bb-slider .outer {
		padding: 0.2em;
		height: 0.4em;
	}
	
	.bb-slider .bb-slider-outer-dark {
		border-width: 1px;
	}
	
	.bb-slider .bb-slider-outer-light {
		border-width: 1px;
	}
	
	.bb-slider .halo {
		margin: 12px;
		border-radius: 30px;
		width: 60px;
		height: 60px;
	}
	
	.bb-slider .indicator { 
		margin: 27px;
		width: 28px;
		height: 28px;
		border-radius: 15px;
	}
	
	.bb-slider .bb-slider-indicator-dark {
		box-shadow: 0px 0px 0.2em #030303;
	}
	
	.bb-slider .bb-slider-indicator-light {
		box-shadow: 0px 0px 0.2em #030303;
	}
	
	.bb-slider .indicator-hover-light   {
		border-width: 1px;
	}
	
	/* Toggle */
	.bb-toggle {
		padding:10px;
		height: 34px;
		width: 105px;
	}
	
	.bb-toggle .outer {
		height: 34px;
		border-radius: 18px;
		width:105px;
	}
	
	.bb-toggle .bb-toggle-outer-dark {
		border-width: 1px;
	}
	
	.bb-toggle .bb-toggle-outer-light {
		border-width: 1px;
	}
	
	.bb-toggle .halo {
		margin: 12px;
		border-radius: 30px;
		width: 60px;
		height: 60px;
	}
	
	.bb-toggle .indicator { 
		margin: 26px;
		width: 28px;
		height: 28px;
		border-radius: 15px;
	}
	
	.bb-toggle .bb-toggle-indicator-enabled-dark {
		box-shadow: 0px 0px 0.2em #030303;
	}
	
	.bb-toggle .bb-toggle-indicator-enabled-light {
		box-shadow: 0px 0px 0.2em #030303;
	}
	
	.bb-toggle .indicator-hover-dark   {
		border-width: 1px;
	}
	
	.bb-toggle .indicator-hover-light   {
		border-width: 1px;
	}
	
	.bb-toggle .fill {
		height: 34px;
		width: 105px;
		border-radius: 18px;
	}
	
	.bb-toggle .inner {
		width: 155px;
		height: 34px;
		left: -65px;
	}
	
	.bb-toggle .yes {
		height: 34px;
		line-height: 44px;
		width: 43px;
	}
	
	.bb-toggle .no {
		height: 34px;
		line-height: 44px;
		width: 43px;
	}
	
	.bb-toggle .indicator-container {
		margin-top: -60px;
		margin-left: -23px;	
	}
	
	.bb-toggle .right {
		width: 43px;
	}
	
	.bb-toggle .left {
		width: 43px;
	}
	
	.bb-toggle .center {
		width: 69px;
	}
	
	/* Swipe Down Menu */
	.bb-menu-bar {
		height: 100px;
	}
	
	.bb-menu-bar-item {
		border-top-width: 3px;
		height: 85px;
	}
	
	.bb-menu-bar-item img {
		height: 40px;
		width: 40px;
		margin-top: 15px;
	}
	
	.bb-menu-bar-item-caption {
		font-size: 16pt;
		height: 25px;
	}
	
	/* Image List */
	.bb-image-list-header {
		height:28px;
		line-height:35px;
		font-size: 13pt;
		border-bottom-width: 3px;
		margin-bottom: 1px;
	}
	
	.bb-image-list-header-left {
		padding-left: 10px;
	}
	
	.bb-image-list-header-right {
		padding-right: 10px;
	}
	
	.bb-image-list-item {
		padding-top: 3px;	
		padding-left: 5px;
		height: 54px;
		border-bottom-width: 1px;
	}
	
	.bb-image-list-item-overlay {
		border-width: 2px;
		margin-top: -97px;
		margin-left: -5px;
		height: 53px;	
	}
	
	.bb-image-list-item-details {
		margin-top:-6px;
		height: 100px;
		padding-left: 70px;
		background-size: 64px 64px;
		background-position: 0px 0px;
	}
	
	.bb-image-list-item-details-nodescription {
		margin-top: -25px;
	}
	
	.bb-image-list-item-noimage {
		padding-left:5px;
	}
	
	.bb-image-list-item .title {
		font-size: 20pt;
		line-height:20px;	
		padding-top:15px;
		margin-top: 0px;
	}
	
	.bb-image-list-item .description {
		font-size: 14pt;
		margin-top: 2px;
	}
	
	.bb-image-list-item .accent-text {
		font-size:14pt;
		margin-right: 5px;
		margin-top:-50px;
	}
	
	.bb-image-list-item-button-border {
		width: 23px;
		height: 23px;
		border-radius: 12px;
		margin-top: 17px;
	}
	
	.bb-image-list-item .button {
		width:34px;
		height:59px;
		margin-top: -59px;
		padding-left: 10px;
	}
	
	.bb-image-list-item-button-inner {
		width: 23px;
		height: 23px;
	}
	
	.bb-image-list-item .details-button-margin {
		margin-right: 34px;
	}
	
	/* Radio Buttons */
	.bb-radio-container-dark {
		height: 38px;
		width: 38px;
		background-position: 4px 4px;
		background-size: 29px 29px;
	}
	
	.bb-radio-container-light {
		height: 38px;
		width: 38px;
		background-position: 4px 4px;
		background-size: 29px 29px;
	}
	
	.bb-radio-dot {
		height: 20px;
		width: 20px;
		border-radius: 10px;
		top: 10px;
		left: 9px;
	}
	
	.bb-radio-dot-disabled {
		height: 20px;
		width: 20px;
		border-radius: 10px;	
		top: 10px;
		left: 9px;
	}
	
	.bb-radio-dot-center {
		height: 10px;
		width: 10px;
		border-radius: 5px;
		top: 5px;
		left: 5px;
	}
	
	/* Label Control Container  */
	.bb-label-control-label-row {
		height:28px;
	}
	
	.bb-label-control-label {
		top: 7px;
		font-size: 14pt;
		height:15px;
	}
	
	/* Title Bar */
	.bb-titlebar-button {
		border-radius:2px;
		line-height:34px;
		height:34px;
		padding-top:5px;
		padding-left: 15px;
		padding-right: 15px;
		font-size:14pt;
	}
	
	.bb-title-bar {
		border-bottom-width: 1px;
		font-size: 20pt;
	}
	
	.bb-title-bar-portrait,
	.bb-title-bar-landscape {
		height:64px;
	}
	
	.bb-title-bar-caption-portrait,
	.bb-title-bar-caption-landscape {
		line-height:76px;
	}
	
	.bb-title-bar-caption-details-img {
		margin-left: 75px;
	}
	
	.bb-title-bar-caption-left {
		line-height:76px;
		padding-left: 5px;
	}
	
	.bb-title-bar-accent-text {
		margin:0px;
		padding-top:0px;
		padding-left: 5px;
		font-size: 16pt;
		margin-top:0px;
	}
	
	.bb-title-bar img {
		height:64px;
		width:64px;
		margin-top: 0px;
	}
	
	.bb-titlebar-button-container {
		border-radius:4px;
		padding: 1px;
		margin: 9px;
	}
	
	/* Context Menu */
	.bb-context-menu-dark {
		border-left-width: 1px;
	}
	
	.bb-context-menu-item {
		padding-top: 7px;
		padding-left: 0px;
		height: 52px;
		line-height: 52px;
		font-size:16pt;
	}
	
	.bb-context-menu-item-inner {
		padding-left: 5px;
	}
	
	.bb-context-menu-header-title {
		font-size: 18pt;
		height:30px;
		line-height:30px;
		padding-left: 15px;
		padding-top: 0px;
	}
	
	.bb-context-menu-header-description {
		font-size: 14pt;
		padding-left: 15px;
		margin-top:-10px;
	}
	
	.bb-context-menu-item-dark {
		border-bottom-width: 1px;
	}
	
	.bb-context-menu-item-first-dark {
		border-top-width: 1px;
	}
	
	.bb-context-menu-item-image {
		height: 42px;
		width: 42px;
		margin-top:3px;
		margin-left: 5px;
	}
	
	/* Action Bar */
	.bb-action-bar-portrait,
	.bb-action-bar-landscape {
		height: 73px;
	}
	
	.bb-action-bar-icon {
		height: 40px;
		width: 40px;
		margin-top: 3px;
	}
	
	.bb-action-bar-button-tab-left-dark 	{
		background-position:left -4px;
		background-repeat:no-repeat;
		background-size: 14px 73px;
	}
	
	.bb-action-bar-action {
		border-top-width: 4px;
	}
	
	.bb-action-bar-action-portrait,
	.bb-action-bar-action-landscape	{
		height:69px;
	}
	
	.bb-action-bar-action-display {
		font-size:12pt;
		line-height:18px;
	}
	
	.bb-action-bar-action-display-landscape {
		display: block;
	}
	
	.bb-action-bar-back-button {
		font-size:12pt;
		line-height:20px;
	}
	
	.bb-action-bar-back-button-portrait {
		height:71px;
		width:77px;
	}
	
	.bb-action-bar-back-button-landscape {
		height:71px;
		width:134px;
	}
	
	.bb-action-bar-back-text {
		height: 20px;
		top: 25px;
	}
	
	.bb-action-bar-back-text-landscape {
		display:block;
	}
	
	.bb-action-bar-back-button-dark {
		background-size: 1px 72px;
	}
	
	.bb-action-bar-back-chevron-dark {
		background-size: 14px 22px;
		width:14px;
		height:22px;
		top: 15px;
	}
	
	.bb-action-bar-back-slash-dark {
		background-size: 18px 73px;
		width:16px;	
	}
	
	.bb-action-bar-back-slash-portrait,
	.bb-action-bar-back-slash-landscape	{
		height: 71px;
	}
	
	.bb-action-bar-tab-overflow-landscape {
		margin-top: 0px;
	}
	
	.bb-action-bar-tab-overflow-dark {
		background-size: 40px 40px;
	}
	
	.bb-action-bar-tab-overflow-highlight {
		background-position: -28px center;
		height: 43px;
		width: 8px;
	}
	
	.bb-action-bar-tab-overflow-highlight-portrait,
	.bb-action-bar-tab-overflow-highlight-landscape {
		margin-top: -63px;
	}
	
	.bb-action-bar-overflow-button-dark {
		margin-top: 5px;
		background-position: center center;
		background-size: 42px 42px;	
	}
	
	.bb-action-bar-overflow-button-landscape {
		margin-top: 0px;
	}
	
	/* Tab Overflow */
	.bb-tab-overflow-menu-item {
		padding-left: 5px;
		font-size:20pt;
	}
	
	.bb-tab-overflow-menu-item-single {
		padding-top: 7px;		
		height: 52px;
		line-height: 52px;
	}
	
	.bb-tab-overflow-menu-item-double {
		padding-bottom: 0px;		
		height: 27px;
		line-height: 27px;
	}
	
	.bb-tab-overflow-menu-item-inner {
		padding-left: 5px;
	}
	
	.bb-tab-overflow-menu-item .tab-accent-text {
		padding-left: 5px;
		font-size: 16pt;
		height: 25px;
	}
	
	.bb-tab-overflow-menu-item-dark {
		border-bottom-width: 1px;
	}
	
	.bb-tab-overflow-menu-item-first-dark {
		border-top-width: 2px;	
	}
	
	.bb-tab-overflow-menu-item-image {
		height: 42px;
		width: 42px;
		margin-top:-2px;
		margin-left: 0px;
	}
}

