body
{
  margin: 0;
  padding: 0;
  background-color: rgb(256,256,256);   /* Set the page color to white */
  -webkit-text-size-adjust:none;      /* Turn off font resizing */
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

 
h1 
{
  margin:0;
  padding-top:10px;      
  padding-right:10px;     
  padding-bottom:10px;  
  padding-left:10px;
  
  font-size:14px;
  font-family: Helvetica;
  font-weight:bold;
  color: rgb(76,86,108);   /* 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(217,217,217);

  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
{
 text-decoration:none;
 color: #1855CB;
} 

.ax  /* 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 */
}

.textinput
{

   width: 95%;
   border: 1px solid #aaaacc;
	-webkit-border-radius:10px;
	font-size:16px;
}