body {
    font-family: Helvetica;
    margin:0;
    padding:0;
    background-image: url(shared-files/images/backgroundStripes.png);
    background-repeat: repeat;
    background-color: white;
}
h1 {
    text-align:center;
    font-size: 16pt;
    font-weight: bold;
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
    /* Add margin-top after inserting toolbar 
    */
    margin-top:-34px;
}
.h2Btext {
    font-size: 16pt;
    font-weight: bold;
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
}
.h2B {
	text-align:center;
	margin-top:-18px;
	padding-top:10px;
	width:320px;
    height:44px;
    background-image: url(shared-files/images/header.png);
    background-repeat: repeat-x;
}
#toolbar {
    position:absolute;
    width:320px;
    height:44px;
    background-image: url(shared-files/images/header.png);
    background-repeat: repeat-x;
}
#toolbar {
    position:absolute;
    width:320px;
    height:44px;
    background-image: url(shared-files/images/header.png);
    background-repeat: repeat-x;
}
ul {
    background-color: white;
    overflow: hidden;
    padding: 0px;
    margin-top: 10px;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
}
ul li {
    border-bottom: 1px solid rgb(224, 224, 224);
}
ul li a {
    /* basic text
    */
    text-decoration:none;
    color: black;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 20px;
    /* advanced text
    */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /* basic layout
    */
    display:block;
    padding-top:12px;
    padding-bottom:12px;
    padding-left:10px;
    padding-right:24px;
    margin-right:20px;
    /* chevron
    */
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    background-image: url(shared-files/images/chevron.png);
    background-repeat: no-repeat;
    background-position: center right;
}
ol {
    background-color: white;
    overflow: hidden;
    padding: 0px;
    margin-top: 10px;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
}
ol li {
    border-bottom: 1px solid rgb(224, 224, 224);
}
ol li a {
    /* basic text
    */
    text-decoration:none;
    color: black;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 20px;
    /* advanced text
    */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /* basic layout
    */
    display:block;
    padding-top:12px;
    padding-bottom:12px;
    padding-left:10px;
    padding-right:24px;
    margin-right:20px;
    /* chevron
    */
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    background-image: url(shared-files/images/chevron.png);
    background-repeat: no-repeat;
    background-position: center right;
}
.backButton {
    position: absolute;
    top:-32px;
    left:5px;
}
.backButton a {
    font-size: 10pt;
    text-decoration:none;
    padding:7px 0;
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
	border-width: 0 8px 0 14px;
    -webkit-border-image: url(shared-files/images/back_button.png) 0 8 0 14;
    background-repeat: no-repeat;
    height:30px;
}
.subtle {
    color:gray;
    font-weight:normal;
    font-size:12px;
}
table.rounded {
    margin:20px;
    background-color:white;
    border-collapse:collapse;
    -webkit-border-radius: 10px;
}
table.rounded th, table.rounded td {
    font-family: Helvetica;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding:10px;
    margin:0px;
}
table.rounded tr {
    border-bottom: 1px solid rgb(224, 224, 224);
}
table.rounded th {
    color: #999;
    font-size: 12px;
    text-align:right;
}
table.rounded td {
    color: black;
    font-size: 20px;
}
#pageWrapper {
    position:relative;
    width:320px;
    /*
    margin:0 auto;
    border:1px solid black;
    */
}
.page {
    position:absolute;
    top:44px;
    min-height:420px;
    width:320px;
}
#searchWrapper {
    position: absolute;
    top:44px;
    left:0;
    padding:20px;
    min-height:400px;
    width:280px;
    z-index:100;
    background-color:black;
}
#searchButton {
    position: absolute;
    top:12px;
    left:256px;
}
#searchButton a {
    font-size: 10pt;
    text-decoration:none;
    padding:7px 0;
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
	border-width: 0 8px 0 8px;
    -webkit-border-image: url(shared-files/images/button.png) 0 8 0 8;
    background-repeat: no-repeat;
    height:30px;
}
.data {
	/* basic text
    */
    text-decoration:none;
    color: black;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 20px;
    /* advanced text
    */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /* basic layout
    */
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:18px;
    margin-right:15px;
}

.foot {
	/* basic text
    */
    text-decoration:underline;
    color: black;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 10px;
text-align: center;
}