body { margin: 0; font-family: Helvetica; background: #FFFFFF; color: #000000; overflow-x: hidden; -webkit-user-select: none; -webkit-text-size-adjust: none; } body > *:not(.toolbar) { display: none; position: absolute; margin: 0; padding: 0; left: 0; top: 45px; width: 100%; min-height: 372px; } body[orient="landscape"] > *:not(.toolbar) { min-height: 268px; } body > *[selected="true"] { display: block; } a[selected], a:active { background-color: #194fdb !important; background-image: url(../images/listArrowSel.png), url(../images/selection.png) !important; background-repeat: no-repeat, repeat-x; background-position: right center, left top; color: #FFFFFF !important; } a[selected="progress"] { background-image: url(../images/loading.gif), url(../images/selection.png) !important; } body > .toolbar { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #2d3642; border-top: 1px solid #6d84a2; padding: 10px; height: 45px; background: url(../images/toolbar.png) #6d84a2 repeat-x; } .toolbar > h1 { position: absolute; overflow: hidden; left: 50%; margin: 1px 0 0 -100px; height: 45px; font-size: 20px; width: 200px; font-weight: bold; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0; text-align: center; text-overflow: ellipsis; white-space: nowrap; color: #FFFFFF; } body[orient="landscape"] > .toolbar > h1 { margin-left: -125px; width: 250px; } .button { position: absolute; overflow: hidden; top: 8px; right: 6px; margin: 0; border-width: 0 5px; padding: 0 3px; width: auto; height: 30px; line-height: 30px; font-family: inherit; font-size: 12px; font-weight: bold; color: #FFFFFF; text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0; text-overflow: ellipsis; text-decoration: none; white-space: nowrap; background: none; -webkit-border-image: url(../images/toolButton.png) 0 5 0 5; } .loading { display: none; position: absolute; overflow: hidden; top: 8px; right: 0; margin: 0; border-width: 0 5px; width: auto; height: 30px; line-height: 30px; } .blueButton { -webkit-border-image: url(../images/blueButton.png) 0 5 0 5; border-width: 0 5px; } .whiteButton, .grayButton { display: block; border-width: 0 12px; padding: 7px; text-align: center; font-size: 12px; font-weight: bold; text-decoration: inherit; color: #fff; width: 40px; } .whiteButton { -webkit-border-image: url(../images/button.png) 0 12 0 12; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0; margin: 0 auto; } .grayButton { -webkit-border-image: url(../images/grayButton.png) 0 12 0 12; color: #FFFFFF; } .leftButton { left: 6px; right: auto; } #backButton { display: none; left: 6px; right: auto; padding: 0; max-width: 65px; border-width: 0 8px 0 14px; -webkit-border-image: url(../images/backButton.png) 0 8 0 14; } #logoutButton { display: none; left: 6px; right: auto; padding: 0; max-width: 65px; -webkit-border-image: url(../images/toolButton.png) 0 5 0 5; } body > ul > li { position: relative; margin: 0; border-bottom: 1px solid #E0E0E0; padding: 8px 0 8px 10px; font-size: 16px; font-weight: bold; list-style: none; } body > ul > li > a { display: block; margin: -8px 0 -8px -10px; padding: 8px 32px 8px 10px; text-decoration: none; color: inherit; background: url(../images/listArrow.png) no-repeat right center; } body > ul > li > img { float: left; margin-right: 10px; margin-top: 1px; } .read { color: #bbb; } .feedItemDate { font-size: 10px; color: #777; margin-bottom: 2px; } .loadMore { color: blue; background: #eee; text-align: center; }  body > .panel { box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; background: #c8c8c8 url(../images/pinstripes.png); } .panel > fieldset { position: relative; margin: 0 0 20px 0; padding: 0; background: #FFFFFF; -webkit-border-radius: 10px; border: 1px solid #999999; text-align: right; font-size: 16px; } .feedCount { color: #555; float: right; font-size: smaller; -webkit-border-radius: 5px; padding: 1px; background-color: #eee; border: 1px solid #444; } .row { position: relative; min-height: 22px; -webkit-border-radius: 0; text-align: right; width: 300px; margin: 5px auto; } .panel > h2 { margin: 0 0 8px 14px; font-size: larger; font-weight: bold; color: #111; text-align: center; text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0; } label { float: left; width: 70px; text-align: right; margin: 2px 10px 0 10px; color: #000; } .clear { clear: both; } input { color: black; font-family: HelveticaNeue; font-size: 10pt; -webkit-margin-top-collapse: separate; -webkit-margin-bottom-collapse: separate; float: left; margin-left: 0px; width: 150px; -webkit-border-top-left-radius: 3px 3px; -webkit-border-top-right-radius: 3px 3px; -webkit-border-bottom-left-radius: 3px 3px; -webkit-border-bottom-right-radius: 3px 3px; border-width: 1px; }