/* -----------------------------------------

Styling af forskellige elementer:

#1 - Baggrundsfarve på hele siden
#2 - Baggrundsfarve på div´en signup formen ligger i
#3 - Kantfarve (border-color) på signup formen
#4 - Baggrund på signup formen
#5 - Tekstfarve på hele siden
#6 - Tekstfarve på tak-siden (sekundær information)
#7 - Kantfarve (border-color) på inputs
#8 - Baggrund på inputs
#9 - Topbillede (tilbuddet)
#10 - Højde på topbillede
#11 - Footer
#12 - Højde på footer

----------------------------------------- */

body { background: #f8ffec /* <=(1) */; }
html, body, form, table, th, tr, input, label, select, h1, h2, p, a { margin: 0; padding: 0; color: #000 /* <=(5) */; }
div#signup { width: 650px; margin: 50px auto 0; }
div#signup #top { width: 650px; height: 332px /* <=(10) */; float: left; background: url(http://payment.pointblog.biz/CampaignImages/47/header_no.jpg) /* <=(9) */; }
div#signup #topextrainfo { width: 650px; height: 294px /* <=(10) */; float: left; background: url(http://payment.pointblog.biz/CampaignImages/47/upload_header_no.jpg) /* <=(9) */; }
div#signup #footer { width: 650px; height: 80px /* <=(12) */; float: left; background: url(http://payment.pointblog.biz/CampaignImages/47/footer.jpg) /* <=(11) */ no-repeat 0 0; padding: 0 0 30px }
div#signup #info { width: 650px; float: left; background: #3e9d00 /* <=(2) */; padding: 20px 0 0; }
div#signup #form, div#signup #payment, div#signup #ctl00_ContentPlaceHolder_Left_ctl00_done, div#signup #ctl00_ContentPlaceHolder_Left_ctl00_divThanks { width: 611px; float: left; display: inline; margin: 0 0 0 18px; border: 1px solid #ccc /* <=(3) */; background: #fff url(http://payment.pointblog.biz/CampaignImages/47/form.gif) repeat-x 0 100% /* <=(4) */; padding: 22px 0; }
div#signup #ctl00_ContentPlaceHolder_Left_ctl00_done { width: 584px; padding: 22px 15px; font-size:14px; font-family: Arial, Helvetica, sans-serif; }
div#signup #ctl00_ContentPlaceHolder_Left_ctl00_divThanks { width: 584px; padding: 22px 15px; }
div#signup .clear { clear: both; height: 0; overflow: hidden; }

a { } a:hover { text-decoration: none; }
div#signup #ctl00_ContentPlaceHolder_Left_ctl00_done h1 { font: bold 34px/40px Arial, Helvetica, sans-serif; }
div#signup #ctl00_ContentPlaceHolder_Left_ctl00_done h2 { font: 14px/19px Arial, Helvetica, sans-serif; color:black /* <=(6) */; margin: 5px 0 0; }

div#signup #ctl00_ContentPlaceHolder_Left_ctl00_divThanks h1 { font: bold 34px/40px Arial, Helvetica, sans-serif; }
div#signup #ctl00_ContentPlaceHolder_Left_ctl00_divThanks h2 { font: 14px/19px Arial, Helvetica, sans-serif; color:black /* <=(6) */; margin: 5px 0 0; }

div#signup #form table { width: 463px; border-spacing: 0; border-collapse: collapse; margin: 0 0 0 15px; float: left; display: inline; }
div#signup #form table td, div#signup #payment table td { padding: 0 0 5px 0; }

div#signup #form table td label { font: bold 16px Arial, Helvetica, sans-serif; }

div#signup #payment table td label { font: bold 22px Arial, Helvetica, sans-serif; }
div#signup #form table td label.terms { font: 12px Arial, Helvetica, sans-serif; }
div#signup #form table td.label { width: 125px; }
div#signup #form table td span.domain { font: bold 15px Arial, Helvetica, sans-serif; margin: 0 0 0 7px; }
div#signup #form table td .input, div#signup #payment table td .input, .cardnum, div#signup #payment table td select, .cvc { border: 1px solid #ffc333 /* <=(7) */; background: #fff url(http://payment.pointblog.biz/CampaignImages/47/input.gif) repeat-x 0 0 /* <=(8) */; width: 314px; height: 23px; font: 15px Arial, Helvetica, sans-serif; padding: 5px 0 0 5px; outline: 0; }
div#signup #form table td .blogname { width: 215px }
div#signup #form .submit { height: 66px; width: 117px; font: bold 22px Arial, Helvetica, sans-serif; overflow: visible; padding: 0; margin: -1px 0 0; float: left; cursor: pointer; }

div#signup #payment table { width: 427px; border-spacing: 0; border-collapse: collapse; margin: 0 0 0 15px; float: left; display: inline; }
div#signup #payment table td label { font-size: 18px; }
div#signup #payment table td.label { width: 145px; }
div#signup #payment table td .input, .cvc { width: 270px; height: 19px; line-height: 14px; font-size: 14px; }
div#signup #payment table td .cardnum { width: 270px; height: 19px; line-height: 14px; font-size: 14px; }
div#signup #payment table td .emonth, div#signup #payment table td .eyear { width: 60px; padding: 2px 0; }

div#signup #payment table td .cvc { width: 40px }
div#signup #payment .submit, div#signup #ctl00_ContentPlaceHolder_Left_ctl00_done .goon { padding: 5px 10px; font: bold 15px Arial, Helvetica, sans-serif; margin: 2px 0 0 160px; float: left; display: inline; cursor: pointer }
div#signup #ctl00_ContentPlaceHolder_Left_ctl00_done .goon { margin: 0; overflow: visible; }
div#signup #payment .hr, div#signup #ctl00_ContentPlaceHolder_Left_ctl00_done .hr { width: 584px; float: left; height: 40px; background: url(http://payment.pointblog.biz/CampaignImages/47/hr.gif) repeat-x 0 50%; display: inline; margin: 0 0 0 15px; }
div#signup #ctl00_ContentPlaceHolder_Left_ctl00_done .hr { margin: 0; height: 50px; }

.cardnum { width: 270px; height: 19px; line-height: 14px; font-size: 14px; }
.tooltip-holder { position: relative; float: left; }
.tooltip { position: absolute; top: 1px; right: -210px; z-index: 1; width: 200px; height: 26px; font: 11px/25px Verdana, Arial, Helvetica, sans-serif; color: #fff; }
.tooltip div { height: 26px; float: left; background: url(http://payment.pointblog.biz/CampaignImages/47/tooltip_end.gif) no-repeat 100% 0; padding: 0 8px 0 0; }
.tooltip img { vertical-align: middle; float: left }
.tooltip a { color: #fff; }

div#signup #info #divStep1 #bullet1 { width: 22px; height: 22px; float: left; background: url(http://payment.pointblog.biz/CampaignImages/47/bullet1.jpg); }
div#signup #info #divStep2 #bullet2 { width: 22px; height: 22px; float: left; background: url(http://payment.pointblog.biz/CampaignImages/47/bullet2.jpg); }
div#signup #info #divStep3 #bullet3 { width: 22px; height: 22px; float: left; background: url(http://payment.pointblog.biz/CampaignImages/47/bullet3.jpg); }

div#signup #info #divStep1 { width: 590px; float: left; margin-bottom:10px }
div#signup #info #divStep2 { width: 590px; float: left; margin-bottom:10px }
div#signup #info #divStep3 { width: 590px; float: left; margin-bottom:10px }

div#signup #info #divStep1 #bullet1Text { float: left; margin-left:10px; margin-top:3px }
div#signup #info #divStep2 #bullet2Text { float: left; margin-left:10px; margin-top:3px }
div#signup #info #divStep3 #bullet3Text { float: left; margin-left:10px; margin-top:3px }