/*----- COMMON BODY STYLES -----*/

/* Body Presets */
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, em, font, img, strong, dd, dl, dt, fieldset, form, label, legend, caption, tbody {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-style:inherit;
}

body { background:#000; }

* { margin:0; padding:0; }
*:focus, *:active {  outline:none; }

body, ul, li, ol, dl, th, caption, pre, p, blockquote, input, textarea,a {
	font:13px/1.24 arial,helvetica,clean,sans-serif; color:#000;
}

/* Paragraph Presets */
p {	margin:4px 0 10px 0;  padding:0; line-height:16px;}
p.last { margin-bottom:0px; }
p img  { margin-left:5px; margin-bottom:5px; }

/* Div Floats & Align */
div.common { clear:both; width:100%; margin:0px; padding:2px 0 2px 0; overflow:auto; }
div.left-column { float:left; width:48%; }
div.right-column { float:right; width:48%; }
div.padding-left { padding:0 0 0 5px; }
div.padding-right { padding:0 5px 0 0; }
div.clearfix { clear:both; }
div.clearfix: after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { font-weight:bold; font-family:Arial, Verdana, sans-serif; margin:0px 0 10px 0; padding:0px; }
h1 { font:bold 24px Arial; }
h2 { font:bold 20px Arial;  }
h3 { font-size:130%; }
h4 { font:bold 18px Arial;}
h5 { font-size:15px;  }
h6 { font-size:13px;  }

a img, :link img, :visited img { border:none; text-decoration:none; }

/* LINKS */
a { color:#CA0A0A; font:normal 12px Arial; text-decoration:underline; }

a.white: link , a.white:visited { color:#FFF; }
a.white: hover { color:#FFF; text-decoration:none; }
a.blue { color:#1111CC; text-decoration:underline; }
a.title { color:#CA0A0A; font:normal 14px Arial; text-decoration:underline; font-weight:bold; }
a.button { color:#CA0A0A; font:normal 14px Arial; text-decoration:none; font-weight:bold; }

/* TEXT */
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-xsmall { font-size:10px; }
.text-small { font-size:11px; }
.text-medium { font-size:12px; }
.text-large { font-size:14px; }
.text-xlarge { font-size:18px; }
.text-strong { font-weight:bold; }

.italic { font-style:italic; }
.highlight { color:#D70000; }
.highlight-heading { color:#D70000; font-weight:bold; font-size:14px; }
.required { color:#ca0a0a; font-weight:bold;  }

blockquote  { margin:0 0 18px 18px; font-style:italic; }
strong { font-weight:bold; }
em  { font-style:italic; }

/* TEXT COLORS */

.text-row { clear:both; padding-top:2px; }
.text-row span.text-label { float:left; text-align:right; }
.text-row span.text-value { float:right; text-align:left; }

/* TABLE */
table { border-collapse:collapse; border-spacing:0; }
th.left { text-align:left; }
th.right { text-align:right; }
th.center { text-align:center; }

td.left { text-align:left; }
td.right { text-align:right; }
td.center { text-align:center; }

/* LIST */
ul { list-style-type:none; }
ul.list-horizontal { margin:0; padding:0; }


hr.line-seperation { border:1px solid #e3e3e3; margin:15px 5px 15px 5px; }
.heading { padding:0px 0px 15px 0px; color:#CA0A0A; }
.heading-with-bg { padding:25px 5px 5px 10px; color:#CA0A0A; }

/* FORM */
form fieldset { margin:10px 0 10px 0; color:#000; }
form label { margin-bottom:2px; display:block; font-weight:700; }
form input[type=text], input[type=password], textarea { border:1px solid gray; }
form input[type=text]:focus, input[type="password"]:focus, textarea:focus { border:1px solid #F28300 !important; }

.cb-error-box { background:#FFFFCC; border:1px solid #FFCC33; margin:10px 0px 10px 0px; padding:4px; width:90%; }
.cb-error-box-close-button { top:-15px; right:0; padding:0 2px; text-align:right; color:#000; cursor:pointer; }

/* --Message box-- */
.info-msg, .success-msg, .warning-msg, .error-msg, .validation-msg { border:1px solid;	margin:0px 0px 10px 0px; padding:15px 10px 15px 50px; background-repeat:no-repeat; background-position:10px center; }
.info-msg { color:#00529B; background-color:#BDE5F8; background-image:url('/images/info.png'); }
.success-msg { color:#4F8A10; background-color:#DFF2BF; background-image:url('/images/success.png'); }
.warning-msg { color:#9F6000; background-color:#FEEFB3; background-image:url('/images/warning.png'); }
.error-msg { color:#D8000C; background-color:#FFBABA; background-image:url('/images/error.png'); }

/* PAGE */
#page { position:absolute; top:0; width:100%; margin:0 auto; position:relative; background:#FFF !important; text-align:center; padding:0; height:100%;min-width:980px; }


/* HEADER */
#header { width:100%; border-top:7px solid #ca0a0a; }
#header-content { position:relative; top:0; clear:both; width:980px; text-align:center; margin:5px auto 8px; height:150; }
div.logo { float:left; width:220px; padding-top:10px; }

/* TOP NAVIGATION */

#topnav { position:relative; top:0; width:100%;	background:#000000 url("../images/black_red/header_nav_off.gif") repeat-x top left; height:43px;}
.top-menu-content {	width:875px;margin:0 auto;}

/* TOP NAV MENU */
ul#listTopMenuRoot { list-style-type:none; margin:0px; }
ul#listTopMenuRoot li { float:left;height:43px;padding-left:2px;background:url("../images/black_red/nav_divider.gif") repeat-x left bottom; }
ul#listTopMenuRoot .start { padding-left:2px !important;background:url("../images/black_red/nav_divider.gif") no-repeat left bottom; }
ul#listTopMenuRoot li a {text-align:center; float:left; height:43px; margin:0; }

/* LEFT NAV MENU */
ul#listLeftMenuRoot { list-style-type:none; margin:0; }
ul#listLeftMenuRoot li { margin-top:-4px; }

/* QUICK LINKS */
.quick-links { width:275px; float:right; margin:0; padding:0; text-align:right; }
.quick-links a { margin:5px 10px 0 0;}
.quick-links p { margin:5px 10px 0 0; }
.quick-links span { color:#73090B;}
.quick-links img#Login { margin-top:10px; }


/* CONTENT WRAPPER */
#content-wrapper { position:relative; top:0; width:100%; background:transparent url(../images/black_red/main_home_bg.jpg) repeat-x  bottom left; }

/* COLUMNS WRAPPER */
#columns-wrapper { position:relative; top:0; width:980px; margin:10px auto 0; padding-bottom:0px;}
#column-left { min-height: 513px; position:relative; float:left; text-align:left; width:276px; margin:0; background-color:transparent; border-left:0px solid #FFF; }
#column-right {  min-height: 470px; position:relative; float:left; width:0px; margin:0; padding:50px 8px 4px 8px; background-color:transparent; text-align:left; border-left:0px solid #FFF;  }
#column-middle { position:relative; height:auto; float:left; right:0; width:680px; margin:0 0 10px 0; padding:4px 9px 4px 9px; text-align:left; border-left:0px solid #FFF; }

/* FOOTER */
#footer { position:relative; top:0; clear:both; width:100%; height:120px; background-color:black; padding-top:15px; color:#707070; text-align:center; }
.footer-content { width:980px; margin:0 auto;}
#footer-links a { color:#707070;}
#footer-links { width:auto; float:left; margin-left:20px; padding:0px; }
#footer-links li { margin:0; padding:0 5px 0 10px; list-style:none; display:inline; border-right:1px solid #707070;  }
#footer-links  li a { font-size:11px; }
#footer-links .last  { border:0;}
#footer-copyrights { float:right; font:normal 11px Arial; }

/* BLOCKS */

.content-block { margin:0; padding:0; background:transparent; height:auto; }
.content-block ul { margin:0px 0 5px 25px; float:left; }
.content-block ul li { padding:3px 2px 5px 0px; }

.content-block ul.square li { list-style-type:square; margin-left:15px; }
.content-block ul.points li { font-style:italic; font-size:12px; font-weight:bold; }

.content-block ul.checkmark { list-style:none outside none; margin:0; padding:0; }
.content-block ul.checkmark li {  background:transparent url("../images/black_red/img_checkmark.gif") no-repeat 0 75%; padding:0px 0px 0px 25px; margin-bottom:10px; }

.content-block img { margin:5px 0 10px 5px; }
.content-block p { text-align:justify; background:transparent; }

/* BANNER */
/* .banner { margin:0; padding:0; text-align:center; } */
.banner { text-align:center; ; bottom:0; left:10px; }

/* COLOR BOX */
.colorbox-wrapper { padding:15px 0 15px 15px; text-align:justify; }
.colorbox-wrapper p.title { font-size:14px; }
.colorbox-wrapper ul li { padding:0px 0px 10px 0px; }

/* QUICK MEMBER BENEFITS */
.accordion-container { position:relative; float:left; width:336px; font-size:11px; margin-bottom:-5px; }

.accordion-container h3.top-background { background:url("../images/black_red/img_accordian_top.png") no-repeat; width:335px; height:44px;margin:0 !important; padding:0 !important; }
.accordion-container h3.middle-background { background:url("../images/black_red/img_accordian_middle.png") no-repeat; width:335px; height:34px;margin:0 !important; padding:0 !important; }
.accordion-container h3.bottom-background { background:url("../images/black_red/img_accordian_bottom.png") no-repeat; width:335px; height:14px; }
.accordion-container a { font-weight:bold; font-size:14px; color:#000; text-decoration:none; }
.accordion-container .title { padding:3px 0 0 15px; float:left; }
.accordion-container .title-top { padding:13px 0 0 15px; float:left; }
.accordion-container .title-text { padding:10px 0 0 25px; float:left; }
.accordion-container .title-text-top { padding:16px 0 0 25px; float:left; display:block; }
.accordion-container .description { height:80px;}
.ui-accordion-content { overflow:hidden; }div
.accordion-container .description .left { float:left; background:url("../images/black_red/left_shadow.gif") repeat-y top right; width:6px; height:80px; }
.accordion-container .description .content { float:left; width:313px; background:#FFF;  height:72px; padding:4px 5px; }
.accordion-container .description .right { float:left; background:url("../images/black_red/right_shadow.gif") repeat-y; width:6px; height:80px; }

/* LOGIN */
.login-wrapper { padding-top:7px;}
.login-wrapper .login-logo { width:202px; margin:0 auto;}
.login-wrapper .login-form {padding:15px 0px 0px 40px; }
.login-wrapper .login-form a {  text-decoration:none; padding: 0px 0px 0px 20px;}

/* CONTACT US */
.contactus-wrapper { margin:0px; width:480px; background:#FFF; background:#ededed; border:2px solid #e3e3e3; padding:10px; }
.contact-info-wrapper { float:left; width:200px; margin:5px 5px 5px 15px; font-weight:bold; }

/* ID SCORE & TREND REPORT */
.id-score-wrapper { float:left; width:337px; margin:0; padding:0 0 0 12px;height:160px; }
.id-score-wrapper h5 { padding:5px 0;}
.trend-report-wrapper { float:left; margin:0; padding:15px 0 10px 0;}
.trend-report-wrapper h5,.trend-report-wrapper h6 { padding-left:12px;}
.monitoring-wrapper { height:170px; width:300px; float:left; margin:0; border-right:2px solid #e3e3e3; padding:32px 5px 0 0; }
.trend-report-wrapper img {
	width:650px;height:220px;
}
/* FAQ */
.faq-content dl { margin-top:5px;}
.faq-content dt { font-weight:bold; padding:3px 0; }
.faq-content dd { padding:2px 2px 10px 5px; }

/* RESOURCE CENTER RIGHT COLUMN */
.rs-coulmn-content { width:300px; float:left; }
.rs-coulmn-content .row { clear:both; padding: 5px; height:25px; }
.rs-coulmn-content .row span.left { display:block; float:left; text-align:left;  }
.rs-coulmn-content .row span.right { display:block; float:left; text-align:left; padding-left:10px; }
.rs-coulmn-content ul { color:#BFBFBF; list-style-type:disc; margin :0 0 10px 15px; clear:both; }
.rs-coulmn-content ul li { padding:0px 0px 10px 0px; }

/* MCAFEE SOFTWARE */
.software-wrapper { margin:50px 0 50px 0; clear:both; width:100%; }
.software-wrapper .box { width:48%; float:left; text-align:center; }
.software-wrapper .content { width:48%; float:right; padding:0px 10px 10px 10px; }

/* NEWSLETTER **/
.newsletter { background:#73090b; width:300px; padding:15px;  bottom:0; left:10px;float:left; position:absolute; }
.newsletter img { position:absolute;  }
.newsletter a { color:#E3E3E3; font-size:14px; font-weight:bold; padding-left:40px; }
.newsletter-subscribe { font-weight: bold; padding:5px 0px 0px 25px; }

/* MY ACCOUNT */
#report { width:500px; }
#report h4 { margin:70px 0 5px 5px; }
#report h5 {margin:2px 0 4px 0;float:left; }
#report img { float:left; margin:9px 0 0 7px; }
#report #reportGreyRow, #report #reportWhiteRow { clear:both;height:22px;line-height:22px; }
#report #reportGreyRow { background-color:#F7F7F7; }
#report #reportWhiteRow {background-color:#FFFFFF; }
#report #reportAttributeName, #report #reportAttributeValue, #report #reportAttributeAction { float:left; }
#report #reportAttributeName { font-weight:bold;width:120px; }
#report #reportAttributeAction { font-weight:bold;width:45px; }
#reportSubTitle h5 { margin-top:15px;}
#report #reportAttributeValue, #report #reportAttributeValueNoName, #report #reportAttributeValueNoNameAction { float:left;width:275px;padding-bottom:2px; }

/* FORMS */
.signUp-wrapper { margin:15px 5px 5px 15px;}
form.application label { color:#000000; }
form.application ul, ol, dl,form.application td, th, caption, pre, p, blockquote, input, textarea {	 background-color:white;}

.signUpFormErrors  { background-color:#FFFFCC; border:1px solid #FFCC33; color:#996600; font-size:11px; padding:5px; text-align:left; width:92%; }

form.application fieldset { border-width:0px; margin:0px; padding:0px; }
form.application .warning { color:red; padding-top:10px;}
form.application em { color:red; }
form.application .confirmationWarning { color:red; }
form.application .groupSeparator { padding:5px 4px 0px 0px; margin-top:10px;}
.plan_type, .personal_info, .payment_info, .payment_mode, .select_customer,
.payment_confirm, .confirm, .check_pid { padding:0px; margin:2px; width:500px; font-family:Arial,Helvetica,sans-serif; color:#000000; font-size:12px;}
.check_pid, .plan_type, .confirm, .payment_mode  { min-height:526px; }

.select_customer, .confirm { margin-left:20px;}

.plan_type input[type=text], .personal_info input[type=text], .personal_info select , .payment_info input[type=text],
.payment_info select, .payment_mode select,
.select_customer input[type=text],
.payment_info_card input[type=text], .payment_info_card select,
.payment_info_ach input[type=text], .payment_info_ach select, .check_pid input[type=text] { border:1px solid #BABABA; }
form input[type=hidden] { margin:0px; padding:0px;}

.formRadio { margin-right:5px;}
.formRow { padding:0px; margin:0px; clear:both; }
.formGroup { /*float:left;*/ clear:both; text-align:left; padding:5px 0px 0px 5px; }
.elementContainer, .elementLabel { float:left; /*margin-left:5px;*/ text-align:left; }
.elementLabel { line-height:1.9;  }
.elementContainer div { float:left; }
form.application .elementLabel { width:80px; line-height:25px; }
form.payment_mode .elementLabel { width:120px; line-height:25px; }
form.upgradecenter .elementLabel {	width:150px;}
form.application .elementLabel label { float:none; margin:0px; display:inline; }
form.application label.formCheckbox  { margin:-14px 0 0 20px;}
form.application label.formCheckbox  { *margin:-18px 0 0 25px;}

.signupFormFormHeader { display:block; line-height:30px; margin:0px; margin-left:-5px; width:100%; }
.signupFormFormHeaderTitle {  width:400px;  text-align:left;  float:left; font-size:16px; font-weight:bold; color:#CA0A0A; margin-top:20px;padding-left:4px }
.signupFormFormHeaderNotes { padding-right:10px; color:#7D7D7D; display:none; }

/* BACK AND NEXT BUTTONS */
#nextstep input { margin:0px; padding:0px; }
#nextstep, #backstep { margin-bottom:5px; }
#nextstep { margin-top:20px;  }
#backstep { margin-left:5px;}

form.check_pid .elementLabel {  width:130px; }
form.check_pid #nextstep { margin-left:125px;}

.chooseCustomer, .customerInfo, .customerAccount  { float:left; border:1px solid #cccccc; border-left-width:0px; height:65px;padding:20px 10px 0px 10px;}
.chooseCustomer {  border-left:1px solid #cccccc; }
.customerInfo { width:230px; }
.customerAccount { width:365px; background-color:#EFF4FA; margin-bottom:20px; }

form.personal_info, form.payment_info, form.payment_confirm, form.payment_mode { width:100%; margin-left:0px;}

/*form.personal_info .signupFormFormHeaderTitle, form.payment_info .signupFormFormHeaderTitle, form.payment_confirm .signupFormFormHeaderTitle {
	border-top:1px dotted red; margin:8px 0px 8px 0px;
}*/
form.personal_info .frow1 .signupFormFormHeaderTitle , form.payment_info .frow0 .signupFormFormHeaderTitle, form.payment_confirm .frow1 .signupFormFormHeaderTitle {
	border-top-width:0px;
}

.personal_info div.formGroup, form.payment_info div.formGroup {	width:168px; float:left; text-align:left; padding:5px 0px 0px 20px; padding:0px; clear:none; }
.personal_info div.formGroup { width:195px; }
.personal_info .frow3 div.formGroup, form.payment_info  .frow9 div.formGroup { width:100%; clear:both; text-align:left; padding:5px 0px 0px 20px; }
.personal_info .elementContainer {clear:both;}
form.personal_info .elementLabel { width:136px; }

form.personal_info .elementLabel label, form.payment_info .elementLabel label { line-height:23px; }
form.personal_info .formRow .elementContainer, form.payment_info .formRow .elementContainer { width:100%; }
form.personal_info .frow12 .formGroup { width:310px; }
form.payment_info .frow4 .formGroup { width:600px; }

form.payment_info div.formGroup { width:220px; }
form.payment_info .elementLabel { width:130px; }
.payment_info .cardLogos { margin-top:20px;}
.payment_info .frow12 .formGroup p  { background-color:#f0f0f0;  padding:10px;width:600px; }
form.payment_info .frow9 div.formGroup  { background-color:#f0f0f0; border:1px solid #000000; width:650px; padding:0px; margin:10px 0px 10px 0px; padding:5px 0 0 5px; height:20px; }
form.payment_info .frow9 div.formGroup input {margin-top:0px;}
.payment_info .frow .elementLabel {width:5px;}
.payment_info .frow .formGroup { width:600px !important; }
.payment_info .frow .formGroup div {float:left;}
.payment_info .frow .formGroup .elementContainer{width:600px;}
.payment_info select { font-size:11px; }
.payment_info .frow6 .formGroup, .payment_info .frow7 .formGroup,
.payment_info .frow6 .formGroup, .payment_info .frow7 .formGroup   { background-color:#F5F5F5; width:180px; height:50px; padding:0px; padding:0px 10px 0px 10px; }
.payment_info .frow6 .formGroup, .payment_info .frow6 .formGroup { border-top:3px solid #8195B0; }
.payment_info .creditCardCCVDetails { width:600px;}
.payment_info .creditCardCCVDetails .black11 { font-size:11px;}

div.even, div.uneven { width:100% !important; }

form.payment_confirm .formGroup {  padding: 2px;  clear:none; margin:0px; }
form.payment_confirm .frow2 .formGroup, form.payment_confirm .frow6 .formGroup { float:left; clear:none; margin:0px; width:318px; padding-right:10px; }
form.payment_confirm .formGroup .elementContainer { width: 100%; }
form.payment_confirm .formGroup .elementContainer div {	width: 100%; }
form.payment_confirm .payDetailName { font-weight:bold; width:100px !important; }
form.payment_confirm .payDetailValue{ width:400px !important; }
form.payment_confirm .frow2 .payDetailValue, form.payment_confirm .frow6 .payDetailValue { width:200px !important; }
form.payment_confirm .payDetailValue span { padding-right:5px; }
form.payment_confirm .confirmationWarning { color:#000000; width:550px;padding:5px 0px 5px 0px;}
form.payment_confirm .uneven, .even { padding:4px; }
form.payment_confirm .uneven { background-color:#EFEFEF; }
form.payment_confirm .elementLabel { width:15px; }
form.payment_confirm .frow10 { padding-top:5px;}

.confirm .payDetailsSubBox div div { width:150px; }
.confirm div {text-align:justify;}
.field-block { float:left; width:200px; margin:10px 0; }

.postConfirm .postConfirmCongratulations {background-color:#FFFFCC; border:1px solid #660066; padding:5px 15px 5px 15px; font-weight:bold;}
.postConfirm .payDetailName { width:100px;}
.postConfirm .postConfirmCongratulations h1 {	font-size:16px; color:#FF0000; padding:0px; margin:0px;}
.postConfirm .payDetailsSubBox div div { width:200px; float:left;}
.postConfirm .subTitle { background-color:#EEEEEE; font-weight:bold; margin-top:20px; padding:3px; clear:both;}
.postConfirm .payDetailsSubBox {	border-top:1px solid #dddddd; border-bottom:1px solid #ccc; float:left;width:45%;	padding:5px;margin:5px;	background-color:#F9F9F9;}
.postConfirmCongratulations .error-box {position:relative !important;}
.paymentDisclamer .elementContainer { clear:both;}

.allLineField {
	clear: both;
}
.allLineField .payDetailValue {
	width: 500px !important;
}

a.inputEditable, a.addressHandler, a.editGroupCallback, a.cancelGroupCallback {cursor: pointer}

#formPasswordChange {width: 400px}
#reportAttributeName {float: left; width: 48%}
#reportAttributeValue {float: left; width: 48%}

#reportGreyRow, #reportWhiteRow {clear: left}
a.noTrendReport {cursor: pointer};