/* pin check */
#pin-check-form { background: url(/img/pin-check/sprite-icons.png) 0 0 no-repeat; margin-top: 20px; text-align: left; color: #fff; font-size: 12px; }
#pin-check-form h1 { font-size: 24px; font-weight: bold; color: #000; padding: 35px 0 20px 0; padding-left: 100px; }
#pin-check-form p { font-weight: bold; font-size: 13px; padding: 10px 20px 10px 100px; }
#pin-check-form form { background: #242424; padding: 10px 0 10px 0; margin-bottom: 20px; }
#pin-check-form form label { font-size: 13px; }
#pin-check-form form .fields { padding-top: 5px; }
#pin-check-form form dd { float: left; padding: 2px 3px 0 0; }
#pin-check-form form .fields input { padding: 0 5px; border: 1px solid #000; height: 18px; }
#pin-check-form form .fields dd#prefix-element { position:absolute; right:230px; top:300px; }
#pin-check-form form .fields dd#prefix-element input { width: 40px; text-align: right; }
#pin-check-form form .fields dd#cellular-element { position: absolute; top: 300px; right: 114px; }
#pin-check-form form .fields dd#cellular-element input { width: 100px; }
#pin-check-form form .fields span { display: block; float: left; font-size: 14px; padding: 0 2px; }
#pin-check-form form .fields select { border: 1px solid #000; width: 100px; }
#pin-check-form form li { clear: both; float: left; display: block; padding: 10px 0 10px 100px; }
#pin-check-form form li.rules { background: #1C1C1C; padding: 10px 0 10px 100px; }
#pin-check-form form dd#rules-element { float: left; }
#pin-check-form form dd#rules-element input { margin: 0 3px 0 0; padding: 2px 0 0 0; }
#pin-check-form form li.rules label a { color: #F3D819; text-decoration: underline; }
#pin-check-form form li.buttons { position: absolute; bottom: 10px; right: 20px; padding: 0; margin: 0; }
#pin-check-form form #sendNumber { width: 145px; height: 19px; border: none; background: url(/img/pin-check/button.png) 0 0 no-repeat; color: #fff; font-weight: bold; font-size: 14px; padding-bottom: 2px; }
#pin-check-form .info li { padding: 2px 0 2px 25px; font-weight: bold; background: url(/img/pin-check/li.png) 0 5px no-repeat;  }
#pin-check-form .info li.header { color: #F2D610; font-size: 20px; font-weight: bold; background: none; padding: 0; height: 40px; }

#pin-check-form .errors { clear: both; float: left; padding: 0; margin: 0; }
#pin-check-form .errors li { padding: 2px 0 0 0; margin: 0; }

#pin-check-form li.rules .errors { clear: both; padding: 0 0 0 18px; }

/* verify form */
#verify-form { background: url(/img/pin-check/sprite-icons.png) 0 0 no-repeat; margin-top: 20px; text-align: left; color: #fff; font-size: 12px; }
#verify-form h1 { font-size: 24px; font-weight: bold; color: #000; padding: 35px 0 20px 0; padding-left: 100px; }
#verify-form p { font-weight: bold; font-size: 13px; padding: 10px 20px 10px 100px; }
#verify-form p.header { color: #F2D610; font-size: 20px; font-weight: bold; padding: 0 0 30px 100px; }
#verify-form form { background: #242424; padding: 10px 0 10px 100px; margin-bottom: 20px; }
#verify-form form label { font-size: 13px; }
#verify-form form .fields { padding-top: 5px; }
#verify-form form li.buttons { position: absolute; bottom: 10px; right: 20px; padding: 0; margin: 0; }
#verify-form form #activate { width: 145px; height: 19px; border: none; background: url(/img/pin-check/button.png) 0 0 no-repeat; color: #fff; font-weight: bold; font-size: 12px; padding-bottom: 4px; }

#verify-form .errors { clear: both; float: left; padding: 0; margin: 0; }
#verify-form .errors li { padding: 2px 0 0 0; margin: 0; }

/* activated */
#activated { background: url(/img/pin-check/sprite-icons.png) -500px 0 no-repeat; margin-top: 20px; text-align: left; color: #fff; font-size: 12px; }
#activated h1 { font-size: 20px; font-weight: bold; color: #000; padding: 35px 0 20px 0; padding-left: 100px; }
#activated p { font-weight: bold; font-size: 13px; padding: 10px 20px 10px 100px; }