body {
	background: #111!important;
	margin: 0;
	padding: 0;
	font-size: 1.0em;
}
p { margin: 0 0 1.0em 0; }
button, #home-header, .articleFullToolbarButton, .tile, .articleFullMenuButton {
	cursor: pointer;
}
#welcomeMessage {
	color: #FFF;
	text-shadow: 1px 1px 0px rgba(0,0,0,1);
	text-align: center;
	padding: 20px;
	opacity: 0;
}
#welcomeLogo {
	display: block;
	width: 150px;
	height: 150px;
	margin: 0 auto 20px auto;
	opacity: 0;
}
#welcomeArrow {
	position: relative;
	top: 5px;
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(../img/welcomeArrow.png) center center no-repeat;
	background-size: 32px 32px;
	opacity: 0;
}
#inlineBrowserContent {
	display: block;
	min-width: 100%;
	min-height: 100%;
}
#loginWrapper {
	max-width: 600px;
	margin: 0 auto 20px auto;	
}
#loginList {
	display: block;
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
}
.login-page {
	background: url(../img/linen-darkbrown-512.jpg) center center fixed;
}
#loginHeader {
	color: #000;
	text-decoration: none;
	text-shadow: 0px 0px 2px rgba(255,255,255,1), 0px 0px 5px rgba(255,255,255,0.5), 0px 0px 10px rgba(255,255,255,0.5), 0px 0px 20px rgba(255,255,255,0.5);
	display: block;
	text-align: center;
	font-family: 'Maven Pro', serif;
	font-size: 2.75em;
	font-weight: bold;
	margin: 50px auto 10px auto;
}
.loginLabel {
	background: rgba(255,255,255,0.5);
	padding: 3px 8px;
	color: #000;
	padding:5px;
	margin: 10px;
	display:block;
	text-align:center;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	border-radius: 20px;
}
#loginList form {
	display: inline-block;
	/* float: left; */
	padding: 0;
	margin: 0;
}
.login-button-text {
	display: block;
	width: 520px;
	text-align: center;
	float: left;
	margin-left: 20px;
}
.login-button {
	display: block;
	margin: 10px;
	height: 60px;
	line-height: 60px;
	color: #000!important;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
	background: #EEE;
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
	background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
	background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
	border: none;
	border-radius: 10px;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
	cursor: pointer;
	-webkit-user-select: none;
}

.login-button-icon {
	display: block;
	position: relative;
	top: 10px;
	left: 10px;
	width: 40px;
	height: 40px;
	float: left;
}
#login-facebook-icon {
	background: url(../img/icon-facebook-256x256.png) no-repeat;
	background-size: 40px 40px;
}
#login-facebook {
}
#home, #news {
	background: transparent;	
}
#home {
	background: #321005 url(../img/linen-darkbrown-512.jpg) fixed!important;
	background-size: 256px 256px;
}
.contentWrapper {
	minHeight: 100%;
	overflow: hidden;
	overflow-y: scroll;
	box-shadow: inset 0px 0px 50px rgba(0,0,0,0.5);
}
.contentWrapper h2 {
	background-image: -webkit-linear-gradient( #492013, #321005);
	font-size: 0.85em;
	color: #FFF;
	text-shadow: 1px 1px 0px rgba(0,0,0,1);
	margin: 0;
	padding: 5px 0 5px 20px;
}
.ui-header, .ui-footer {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
}
.ui-content {
	margin: 0px;
	padding: 0;	
}
.ui-btn {
	margin: 5px 0;
}
.ui-icon {
}
.ui-icon-facebook20, .ui-icon-microsoft20, .ui-icon-twitter20, .ui-icon-google20, .ui-icon-linkedin20 {
    background-color: rgba(0, 0, 0, 0);
    background-size: 24px 24px;
    width:24px;
    height: 24px;
    margin-top: -12px !important; /* adjust vertical position (top value is set to 50%) */
    box-shadow: 0px 1px 0px rgba(255,255,255,0.35), 0px -1px 0px rgba(1,1,1,0.35);
    border-radius: 2px;
}
.ui-icon-facebook20 {
    background-image: url(../img/icon-facebook-40x40.png);
}
.ui-icon-microsoft20 {
    background-image: url(../img/icon-microsoftlive-40x40.png);
}
.ui-icon-twitter20 {
    background-image: url(../img/icon-twitter-40x40.png);
}
.ui-icon-google20 {
    background-image: url(../img/icon-googleplus-40x40.png);
}
.ui-icon-linkedin20 {
    background-image: url(../img/icon-linkedin-40x40.png);
}
.icon-view {
	border-radius: 0!important;
}
.ui-icon-view-tiles, .ui-icon-view-columns, .ui-icon-view-full, .ui-icon-view-list, .ui-icon-menu-profile {
	display: block;
    background-color: transparent;
    background-size: 24px 24px;
    width:24px;
    height: 24px;
    box-shadow: none;
    border-radius: 0;
    /* margin: -12px -12px 0 0!important; */
}
.ui-icon-menu-profile {
    background-image: url(../img/icon-menu-profile.png);
}
.ui-icon-view-tiles {
    background-image: url(../img/icon-view-tiles.png);
}
.ui-icon-view-columns {
    background-image: url(../img/icon-view-columns.png);
}
.ui-icon-view-full {
    background-image: url(../img/icon-view-full.png);
}
.ui-icon-view-list {
    background-image: url(../img/icon-view-list.png);
}

.headerMeta {
	color: #FFF;
	text-shadow: 1px 1px 0px #000;
	position: fixed;
	display: block;
	width: 100%;
	text-align: center;
	top: 28px;
	font-size: 0.7em;
	z-index: 1000;
}
.header-menu-btn {
	position: absolute;
	display: block;
	width: 32px;
	height: 32px;
    background-size: 32px 32px;
    cursor: pointer;
}
.header-menu-btn.left {
	top: 5px;
	left: 5px;
}
.header-menu-btn.right {
	top: 5px;
	right: 5px;
}
.menu-settings {
	background-image: url(../img/icon-menu-settings.png);
	border: none!important;
	box-shadow: none;
	outline: none;
}
#menu-profile {
	background: url(../img/icon-profile-256x256.png) center center no-repeat;
    background-size: 32px 32px;
    border-radius: 3px;
}
#profilePicture {
	display:block;
	width: 200px;
	height: 200px;
	margin: 20px auto 0 auto;
	padding: 0;
	background: url(img/profilepic.png) center center no-repeat;
	background-size: 200px 200px;
	box-sizing: border-box;
	border-radius:5px;
	border: 5px solid #FFF;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
	background: #FFF;
}
.mainHeaderMenu {
	color: #EEE;
	display: block;
	position: fixed;
	top: -5000px;
	padding: 10px;
	height: auto;
	background: #73564d;
	/* background: -webkit-linear-gradient(top, #444444 0%,#111111 100%); */
	box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
	border-radius: 5px 0 5px 5px;
	z-index: 100;
	margin: 0 auto;
}

.articleFullMenu {
	font-weight: bold;
	color: #EEE;
	text-shadow: 1px 1px 0px rgba(0,0,0,1);
	display: block;
	position: fixed;
	/* bottom: 58px; */
	bottom: -5000px;
	left: 10px;
	/* top: -5000px; */
	height: auto;
	background: #333848;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.5)!important;
	border-radius: 5px;
	z-index: 100;
	margin: 0 auto;
}
.articleFullMenuContent {
	border-radius: 5px;
	overflow: hidden;
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.articleFullMenuArrow {
	position: relative;
	display: block;
	width: 21px;
	height: 10px;
	margin: 0 auto -10px auto;
	background: url(../img/mainMenuDownArrow-333848-2x.png) center bottom no-repeat;
	background-size: 31px 16px;
	z-index: 110;	
}
a.articleFullMenuButton {
	display: block;
	color: #EEE!important;
	text-decoration: none;
	padding: 10px;
}

.articleFullMenuButton {
	padding: 10px;
}
.articleFullMenuButton:active {
	background: #5a6178;
}
.icon-like, .icon-favorite, .icon-email, .icon-facebook-white, .icon-twitter-white, .icon-linkedin-white {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0 10px 0 0;
	vertical-align: -7px;
}
.icon-like {
	background: url(../img/icon-like-256x256.png) no-repeat;
	background-size: 24px 24px;
}
.icon-favorite {
	background: url(../img/icon-favorite-256x256.png) no-repeat;
	-moz-background-size: 24px 24px;
	background-size: 24px 24px;
}
.icon-email {
	background: url(../img/icon-email-256x256.png) no-repeat;
	-moz-background-size: 24px 24px;
	background-size: 24px 24px;
}
.icon-facebook-white {
	background: url(../img/icon-facebook-white-256x256.png) no-repeat;
	-moz-background-size: 24px 24px;
	background-size: 24px 24px;
}
.icon-twitter-white {
	background: url(../img/icon-twitter-white-256x256.png) no-repeat;
	-moz-background-size: 24px 24px;
	background-size: 24px 24px;
}
.icon-linkedin-white {
	background: url(../img/icon-linkedin-white-256x256.png) no-repeat;
	-moz-background-size: 24px 24px;
	background-size: 24px 24px;
}

#newsFeedListWrapper {
	display: block;
	overflow: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#newsFeedList {
}
#newsFeedCategories {
	width: 100%;
}
#newsFeedCategories div.ui-controlgroup-controls {
	width: 100%;
}
#newsFeedCategories a {
	width: 33%;
}
.ui-controlgroup {
	margin: 0!important;
}
.mainHeaderMenuArrow {
	position: absolute;
	display: block;
	top: -10px;
	width: 21px;
	height: 10px;
	background: url(../img/mainMenuUpArrow-73564d-2x.png) center top no-repeat;
	background-size: 31px 16px;
}
#mainHeaderCenterMenu {
	display: block;
	border-radius: 5px;
	margin: 0 auto;
}
#mainHeaderLeftMenu {
	border-radius: 0 5px 5px 5px;
	left: 10px;
}
#mainHeaderRightMenu {
	border-radius: 5px 0 5px 5px;
	left: 10px;
	z-index: 200;
}
#mainHeaderCenterMenuArrow {
	left: 85px;
}
#mainHeaderLeftMenuArrow {
	left: 0px;
}
#mainHeaderRightMenuArrow {
	right: 0px;
}
#mainMenuCenterContent {
	display: block;
	max-height: 206px;
/*
	overflow: hidden;
	overflow-y: scroll;
*/
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}


#mainHeaderViews ul {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#111111));
	display: block;
	width: 100%;
	height: 32px;
}
#mainHeaderViews li {
	display: inline-block;
	width: 64px;
	height: 32px;
	border-right: 1px solid #111;
	cursor: pointer;
	background: #555555;
	background: -webkit-linear-gradient(top, #555555 0%,#111111 100%);
	box-shadow: 0px 1px 0px rgba(255,255,255,0.25), 0px -1px 0px rgba(1,1,1,0.25);
}
#mainHeaderViews li.current, #mainHeaderViews li:active {
	background: -webkit-linear-gradient(top, #111111 0%,#555555 100%)!important;
	box-shadow: inset 0px 0px 5px rgba(1,1,1,1), 0px 1px 0px rgba(255,255,255,0.25), 0px -1px 0px rgba(1,1,1,0.25);
}
#mainHeaderViews li:first-child {
	border-radius: 5px 0 0 5px;
}
#mainHeaderViews li:last-child {
	border-radius: 0 5px 5px 0;
	border-right: none;
}
#mainHeaderViewsTiles {
	position: relative;
	top: 4px;
	left: 20px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../img/icon-view-tiles.png) center center no-repeat;
	background-size: 24px 24px;
}
#mainHeaderViewsColumns {
	position: relative;
	top: 4px;
	left: 20px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../img/icon-view-columns.png) center center no-repeat;
	background-size: 24px 24px;
}
#mainHeaderViewsFull {
	position: relative;
	top: 4px;
	left: 20px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../img/icon-view-full.png) center center no-repeat;
	background-size: 24px 24px;
}
#mainHeaderViewsList {
	position: relative;
	top: 4px;
	left: 20px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../img/icon-view-list.png) center center no-repeat;
	background-size: 24px 24px;
}

.ui-page {
}
.ui-page img {
	max-width: 100%;
	height: auto;
}
.tile img {
	display: none;
}
#contentItems-news-list {
	display: block;
	max-width: 1680px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
.highlightBanner {
	width: 100%!important;
/*
	color: #000;
	position: relative;
	display: block;
	float: left;
	background: -webkit-linear-gradient(top, #FFFFFF 0%,#DDDDDD 100%);
	margin: 5px;
*/
	/* padding: 5px; */
/*
	border-radius: 5px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.25), inset 0px 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(1,1,1,0.35), inset 0px 0px 20px rgba(1,1,1,0.15);
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
*/

}
.header {
	-webkit-user-select: none;
}
.tile {
	color: #000;
	position: relative;
	top: 0px;
	display: block;
	width: 138px;
	float: left;
	background: -webkit-linear-gradient(top, #FFFFFF 0%,#DDDDDD 100%);
	margin: 5px;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.75), inset 0px 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(1,1,1,0.35), inset 0px 0px 20px rgba(1,1,1,0.15);
	-webkit-user-select: none;	
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.tileWrapper {
}
.tile.unread {
	opacity: 1;
	/* box-shadow: inset 0px 0px 10px rgba(0,128,255,1); */
}
.tile.read {
	color: #666;
	opacity: 0.65;
}
/*
.tile.read:hover {
	opacity: 1;
}
*/
.tile:active {
	color: #000;
}
.tile.iphone-portrait {
	width: 138px;
	height: 138px;
}
.tile.iphone-landscape {
	width: 168px;
	height: 168px;
}
.articleState {
	position: absolute;
	top: 15px;
	right: -75px;
	display: block;
	width: 200px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-family: 'Permanent Marker', cursive;
	font-size: 12px;
	background: -webkit-linear-gradient(-45deg, rgba(10,119,213,1) 0%,rgba(135,188,234,1) 100%);
	color: #FFF;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.5);
	opacity: 0;
	z-index: 10;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.5), inset 0px 1px 1px rgba(255,255,255,0.25), inset 0px -1px 1px rgba(1,1,1,0.5);
	-webkit-transform: rotate(45deg);
}
.articleState.highlight {
	box-shadow: 0px 0px 5px rgba(0,0,0,0.25), inset 0px 1px 0px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(1,1,1,0.35), inset 0px 0px 20px rgba(1,1,1,0.15), 0px 0px 10px #0080FF;
}
.articleState.unread {
	opacity: 1;
}
.articleBadge {
	background: -webkit-linear-gradient(-45deg, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
	position: absolute;
	top: -3px;
	right: -16px;
	display: block;
	width: 50px;
	height: 25px;
	z-index: 10;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.5), inset 0px 1px 1px rgba(255,255,255,0.25), inset 0px -1px 1px rgba(1,1,1,0.5);
	-webkit-transform: rotate(45deg);
}
.articleBadgeIcon {
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	left: 17px;
	bottom: 3px;
	background: url(../img/icon-info.png) center center no-repeat;
	background-size: 16px 16px;
	-webkit-transform: rotate(-45deg);
}
.articleImage {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 100%;
	/* background: -webkit-linear-gradient(top, #999999 0%,#CCCCCC 100%); */
	background: #000;
	margin: 0 0 5px 0;
	box-shadow: inset 0px 0px 15px rgba(0,0,0,0.25);
}
.articleImage.iphone-portrait, .articleImageGloss.iphone-portrait {
	height: 74px;
}
.articleImage.iphone-landscape, .articleImageGloss.iphone-landscape {
	height: 89px;
}
.articleImageGloss {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 100%;
	background: url(../img/img-gloss.png) center center no-repeat;
	background-size: 100% 160px;
}
.articleContent {
	display: block;
	position: absolute;
	overflow: hidden;
}
.articleContent.iphone-portrait {
	top: 79px;
	width: 138px;
	height: 64px;
}
.articleContent.iphone-landscape {
	top: 94px;
	width: 168px;
	height: 82px;
}
.articleHeader {
	display: block;
	width: 100%;
	/* height: 14px; */
	font-size: 0.8em;
	font-weight: bold;
	overflow: hidden;
}
.articleBody {
	display: block;
	width: 100%;
	font-size: 0.7em;
}
.articleMeta {
	display: block;
	font-size: 0.6em;
	color: #666;
	width: 100%;
	height: 12px;
	overflow: hidden;
	cursor: pointer;
}
.articleMeta img, #articleMetaFull img {
	opacity: 0.5;
}
.articleLink {
	display: none;
}
.articleNotifier {
	display: block;
	position: absolute;
	bottom: -54px;
	width: 100%;
	overflow: hidden;
	background: -webkit-linear-gradient(#666 0%,#222 100%);
	border-radius: 10px 10px 0 0;
	text-align: center;
	opacity: 0;
}
.articleNotifierItem {
	display: inline-block;	
	width: 33%;
	text-align: center;
}
.articleNotifierItemInner {
	font-weight: bold;
	margin: 5px;
	background: -webkit-linear-gradient(#FFFFFF 0%,#CCCCCC 100%);
	border-radius: 8px;
	height: 44px;
	line-height: 44px;
}
.articleNotifierItemInner:hover {
	background: rgba(255,255,255,1);
}

#articleMetaFull {
	color: #AAA;
	border-bottom: 1px dotted #AAA;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
#articleImageFull {
	display: block;
	width: 50%;
	margin: 0 10px 10px 0;
	border-radius: 5px;
}
#articleBodyFull img {
	border-radius: 5px!important;
}
#articleBodyFull object {
	border-radius: 5px;
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

#articleTitleFull2 {
	font-size: 1.4em;
	margin: 0 0 0.5em 0;
}
#articleBody {
	display: block;
	float: left;
}
#articleLinkFull {
/*
	font-size: 0.8em;
	font-weight: bold;
	display: block;
	margin: 5px;
	padding: 5px 10px;
	color: #000;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
	text-align: center;
	text-decoration: none;
	background: -webkit-linear-gradient(top, #EEEEEE 0%,#AAAAAA 100%);
	border: 1px solid #777;
	border-radius: 20px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
*/
}
.articleFullToolbarButton {
	display: inline-block;
	width: 24%;
	height: 40px;
}
#articleFull-favorite {
	background: url(../img/icon-favorite-256x256.png) center center no-repeat;
	background-size: 28px 28px;
}
#articleFull-discuss {
	background: url(../img/icon-discuss-256x256.png) center center no-repeat;
	background-size: 28px 28px;
}
#articleFull-share {
	background: url(../img/icon-share-256x256.png) center center no-repeat;
	background-size: 28px 28px;
}
#articleFull-actions {
	background: url(../img/icon-actions-256x256.png) center center no-repeat;
	background-size: 28px 28px;
}
#articleFull-favorite:active, .articleFull-favorite-selected {
	background: url(../img/icon-favorite-selected-256x256.png) center center no-repeat!important;
	background-size: 28px 28px;
}
#articleFull-discuss:active, .articleFull-discuss-selected {
	background: url(../img/icon-discuss-selected-256x256.png) center center no-repeat!important;
	background-size: 28px 28px;
}
#articleFull-share:active, .articleFull-share-selected {
	background: url(../img/icon-share-selected-256x256.png) center center no-repeat!important;
	background-size: 28px 28px;
}
#articleFull-actions:active, .articleFull-actions-selected {
	background: url(../img/icon-actions-selected-256x256.png) center center no-repeat!important;
	background-size: 28px 28px;
}

.floatLeft {
	float: left;
}
.scrollme {
	overflow: hidden!important;
	overflow-y: scroll!important;
	-webkit-overflow-scrolling: touch!important;
}
.noselect {
	-webkit-user-select: none
}
#debug {
	font-family: Monaco;
	display: none;
	width: 100%;
	position: fixed;
	bottom: 0px;
	background: rgba(0,0,0,0.75);
	color: #FFFFFF;
	text-shadow: none;
	font-size: 9px;
	padding: 2px 4px;
	z-index: 9999;
}
#debug hr {
	border: 0;
	border-bottom: 1px solid #333;
	margin: 3px 0;
	padding: 0;
}
[data-theme=b].ui-btn.clear {
	border: none;
	background: transparent;
	box-shadow: none;
    /* border-radius: 3px; */
}


[data-theme=b].ui-btn-corner-all {
    /* border-radius: 3px; */
}









#articleFullContent {
	background: #FFF;
	padding: 20px;
	max-width: 1680px;
	margin: auto;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
}
#articleImageFull {
}






.loggedOut {
	display: none;
}



.nav-button .ui-btn-text {
	position: relative;
	top: -3px;
/*
	display: block;
	height: 40px;
*/
}
.nav-icon {
	position: relative;
	top: 4px;
	left: -5px;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 3px 0 0;
}
#nav-menu-icon {
	background: url(../img/icon-menu-40x40.png) center center no-repeat;
	background-size: 20px 20px;
}
#nav-history-icon {
	background: url(../img/icon-history-40x40.png) center center no-repeat;
	background-size: 20px 20px;
}

#nav-news-icon {
	background: url(../img/icon-news-40x40.png) center center no-repeat;
	background-size: 20px 20px;
}
#nav-messages-icon {
	background: url(../img/icon-messages-40x40.png) center center no-repeat;
	background-size: 20px 20px;
}
#nav-email-icon {
	background: url(../img/icon-email-40x40.png) center center no-repeat;
	background-size: 20px 20px;
}
#nav-settings-icon {
	background: url(../img/icon-settings-40x40.png) center center no-repeat;
	background-size: 20px 20px;
}
#nav-connections-icon {
	background: url(../img/icon-connections-40x40.png) center center no-repeat;
	background-size: 20px 20px;
}
#nav-privacy-icon {
	background: url(../img/icon-privacy-40x40.png) center center no-repeat;
	background-size: 20px 20px;
}
#nav-help-icon {
	background: url(../img/icon-help-40x40.png) center center no-repeat;
	background-size: 20px 20px;
}
#nav-about-icon {
	background: url(../img/icon-about-40x40.png) center center no-repeat;
	background-size: 20px 20px;
}
#nav-testing-icon {
	background: url(../img/icon-testing-40x40.png) center center no-repeat;
	background-size: 20px 20px;
}



.favIcon {
	background: #FFF url(../img/favicon-generic.png) center center no-repeat;
	background-size: 16px;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 2px;
}
.favIcon-wrapper {
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%);
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 8px 0 0;
	padding: 2px;
	border-radius: 2px;
}

.clear {
	clear: both;
}





.menuItem {	
	display: block;
	height: 40px;
	margin: 10px;
	background: #eeeeee;
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
	background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
	background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
	cursor: pointer;
	overflow: hidden;
}
.menuItemAdditions {
	margin-top: 10px;
}
.menuItemIcon {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	float: left;
}
#menuItem-coffee .menuItemIcon {
	background: #333 url(../img/icon-coffee-128x128.png) center center no-repeat;
	background-size: 40px 40px;
}
#menuItem-tea .menuItemIcon {
	background: #333 url(../img/icon-tea-128x128.png) center center no-repeat;
	background-size: 40px 40px;
}
#menuItem-water .menuItemIcon {
	background: #333 url(../img/icon-water-128x128.png) center center no-repeat;
	background-size: 40px 40px;
}
.menuItemTitle {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 10px;
}
.menuItemMeta {
	font-size: 0.7em;
	margin-left: 10px;
}
.menuItemAdd {
	color: #FFF;
	font-size: 1.0em;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
	display: block;
	/* width: 40px; */
	background: #a7cfdf;
	background: -moz-linear-gradient(top, #a7cfdf 0%, #23538a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7cfdf), color-stop(100%,#23538a));
	background: -webkit-linear-gradient(top, #a7cfdf 0%,#23538a 100%);
	background: -o-linear-gradient(top, #a7cfdf 0%,#23538a 100%);
	background: -ms-linear-gradient(top, #a7cfdf 0%,#23538a 100%);
	background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 );
	height: 40px;
	line-height: 40px;
	float: right;
	padding: 0 10px;
	border-radius: 3px;
	margin-right: 5px;
}
.dots {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../img/icon-dots-128x128.png) center center no-repeat;
	background-size: 30px 30px;
}
.menuItemMore {
	color: #FFF;
	font-size: 1.5em;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
	display: block;
	background: #a7cfdf;
	background: -moz-linear-gradient(top, #a7cfdf 0%, #23538a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7cfdf), color-stop(100%,#23538a));
	background: -webkit-linear-gradient(top, #a7cfdf 0%,#23538a 100%);
	background: -o-linear-gradient(top, #a7cfdf 0%,#23538a 100%);
	background: -ms-linear-gradient(top, #a7cfdf 0%,#23538a 100%);
	background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 );
	width: 40px;
	height: 40px;
	line-height: 40px;
	float: right;
	text-align: center;
	border-radius: 5px;
}

.menu-content {
	margin: 0 10px;
}
.footer-button {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	height: auto;
}
#viewOrder {
	float: left;
}
#placeOrder {
	float: right;
}








#orderstatus {
	display: none;
	background: #dddddd;
	background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #dddddd 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #dddddd 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #dddddd 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );

	color: #000;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.5);

	/* margin: 10px 10px 1px 10px; */
	padding: 10px;
	border-radius: 5px;
	box-shadow: inset 0px 1px 0px rgba(255,255,255,1), 0px 1px 0px rgba(1,1,1,0.5);
	/* box-shadow: inset 0px 2px 5px rgba(0,0,0,0.25), inset 0px 2px 3px rgba(0,0,0,0.35); */
}
#orderstatus-message {
	text-align: center;
	font-weight: bold;
}
.menuItem {
	position: relative;
}
.menuItem-button {
	display: block;
	width: 100%;
	float: left;
	height: 40px;
}	

.menuItem-add-button {
	color: #FFF;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
	display: block;
	width: 38px;
	height: 38px;
	position: absolute;
	border: 1px solid #000;
	/* top: -40px; */
	right: 30px;
	border-radius: 5px;
	box-shadow: inset 0px 1px 1px rgba(255,255,255,0.5);
	padding: 0;
	margin: 0;
	background-image: -webkit-linear-gradient( #a4b357 /*{b-bup-background-start}*/, #75890c /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #a4b357 /*{b-bup-background-start}*/, #75890c /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #a4b357 /*{b-bup-background-start}*/, #75890c /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #a4b357 /*{b-bup-background-start}*/, #75890c /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #a4b357 /*{b-bup-background-start}*/, #75890c /*{b-bup-background-end}*/);
}
.icon-addmenuitem {
	display: block;
	width: 36px;
	height: 36px;
	background: url(../img/icon-addmenuitem-80x80.png) center center no-repeat;
	background-size: 19px 19px;
	margin: 0;
}
.footer-button {
	cursor: pointer;
}
.bottomMenu {
	display: none;
	position: fixed;
	bottom: 40px;
	width: 100%;
	color: #FFF;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
	/* background: #73564d; */
	background: #492013;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	padding-top: 10px;
	z-index: 100;
}
.bottomMenu p {
	padding: 10px;
}
#bottomMenuOrder {
	height: 454px;
	max-height: 454px;
}
#bottomMenuOrderWrapper {
	position: relative;
	height: 454px;
	max-height: 454px;
	padding: 10px;
}
#bottomMenuLocation label, #bottomMenuOrder label {
	padding: 10px;
}
#bottomMenuLocation .ui-input-text {
	margin: 10px;
	padding: 0px;
}


#ordercount {
	display: none;
	min-width: 10px;
	height: 10px;
	line-height: 10px;
	font-size: 0.8em;
	text-align: center;
	background: #ff3019;
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
	background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%);
	background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%);
	background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%);
	background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
	color: white;
	border-radius: 50px;
	border: 2px solid white;
	padding: 5px;
	box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5), 0px 1px 2px rgba(0,0,0,1);
}

.deleteOrderItem {
	top: -5px;
}
#orderlist li:last-child {
	/* border-bottom: none; */
}
#orderlistMainWrapper {
	display: block;
}
#orderlistWrapper {
	position: relative;
	display: block;
	max-height: 176px;
	border: 1px solid #AAA;
}
#previousorder {
	display: none;
	font-size: 0.8em;
	color: #000;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.5);

	background: #dddddd;
	background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #dddddd 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #dddddd 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #dddddd 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );

	margin: 0 10px 10px 10px;
	padding: 10px;
	border-radius: 0 0 10px 10px;
	box-shadow: inset 0px 2px 10px rgba(0,0,0,0.25), inset 0px 2px 3px rgba(0,0,0,0.35);
}
#previousorder h4 {
	margin: 0;
	padding: 0;
}
#previousorderID {
}
#previousorderList ol {
	margin: 0;
	padding: 0;
	padding-left: 2.0em;
}
.icon-disclosurearrow {
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 20px;
	top: 20px;
	right: 5px;
	background: url(../img/icon-disclosurearrow-80x80.png) center center no-repeat;
	background-size: 20px 20px;
	opacity: 0.25;
}

.menuItem-price {
	position: absolute;
	right: 80px;
	top: 16px;
	padding: 5px 10px;
	background: #EEEEEE;
	border-radius: 30px;
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.5);
}

#sendorder-loader {
	display: none;
	position: absolute;
	width: 43px;
	height: 11px;
	margin: 6px 0 0 5px;
	background: url(../img/icon-loading.gif);
}
#orderstatus-previousorder {
	display: none;
	font-size: 0.8em;
	border-top: 1px dotted #AAA;
	padding-top: 10px;
	margin-top: 10px;
}
.orderlistItem span {
	float: right;
}
#orderTotal {
	font-weight: bold;
	color: #000;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
	background: #EEE;
	background: -webkit-linear-gradient(#fff,#f1f1f1);
	display: block;
	position: absolute;
	right: 10px;
	padding: 5px 10px;	
	border-radius: 0 0 5px 5px;
	border: 1px solid #CCC;
	border-top: none;
}
#categoryMenu {
	text-align: center;
	display: none;
	height: 100px;
}
#categoryMenu ul, #categoryMenu li {
	margin: 0;
	padding: 0;
}
#categoryMenu li {
	color: #FFF;
	text-shadow: 1px 1px 0px rgba(1,1,1,0.5);
	text-align: center;
	line-height: 100px;
	background: #492013;
	
	display: inline-block;
	width: 98px;
	height: 98px;
	border-top: 1px solid rgba(255,255,255,0.1);
	border-left: 1px solid rgba(255,255,255,0.1);
	border-right: 1px solid rgba(1,1,1,0.5);
	border-bottom: 1px solid rgba(1,1,1,0.5);
	cursor: pointer;
}
.qrcode {
	border-radius: 10px;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.35);
}
.tip {
	position: relative;
	background: #eaffaf;
	color: #000;
	text-shadow: 1px 1px 0px rgba(255,255,255,1);
	text-align: center;
	margin: 10px 0 40px 0;
	padding: 10px;
	font-size: 0.8em;
	border-radius: 5px;
	box-shadow: inset 0px 1px 0px rgba(255,255,255,1);
	cursor: pointer;
}
.tip span {
	position: absolute;
	display: block;
	right: 5px;
	bottom: 5px;
	font-size: 0.7em;
	color: #999;
}