* {padding: 0; margin: 0; font-family: Helvetica;}
body {overflow: auto; padding: 0; margin: 0; width: 100%}
.hidden {display: none !important}
.error {color: #FF3300; text-align: center}
#iphone_header {left: 0px; top: 0px; height:44px; background: navy; color: white; padding: 0; font-weight: bold; font-size: 18px; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; left: 5px; padding-left: 10px}
#iphone_header table {border-collapse: collapse; border-spacing: 0pt; width: 100%; height: 100%}
#iphone_header td.header_button.left {padding-left: 5px}
#iphone_header td.header_button {padding-top: 7px; width: 33px}
#iphone_header td.header_logo {text-align: left}
#iphone_header td.header_button.right {padding-right: 5px}
#iphone_title {white-space: nowrap}
#nav {}
#nav table {border-collapse: collapse; border-spacing: 0pt; width: 100%; height: 100%}
#nav td.nav_button.left {padding-left: 5px}
#nav td.nav_button {padding-top: 2px; width: 50px}
#nav td.title_text {color: #FFFFFF; font-size:20px; font-weight:bold; text-align:center; text-shadow:#5C667A 0pt 1px 1px; vertical-align:middle}
#nav td.nav_button.right {padding-right: 5px}
.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}
#backButton {display: block; left: 6px; right: auto; padding: 0; max-width: 55px; border-width: 0 8px 0 14px; -webkit-border-image: url(/images/backButton.png) 0 8 0 14}
.button {position: absolute; overflow: hidden; top: 52px; 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}
.menu div.item-count {background-color:#8C99B4; color:#FFFFFF; float:right; font-size:17px; margin-top:0px; padding:0pt 5px}
.menu table {background-color:#FFFFFF; border-collapse:collapse; border-spacing:0pt; width:100%}
.menu td.menu-text {font-size:18px; font-weight:bold}
.menu td.menu-ico {width: 0px}
.menu.edit-mode td.menu-ico {width: 32px; height: 43px}
.menu table td {border-bottom:1px solid #D9D9D9; height:44px}
.menu table tr {max-height: 44px !important}
.menu div.item-edit {display: none}
.menu div.menu-ico {display:none}
.menu div.menu-tog {display:none}
.menu.edit-mode div.menu-ico {display: block; width: 32px; height: 43px; float: left; padding-left: 0px; background-image:url(/images/delete.png); background-position:8px; background-repeat:no-repeat}
.menu.edit-mode div.menu-tog {display: block; width: 32px; height: 43px; float: left; padding-left: 0px; background-image:url(/images/check.png); background-position:8px; background-repeat:no-repeat; border: 1; text-decoration: none}
.menu.edit-mode div.menu-tog-on {background-image:url(/images/accept.png); text-decoration: line-through; height: 43px}
.menu.edit-mode div.menu-ico img {}
.menu div.item-text {padding-left:10px; height: 43px; display: table-cell; vertical-align: middle; overflow:hidden; padding-right:6px}
.menu div.item-text a {color: #000000}
.menu div.item-completed {text-decoration: line-through}
.menu tr.item-completed {display: none}
.menu div.action-text {color: #808080; padding-left:10px; height: 43px; display: table-cell; vertical-align: middle; overflow:hidden; padding-right:6px}
.menu td.menu-arr {padding-left:13px; padding-right:11px; width:9px}
.menu td.menu-arr div {background-image:url(/images/listArrow.png); background-position:0pt; background-repeat:no-repeat; height:13px; width:9px}
#progress_indicator {background-color:#000000; position: absolute; left:0px; opacity:0.65; width:100%; z-index:1000}
#progress_indicator_image {position: relative}
#iphone_body {width: 100%; min-height: 361px; max-height: 100%}
#iphone_loading_page {}
.menu {width: 100%; list-style-type: none}
.menu > li {clear: both; height: 30px; font-weight: bold; font-size: 16px; cursor: pointer; margin: 0; padding: 8px 0pt 8px 10px; border-bottom: 1px solid #ddd}
.menu > li > a {text-overflow: ellipsis; text-decoration: none; color: #333; display: block; padding: 8px 32px 8px 10px; margin: 0px 0pt -8px -10px; background: url(images/arrow-right.png) no-repeat right center}
.menu li button {font-size:16px; font-weight:bold; vertical-align: middle}
.menu li img {border: 0px; vertical-align:middle; margin-right: 5px}
.info_msg {font-size:18px; font-weight:bold; text-align:center; vertical-align:middle; height:300px; width:100%; margin-bottom:150px; margin-top:100px}
.blueButton {-webkit-border-image: url(/images/blueButton.png) 5 5 5 5; border-width: 0 5px}
.whiteButton, .grayButton {display: block; border-width: 0 12px; padding: 10px; text-align: center; font-size: 20px; font-weight: bold; text-decoration: inherit; color: inherit}
.whiteButton {-webkit-border-image: url(/images/whiteButton.png) 0 12 0 12; text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0}
.grayButton {-webkit-border-image: url(/images/grayButton.png) 0 12 0 12; color: #FFFFFF}
.panel {box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; background: #c8c8c8 url(/images/pinstripes.png); min-height: 361px}
.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}
.row {position: relative; min-height: 42px; border-bottom: 1px solid #999999; -webkit-border-radius: 0; text-align: right}
fieldset > .row:last-child {border-bottom: none !important}
.row > input {box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; border: 0; padding: 12px 10px 0 110px; height: 42px; background: none; font-size: 16px; font-weight: normal; width: 100%}
.row > div.fieldWithErrors > input {box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; border: 0; padding: 12px 10px 0 110px; height: 42px; background: none; font-size: 16px; font-weight: normal; width: 100%}
.row > label {position: absolute; margin: 0 0 0 14px; line-height: 42px; font-weight: bold}
.row > .toggle {position: absolute; top: 6px; right: 6px; width: 100px; height: 28px}
.toggle {border: 1px solid #888888; -webkit-border-radius: 6px; background: #FFFFFF url(/images/toggle.png) repeat-x; font-size: 19px; font-weight: bold; line-height: 30px}
.toggle[toggled="true"] {border: 1px solid #143fae; background: #194fdb url(/images/toggleOn.png) repeat-x}
.toggleOn {display: none; position: absolute; width: 60px; text-align: center; left: 0; top: 0; color: #FFFFFF; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0}
.toggleOff {position: absolute; width: 60px; text-align: center; right: 0; top: 0; color: #666666}
.toggle[toggled="true"] > .toggleOn {display: block}
.toggle[toggled="true"] > .toggleOff {display: none}
.thumb {position: absolute; top: -1px; left: -1px; width: 40px; height: 28px; border: 1px solid #888888; -webkit-border-radius: 6px; background: #ffffff url(/images/thumb.png) repeat-x}
.toggle[toggled="true"] > .thumb {left: auto; right: -1px}
.panel > h2 {margin: 0 0 8px 14px; font-size: inherit; font-weight: bold; color: #4d4d70; text-shadow: rgba(255, 255, 255, 0.75) 2px 2px 0}
#iphone_ad {padding-top: 25px}