body { margin: 0; padding: 0;  background-color: #FFFFFF;} body, th, td, input, textarea, div { font-family: Helvetica; font-size: 12px; color: #444444; }
a { color: #0065FF; } a:hover { text-decoration: none; } img { border: 0px; margin: 0px; padding: 0px; } input { color: #000000; } p, ol, ul { color: #555555; line-height: 170%; } label { font-size: 0.85em; }
.grid table { width: 330px; height: 330px; padding: 0px; margin: 0px;}
.grid tr { padding: 0px; margin: 0px; }
.grid td { padding: 0px; margin: 0px; width: 160px; height: 160px; border: 1px solid #E6E6E6;}
.grid td img { max-width: 160px; max-height: 160px; }
#content { float: left;}
#page { width: 330px; height: 330px; }
#messagecontainer { width: 320px; float: left; clear: both; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
.messagecontent { width: 320px; max-height: 120px; min-height: 60px; border-bottom: 1px solid #e0e0e0; float: left; clear: both; }
.messageimage { float: left; text-align: center; vertical-align: middle; width: 60px; height: 60px; }
.messagetext { float: left; min-height: 60px; max-height: 200px;}
.messagename { float: left; clear: both; min-width: 240px; max-width: 240px; max-height: 20px;}
.messagebody { float: left; clear: both; min-width: 240px; max-width: 240px; padding-bottom: 2px;}
.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('/img/layouts/iphone/toolbar.png') #6d84a2 repeat-x; }
.toolbar > h1 { position: absolute; overflow: hidden; left: 50%; margin: 1px 0 0 -75px; height: 45px; font-size: 20px; width: 150px; 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; }
.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('/img/layouts/iphone/toolButton.png') 0 5 0 5; } 
#backButton { left: 6px; right: auto; padding: 0; max-width: 55px; border-width: 0 8px 0 14px; -webkit-border-image: url('/img/layouts/iphone/backButton.png') 0 8 0 14; }
.whiteButton, .grayButton {display: block; border-width: 0 12px; padding: 10px; text-align: center; font-size: 20px; font-weight: bold; text-decoration: inherit; color: inherit; }
a.bigbutton { display: block; margin: 0 auto; width: 250px; text-align:center; line-height: 46px; font-family: Helvetica; font-weight: bold; font-size: 20px; text-decoration: none; color: #000; text-shadow: #fff 0px 1px 1px; border-width: 0 14px 0 14px; -webkit-border-image: url(/img/layouts/iphone/whiteButton.png) 0 14 0 14; }
.box {position: relative; margin: 0 0 20px 0; padding: 5px; background: #FFFFFF; -webkit-border-radius: 5px; border: 1px solid #999999; text-align: left; font-size: 16px; }