/* Reset and Basic Styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:normal;font-style:inherit;font-size:100%;vertical-align:baseline;} :focus {outline:0;} body {line-height:1;color:black;background:#fff url(/static/global/images/main_bg.gif) top repeat-x;} ol, ul, li {list-style:none;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;vertical-align:top;font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";}
strong {font-weight:bold} em {font-style:italic} a {outline:none} a img {border:none}
html>body .clear {clear:both;height:1px;} .clear {clear:both;margin:0;} .floatL {float:left} .floatR {float:right} .clearL {clear:left} .clearR {clear:right} .clearB {clear:both} .clearN {clear:none} .no-pad {padding:0} .no-margin{margin:0} .margin-top-15 {margin-top:-15px} .margin-right-5 {margin-right:5px} .margin-right-20 {margin-right:20px} .margin-bottom-20 {margin-bottom:20px}
.width-700{width:700px} .width-620{width:620px} .width-460{width:460px} .width-360{width:360px} .width-340{width:340px} .width-300{width:300px} .width-320{width:320px} .width-220{width:220px} .width-200{width:200px} .width-100{width:100px}
.floatR_createAccount {float: right;}
.valign-mid {vertical-align:middle}
.texttrans-none {text-transform:none;}
.paddleft_25 {padding-left:25px}

/* colors */
.gold {color:#f90}
.gold2 {color:#f60}
.blue {color:#06c}
.blue2 {color:#036}
.green {color:#9c3}
.green2 {color:#690}
.red, a.red {color:#c00}
.grayccc {color:#ccc} .gray999 {color:#999} .gray666 {color:#666} .gray333 {color:#333}
.bg-ffc {background:#ffc}
.bg-ef {background:#efefef}


/* Default Links */
a:link, a:active, a:visited {color:#06c;text-decoration:underline;}
a:hover {color:#f90;text-decoration:none}

/* Structure */
body {color:#666;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;line-height:1;margin:0 0 30px;text-align:center}
#corrector {padding: 30px; margin:0px auto;}
#wrapper {text-align:left;width:940px;margin-top: 0px;margin-right: auto;margin-bottom: 30px;margin-left: auto;}
#main {float:left;margin-bottom:50px;width:700px}
#sidebar {float:right;margin-bottom:50px;width:220px}
#footer {border-top:1px dotted #ccc;font-size:11px;padding:15px 0;}

hr {border:none 0;border-top:1px solid #ccc;border-bottom:1px solid #e7e7e7;clear:both;width:100%;height:2px;margin:20px auto;text-align:left;}

/* Type */
h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif}
h1 {font-family:Arial, Helvetica, sans-serif; height:55px}
h1 span {background:url(/static/global/images/logo-suddenlink.png) no-repeat left top;display:block;float:left;height:55px;margin:0 10px 0 0;padding:0 0 0px;overflow:hidden;text-indent:-9999px;width:290px;}
h1 {color:#999;font:normal 28px Arial, Helvetica, sans-serif;padding-bottom:5px;}
h2 {color:#333;font-size:28px;line-height:30px;margin-bottom:20px}
h3 {color:#f90;font-size:20px;line-height:22px;margin-bottom:10px;}
p + h2, p + h3, p + h4 {margin-top:30px}
p.floatR + h2 {margin-top:0}
h4 {font-size:16px;line-height:20px;margin-bottom:8px;}
h4.bottom-border {border-bottom:1px dotted #ccc;padding-bottom:5px;}
h5 {font-size:16px;line-height:20px;margin-bottom:5px}
p {line-height:16px;margin-bottom:15px}
p.intro {font-size:14px;line-height:20px}
.secondary {font:11px Verdana, Arial, Helvetica, sans-serif;line-height:16px;margin-bottom:5px;}

/* Progress Bar */
/* Progress Bar */
.steps {margin-top: 30px;}

.steps li {
	border-right:0px solid #fff;
	color:#000;
	display:inline;
	float:left;
	font:10px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	margin-bottom:20px;
	margin-right:1px;
	padding:0px 0px 0px 0px;
	text-transform:uppercase;
	width:232px;
	height: 22px;
}


.steps li.p11{
	background:#57bA4B url(/static/com/hostway/plugins/order/images/topWizardSteps/suddenlink_us_main/sl-stepActive.gif) 7px 6px no-repeat;
	color: #ffffff;
}
.steps li.p12{
	background:#999999;
	color: #ffffff;
}
.steps li.p13{
	background:#999999;
	color: #ffffff;
}
.steps li.p21{
	background:#efefef url(/static/com/hostway/plugins/order/images/topWizardSteps/suddenlink_us_main/sl-stepVisited.gif) 7px 7px no-repeat;
	color: #999999;
}
.steps li.p21 a:hover, .steps li.p21 a:visited, .steps li.p21 a:active, .steps li.p21 a:link{
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}
.steps li.p22{
	background:#57bA4B url(/static/com/hostway/plugins/order/images/topWizardSteps/suddenlink_us_main/sl-stepActive.gif) 7px 6px no-repeat;
	color: #ffffff;
}
.steps li.p23{
	background:#999999;
	color: #ffffff;
}
.steps li.p31{
	background:#efefef url(/static/com/hostway/plugins/order/images/topWizardSteps/suddenlink_us_main/sl-stepVisited.gif) 7px 7px no-repeat;
	color: #999999;
}
.steps li.p31 a:hover, .steps li.p31 a:visited, .steps li.p31 a:active, .steps li.p31 a:link{
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}
.steps li.p32{
	background:#efefef url(/static/com/hostway/plugins/order/images/topWizardSteps/suddenlink_us_main/sl-stepVisited.gif) 7px 7px no-repeat;
	color: #999999;
}
.steps li.p32 a:hover, .steps li.p32 a:visited, .steps li.p32 a:active, .steps li.p32 a:link{
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}
.steps li.p33{
	background:#57bA4B url(/static/com/hostway/plugins/order/images/topWizardSteps/suddenlink_us_main/sl-stepActive.gif) 7px 6px no-repeat;
	color: #ffffff;
}

.steps span.textPosition {
	display: block;
	font-weight: bold;
	padding-top: 4px;
	font-size: 11px;	
}
.steps span.textPosition#one {
	padding-left: 10px;
}
.steps li.p21 span.textPosition#one {
	padding-left: 23px;
	color:#999999;
}
.steps li.p31 span.textPosition#one {
	padding-left: 23px;
	color:#999999;
}
.steps span.textPosition#oneActive {
	padding-left: 25px;
	color: #ffffff;
}
.steps span.textPosition#two {
	padding-left: 10px;
}
.steps li.p32 span.textPosition#two {
	padding-left: 23px;
	color:#999999;
}
.steps span.textPosition#twoActive {
	padding-left: 25px;
	color: #ffffff;
}
.steps span.textPosition#three {
	padding-left: 10px;
}
.steps span.textPosition#threeActive {
	padding-left: 25px;
	color: #ffffff;
}

/* Login Module */
#login {background:#efefef;border:1px solid #e3e3e3;border-top:0;border-left:0;padding:5px; float:left}
#login h4 {color:#2d2d2d;font-size:14px;font-weight:bold;line-height:15px;margin-bottom:3px;}
#login p {font-size:11px;margin-bottom:1px}

/* Edit Box */
.edit-box {float:right;font:11px Verdana, Arial, Helvetica, sans-serif;padding-top:3px;text-transform: uppercase;}
a.add-link span {background:url(/static/global/images/add-edit-delete.gif) no-repeat left top;display:block;float:left;height:0;margin-right:3px;padding-top:13px;overflow:hidden;text-indent:-999px;width:12px}
a.edit-link span {background:url(/static/global/images/add-edit-delete.gif) no-repeat -12px top;display:block;float:left;height:0;margin-right:3px;padding-top:13px;overflow:hidden;text-indent:-999px;width:13px}
a.delete-link span {background:url(/static/global/images/add-edit-delete.gif) no-repeat -25px top;display:block;float:left;height:0;margin-right:3px;padding-top:13px;overflow:hidden;text-indent:-999px;width:12px}
a.add-link:hover span  {background-position:left -26px} a.edit-link:hover span  {background-position:-12px -26px} a.delete-link:hover span  {background-position:-25px -26px}
a.delete-link:hover {color:#c00}
.inactive a {cursor:default} .inactive a.add-link, .inactive a.add-link:hover {background-position:left -13px} .inactive a.edit-link, .inactive a.edit-link:hover {background-position:-12px -13px} .inactive a.delete-link, .inactive a.delete-link:hover {background-position:-25px -13px}
a.delete-link-r span {background:url(/static/global/images/add-edit-delete.gif) no-repeat -25px top;display:block;float:right;height:0;margin-left:3px;padding-top:13px;overflow:hidden;text-indent:-999px;width:12px}
a.delete-link-r:hover span  {background-position:-25px -26px}
.inactive a.delete-link-r, .inactive a.delete-link-r:hover {background-position:-25px -13px}
a.delete-link-r:hover {color:#c00}

/* Form Elements */
.domain-01 {background:#fff url(/static/global/images/textfield-bg.gif) no-repeat left top;border:1px solid #ccc;border-top-color:#999;border-left-color:#999;color:#666;margin:15px 0 0;padding:3px;font-size:18px;width:220px}
.select-01 {color:#666;font-size:18px;margin:15px 0 0;padding:1px;}
label {font-weight:bold}
label span {font-weight:normal}
.textfield {background:#fff url(/static/global/images/textfield-bg.gif) no-repeat left top;border:1px solid #ccc;border-top-color:#999;border-left-color:#999;color:#666;font:12px Verdana, Arial, Helvetica, sans-serif;margin:1px;padding:3px;}
input:focus, textarea:focus, label:focus {border:1px solid #ff9900;}
select{margin-bottom:3px;max-width: 200px;}

/*Submit Buttons */
p + p.submit {margin-top:20px}
.submit input, .submit input:focus, .submit input:visited {cursor:pointer;background:#690;border:2px solid #999;border-left-color:#ccc;border-top-color:#ccc;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;margin-right:10px;padding:5px;}
.submit input:active {background:#690;border:2px solid #9c3;color:#fff;}
/*.submit {background:#9c3;color:#fff;cursor:pointer}*/
.submit-02 input, .submit-02 input:focus, .submit-02 input:visited {background:#999;border:2px solid #666;border-left-color:#ccc;border-top-color:#ccc;font-family:Arial, Helvetica, sans-serif;color:#fff;margin-right:15px;padding:5px;}
.submit-02 input:active {background:#690;border:2px solid #9c3;color:#fff;}
.submit-02 input:hover {background:#690;color:#fff;cursor:pointer}
.card-label {position:relative;top:5px}
.remove-check {border:1px solid #c00;}

/* Table Styles */
table {border-collapse:collapse;border:2px solid #ccc;margin-bottom:20px;width:100%;}
th, td {color:#666;text-align:left;vertical-align:top}
th {background:#efefef;border-bottom:1px solid #ccc;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:16px;padding:10px 5px}
td {border-bottom:1px solid #efefef;font-size:12px;line-height:16px;padding:8px 5px;}
.sec-header {background:#fff url(/static/global/images/stripes-bg.gif);border-top:1px solid #ccc;font:bold 11px Arial, Helvetica, sans-serif;letter-spacing:1px;text-transform:uppercase;}
.table-pad td {padding:5px}
td.left, left {text-align:left} td.right, .right {text-align:right} td.center, .center {text-align:center}
/* Domain Available td */
td.available-td label {color:#690;font:bold 24px Arial, Helvetica, sans-serif;line-height:24px;}
td.available-td label input {vertical-align:middle}
table.expsec {border:none;border-bottom:none;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px}
td.expsecTd {border:none;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px}

/* Lists */
ul.list-arrow-gray {margin-bottom:18px;padding:0 5px}
ul.list-arrow-gray li {background:url(/static/global/images/arrow-5px-gray.gif) no-repeat left 7px;margin-bottom:8px;padding-left:10px}

/* Error */
.label-error {background:url(/static/global/images/error.gif) no-repeat right 50%;color:#c00;padding:2px 18px 2px 0;}
.error-message {background:#fae5e5 url(/static/global/images/error.gif) no-repeat 5px 5px;color:#c00;font-size:11px;line-height:14px;margin-bottom:15px;padding:5px 5px 5px 25px;}
.red-border {border:2px solid #c00}
.highlight-error {background:url(/static/global/images/error.gif) no-repeat right 50%;color:#c00;padding:2px 18px 2px 0;font-weight:bold;}

/* Switchcontent style */
.handcursor{cursor:hand;cursor:pointer;}
.add-on-info {margin:-10px 0 25px}

/* More Info Link */
.more-link {background:url(/static/global/images/expand-arrow.gif) no-repeat left 50%;font:11px Verdana, Arial, Helvetica, sans-serif;padding-left:12px}

/* Close Button Link */
.close-button span {background:url(/static/global/images/close-button.gif) no-repeat left top;display:block;float:left;height:0;margin-right:3px;padding-top:13px;overflow:hidden;text-indent:-999px;width:13px}
.close-button:hover span {background-position:left -13px}

/* Print Button */
.print-button {background:#efefef url(/static/global/images/print.gif) no-repeat 5px 50%;border:1px solid #ccc;display:block;float:right;font-size:11px;padding:5px 5px 5px 20px;}

/* Active Edit Background */
.inline-edit {background:#ffc;padding:3px}

/* Edit Popup Window */
#edit-window {background:#fff;border:1px solid #333;border-top:0;border-left:0;margin:0 auto;padding:20px;text-align:left}

/* START LIGHTBOX LIBRARY */
.genericLightBox {
    display: none;      
    position: relative;
    top: 75px;
    margin: auto;
	background-color: #EEE;
	color: #333;
    border: 1px solid black;
    padding: 12px;
    vertical-align: middle;
    text-align: left;
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .genericLightBox{ /* IE6 */
	/*top: 0px;*/
	position: absolute;
    top: 75px;
}

.genericOuterLightBoxDiv{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3000;
	text-align: center;
	margin: auto;
}
* html .genericOuterLightBoxDiv{ /* IE6 */
	top: 0;
	left: 0;
	z-Index: 3001;
	position: absolute;    
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

.lightBoxOverlay { background-color: #000; }

.alertLightBoxTitleContainer{
	position: relative;
	width: auto;
	height: auto;
	text-align: center;
	font-weight:bold;
	background-color: #FFF;
	padding-bottom: 5px;
	padding-top: 5px;
	}
.alertLightBoxMessageContainer{
	position: relative;
	top: 10px;
	font-weight: normal;
	text-align: justify;
	text-indent: 5px;
	width: auto;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.4;
}
.alertLightBoxCloseContainer{
	position: relative;
	padding-top: 10px;
	text-align: center;
	height: auto;
	width: auto;
}
.alertLightBoxCloseButton{
	padding: 3px;
	width: auto;
	border: 1px solid #000;
	font-weight: normal;
}

.confirmLightBoxTitleContainer{
	position: relative;
	width: auto;
	height: auto;
	text-align: center;
	font-weight:bold;
	background-color: #FFF;
	padding-bottom: 5px;
	padding-top: 5px;
	}
.confirmLightBoxMessageContainer{
	position: relative;
	top: 10px;
	font-weight: normal;
	text-align: justify;
	text-indent: 5px;
	width: auto;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.4;
}
.confirmLightBoxCloseContainer{
	position: relative;
	padding-top: 10px;
	text-align: center;
	height: auto;
	width: auto;
}

.confirmLightBoxOkButton{
	padding: 3px;
	width: auto;
	border: 1px solid #000;
	font-weight: normal;
}

.confirmLightBoxCancelButton{
	padding: 3px;
	width: auto;
	border: 1px solid #000;
	font-weight: normal;
}
.progressBarLightBox {
    display: none;      
    position: relative;
    top: 75px;
    margin: auto;
	color: #2d2d2d;
    border: none;
    padding: 12px;
    vertical-align: middle;
    text-align: left;
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .progressBarLightBox{ /* IE6 */
	/*top: 0px;*/
	position: absolute;
    top: 75px;
}
/* END LIGHTBOX LIBRARY */

/* EXPANDING SECTION */
.expandingBoxContainerOn{
	display: block;
}

.expandingBoxContainerOff{
	display: none;
}
/* END EXPANDING SECTION */

.start_over input, .start_over input:focus, .start_over input:visited {
	background:#555555 none repeat scroll 0 0;
	border-color:#CCCCCC #999999 #999999 #CCCCCC;
	border-style:solid;
	border-width:2px;
	color:#FFFFFF;
	cursor:pointer;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-right:10px;
	padding:5px;
}
.start_over input:active {
	background:#669900 none repeat scroll 0 0;
	border:2px solid #99CC33;
	color:#FFFFFF;
}

.warningTable table {
border:2px solid orange;
border-collapse:collapse;
margin-bottom:20px;
width:100%;
}

.warningTable th {
background:#FFEAD4 none repeat scroll 0 0;
border-bottom:none;
color:orange;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
padding:10px 5px;
}

.bulletUL ul {
	padding-left: 40px;
	margin-top: 12px;
	margin-bottom: 12px;
}

.bulletUL li {
	list-style-type: disc;
}

div.field_required {
	font-weight:bold;
	padding-right:50px;
	display:table-cell;
	background-image:url('/static/com/hostway/plugins/order/images/icn-required.gif');
	background-repeat:no-repeat;
	background-position:right center;
	white-space:nowrap;
}

div.field_required_red {
	color:#c00;
	font-weight:bold;
	padding-right:50px;
	display:table-cell;
	background-image:url('/static/com/hostway/plugins/order/images/icn-required.gif');
	background-repeat:no-repeat;
	background-position:right center;
	white-space:nowrap;
}

#ca_ordersummary {
	color: #2d2d2d;
	text-align: left; 
	font-size: 22px; 
	margin-top: 15px; 
	height: 30px;
}
.ca-order-summary-table {
	border: 1px solid #666666;
	margin: 0;
	width: 100%;
	margin-bottom: 5px;	
}

.ca-order-summary-table th {
	color: #2d2d2d;
	text-align: left;
	vertical-align: top;
	background: none repeat scroll 0 0 #EFEFEF;
	border-bottom: 1px solid #666666;
	font-size: 14px;
	padding: 5px 5px 2px 5px;
}

.ca-order-summary-table td {
	color: #2d2d2d;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #666666;
	font-size: 11px;
	line-height: 14px;
	padding: 3px;
}	

#ca-order-summary-totalAmount-table{
	font-size: 14px;
	color: #2d2d2d;
	border: 1px solid #666666;
}	

#ca-order-summary-totalAmount-table td.ca_totalHead{
	font-weight: bold;
	color: #2d2d2d;
	border-bottom: 1px solid #666666;
}
#ca-order-summary-totalAmount-table td.ca_totalAmount{
	font-size: 16px;
	font-weight: bolder;
	color: #2d2d2d;
	border-bottom: 1px solid #666666;
}
#ca-order-summary-totalAmount-table td.ca_promo_code_message{
	font-size: 12px;
	color: #666666;
	border-bottom: 1px solid #666666;
}
@media print {
	body * { visibility: hidden; }
	#registrationAgreementId * { visibility: visible; }
	#registrationAgreementId { position: absolute; top: 40px; left: 30px; display: block; width: auto; height: auto !important; overflow: visible !important; }
}