/**
 * Default HTML Elements
 **/

@import url('/stylesheets/feedback.css');

html { overflow-y: scroll !important; }

body {
   background: url('/images/smpros/body_bg.jpg') top center repeat-x #959595;
   margin: 0;
   font: normal 11px Arial, Helvetica;
   color: #666;
}

table { font-size:11px; }

a {
   text-decoration: none;
   color: #06c;
}

a:hover { text-decoration: underline; }

a img { border: 0; }

a.large {
   font-size: 1.27em;
   text-decoration: underline;
}

a.large:hover { color: #666; }

p { margin: 10px 0; }

hr {
   color:#ccc;
   background-color:#ccc;
   height:1px;
   border:none;
}

form {
   margin: 0;
   padding: 0;
}

.red { color: #c00; }

textarea, input, select { color:#666; font-size: 1em;}

.arial11 { font: normal 11px arial; }

/***  Headers  ***/
h1 {
   margin: 5px 0 10px 0;
   text-transform: uppercase;
   font-size: 1.36em;
   color: #666;
}

h1 .smpros-whats {
   position: relative;
   top: -2px;
   margin-left: 15px;
   text-transform: none;
   font: normal .8em;
}

h2 {
   margin-top: 0px;
   color: #c00;
   font: normal 1.36em;
}
.nmh-inner h2 {
    font-size: 11px;
    line-height: 10pt;
    margin-top: 12px;
    padding: 0;
    color: #666;
}
.nmh-inner {
    margin: 15px 25px;
}
h3 {
   margin: 0 0 5px 0;
   font-size: 1.36em;
   color: #000;
}

h4 {
   margin: 0 0 -5px 0;
   font-size: 1.18em;
}

h5 {
   margin: 5px 0 10px 0;
   font-weight: normal;
   font-size: 1.36em;
   color: #06c;
}

/***  Form Elements  ***/
dl {
   clear: left;
   margin: 15px 0;
}

dt {
   float: left;
   position: relative;
   margin-right: 15px;
   line-height: 20px;
}

input.smpros-text { width: 180px; }

select.smpros-select { width: 188px; }

.smpros-saved-info { margin-bottom: 5px; }

td.smpros-saved-info,
.smpros-saved-info td {
   background: #d6e0f8;
   border: 1px solid #8094c4;
   padding: 5px 10px;
   font-size: 1.09em;
   color: #000;
}

.t-button-pros {
   -moz-border-radius: 0.2em;
   -webkit-border-radius: 0.2em;
   border-radius: 0.2em;
   cursor: pointer;
   display: inline-block;
   font-weight: bold;
   color: #fff;
   border: 1px solid #0458c3;
   background-color: #2b8aed; /* Old browsers */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b8aed', endColorstr='#0458c3',GradientType=0 ); /* IE6-9 */
   background: -moz-linear-gradient(top,  #2b8aed 0%, #f6801a 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b8aed), color-stop(100%,#0458c3)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #2b8aed 0%,#0458c3 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #2b8aed 0%,#0458c3 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #2b8aed 0%,#0458c3 100%); /* IE10+ */
   background: linear-gradient(top,  #2b8aed 0%,#0458c3 100%); /* W3C */
}

/***  SmPros Template Elements   ***/
#smpros-wrapper {
   background: #fff;
   margin: 0 auto;
   width: 800px;
}
#smpros-wrapper.fullWidth {
   background: url('/images/smpros/header_gradient_bg.jpg') repeat-x;
   width: 100%;
}

#smpros-page-container {
   width:800px;
   background-color:#fff;
   position:relative;
   top:0px;
   clear:both;
   z-index: 3;
}
#smpros-page-container.fullWidth {
   width: 100%;
   background-color: #fff;
}

#smpros-content-container {
   margin: 0;
   padding-top: 10px;
   width: 790px;
   min-height: 400px;
}
#smpros-page-container.fullWidth #smpros-content-container {
   margin: 0 auto;
   width: 980px;
}

.smpros-page-content {
   float:left;
   width:790px;
   padding-left:15px;
}
.smpros-left-content {
   float:left;
   width:625px;
   padding-left:15px;
}
.smpros-full-content {
   width:770px;
   margin-left: 15px;
}
.smpros-left-content-sub {
   float:left;
   width:625px;
   padding-left:0px;
}

.smpros-sub { padding-left:15px; }

.smpros-sub p {
   color:#666;
   font-size:11px;
}

/***  Header   ***/
#smpros-header-middle {
   width:800px;
   background: url('/images/smpros/header_gradient_bg.jpg') repeat-x;
   float:left;
   height:89px;
   position:relative;
   z-index:4;
}
#smpros-wrapper.fullWidth #smpros-header-middle {
   margin: 0 auto;
   width: 980px;
   float: none;
}

/***  Logo  ***/
#smpros-logo {
   position:relative;
   top: 20px;
   left:20px;
   width: 235px;
   height: 40px;
}

#smpros-logo.cobrand { margin: 10px 0 0 15px; }

#smpros-logo a {
   /*background: url('/images/smpros/topnav/SMPros_HeaderLogo_235x40.png') no-repeat;*/
   display: block;
   width: 235px;
   height: 40px;
}
#smpros-logo.cobrand a {
   float: left;
   background: none;
   width: auto;
   height: auto;
}

.smpros-tab-bar {
   clear:both;
   position: absolute;
   top: 57px;
   z-index:22;
   right: 0;
   padding: 0;
   margin: 0;
}
.smpros-tab-bar li {
   position: relative;
   float: left;
   list-style: none;
   margin-right: 8px;
   z-index: 24;
}
.smpros-tab-bar li .smpros-tab-bar-hover-background {
   position: absolute;
   top: 13px;
   left: 0;
   background: #999;
   height: 20px;
   z-index: 22;
   display: none;
}

.smpros-tab-bar li:hover .smpros-tab-bar-hover-background { display: block; }

.smpros-tab-bar-button {
   z-index: 23;
   position: relative;
}
.smpros-tab-bar li ul {
   position: absolute;
   display: none;
   margin: 0;
   left: 0;
   padding: 4px 15px 10px 15px;
   background: #999;
   top: 32px;
   z-index: 24;
   list-style: none;
   -webkit-border-radius: 10px;
   -webkit-border-top-left-radius: 0;
   -moz-border-radius: 10px;
   -moz-border-radius-topleft: 0;
   border-radius: 10px;
   border-top-left-radius: 0;
}
.smpros-tab-bar li ul.smpros-tab-bar-right-align-nav {
   -webkit-border-radius: 10px;
   -webkit-border-top-right-radius: 0;
   -moz-border-radius: 10px;
   -moz-border-radius-topright: 0;
   border-radius: 10px;
   border-top-right-radius: 0;
   right: 0;
   left: auto;
}

.smpros-tab-bar li:hover ul { display: block; }

.smpros-tab-bar li ul li {
   margin-right: 0;
   float: none;
}
.smpros-tab-bar li ul li a {
   color: #fff;
   font-size: 12px;
   line-height: 18px;
}
#smpros-user-bar {
   float:right;
   height:30px;
   padding-top: 10px;
   margin-right: 15px;
   text-align:center;
}
.smpros-user-bar-inner {
   float: left;
   padding-top: 4px;
   padding-left: 8px;
}
.live-help-bubble {
   font-weight: bold;
   margin: 2px 8px 0 0;
   padding: 2px 0 0 15px;
   float: left;
   height: 19px;
   width: 101px;
   background: url('/images/smpros/topnav/livehelp_button_116x19.jpg') no-repeat;
}

.live-help-bubble a { color: #fff !important; }

.live-help-bubble a:hover { text-decoration: none; }

#smpros-quick-links {
   width:135px;
   height:24px;
   border:1px solid #ccc;
   border-bottom:none;
   border-left:none;
   background-color:#fff;
   font-weight:bold;
   z-index:100;
   position: relative;
   top: 24px;
}
#smpros-quick-links-inner {
   margin-left:18px;
   display:block;
   padding-top:5px;
}


#smpros-quick-links-inner a { text-decoration:none; }

#smpros-quick-links a:hover { text-decoration:underline; }

#quicklinks {
   width:135px;
   padding-top:10px;
   display:none;
   background-color:#fff;
   border:1px solid #ccc;
   border-left:none;
   z-index:10;
   text-align:left;
   position: absolute;
   top: 24px;
}

.newMemberKit {
   position: absolute;
   right: 25px;
   top: 36px;
}
.shapLink {
   float: right;
   font-weight: bold;
   display: block;
   height: 17px;
   width: 76px;
   padding: 2px 0 0 12px;
   margin: 10px 6px 0 0;
}

.shapLink:hover { text-decoration: none; }

/***  Header   ***/
#smpros-header {
   background: url('/images/smpros/header_gradient_bg.jpg') repeat-x;
   height: 89px;
   width: 800px;
   float: left;
}
#smpros-header.cobrand {
   width: 827px;
   margin-left: -7px;
}
.smpros-header-right {
   float: right;
   position: relative;
   margin-right: -8px;
}
.smpros-header-left {
   float: left;
   position: relative;
   left: -8px;
}
.cobrand .smpros-header-right { right: -4px; }
.cobrand .smpros-header-left { left: -1px; }

/***  User Bar ***/
#smpros-user_bar {
   position: relative;
   z-index: 2;
   padding: 0 30px 0 0;
   text-align: right;
   color: #0065cd;
   margin-top: -30px;
}

#smpros-user_bar a { margin: 0 3px; }

/***  Tabs  ***/
#smpros-tabs {
   float: right;
   position: relative;
   z-index: 1;
   margin:  29px 18px 0 0;
   padding: 0;
}

#smpros-tabs li {
   float: left;
   list-style: none;
}

#smpros-tabs li a {
   background: url('/images/smpros/tabs.gif') 0 0 no-repeat;
   margin: 0 2px;
   display: block;
   width: 156px;
   height: 31px;
   line-height: 30px;
   text-transform: uppercase;
   text-align: center;
   font-family: Verdana;
   font-weight: bold;
}

#smpros-tabs li a:hover {
   text-decoration: none;
   color: #666;
}

#smpros-tabs a.explore:hover { background-position: 0 -31px; }

#smpros-tabs a.explore-current { background-position: 0 -62px; }

#smpros-tabs a.online {
   background-position: 0 -93px;
   width: 136px;
}

#smpros-tabs a.online:hover { background-position: 0 -124px; }

#smpros-tabs a.online-current {
   background-position: 0 -155px;
   width: 136px;
}

/***  Footer   ***/
#smpros-footer,
#smpros-footer.cobrand {
   clear: both;
   background: url('/images/smpros/footer_bg.jpg') repeat-x;
   height: 107px;
   padding: 15px 12px;
   line-height: 20px;
   text-align: center;
   color: #666;
}

#smpros-footer.cobrand {
   background: url('/images/smpros/footer_cobrand_bg.jpg') repeat-x;
   height: 66px;
}

#cobranding {
   padding: 18px;
   text-align: center;
}

#cobranding p { margin: 0; }

#smpros-footer a {
   margin: 0 2px;
   color: #666;
}

#smpros-footer .addRSS i {
   background: url('/rfs/library/images/hol_XML_icon.gif');
   margin: 0 5px -2px 0;
   display: inline-block;
   width: 35px;
   height: 13px;
}

#smpros-footer .addRSS:hover {
   cursor: pointer;
   text-decoration: none;
}

#smpros-footer .addRSS:hover span { text-decoration: underline; }

#smpros-footer ul {
   margin-top: 5px;
}
#smpros-footer li {
   float:left; 
   margin-right: 8px; 
   list-style-type: none;
   height: 30px;
   line-height: 25px;
}

#smpros-footer li.ios-icon {
   padding-right: 20px;
   background: url("/images/smpros/pros-footer-iphone.png") no-repeat scroll right 0 transparent;
}

#smpros-footer li.android-icon {
   padding-right: 30px;
   background: url("/images/smpros/pros-footer-android.png") no-repeat scroll right 0 transparent;
}

#smpros-footer li.facebook-icon {
   padding-right: 34px;
   background: url("/images/smpros/pros-footer-fb.png") no-repeat scroll right 0 transparent;
}

#smpros-footer li.twitter-icon {
   padding-right: 34px;
   background: url("/images/smpros/pros-footer-twitter.png") no-repeat scroll right 0 transparent;
}


#smpros-acct-setup, .clearAll { clear: both; }

.smpros-newpassword {
   border-top: 1px solid #ccc;
   margin: 15px 330px 15px 0;
   padding: 15px 5px;
}

.smpros-newpassword dl { margin: 5px 0; }

.smpros-newpassword dt {
   margin-right: 5px;
   width: 135px;
   text-align: right;
}

/***  Adserve  ***/
#smpros-ad {
   float: right;
   width: 120px;
   height: 900px;
}

#smpros-content.ad { margin-right: 138px; }

.blue-header {
   color:#333;
   font-size:14px;
   font-weight:bold;
   margin:10px 0px;
}
.blue-header-normal {
   color:#036;
   font-size:14px;
   font-weight:bold;
   margin:10px 0px;
}

/***  Content Styles ***/
.light-blue-header {
   color:#06c;
   font-size:11px;
   font-weight:bold;
}
.big-blue {
   font-size:16px;
   color:#06c;
   font-weight:bold;
}
.big-grey {
   font-size:16px;
   color:#666;
   font-weight:bold;
}
.gradient-box {
   background:url('/images/smpros/gradient_box_100.gif') repeat-x bottom;
   margin:10px 3px 0px 3px;
}

.gradient-inner { padding:0px 10px 10px 10px; }

.gradient-outer {
   margin-top:18px;
   border:1px solid #ccc;
   background-color:#fff;
}

.red-arrow-link {
   background:url('/images/smpros/red_arrow.gif') no-repeat;
   padding-left:7px;
}
.red-arrow-link-bottom {
   background:url('/images/smpros/red_arrow.gif') no-repeat;
   padding-left:7px;
   margin-bottom:5px;
}

.grey-text-box {
   border:1px solid #ccc;
   color:#666;
   font-size:11px;
   padding-left:2px;
}

.grey-password-box {
   background-color:#fff;
   border:1px solid #ccc;
   color:#000;
   font-size:11px;
}

.flipped-corner-container {
   border:1px solid #ccc;
   margin-top:10px;
}
.flipped-corner-inner {
   width:100%;
   height:100%;
   background: url('/images/smpros/flipped_corner.gif') no-repeat bottom right;
   position:relative;
   top:1px;
   left:1px;
}

.grey-border-box { border:1px solid #ccc; }

.recent-message {
   background:url('/images/smpros/recent_messages_icon.jpg') no-repeat;
   padding-left:35px;
   padding-top:5px;
   height:35px;
}

.link-look { color:#06c; }

.small-head {
   font-size:11px;
   margin:0;
   padding:10px 0px;
}

#smpros-content {
   position: relative;
   padding: 18px;
   width: 100%;
   float: left;
}

#smpros-or {
   margin: 30px 0 0 0;
   padding-left: 343px;
}

/***  Page Specific Styles ***/
/*myAccount.jsp*/
#sp-home-company {
   padding: 0 0 6px 15px;
   font-size: 16px;
   line-height: 16px;
   font-weight: bold;
}
#sp-home-dashboards-background {
   background: url('/images/smpros/home/dividers_780x1.png') repeat-y;
   margin: 0 9px 0 10px;
}
#sp-home-dashboards {
   background: url('/images/smpros/home/BlueBar_780x40.jpg') no-repeat;
   border-bottom: 1px solid #ccc;
   font-size: 12px;
}

.sp-home-dashboard { float: left; }

.sp-home-dashboard-heading {
   color: #fff;
   height: 40px;
   width: 184px;
   font-size: 14px;
   font-weight: bold;
   line-height: 40px;
   padding-left: 10px;
   border-left: 1px solid #225786;
}
#sp-home-leads .sp-home-dashboard-heading {
   border: none;
   width: 185px;
}
.sp-home-dashboard-content {
   width: 174px;
   padding: 10px;
}
.sp-home-dashboard-content-app{
   padding-bottom: 0;
}
.sp-home-dashboard-content-login {
   background: #e6f3ff;
   width: 173px;
   padding: 10px;
}
.sp-home-dashboard-content p {
   margin: 0 0 5px 0;
   padding: 0;
   line-height: 16px;
}
.sp-home-dashboard-content-website {
   background: url('/images/smpros/home/websites_icon_47x26.jpg') no-repeat 126px 12px;
   padding-right:50px;
   min-height: 45px;
}
.sp-home-dashboard-content-mobile {
   margin-top: 8px;
   background: url('/images/smpros/home/mobilesites_icon_19x33.jpg') no-repeat 140px 9px;
   padding-right:40px;
   min-height: 45px;
}
.sp-home-dashboard-content-website p,
.sp-home-dashboard-content-mobile p
{ margin-bottom: 2px; }

#sp-home-sections { padding: 5px; }

.sp-home-section {
   position: relative;
   float: left;
   width: 385px;
   margin: 5px;
   height: 230px;
   overflow: hidden;
}
.sp-home-section-heading {
   position: relative;
   color: #fff;
   height: 40px;
   font-size: 14px;
   font-weight: bold;
   line-height: 40px;
   padding-left: 10px;
   background: url('/images/smpros/home/BlueBar_385x40.jpg') no-repeat;
}
.sp-home-section-heading-right {
   position: absolute;
   top: 10px;
   line-height: 22px;
   right: 10px;
}
.sp-home-section-content {
   border: 1px solid #ccc;
   border-top: none;
   margin: 0;
   padding: 0;
   height: 189px;
}

.sp-home-section-content-website {
   background: url('/images/smpros/home/webServicesBg.png') no-repeat 0 10px #fff; 
}

.sp-home-section-content-website img {
   float:left;
   clear:both;
   margin: 10px;
}

ul.sp-home-section-content { list-style: none; }

.sp-home-marketing-items { background: #f2f2f2; }

ul.sp-home-marketing-items li a {
   position: relative;
   display: block;
   height: 45px;
   line-height: 45px;
   padding-left: 10px;
   border-bottom: 1px solid #ccc;
   color: #333;
}
ul.sp-home-marketing-items li:hover a {
   text-decoration: none;
   background: #e6f3ff;
}

ul.sp-home-marketing-items li a:hover .sp-home-marketing-items-view { display: block; }

ul.sp-home-marketing-items li a .sp-home-marketing-items-view {
   display: none;
   color: #0066CC;
   position: absolute;
   right: 0;
   top: 0;
   margin-right: 10px;
   cursor: pointer;
}

#sp-home-messages { background-color: #f2f2f2; }

.sp-home-messages-category {
   position: relative;
   height: 30px;
   line-height: 30px;
   cursor: pointer;
   font-size: 12px;
   font-weight: bold;
   margin: 0;
   padding: 0;
   background: #fff url('/images/smpros/home/messages_bg_gradient_1x30.jpg') repeat-x left top;
}

.sp-home-messages-category-text:hover { color: #0066CC; }

.sp-home-messages-category div { padding-left: 10px; }

.sp-home-messages-category-close {
   position: absolute;
   top: 8px;
   right: 4px;
   background: url('/images/smpros/home/MessagesCloseX_13x13.png') no-repeat;
   height: 13px;
   width: 13px;
   display: none;
}
.sp-home-messages-category-items {
   list-style: none;
   margin: 0;
   padding: 0;
   display: none;
   background-color: #fff;
}
.sp-home-messages-category-items li {
   position: relative;
   line-height: 11px;
   font-size: 11px;
   font-weight: normal;
   margin: 0;
   padding: 7px 20px 6px 0;
   color: #666;
   cursor: default;
   border-bottom: 1px solid #ccc;
   background-color: #fff;
}

.sp-home-messages-category-items li.sp-home-messages-category-item-is-not-read { font-weight: bold; }

.sp-home-messages-category-items li:hover { background: #e6f3ff; }

.sp-home-messages-category-item-view {
   position: relative;
   float: right;
   margin: 0 0 6px 6px;
}
.sp-home-messages-footing {
   position: absolute;
   bottom: 0px;
   width: 383px;
   background-color: #f2f2f2;
   border-bottom: 1px solid #ccc;
}
.sp-home-messages-footing-right {
   float: right;
   padding: 10px 10px 0 0;
   height: 23px;
   line-height: 14px;
   font-size: 12px;
}
#sp-home-messages-footing-right-count {
   float: left;
   margin-right: 4px;
}

#sp-home-social { background: #f2f2f2; }

.sp-home-social-facebook {
   display: block;
   float: left;
   width: 145px;
   height: 60px;
   margin: 5px 0 0 10px;
   background: url('/images/smpros/home/fb_button.jpg') no-repeat;
}
.sp-home-social-twitter {
   display: block;
   float: left;
   width: 145px;
   height: 60px;
   margin: 0 0 0 10px;
   background: url('/images/smpros/home/twitter_button.jpg') no-repeat;
}
.sp-home-social-blog {
   display: block;
   float: left;
   width: 145px;
   height: 60px;
   margin: 0 0 5px 10px;
   background: url('/images/smpros/home/blog_button.jpg') no-repeat;
}
.sp-home-social-mobile {
   display: block;
   float: right;
   width: 215px;
   height: 180px;
   margin: 5px 10px 5px 0px;
   background: url('/images/smpros/home/ProsApp_tile_218x183.jpg') no-repeat;
}
.sp-home-sliderAds-link {
   display: block;
   width: 385px;
   height: 241px;
}

.sp-home-sliderAds-link-postEroll { background: url('/images/smpros/home/Ad_1_Beanonlinepro_385x230.jpg'); }

.sp-home-sliderAds-link-referAPro { background: url('/images/smpros/home/Ad_referralAd.png'); }

.sp-home-sliderAds-link-magnets { background: url('/images/smpros/home/Ad_magnetAd.png'); }

.sp-home-sliderAds-link-sealOfApproval { background: url('/images/smpros/home/Ad_sealAd.png'); }

.sp-home-sliderAds-link-proConnection { background: url('/images/smpros/home/Ad_proAdviceAd.png'); }

.sp-home-sliderAds-link-mystery { background: url('/images/smpros/home/Ad_internetMarketingAd.png'); }

.sp-home-sliderAds-link-mobileApp { background: url('/images/smpros/home/ProApps_ad_385x230.jpg'); }

.sp-home-sliderAds-link-proDealADay { background: url('/images/smpros/home/proDealsAd.png'); }

.sp-home-sliderAds-link-createDeal { background: url('/images/dealscreation/deals_smproshome_ad.jpg'); }

.sp-home-sliderAds-link-spApp { background: url('/images/smpros/home/spAppAd.png'); }

.sp-home-sliderAds-link-soapBadge { background: url('/images/smpros/home/soapBadge_ad_385x230.png'); }

.sp-home-sliderAds-link-preHomeAdvisor { background: url('/images/smpros/home/homeAdvisor_ad_385x230.jpg'); }

.sp-home-sliderAds-link-postHomeAdvisor { background: url('/images/smpros/home/homeAdvisorPost_ad_385x230.jpg'); }

.sp-home-sliderAds-link-leadResponse { background: url('/images/smpros/home/leadResponse_ad_385x230.jpg'); }

.member-home-left {
   width:215px;
   float:left;
   height:123px;
}
.member-home-center {
   width:248px;
   float:left;
   border-left:1px solid #ccc;
   border-right:1px solid #ccc;
   height:123px;
}
.member-home-right {
   width:160px;
   float:left;
}
.member-home-inner {
   margin-left:20px;
   padding-top:9px;
}
.grey-header {
   color:#666;
   font-weight:bold;
}

/***  nonMemberHome.jsp ***/
#non-member-home-box {
   width:622px;
   height:261px;
   background: url('/images/smpros/guest_home_box_bg.gif') repeat-x;
}
#create-exposure {
   background: url('/images/smpros/expose_tile_bg.jpg') no-repeat;
   width:205px;
   height:184px;
   float:left;
}
#promote {
   background: url('/images/smpros/promote_tile_bg.gif') no-repeat;
   width:211px;
   height:184px;
   float:left;
}
#target {
   background: url('/images/smpros/target_tile_bg.jpg') no-repeat;
   width:205px;
   height:184px;
   float:left;
}
#non-member-home-box-title {
   width:100%;
   height:29px;
   font-weight:bold;
   font-size:12px;
   padding-left:15px;
}
#non-member-home-box-title h1 {
   font-size:12px;
   line-height:0pt;
   margin-top:12px;
   padding:0px;
}

#pro-like-you {
   font-size:14px;
   font-weight:bold;
   float:left;
   width:615px;
}

.ra-row {
   clear: both;
   padding-top: 10px;
}

.ra-row img { float: left }

.ra-row p {
   float: left;
   margin: 0 0 10px 10px;
   padding: 0;
   display: block;
   width: 390px;
}

html>body .ra-row p { width: 400px }

.maRA .ra-row p { width: 275px }

/***  spProfileUpdate.jsp  ***/
.grey-band {
   background:url('/images/smpros/grey_bar_bg.gif') repeat-x;
   width:100%;
   height:176px;
}

#mh-button {
   clear:both;
   display:block;
   background:url('/images/smpros/market_hardware_button.jpg') 0 0  no-repeat;
   padding-left:55px;
   width:390px;
   height:56px;
   line-height:58px;
}

#mh-button:hover { background-position:0 -56px; }

/***  MAR Styles  ***/
.moduleContent {
   padding: 0 18px 0 18px;
   margin: 0;
   font: 11px arial;
}
.arrowFloat {
   float: left;
   padding: 3px 3px 0 0;
}

.linkFloat { float: left; }

.divider {
   width: 138px;
   margin-right: 18px;
   margin-left: 18px;
}
.marketDetails {
   padding-left: 20px;
   margin-bottom: 20px;
}

.detailItem { padding-bottom: 5px; }

/* old header class */
.pageheader {
   color: #fff;
   font-weight: bold;
   font-size: 14px;
}
.brightred11 {
   font:11px arial;
   color:#f00;
}

.redhead { font-weight:bold; }

.special-offers-header {
   width:577px;
   height:70px;
   background:url('/images/smpros/special_offers_header.gif') no-repeat;

}
.special-offers-mid {
   width:577px;
   background:url('/images/smpros/special_offers_middle.gif') repeat-y;
}
.special-offers-bottom {
   width:577px;
   height:11px;
   background:url('/images/smpros/special_offers_footer.gif') no-repeat;
}

#newsletterForm {
   display:none;
   width:360px;
   float:left;
}

.smp_toolTipCT {
   position: absolute;
   top: -15px;
   left: 0px;
   z-index:99;
}
.smp_toolTipCT .smp_toolTipArrow {
   background: url('/rfs/smpros/images/rolloverArrow.gif') no-repeat;
   width: 5px;
   height: 10px;
   position: absolute;
   left: -4px;
   top: 15px;
}
.smp_toolTipCT .smp_toolTipBox {
   border: solid 1px #ccc;
   background-color: #fff;
   width: 300px;
   min-height: 100px;
   height: auto !important;
   height: 100px;
   position: relative;
   left: 4px;
}
.smp_toolTipCT .smp_ttInner {
   margin: 8px;
   color: #666;
   font-size: 11px;
}

/***  DirectMatch  ***/
.dmContent { margin:10px 10px 10px 15px; }

.dmDescription { float:left; }

.dm-banner {
   width:428px;
   height:260px;
   float:right;
   right:15px;
   margin-top:40px;
}

#dm-rotating-banner { background:url('/rfs/serviceprofessional/directmatch/images/rotating_banner_skin.jpg') no-repeat; }

#dm-rotating-banner-inner { padding:24px 5px 5px 22px; }

.dmTaskContainer {
    clear:both;
    width:101%;
    background: url('/rfs/serviceprofessional/directmatch/images/gradient_bg.jpg') repeat-x;
    padding-top:15px;
}
.dmTaskHeader {
    font:bold 12px Arial;
    padding-left:15px;
}

.dm-header-lead-info {
   width:130px;
   float:left;
}
.clearB {
   clear: both;
   overflow: hidden;
   height: 0px;
   width: 0px;
}
.spacer {
   overflow: hidden;
   height: 12px;
   width: 0px;
}
.large-grey-sub-header {
   display: block;
   background: #959595;
   height: 36px;
   padding-left: 10px;
   line-height: 36px;
   color: #fff;
   font-weight: bold;
   font-size: 16px;
   position: relative;
   margin-bottom: 20px;
}
.large-grey-sub-header img {
   position: absolute;
   top: -12px;
   right: 5px;
}
.smp-settings-section-large {
   display: block;
   background: #F6F6F6;
   margin-bottom: 30px;
}
.smp-settings-section-left {
   position: relative;
   float: left;
   background: #BFBFBF;
   width: 141px;
   font-weight: bold;
   font-size: 13px;
   color: #fff;
   text-align: center;
}
.smp-settings-section-left-arrow {
   background: url('/rfs/serviceprofessional/images/gray_triangle.jpg') no-repeat transparent;
   width: 6px;
   height: 12px;
   position: absolute;
   right: -6px;
}
.smp-settings-section-right {
   float: right;
   position: relative;
   right: 6px;
   width: 475px;
   padding-top: 10px;
}
.smp-settings-section-right a.large-setting-button {
   display: block;
   padding-top: 34px;
   overflow: visible;
   background-repeat: no-repeat;
   background-position: top center;
   text-align: center;
   color: #666;
   text-decoration: none;
   text-transform: lowercase;
}
#smp-account-statement-period-form {
   float: left;
   margin: 0px;
   padding: 0px;
   background: #efefef;
   height: 57px;
   width: 382px;
}
.smp-settings-section-right a.large-setting-button:hover,
.smp-account-settings-large-icon-left:hover
{ color: #06c; }

#smp-lead-snapshot-list {
   margin: 0px 0px 40px 0px;
   padding: 0px 0px 0px 12px;
}
#smp-lead-snapshot-list a {
   margin: 0px 0px 6px 0px;
   padding: 0px 0px 0px 15px;;
   vertical-align: top;
   background: url('/rfs/serviceprofessional/images/gray_arrow.gif') no-repeat left 3px;
   display: block;
   text-decoration: none;
}
#smp-lead-snapshot-list a span {
   width: 104px;
   display: inline-block;
   vertical-align: top;
   float: left;
}

#smp-lead-snapshot-list a span.task { width: 130px; }

#sm-account-credit-request-link {
   background: url('/rfs/serviceprofessional/images/credit_request_icon_gray.jpg') no-repeat;
   width: 234px;
   height: 26px;
   display: block;
}

#sm-account-credit-request-link:hover { background: url('/rfs/serviceprofessional/images/credit_request_icon.jpg') no-repeat; }

#sm-account-credit-request-status-link {
   background: url('/rfs/serviceprofessional/images/credit_request_status_gray.jpg') no-repeat;
   width: 234px;
   height: 26px;
   display: block;
   margin-top: 6px;
}

#sm-account-credit-request-status-link:hover { background: url('/rfs/serviceprofessional/images/credit_request_status.jpg') no-repeat; }

a .sm-calendar-icon {
   background: url('/images/SM2/icons/calendar_icon.jpg') no-repeat;
   width: 27px;
   height: 24px;
}

a:hover .sm-calendar-icon { background: url('/images/SM2/icons/calendar_icon_hover.jpg') no-repeat; }

#sp-seal-of-approval-header {
   position: relative;
   width: 701px;
   height: 122px;
   background: url('/rfs/serviceprofessional/images/soapHeaderBG.jpg') no-repeat;
   margin-bottom: 15px;
}
#sp-seal-of-approval-header div.headerInner,
#sp-seal-of-approval-header div.contactLine {
   position: absolute;
   top: 15px;
   left: 26px;
   width: 510px;
}
#sp-seal-of-approval-header div.contactLine {
   top: auto;
   bottom: 20px;
}
.clearing-div {
   clear: both;
   height: 1px;
   line-height: 1px;
   font-size: 1px;
   background-color: transparent;
   margin: 0;
   padding: 0;
}

/*******************************
 * se_spEntryPage.jsp CSS
 ******************************/
#smpros-quick_buttons ul {
   float: left;
   margin: 0;
   padding: 0;
}

#smpros-quick_buttons li {
   list-style: none;
   margin: 0 20px 18px 0;
}

#smpros-quick_buttons li img { cursor: pointer; }

#smpros-dotted_blue {
   float: left;
   background: url('/images/smpros/dotted_blue.jpg') no-repeat;
   margin-right: 20px;
   display: block;
   width: 4px;
   height: 190px;
}

/********************************
 * accountStatusPanel.jsp
 *******************************/
#smpros-marketing {
   float: right;
   position: relative;
   background: url('/images/smpros/marketing_big.jpg') no-repeat;
   margin: -5px -5px 0 0;
   display: block;
   width: 364px;
   height: 81px;
   text-align: right;
   color: #000;
}

#smpros-marketing p { margin: 15px 30px; }

#smpros-marketing span {
   margin: 20px 30px 5px 0;
   font-weight: bold;
   font-size: 1.18em;
}

#smpros-marketing span { margin-right: 0; }

/********************************
 * seWidgetController.jsp
 *******************************/
#smpros-featurePaneContainer-wide {
   float: left;
   position: relative;
   z-index: 2;
   background: url('/images/smpros/widget_bg_wide.jpg') repeat-y;
   margin: 5px 0 0 0;
   color: #000;
}
#smpros-featurePaneInner-wide {
   position: relative;
   z-index: 3;
   background: url('/images/smpros/widget_bot_wide.jpg') bottom no-repeat;
   margin-top: -5px;
   width: 440px;
}

#smpros-featurePaneInner {
   position: relative;
   z-index: 3;
   background: url('/images/smpros/widget_bot.jpg') bottom no-repeat;
   margin-top: -5px;
   width: 354px;
}

#smpros-featurePanePadding { padding: 0 18px 20px 11px; }

#smpros-paneSelectorPanel {
   margin: 0 0 0 3px;
   padding: 0;
   height: 38px;
}

#smpros-paneSelectorPanel li {
   list-style: none;
   float: left;
}

#smpros-paneSelectorPanel a {
   background: url('/images/smpros/widget_tabs.gif') no-repeat;
   display: block;
   height: 38px;
}

#smpros-paneSelectorPanel #tab1 { width: 102px; }

#smpros-paneSelectorPanel #tab1 :hover,
#smpros-paneSelectorPanel #tab1.current
{ background-position: 0 -38px; }

#smpros-paneSelectorPanel #tab2 {
   background-position: -102px 0;
   width: 99px;
}

#smpros-paneSelectorPanel #tab2 :hover,
#smpros-paneSelectorPanel #tab2.current
{ background-position: -102px -38px; }

#smpros-paneSelectorPanel #tab3 {
   background-position: -201px 0;
   width: 83px;
}

#smpros-paneSelectorPanel #tab3 :hover,
#smpros-paneSelectorPanel #tab3.current
{ background-position: -201px -38px; }

#smpros-paneSelectorPanel #tab4 {
   background-position: -284px 0;
   width: 66px;
}

#smpros-paneSelectorPanel #tab4 :hover,
#smpros-paneSelectorPanel #tab4.current
{ background-position: -284px -38px; }

#smpros-paneSelectorPanel #tab5 {
   background-position: -350px 0;
   width: 92px;
}

#smpros-paneSelectorPanel #tab5 :hover,
#smpros-paneSelectorPanel #tab5.current
{ background-position: -350px -38px; }

#smpros-paneSelectorPanel #tab1-5 {
   background-position: -441px 0;
   width: 95px;
}

#smpros-paneSelectorPanel #tab1-5 :hover,
#smpros-paneSelectorPanel #tab1-5.current
{ background-position: -441px -38px; }

/********************************
 * seWidgetLoginInfoPanel.jsp
 *******************************/
#smpros-seWidgetLoginInfoPane .email {
   background: url('/rfs/includes/postenroll/images/email_icon.gif') left no-repeat;
   padding-left: 25px;
   display: block;
   height: 21px;
   line-height: 21px;
}

/********************************
    SP Enroll Path
 *******************************/
.smpros-lftCol {
   width: 390px;
   margin-left: 20px;
   padding-top: 30px;
   float: left;
   clear: right;
}
.smpros-lftHeader { padding:0 70px 0 10px; }

.smpros-lftHeader h1 {
   font:normal 24px arial;
   color:#767779;
   text-transform:none;
}
.smpros-rtCol {
   float: left;
   margin: 0 0 35px 75px;
   padding-top: 0;
   width: 290px;
}
.smpros-rtCol p {
   text-align:center;
   font:bold 16px arial;
   color:#262626;
   margin-top:35px;
}
.smpros-infoBox {
   border:4px solid #767779;
   background:#fff;
   font:bold 12px arial;
   padding: 0px 15px 10px 15px;
   margin:25px 0 60px 0;
}
.zipInput {
 	font-size:14px;
  	width:95px;
 	padding:5px;
	border:1px solid #ccc;
	width: 65px;
}
.error-text {
   font-size: 11px;
   color: #f00;
   margin: 0 0 0 120px;
}
.testDrive {
   width:225px;
   margin-left:75px;
}
.testDriveHeadline {
   font:bold 16px arial;
   color: #262626;
   margin-top:3px;
}
.testDriveText {
   font:bold 12px arial;
   color: #767779;
}
.testDrive a:link,
.testDrive a:visited,
#lead a:link,
#lead a:visited {
   text-decoration: none;
   color: #4a7ebb;
   font:bold 12px arial;
}
.testDrive a:hover,
 #lead a:hover {
   text-decoration: underline;
   color: #4a7ebb;
   font:bold 12px arial;
}
.testDrive a:active,
#lead a:active {
   text-decoration: none;
   color: #4a7ebb;
   font:bold 12px arial;
}
.smpros-arrow {
   float:right;
   margin:-20px 30px 0 0;
}
.leadsContainer {
   width:290px;
   margin:0 auto;
   background:url('../rfs/enroll/images/steps/LeadBGImage290x370.png') top left no-repeat;
   height:370px;
}
#blur {
   display:none;
   margin-top:-4px;
}
#lead {
   padding:20px;
   font:normal 12px arial;
   position:relative;
}
.leadStyle {
   margin:5px 0 5px 5px;
   padding-bottom:5px;
   border-bottom:2px solid #d6d6d6;
}
.leadStyleTitle {
   margin:5px 0 0 5px;
   border-bottom:none;
   padding-bottom:0;
   font-weight:bold;
   font-size:14px;
}
.leadStyleViewAll {
   text-align:center;
   margin-top:5px;
   position:absolute;
   width:90%;
}
.rqstsReceived {
   width:270px;
   margin-left:10px;
   background:url('../rfs/enroll/images/steps/Counter270x135.png') top left no-repeat;
   height:135px;
}
#rrBlur {
   display:none;
   margin:31px 0 0 35px;
}
#rrNumber {
   padding:20px;
   font:normal 12px arial;
}
#request {
   font:bold 32px arial;
   margin-top:17px;
   text-align:center;
}
.enroll-form-error-icon {
   position: absolute;
   top: 20px;
   right: -10px;
   width: 20px;
}
.reqd-star {
   color: #f00;
   font-weight:bold;
}
#zip-test {
   width: 100%;
   text-align:left;
   float:left;
}
#enroll-form { margin-top: 10px; }

.enroll-form-title {
   clear: left;
   float: left;
   padding: 20px 5px 0 0;
   width: 113px;
   text-align: right;
   font-size: 13px;
   font-weight: bold;
   margin-left: -10px;
}

.enroll-form-field { position: relative; }

.grey-form-field, .grey-select-box  {
   background: #efefef;
   border: 1px solid #ccc;
   margin-top: 10px;
   padding: 10px 4px;
   font-size: 14px;
}
.grey-select-box option {
   height:16px;
   padding:0;
   margin:0;
   border: none;
   width: 260px;
}

.grey-form-field.error, .grey-select-box.error { border-color: #c00; }

.grey-form-field-error{
   background:#EFEFEF;
   border:1px solid #c00;
   padding:4px;
   font-size:14px;
   margin-top:10px;
   height:30px;
}
#smpros-container {
   width:100%;
   background:url(/rfs/enroll/images/steps/SkyHousesBG.jpg) no-repeat top left;
   height:601px;
}

.smpros-pageHeader { padding:20px 10px 10px 10px; }

.smpros-pageHeader h1 {
   font:normal 24px arial;
   color:#767779;
   text-transform:none;
}

#enroll-form-outer { width:100%; }

.enroll-form-row {
   width:99%;
   float:left;
   position: relative;
}
#seal-of-approval {
   width:100%;
   float:left;
   margin-left:25px;
}
#sr-area-count-widget {
   background:url('/rfs/enroll/images/steps/gradient.jpg') repeat-x top left;
   width:325px;
   padding-bottom:20px;
}
#sp-branding-header {
   background:url('/rfs/enroll/images/steps/gradient.jpg') repeat-x top left;
   width:100%;
   height:70px;
   float:left;
   padding-bottom:10px;
}
#branding-header-text {
   font-weight:bold;
   font-size:14px;
   padding:15px 10px 10px 10px;
   color:#fff;
   text-align:left;
}

#sp-branding-content { margin:-70px 0 0 0\9; }

.branding-row {
   float:left;
   float: none\9;
   padding-left:5px;
   margin-top:0;
   width: 100%;
}
.branding-icon {
   width:60px;
   float:left;
   padding-bottom:12px;
}
.branding-text {
   float:left;
   font-size:12px;
   font-weight:bold;
   margin-top:10px;
}
.logo-starburst {
   width:60px;
   float:left;
}

/****************************************
			National Accounts pages
****************************************/
.nationalAccounts { padding: 20px; }

.nationalAccounts h1 {
	color: #000;
	text-transform: none;
	font-size: 18px;
	margin-bottom: 0;
}
.nationalAccounts h2 {
	color: #666;
	font-size: 14px;
	margin-top: 0;
}
.slideshow {
	width: 100%;
	margin-top: 20px
}
.slideshowHeader {
	width: 738px;
	margin: 0 auto;
}
.ssHeaderLeft {
	background: url('/nationalaccounts/images/slideshowHeaderLeft_5x40.png') no-repeat;
	width: 5px;
	height: 40px;
	float: left;
}
.ssHeaderMid {
	background: url('/nationalaccounts/images/slideshowHeaderRepeater_1x40.png') repeat-x;
	width: 688px;
	height: 40px;
	float: left;
	color: #fff;
	font: bold 14px arial;
}
.ssHeaderMid p {
	margin-top: 10px;
	margin-left: 10px;
}
.ssHeaderRight {
	background: url('/nationalaccounts/images/slideshowHeaderRight_5x40.png') no-repeat;
	width: 5px;
	height: 40px;
	float: left;
}
.rotatingPicsArea {
	padding: 10px 10px;
	position: relative;
}
.ssArrowLeft {
	position: absolute;
	top: 150px;
	left: 10px;
}
.ssArrowRight {
	position: absolute;
	right: 50px;
	top: 150px;
}
.ssRow {
	width: 100%;
	padding-bottom: 20px;
}
.ssImage {
	width: 100px;
	float: left;
	padding: 0 60px;
}
.ssText {
	width: 650px;
	font: normal 12px arial;
	line-height: 18px;
	padding-top: 30px;
}
.slideshowBottom {
	background: url('/nationalaccounts/images/slideshowBottom_738x19.png') no-repeat;
	width: 738px;
	height: 19px;
}
.na-quoteText {
	width: 625px;
	float: left;
	font: italic 12px times new roman;
}
hr {
	height: 2px;
	margin: 30px 0;
}

.na-formArea {
	width: 738px;
	margin: 0 auto;
}
.na-formTop {
	background: url('/nationalaccounts/images/formTop_738x8.png') no-repeat;
	height: 8px;
}
.na-formMid {
	background: url('/nationalaccounts/images/formRepeaterm_738x1.png') repeat-y;
}
.na-formBottom {
	background: url('/nationalaccounts/images/formBottom_738x8.png') no-repeat;
	height: 8px;
}
.formLeftCol {
	width: 210px;
	font-size: 14px;
	line-height: 22px;
	padding: 10px 0 10px 20px;
	color: #000;
	float: left;
}

.formLeftCol p { margin-bottom: 30px; }

.formRightCol {
	width: 450px;
	float: left;
	padding: 10px 0 10px 50px;
}
.formRightCol p {
	font-size: 14px;
	color: #000;
}
.formArea {
	padding-top: 20px;
}
/****************************************
			END: National Accounts pages
****************************************/
.yellow-box {
   height: 41px;
   width: 560px;
   background: url("/images/smpros/yellow-box-bg.jpg") repeat-x scroll 0 0 transparent;
   line-height: 41px;
   font-size: 18px;
   font-weight:bold;
   border: 1px solid #fa970c;
   color: #fff;
   padding-left: 15px;
   margin-bottom: 10px;
   text-shadow: 1px 1px #A7680F;
}
.yellow-box .green-text {
   color: #2b6600;
}

.is-blocked{
   cursor: not-allowed ;
   pointer-events: none ;
}

.gray-background{
   background: #DBDBDB ;
}