body,div,p,h1,h2,h3,h4,h5,ul,ol,li,blockquote,address,fieldset,legend,form { margin: 0; padding: 0; }
body { background: #f4f4f4 url(/images/bgnoise.png); font: 0.625em Helvetica, Arial, Verdana, sans-serif; color: #444; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,0.8); }

a { color: #F68B1F; text-decoration: none; }
a:hover { color: #B83A3D; text-decoration: underline; }
a:active, a:focus { outline: 0; }

h1 { font-size: 180%; color: #222; margin: 0 0 10px; }
h2 { font-size: 140%; color: #222; margin: 0 0 10px; }
h3 { font-size: 120%; color: #222; margin: 0 0 10px; }
h4 { font-size: 120%; color: #222; margin: 0 0 10px; }
h5 { font-size: 120%; color: #222; margin: 0 0 10px; }

p { margin: 0 0 20px; line-height: 140%; }

ul, ol { margin: 0 0 20px 20px; }
li { margin: 3px 0; }

.cf:before,.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.hide { display: none; visibility: hidden; }
.show { display: block; visibility: visible; }


/* Content */
#shell { width: 720px; margin: 30px auto; padding: 30px 30px 20px; text-align: left; font-size: 130%; background: #fff; border-radius: 7px; box-shadow: 0 1px 7px rgba(0,0,0,0.15), 0 1px 0 rgba(0,0,0,0.05); }

#header { padding: 0; margin: 0 0 20px; position: relative; }
#banner { clear: both; margin-top: 10px; border-top: 0px solid #eee; }

#logo { float: left; } 
#menu { float: right; list-style: none; margin: 0 0 10px; } 
#menu li { display: inline-block; margin: 0 0 0 25px; }
#menu li a { font-weight: bold; font-size: 110%; }

#content { clear: both; }
#left { width: 400px; margin-right: 20px; float: left; }
#right { width: 260px; float: left; position: relative; text-align: center; background: #f4f4f4; padding: 20px; border-radius: 5px; }
#action h2 { font-weight: normal; font-size: 100%; color: #666; margin: 0 0 20px; }
.button,.action { background: #F68B1F; border: 0; padding: 15px 15px 14px; color: #fff; font-weight: bold; text-shadow: 0 -1px 0 rgba(0,0,0,0.4); box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -1px 0 rgba(0,0,0,0.4) inset, 0 1px 3px rgba(0,0,0,0.3); border-radius: 5px; }
.button:hover,.action:hover { background: #B83A3D; color: #fff; text-decoration: none; }
#action .button { font-size: 120%; text-align: center; margin: 0 15px; display: block;}

#footer { clear: both; color: #777; padding: 15px 0 0; margin: 10px 0 0; border-top: 1px solid #eee; font-size: 90%; }


/* Messages */
.message p { border-radius: 3px; }
.info { color: #000; background: #CAE2FC url(/images/info.png) no-repeat 6px; margin: 0 0 10px 0; padding: 6px 6px 5px 30px; position: relative; }
.error { color: #000; background: #F9D8D9 url(/images/error.png) no-repeat 6px; margin: 0 0 10px 0; padding: 6px 6px 5px 30px; position: relative; }
.ok { color: #000; background: #C9E0C5 url(/images/ok.png) no-repeat 6px; margin: 0 0 10px 0; padding: 6px 6px 5px 30px; position: relative; }


/* Forms */
textarea,.txt { font-size: 110%; font-family: Helvetica, Arial, Verdana, sans-serif; }
select { margin: 7px 0 0; }
.action { cursor: pointer; padding: 10px 10px 8px; font-size: 110%; font-family: Helvetica, Arial, Verdana, sans-serif; }
.txt { padding: 7px 7px 5px; border-radius: 3px; border: 1px solid #ccc; background: #fafafa; box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;}
.txt:focus { border: 1px solid #999; }
fieldset { border: 1px solid #ddd; padding: 15px; margin: 10px 0 0 0;  border-radius: 5px;}
fieldset legend { font-size: 130%; font-weight: normal; color: #777; padding: 3px; }
.standard { clear: left; margin: 15px 0; }
.standard label { font-weight: bold; text-align: right; display: block; float: left; width: 180px; padding: 7px; }
.standard .account-label { padding: 0 7px; }
.standard small { color: #888; font-size: 90%; margin-left: 10px; }
.divide { clear: both; margin: 10px 0; background: #fff; border-top: 1px solid #eee; height: 0; overflow: hidden; }
.forminfo { margin-left:210px; }
#lookup { vertical-align: middle; }
#lookup img { vertical-align: middle; margin: -1px 0 0 5px;}
#card_number_status { display: none; }
#card_type_message { float: left; display: block; margin: 7px 0 0; } 

table td strong { font-size: 90%; }

.tidydata { margin: 0; padding: 0; overflow: auto; }
.tidydata dt { margin: 0; padding: 0; clear: left; text-align: right; float: left; width: 200px; padding: 5px 10px 5px 0; }
.tidydata dd { margin: 0; padding: 0; float: left; width: 300px; padding: 5px 0 5px 0; }