body
{
    margin: 0;
    padding: 0;
    margin-left:10px;
    background-color: rgb(30-144-255);     /* Set the page color to light blue */
    -webkit-text-size-adjust:none;          /* Turn off font resizing */
}


h1 {
    margin:0;
    padding-top:10px;              padding-right:10px;             padding-bottom:10px;   
    padding-left:10px;
    
    font-size:17px;
    font-family: Helvetica;
    font-weight:bold;
    color: rgb(30-144-255);     /* Set each label color */       
}

ul {           padding: 0;           margin-top:0;
    margin-right:10px;
    margin-bottom:17px;          /* Set each list 17 pixels from the top of the button bar(or the top of the next list) */
    
    font-size:17px;
    font-family: Helvetica;
    font-weight:bold;
    color:black;
    
    width: 300px;
    background-color: white;       /* Each list has a white background fill */
    
    border-width: 1px;               /* Draw a rectangle around each list */
    border-style:solid ;
    border-color:rgb(217,217,217);
    
    -webkit-border-radius: 8px;         /* Round each corner of the created rectangle */
}


li
{   
    list-style-type: none;   
    
    border-top-width:1px;    /* Create lines between cells. Each line is placed above each item */
    border-top-style:solid;
    border-top-color:rgb(30-144-255);

    padding-top:10px;              padding-right:10px;             padding-bottom:14px;     /* Indent the cell content 14 pixels from the bottom edge of a cell */
    padding-left:10px;   
}


li:first-child {
    border-top:0;    /* Remove border above the first item of the list */
}


a  /* Handle the click/tap highlight. Highlight an entire cell with the iPhone grey background when tapped */ {
    display: block;   /* Sets the href to be a block rather than inline */
    
    /* The padding properties adjust the text content within the href block */
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 12px;
    padding-left: 8px;
    
    /* The margin properties adjust the size of the href block    */
    margin-top: -8px;
    margin-right: -8px;
    margin-bottom: -12px;
    margin-left: -8px;         
    text-decoration: none;
    color:black;
}


.showArrow /*    Add an arrow button to a link */
{      margin-right:10px;       
    padding-right:16px;       /* Distance between the arrow button and a text */
    
    background-image: url(images/chevron.png);     background-repeat: no-repeat;
    background-position: right; }


.secondary    /* Used for secondary text (text that is less important) */
{
    font-weight:normal;        /* Regular font is used for secondary text */
    float:right;             /* Align secondary text to the right of its parent cell */
    margin-right:10px;      }



.secondaryWArrow /* Used for secondary content that contains a link and a button */
{
    display:block;         /* Set the secondary content to be a block     */
    font-weight:normal;     float:right;
    color: #324F85;         /* sets the color of the link */
}


.secondaryWLink /* Used for secondary text that is a link */
{
    font-weight:normal;       
    float:right;              margin-right:10px;          color: #324F85;         /* sets the color of the link */
}