/*
  Price Comparison Calculator
  File: PriceCalc.css
  (c)2007-2010 Brian McMillin.  All Rights Reserved.
 */

body {
 margin:0 auto;
 width: 320px;
 padding:0;

      /* Turn off font resizing */
   -webkit-text-size-adjust: none;
 text-align:left;
 font-family:"helvetica";
 font-size:17px;
 font-weight: bold;
}

select {
  -webkit-border-radius:6px;
  background-color:white;
  color:black;
  border: 1px solid black;
}
exchange {
 display:none;
}
#BANNER {
}
#APPLICATION {
 position:relative;
}
#Heading {
  background-color:#C0C0C0;
  background: -webkit-gradient(
     linear, left top, left bottom, from(rgb(204,214,222)), to(rgb(114,132,156))
  );
}
#Main {
 background-color: rgb(197,204,211);
}
#Setup {
 background-color: rgb(197,204,211);
}
#Help {
 font-family:"helvetica";
 font-size:12px;
 font-weight: normal;
 background-color:white;
}
.logo {
    text-shadow: 1px 1px 4px #000;
}

.format {
 margin-top: 8px;
 font-family:"helvetica";
 font-size:17px;
 font-weight: bold;
}

.data {
 font-family:"helvetica";
 font-size:25px;
 color: white;
 background-color:black;
 font-weight: bold;
 text-align:center;
 border: 1px solid white;
}

.result {
 font-family:"helvetica";
 font-size:20px;
 color: black;
 font-weight: bold;
 text-align:center;
}
.fixedsize {
 position:relative;
 overflow:hidden;
}

/* The button class defines properties for buttons that are either 30px or 46px high  */
.button {
   /* Set a button to be a block so its height and width can be adjusted */
    display:block;

   /* Use the highest button height to ensure that text will vertically align on all buttons */
    line-height: 46px;

   /* A button will expand to the width of its parent cell if no width is specified */
    width:50px;

    font-size: 30px;
    font-weight: bold;
   /* font-family:Heveltica; */
    font-family:Arial;
    color: #FFFFFF;

    text-decoration: none;
    text-align:center;
}


 /*  Builds a button using a 29x46 image */
.blue {
    margin: 3px auto;
    color: white;
    text-shadow: 1px 1px 4px #000;

      /* The right and left borders are 14 pixels wide  */
    border-width: 0 14px 0 14px;


      /* The leftButton image is split into three. Both left and right sides are 14 pixels wide.  */
      /* The remaining 1 pixel is used for the middle part of the image.	 */
      /* The left and right sides will remain fixed while the middle part is scaling horizontally.  */
      -webkit-border-image:url(images/blueButton.png) 0 14 0 14;
}

/*  Builds a button using a 29x46 image */
.red {
    margin: 3px auto;
    border-width: 0 14px 0 14px;
    color: red;

    text-shadow: 1px 1px 4px #fff;

      /* Note that the -webkit-border-image values are given as  0 14 0 14 and not 0px 14px 0px 14px */
      -webkit-border-image:url(images/grayButton.png) 0 14 0 14;
}

/*  Creates a button using a 18x30 image */
.blackLeft {
    margin: 3px auto;
    font-weight: normal;
    color: white;

    text-shadow: 1px 1px 4px #000;
    border-width: 0 5px 0 12px;


      /* -webkit-border-image divides the leftButton image into 2 corners and middle part.	*/
      /* The left corner is 12 pixels wide. The right corner is 5 pixels wide and the middle part is 1 pixel. */
      -webkit-border-image: url(images/leftButton.png) 0 5 0 12;
}
.rounded {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;

	font-size: 15px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;

	width: 300px;
	background-color: rgb(255,255,255);	   /* Each list has a white background fill */
	color: rgb(0,0,0);
	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 */
}