/*------------------------------------------------------------------------------------------
 Name: style.css
 Created by Jerry Tran on 4/20/2009
------------------------------------------------------------------------------------------*/

html, body
   {
	width: 100%;
	background-color: #ffcc00;
   color: #000;
	margin: 0;
	padding: 0;
   font: 19px/19px  Arial, Helvetica, Geneva;
   }

hr
   {
	height: 1px;
	border: 0;
   background-color: #e5b200;
	}

	
	
/*------------------------------------------------------------------------------------------
 Content Blocks
------------------------------------------------------------------------------------------*/
#wrapper
	{
	}	

#header
   {
   width: 100%;
	height: 146px;
   background: #ffde59 url('/images/ipad/header_checkout.png') no-repeat center top;
//   background-size: auto 145px;
   background-size: auto 115px;
	border-bottom: 1px #cc9900 solid;
	}	

#content
   {
	margin: 0 auto;
   padding: 20px 0 20px 0;
//   min-width: 768px;
   min-width: 601px;
   max-width: 1024px;
	}	

#login_wrapper
   {
	margin-top: 150px;
	}

#login_header
   {
   margin: 0 auto;
   text-align: center;
	width: 360px;
	background-color: #e4b203;
	padding: 12px 0 7px 0;
	border-bottom: 5px #cc9900 solid;
   font:  19px/25px RedCircle, Arial, Helvetica, Geneva;
   text-transform: uppercase;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
	
#login
   {
   margin-right: auto;
   margin-left: auto;
   width: 338px;
	border: 1px #cc9900 solid;
	padding: 10px;
	background-color: #ffe168;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	}

.box_wrapper
   {
//   margin-right: 113px;
//   margin-left: 113px;
   margin-right: 20px;
   margin-left: 20px;
	}
	
.box_header
   {
   min-height: 25px;
   text-align: center;
	background-color: #e4b203;
	padding: 12px 10px 7px 10px;
	border-bottom: 5px #cc9900 solid;
   font:  19px/25px RedCircle, Arial, Helvetica, Geneva;
   text-transform: uppercase;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
	
.box
   {
	border: 1px #cc9900 solid;
	padding: 10px;
	background-color: #ffe168;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	}

.signature_wrapper
   {
	padding-top: 15px;
   margin: 0 auto;
   width: 520px;
   }

table.searchresults
   {
	width:100%;
	padding: 0;
	border: 0;
	border-spacing: 0px;
	border-collapse: collapse;
	}

table.searchresults th
   {
	padding: 0;
	border: 0px;
	border-spacing: 0px;
   text-align: center;
	}

table.searchresults thead tr
   {
	border: 0px;
	}

table.searchresults tbody tr
   {
	border-bottom: #e5b200 1px dotted;
	}	

table.searchresults td
   {
	padding: 10px 0 10px 0;
   text-align: center;
	}	

.formspacing
   {
   padding-bottom: 10px;
	}

.headerspacing
   {
   padding-bottom: 5px;
	}

.clear
   {
	clear:both;
	}

#errormessage
   {
	text-align: center;
   font-size: 17px;
   line-height: 17px;
	color: white;
	background: red;
   padding: 10px;	
	margin-bottom: 20px;
	border-radius: 5px;
	}

#successmessage
   {
   padding: 10px;	
	margin-bottom: 20px;
	text-align: center;
   font-size: 17px;
   line-height: 17px;
	color: white;
	background: green;
	border-radius: 5px;
	}

.amountdue
   {
   padding: 10px;	
   margin: 20px 40px 20px 40px;
   text-align: center;
	background: #ffeca3;
	border-radius: 5px;
   }

.moverslist
   {
	width: 33%;
   float: left; 
   font-size: 15px;
   line-height: 15px;
   }

	
/*------------------------------------------------------------------------------------------
 Font Control
------------------------------------------------------------------------------------------*/
@font-face
	{
   font-family: 'RedCircle';
   src: url('/css/font/redcircle-webfont.eot') format('embedded-opentype'), url('/css/font/redcircle-webfont.woff') format('woff'), url('/css/font/redcircle-webfont.ttf') format('truetype'), url('/css/font/redcircle-webfont.svg') format('svg');
   font-weight: normal;
   font-style: normal;
   }	
	
.thankyou
   {
   font: 65px/70px RedCircle, Arial;
   letter-spacing: 5px; 
   text-transform: uppercase;
	}	

a
   {
   text-decoration: none;
   color: #cc9900;
   }

a:visited
   {
   color: #cc9900;
   }

a:hover
   {
   color: #e5b200;
	text-decoration: none;
   }
	
a img
   {
	border: none;
	}
	
.asterisk
   {
	color: red;
	}
	
.capitalize
   {
	text-transform: capitalize;
	}
	
.largetext
   {
   font-size: 30px;
	line-height: 30px;
	}	
	
/*------------------------------------------------------------------------------------------
 Form Control
------------------------------------------------------------------------------------------*/

form
   {
	margin: 0;
	padding: 0;
	}


input
   {
	height: 30px;
	font-size: 20px;
	}	
	
select
   {
	height: 30px;
	font-size: 20px;
	}	

textarea
   {
   margin-top: 10px;
	font-size: 20px;
	width: 99%;
	resize: none;
   }

input[type=checkbox]
   {
   width: 25px;
   height: 25px;
   }

.tip_button
   {
   float: left;
   height: 40px;
   font-size: 20px;
   line-height: 40px;
   padding-right: 10px;
   padding-left: 10px;   
	margin-left: 20px;
   text-align: center;
   background-color: #e4b203;
   color: #907102;
   border-radius: 5px;
   cursor: pointer;
   }

.tip_button:hover
   {
   color: white;
   }

.formitem
   {
	padding-bottom: 15px;
	}
	
input[type="submit"]
   {
   text-transform: lowercase;
	}