/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent; }

body { line-height:1; font-size:16px;}

article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block;}

nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline;background:transparent; }
/* change colours to suit your needs */
ins { background-color:#ff9; color:#000;text-decoration:none; }
/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
/* change border colour to suit your needs */
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

html { position: relative;  min-height: 100%; } /*Required for 'sticky footer */
body {margin: 0 0 41px; /* bottom = footer height */}

/* Header styles */
header {width:100%; height:40px; background:#f6f6f6; border-bottom:solid 1px #ccc;margin:0 0 20px 0;}
.logo {font-family:'Times New Roman', Times, serif; font-weight:bold; font-size:120%; line-height:40px;}

/* General styling */
section .content {border-bottom:solid 1px #ccc;}
.content {width:100%; height:auto !important; padding:0 5px; margin:0 auto 20px auto;}

@media only screen and (min-width: 940px) {
  .content {width:940px;}
}

.intro {background:url('devices.gif') no-repeat top right;height:187px;}
h2.section-title { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin:0 0 18px 0; font-size:130%;}
.section-title-info { font-size:80%; color:#666;}
.section-title { border-bottom:solid 1px #d4d4d4;padding:0 0 5px 0;}
h2.section-title a { text-decoration:none;color:#0088cc;  }
p {margin:0 0 18px 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }

/* Progess styling */
.progress { margin:0 0 40px 0; padding:0;list-style:none; width:100%; height:20px;}
.progress li {width:50%; float:left; text-align:center; font-family:Arial,Helvetica, sans-serif; font-size:80%; font-weight:bold;padding:0 0 10px 0;}
#user .progress li#login { border-bottom:solid 3px #666;color:#333; }
#user .progress li#paymentPage { border-bottom:solid 3px #cccccc; color:#999999; }
#transaction .progress li#login { border-bottom:solid 3px #cccccc; color:#999999; }
#transaction .progress li#paymentPage {border-bottom:solid 3px #666;color:#333; }

/* Footer styles */
/* Includes styles to 'stick' footer to bottom */
footer { background:#efefef; border-top:solid 1px #ccc; width:100%; height:40px;position: absolute; left: 0; bottom: 0; }
footer .content ul { margin:0; padding:0;text-align:center; list-style: none; }
footer .content ul li { float:left; line-height:40px;text-align:center;}
footer .content ul li a { text-decoration: none; color:#000; display:block; line-height:40px;padding:0 5px; font-family:Arial, Helvetica, sans-serif; font-size:80%; }
footer .content ul li a:hover { color:#666; }

/* Form styling */
#payment ul li label { display: inline-block; width: 20%; text-align: right; vertical-align: middle; font-family: Georgia, "Times New Roman", Times, serif; margin-right: 10px; font-family:Arial,Helvetica, sans-serif; font-size:95%; color:#333;}
#payment ul { margin: 0px; padding: 0px; list-style: none; }
#payment ul li { padding-bottom: 20px; }
#payment .inputText {
	width:60%;
	margin: 0;
	outline: none;
	border:solid 1px #ccc;
	cursor: text!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05),0 1px 0 white;
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05),0 1px 0 white;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05),0 1px 0 white;
	padding:5px;
	outline:none;
	font-size:105%;
  	-webkit-transition: background 0.5s ease;
  	-moz-transition: background 0.5s ease;
  	-o-transition: background 0.5s ease;
  	transition: background 0.5s ease;
}

#payment .inputText:hover { 
  border:solid 1px #999;
  -moz-box-shadow:inset 0 0 10px #ccc;
   -webkit-box-shadow: inset 0 0 10px #ccc;
   box-shadow:inset 0 0 5px #ddd; }
#payment .inputText:focus { 
  border:solid 1px #80cbff;
  -moz-box-shadow:inset 0 0 10px #000;
   -webkit-box-shadow: inset 0 0 10px #000;
   box-shadow:inset 0 0 5px #ddd; }

#payment .csv {
	margin: 0;
	outline: none;
	border:solid 1px #ccc;
	cursor: text!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05),0 1px 0 white;
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05),0 1px 0 white;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05),0 1px 0 white;
	padding:5px;
	outline:none;
	font-size:105%;
  	-webkit-transition: background 0.5s ease;
  	-moz-transition: background 0.5s ease;
  	-o-transition: background 0.5s ease;
  	transition: background 0.5s ease; }

#payment .csv:hover { 
  border:solid 1px #999;
  -moz-box-shadow:inset 0 0 10px #ccc;
   -webkit-box-shadow: inset 0 0 10px #ccc;
   box-shadow:inset 0 0 5px #ddd; }
#payment .csv:focus { 
  border:solid 1px #80cbff;
  -moz-box-shadow:inset 0 0 10px #000;
   -webkit-box-shadow: inset 0 0 10px #000;
   box-shadow:inset 0 0 5px #ddd; }

.csv-reveal {display:none; background:url('csv-image.gif') no-repeat 210px 0px; height:150px; padding:0 740px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:90%;line-height:130%; }
#payment .submit {
	height: 40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #999;
	border:solid 1px #999;
	margin-left:210px;
	color:#fff;
	font-size: 1em;
	font-weight:bold;
	cursor:pointer;
}
.red {color:#cc0000;}
#payment ul li label.error { margin-left:10px; color:#cc0000; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-align:left !important ; font-size:75%; }
#payment ul li.aprimo label { text-align:left; width:50%; }
#payment ul li.aprimo {padding:0 0 0 210px;}
#payment ul li a.reveal:link, #payment ul li a.reveal:visited { color:#0088cc; text-decoration: none; }
#payment ul li a.reveal:hover, #payment ul li a.reveal:active { color:#006699; text-decoration: none; }


/* Accordion styling */
.content #accordion { margin:0 0 20px 0;}
.content #accordion h2 { font-family:Georgia, 'Times News Roman',Times, serif; font-weight:normal;margin:0 0 10px 0; cursor:pointer;  }
.content #accordion div ul { border-bottom:solid 1px #ccc; margin:0 0 10px 0; padding:0; list-style:none;}
.content #accordion div ul li {padding:5px 8px; border-top:solid 1px #e4e4e4; font-family:Arial,Helvetica, sans-serif;font-size:80%; color:#666;}