/* @override http://bf.jjme/css/enrollment.css */

body {
	background-position: 0 -65px;
}

body.enrollment.err {
	background-position: 0 -29px;
}

header {
	position: relative;
	height: 50px;
}

header p.orange {
	color: white;
	clear: both;
	font-weight: bold;
}

p.pageid {
	position: absolute;
	text-align: right;
	color: gray;
	width: 94%;
	top: 3px;
	height: 25px;
	padding-left: 0;
	padding-right: 0;
	font-size: 12px;
}

a.pageClose {
	padding-top: 5px;
	padding-bottom: 5px;
	background-position: 0 center;
}

a#logo {
	margin-left: 35px;
}

.enroll {
	padding: 0 3% 3%;
	position: relative;
}

.enroll-nav {
	position: relative;
	padding: 0 3% 3px;
	margin-top: -30px;
}

.enroll table {
	margin-bottom: 15px;
}

header h1 {
	font: 22px 'PT Sans Narrow';
	font-weight: 700;
	margin-bottom: 10px;
	display: inline-block;
	float: left;
}

p.h1-sub {
	margin-top: -10px;
	margin-bottom: 15px;
}

.en-progress {
	text-align: center;
	margin-bottom: 0;
	position: relative;
}

.enroll h1 {
	font: 700 18px 'PT Sans Narrow';
	margin-bottom: 10px;
	display: block;
	margin-left: -15px;
}

h2, span.h2 {
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 25px;
	display: block;
}

span.h2 {
	background-image: none;
	border-style: none;
	box-shadow: 0px 0px 0px rgba(0,0,0,0)
}

p, ol, ul, .p {
	margin-bottom: 5px;
	display: block;
	padding-left: 10px;
	padding-right: 5px;
	position: relative;
}

.p.pinput {
	margin-bottom: 5px;
	position: relative;
}

.help {
	position: relative;
	top: 4px;
}

h2 .help {
	position: relative;
	top: 2px;
}

dl.option {
	margin-top: 15px;
	border-radius: 5px;
	overflow: hidden;
	background-repeat: repeat-x;
	background-position: 0 bottom;
}

.option dt {
	float: left;
	display: block;
	width: 50px;
	padding: 3px 5px;
	border-radius: 5px;
	background: url(../images/bg-greyHeader-51.png) 0 bottom;
	text-shadow: white 1px 1px 1px;
	border: 1px solid silver;
	position: relative;
	top: 8px;
}

.option dd {
	display: block;
	height: 35px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
	margin-left: 75px;
}

.option dd a.button {
	margin-top: 5px;
}

.option dd span {
	position: relative;
	top: 3px;
	left: 10px;
}

.option dd p {
	/*display: inline-block;*/
	float: right;
	padding-left: 0;
	text-align: left;
	width: 170px;
	display: none;
}

.confirmation.nextSteps {
	border-top: 1px solid silver;
	padding-top: 15px;
}

.confirmation.marginTop {
	margin-top: 20px;
}

.confirmation dt {
	float: left;
	display: block;
	width: 225px;
	text-transform: capitalize;
}

.confirmation dt h2 {
	display: inline-block;
}

.confirmation dt p {
	padding-left: 0;
	font-weight: normal;
	font-style: normal;
}

.confirmation dd {
	display: inline-block;
}

.confirmation dd p {
	padding-left: 0;
	position: relative;
	left: -10px;
}

.confirmation dd .span1 label {
	width: 105px;
}

.confirmation dd ul, .confirmation dd ol {
	margin-left: 0;
}

ul.decision {
	margin-left: 10px;
	text-align: left;
}

ul.decision li {
	margin-right: 25px;
	border-radius: 5px;
	padding-bottom: 5px;
}

ul.decision li a {
	margin: 5px 10px;
}

ul.decision li a:hover {
	text-decoration: none;
}

.decision span.option {
	color: #464646;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 5px 15px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.continue {
	text-align: right;
	clear: both;
}

.continue a {
	margin-left: 10px;
}

.goback {
	clear: both;
	margin-top: 25px;
}

span.gbLeft {
	float: left;
}

.goback a {
	margin-right: 10px;
}

form h2,
form span.h2 {
	padding-bottom: 2px;
	margin-bottom: 0;
	clear: both;
	margin-top: 0;
}

form h2 span,
form span.h2 span {
	display: inline-block;
	width: 50%;
	float: right;
}

form h2.four span.h21,
form span.h2 span.h21 {
	display: inline-block;
	width: 25%;
	float: left;
	text-indent: 15px;
}

form h2.five span.h21,
form span.h2.five span.h21 {
	display: inline-block;
	width: 20%;
	float: left;
	text-indent: 10px;
}

form h2.four span.h22,
form span.h2 span.h22 {
	display: inline-block;
	width: 50%;
	float: left;
	text-indent: 15px;
}

form h2.four span.h23,
form span.h2 span.h23 {
	display: inline-block;
	width: 75%;
	float: left;
	text-indent: 15px;
}

form input[type="text"], form textarea, form input[type="password"] {
	background-color: #fafafa;
}

form .section {
	clear: both;
	background-color: white;
	border: 1px solid #cccccc;
	border-radius: 5px;
	margin-bottom: 25px;
}

.complete {
	clear: both;
	background-color: white;
	border: 1px solid #cccccc;
	border-radius: 5px;
	margin-bottom: 25px;
}

.complete h1 {
	margin-left: 0;
}

.complete .left, .complete .right {
	width: 48%;
	padding: 0 1% 1%;
}

.complete h2 {
	margin-top: 0;
}

.complete .span1 label {
	display: inline-block;
	text-align: left;
	width: 95px;
}

.complete h1.small {
}

.complete .top {
	padding: 1%;
}

form .section.noFloats {
	padding-top: 10px;
	padding-bottom: 5px;
}

form .section h2 {
	margin-left: 10px;
}

.req {
	position: relative;
	color: #f79c26;
	font-weight: bold;
	top: 5px;
	margin-left: 3px;
	line-height: 10px;
	font-size: 120%;
}

h1 .req {
	position: relative;
	top: 0;
	left: -3px;
}

.extrabot {
	margin-bottom: 20px;
}

.s5 .float1 {
	width: 20%;
}

.s3 .float1 {
	width: 33%;
}

.float1 {
	float: left;
	width: 25%;
	padding-top: 10px;
	padding-bottom: 5px;
}

.float2 {
	float: left;
	width: 50%;
	padding-top: 10px;
	padding-bottom: 5px;
}

.float3 {
	float: left;
	width: 75%;
	padding-top: 10px;
	padding-bottom: 5px;
}

.sectionLeft {
	float: left;
	padding-top: 10px;
	width: 49%;
	padding-right: 1%;
	padding-bottom: 5px;
}

.sectionRight {
	float: right;
	padding-top: 10px;
	width: 50%;
	padding-bottom: 5px;
}

form .textOnly {
	margin-left: 15px;
}

form label.ph {
	position: absolute;
	top: 4px;
	left: 15px;
	font-size: 11px;
	color: #444444;
	z-index: 0;
}

form label.ph.phv1 {
	margin-left: 443px;
}

form label.ph.phv2,
form label.ph.phv3 {
	margin-left: 25px;
}

form label.ph:hover {
	cursor: text;
}

/* Hide these for now 11.30 */

/*form .span0 label {
	display: inline-block;
	text-align: right;
	margin-right: 5px;
	width: 75px;
}

form .span1 label {
	display: inline-block;
	width: 150px;
	text-align: right;
	margin-right: 5px;
}

form .span2 label {
	display: inline-block;
	margin-right: 5px;
	width: 200px;
	text-align: right;
}

form .span3 label {
	display: inline-block;
	width: 250px;
	text-align: right;
	margin-right: 5px;
}

form .span4 label {
	display: inline-block;
	width: 300px;
	text-align: right;
	margin-right: 5px;
}

form .span5 label {
	display: inline-block;
	width: 375px;
	text-align: right;
	margin-right: 5px;
}*/

form .span0 {
	padding-left: 10px;
}

form .span1 {
	padding-left: 35px;
}

form input[type="text"] {
	width: 80%;
}

form input.standard {
	width: 150px;
}

form input.short {
	width: 75px;
}

form textarea {
	width: 95%;
	height: 50px;
	margin-left: 15px;
	padding-left: .5%;
	padding-right: .5%;
}

form textarea.rcm-services {
    margin-left: 0px;
    padding-left: 0;
    padding-right: 0;
    text-indent: 3px;
}

form ul.nobull {
	list-style-type: none;
}

li.service {
	margin-left: -10px;
	font-weight: bold;
	margin-top: 11px;
}

.nobull li.service:first-child {
	margin-top: 0;
}

form .span-chooser label {
	padding-left: 20px;
	font-style: italic;
	width: 250px;
	display: inline-block;
	text-align: right;
}

.margintop {
	margin-top: 15px;
}

.span-chooser textarea {
	width: 500px;
}

form span.chooser .nobull li {
	margin-bottom: 5px;
}

ul.choosers {
	padding-left: 0;
	display: inline-block;
	margin-bottom: 0;
	margin-left: 15px;
}

.noLeft {
	margin-left: 0;
}

body .extraLeft {
	margin-left: 35px;
}

ul.choosers.marginBot {
	margin-bottom: 10px;
}

ul.choosers li {
	display: inline;
	margin-right: 10px;
}

.scrollbox {
	width: 97%;
	height: 300px;
	overflow: auto;
	padding: 10px;
	border: 1px solid #cccccc;
	background-color: white;
	margin-bottom: 10px;
	border-radius: 5px;
}

.scrollbox h2:first-child {
	margin-top: 0;
}

.servicetd {
	width: 18%;
	text-align: center;
}

tr.sub-header .servicetd a {
	font-weight: normal;
	font-style: normal;
	color: #3d7fc0;
}

tr.sub-header .servicetd a:hover {
	color: #036;
	text-decoration: underline;
}

.decideYes {
	margin-top: 15px;
}

.yes-no {
	margin-bottom: 15px;
}

.helpHover {
	margin-bottom: -45px;
}

.helpHover.tall {
	margin-bottom: -202px;
}

.helpHover p {
	text-indent: 0;
}

.helpHover ul {
	margin-left: 15px;
	padding-left: 10px;
}

.helpHover li {
	margin-bottom: 0 !important;
	text-indent: 0;
}

.helpHover li.listhead {
	font-weight: bold;
}

.ncInput {
	display: none;
}

.newContact {
	width: 0;
	overflow: hidden;
}

form h2.four span.h21.newContact {
	width: 0;
	height: 0;
}

h2.nextSteps {
	margin-top: 65px;
}

#enrollfooter {
	text-align: left;
	border-top: 1px solid #cccccc;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	bottom: 10px;
	width: 95%;
	padding-bottom: 10px;
}

.preenroll p, span.p {
	margin-bottom: 15px;
}

.preenroll textarea {
	width: 500px;
	margin-left: 0;
}

.confirm {
	padding-left: 10px;
}

#gl1, #gl2 {
	display: none;
}

.golivep {
	display: none;
}

.addServices ul {
	margin-left: 40px;
	font-weight: bold;
}

.addServices ul li {
	margin-bottom: 10px;
}

img.services-billflash {
	float: left;
	margin-right: 15px;
}

.gpf {
	margin-top: 26px;
	margin-left: 60px;
}

.continue a.hidden {
	display: none;
}

body .help .helpHover {
	bottom: 25px;
    height:220px;
}

body .help .helpHover ul {
	margin-top: 10px;
	margin-left: 10px;
}

#new.hidden {
	padding-left: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#billAppName {
	margin-bottom: 15px;
}

#billAppName span {
	display: block;
	margin-top: 5px;
	margin-bottom: -20px;
	font-weight: bold;
}

#billAppName a {
	font-style: italic;
	font-size: 11px;
}

#amexid {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 17px;
}

#amexid input {
	margin-bottom: 5px;
}

ul.nobull input[type="checkbox"] {
	margin-right: 5px;
}

.section.confirmation {
	padding-top: 10px;
	padding-bottom: 7px;
}

p {
	position: relative !important;
}

p.notice {
	font-size: 10px;
	font-style: italic;
	line-height: 14px;
}

.focusplace {
	position: absolute;
	z-index: 100;
	color: white;
	padding: 3px 5px 4px;
	border-radius: 5px;
	text-align: right;
	background-color: black;
	left: 3px;
	top: -30px;
}

input.errorHelp {
	width: 65% !important;
}

input.errorHelp.regRoute {
	width: 150px !important;
}

#newCC {
	float: left;
}

#newBilling {
	float: left;
}

/* @group ERRORS */





.enroll span.aspError {
	position: absolute;
	left: 5px;
	top: -8px;
}

.enroll span.aspError span,
.enroll span.errorSelect span 
{
	font-size: 10px;
	color: white !important;
	background-color: #f7971b;
	text-transform: uppercase;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 5px;
	font-weight: bold;
  font-style: italic;
}

.enroll .adminField span.errorSelect {
	position: absolute;
	left: 160px;
}

table.aspWizard .enroll span.rtError {
	display: block !important;
	width: 550px !important;
	position: absolute !important;
	top: -100px !important;
	z-index: 5000 !important;
	background-color: red !important;
}

td.ajax_validatorcallout_error_message_cell {
	background-color: red !important;
}

td.ajax_validatorcallout_icon_cell {
	display: none !important;
}

table.aspWizard, table.aspWizard tr, table.aspWizard td, table.aspWizard tbody {
	/* border-style: none !important; */
	background-color: transparent;
	border-color: #fafafa;
}

table.aspWizard td {
	padding: 0 !important;
	border-left: 1px solid #fafafa;
	border-top: 1px solid #fafafa;
	border-right: 1px solid #fafafa;
	border-bottom: 1px solid #fafafa;
}

a.bluesito 

{
    margin: 0 0 0 15px;
    padding: 3px 10px;
	position: relative;
	top: -1px;
}

/* @end */

.bill-display:before {
	background-color: #fafafa;
}

form .bill-display textarea {
	margin-left: 0 !important;
}

.enroll #ebill-window h1 {
	margin-top: 15px;
	margin-bottom: 14px;
	padding-left: 15px;
	margin-left: 0;
	font: bold 16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

.bill-display h2{
	font-size: 13px;
	background-image: url(../images/bg-sectionHead.png);
	height: 29px;
	line-height: 49px;
	text-indent: 10px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	position: relative;
	clear: both;
	display: block;
	font-weight: bold;
	padding-top: 5px;
}

.enrollAcceptBtn { color: white !important; line-height: 25px !important; font:inherit !important; }
.enrollAcceptBtn span { font-weight:bold; background-image: url(../images/bg-button.png) !important; }
.enrollRejectBtn { color: white !important;	line-height: 25px !important; font:inherit !important; }
.enrollRejectBtn span { font-weight:bold; background-image: url(../images/bg-greyHeader-2-35.png) !important; }
#msgSalesPromoError b { font-weight:bold !important; }
#msgSalesPromoError span { line-height:23px !important; }