/**
 * Default HTML Elements
 **/
 
@import url('/stylesheets/feedback.css');

html 
{ 
overflow-y: scroll !important; 
margin: 0;
padding: 0;
font-size: 100%;
font-family: trebuchet, arial, sans-serif;
}

body 
{
 background-color: #ffffff;
margin-top:auto;
border: 0px;
padding: 0px;
}
.image_space4footer
{
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding: 5px;
float: left;
width:140px;
height:0px;
background-color:#4b8199;
border: 0px solid #ffffff;
color: #757575;
}
.footernav
{
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
margin-top:0px;
padding: 0px;
width:100%;
height:25px;
/*align:center;*/
float: right;
background-color:#4b8199;
border: 0px solid #990000;
font-size: 0.5em;
}
#footer1
	{	
		width:100%;
		background-color:#4b8199;
		background-image:url("/hawk/global/images/gradient_black.png");
		background-repeat:repeat;
		border-width:0px 0px 0px 0px;
		border-style:solid;
		font-family:Times New Roman;
		font-size:12px;
		text-decoration:none;
		text-align:left;
		border-color:#000000;
		color:#cccccc;
		margin-left:0px;
		margin-right:auto;
		margin-bottom:0px;
		margin-top:2px;
	}
#footer1 a:link 
{
    color: #fff; /* unvisited link */
}
#footer1 a:visited 
{
    color: #c2c2c2; /* visited link */
}

#footer1 a:active {}
{
    color: #676767; /* selected link */
}

#footer1 a:hover 
	{	
		background-color:transparent;
		color:#cccccc; /* mouse over link */
        text-decoration:none;
		border-color:#666666;
		font-weight: normal;
	}
#fna
	{
		margin: 2px;
		padding: 0px;
		font-weight: normal;
		display: block;
		width: 15em;
		float: left;
		font-size: 1.1em;
        border: 0px solid #990000;
	}


.formelementwrappersingle
{
clear: both;
margin: 2px;
padding: 0;
/*float: left;
width: 70em;*/
border: 1px solid #c2c2c2;
background-color: #f6f6f6;
}

.formelementwrapperdoubleinline
{
margin: 2px;
padding: 0;
float:left;
width: 19em;
border: 1px solid #c2c2c2;
background-color: #f6f6f6;
}
.formelementwrapperdoublebreak
{
margin: 2px;
padding: 0;
float:left;
clear: both;
width: 19em;
border: 1px solid #c2c2c2;
background-color: #f6f6f6;
}
.onsite_questions
{
float:left;
margin-top:5px;
padding: 2px;
display: block;
width:100%;
font-size: 1.1em;
border: 0px solid #c2c2c2;
background-color: #f6f6f6;
}
label
{
margin: 0;
padding: 3px;
font-weight: bold;
display: block;
width: 10em;
float: left;
font-size: 1.1em;
}

input.textinput, textarea.textarea
{
background-color: #ABCCF9;
font-size: 1.4em;
border: 1px solid #c2c2c2;
}

input.textinput:focus, textarea.textarea:focus
{
background-color: #ffffff;
font-size: 1.4em;
border: 1px solid #c2c2c2;
}

.hr_att
{
margin-left:auto;
margin-right:auto;
margin-bottom:1px;
margin-top:0px;
padding: .1px;
width:100%;
height:1px;
/*align:center;*/
float: right;
background-color:#c2c2c2;
border: 0px solid #990000;
size: 0.5em;
}

frame
{
margin: 0;
padding: 0;

}


legend
{
margin: 0 0 15px 0;
padding: 4px 8px;
border: 0px solid #d6d6d6;
font-weight: bold;
font-size: 1.2em;
background-color: #000000;
color: #ffffff;
}

.centerlogin
{
margin-left:auto;
margin-right:auto;
margin-top:5px;
padding: 2px;
width:50%;
border: 1px solid #c2c2c2;
background-color: #f6f6f6;
}

.centerlogin1
{
margin-left:auto;
margin-right:auto;
margin-top:5px;
padding: 2px;
width:50%;
border: 1px solid #c2c2c2;
background-color:none;
}

.centerservice
{
float:left;
margin-top:5px;
padding: 2px;
width:70%;
border: 1px solid #c2c2c2;
background-color: #f6f6f6;
}
.bid_submit
{
float:left;
margin-top:5px;
padding: 2px;
width:70%;
border: 0px solid #c2c2c2;
background-color: #ffffff;
}
.mp_left
{
margin-left:2px;
margin-top:0px;
margin-bottom:1px;
padding: 2px;
font-weight: bold;
display: block;
width: 10em;
float: left;
font-size: 1.1em;
}
.mp_left_newpro
{
margin-left:2px;
margin-top:0px;
margin-bottom:1px;
padding: 2px;
font-weight: bold;
display: block;
width: 15em;
float: left;
font-size: 1.1em;
}
.mp_left_alert
{

margin-left:5px;
margin-top:px;
padding: 2px;
font-weight: bold;
display: block;
width: 10em;
float: left;
font-size: 1.2em;
color:#990000;
}


.mp_right
{
margin-right:5px;
margin-top:0;
padding: 1px;
font-weight: bold;
display: block;
width: 5em;
float: right;
font-size: 1.1em;
}

.mi_right
{
margin-right:10px;
margin-top:0;
padding: 3px;
font-weight: bold;
display: block;
width: 10em;
float: right;
font-size: 1.1em;
}

.image_space
{
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding: 5px;
width:50%;
height:0px;
background-color:#ffffff;
border: 0px solid #ffffff;
color: #ffffff;
}

.center01front
{
margin-left:auto;
margin-right:auto;                                                                                                                     background-image:url('/hawk/mast/global/images/frugalwebbg.png');
background-size:1650px 700px;
background-repeat:no-repeat;                                           
margin-top:2px;
padding-bottom: 50px;
width:100%;
height: 600px;
padding-top:30px;
border: 0px solid #990000;
}
.hr_top
{
margin-left:auto;
margin-right:auto;
margin-bottom:2px;
margin-top:2px;
padding:0px;
width:100%;
height:1px;
/*align:center;*/
float: right;
background-color:#0b7484;
border: 0px solid #990000;
size: 0.5em;
}



form
{
margin: 0;
padding: 0;

}

.center01
{
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding: 0px;
width:100%;
background-color:#ffffff;
border: 0px solid #06c;
}
.center02_start
{
margin-left:10px;
margin-right:auto;
margin-top:15px;
padding: 5px;
width:100%;
background-color:#ffffff;
border: 0px solid #ffffff;
}
.center02_old
{
margin-left:100px;
margin-right:auto;
margin-top:265px;
padding: 5px;
width:100%;
background-color:#ffffff;
border: 0px solid #ffffff;
}
.center04
{
margin-left:0px;
margin-right:auto;
margin-top:15px;
margin-bottom: 550px;
padding: 5px;
width:100%;
background-color:#ffffff;
border: 0px solid #ffffff;
}
.center03
{
margin-left:0px;
margin-right:auto;
margin-top:0px;
padding: 0px;
width:100%;
background-color:#ffffff;
border: 0px solid #757575;
}
.center05footer
{
margin-left:0px;
margin-right:auto;
margin-top:15px;
padding: 0px;
width:100%;
background-color:#4b8199;
border: 0px solid #ffffff;
}
.center06footer
{
margin-left:0px;
margin-right:auto;
margin-top:50px;
padding: 0px;
width:100%;
background-color:#CF6D28;
border: 0px solid #ffffff;
}
.center
{
margin-left:auto;
margin-right:auto;
margin-top:150px;
margin-bottom: 120px;
padding: 5px;
width:80%;
opacity:0.8;
background-color:#fff;
border: 1px solid c2c2c2;
}

#boxf
{
border: 0px solid #990000;
width: 950px;
height: 140px;
margin: 0 auto;
margin-top:5px;
}
#leftf
{
width:150px;
height: 140px;
float: left;
border: 0px solid #757575;
border-right: 0px dotted #cccccc;
}
#rightf
{
width:150px;
height: 140px;
float: right;
border: 1px solid #757575;


}
#middlef
{
width:150px;
height: 140px;
float: left;
border: 0px solid #000000;
border-right: 1px dotted #cccccc;
}
#boxf2
{
border: 0px solid #990000;
width: 950px;
height: 140px;
margin: 0 auto;
margin-top:5px;
}
#leftf2
{
width:200px;
height: 150px;
float: left;
border: 1px solid #757575;

}
#rightf2
{
width:200px;
height: 150px;
float: right;
border: 1px solid #757575;

}
#middlef2
{
width:250px;
height: 101px;
float: left;
margin-left:150px;
border: 1px solid #757575;

}
#middlef23
{
width:375px;
height: 140px;
float: left;
border: 0px solid #000000;
border-right: 0px dotted #cccccc;
}
#hiwinfobox
{
border: 0px solid #ffffff;
width: 450px;
margin: 0 auto;
margin-top:5px;
margin-bottom:5px;
border-bottom: 0px dotted  #cccccc;
}
#hiwinforight
{
width:190px;
height: 70px;
float: right;
border: 0px solid #990000;
margin-left:0px;
margin-right:5px;
padding-left: 20px;
padding-top: 5px;
margin-bottom:5px;
margin-top:0px;
border-left:0px dotted  #cccccc;
}
#hiwinfomiddle
{
width:250px;
height: 10px;
float: left;
border: 0px solid #990000;
margin-left:5px;
margin-right:0px;
padding-right: 20px;
padding-top: 5px;
margin-bottom:5px;
margin-top:5px;
border-right:0px dotted  #cccccc;
}
#commitinfomiddle
{
width:400px;
height: 50px;
float: left;
border: 0px solid #990000;
margin-left:5px;
margin-right:0px;
padding-right: 5px;
padding-top: 5px;
margin-bottom:5px;
margin-top:5px;
border-right:0px dotted  #cccccc;
}
#contactinfobox
{
border: 0px solid #ffffff;
width: 500px;
margin: 0 auto;
margin-top:5px;
border-bottom: 2px dotted  #cccccc;
}
#contactinforight
{
width:250px;
height: 50px;
float: right;
border: 0px solid #990000;
margin-left:0px;
margin-right:5px;
padding-left: 20px;
padding-top: 5px;
margin-bottom:5px;
margin-top:5px;
border-left:2px dotted  #cccccc;
}
#contactinfomiddle
{
width:200px;
height: 50px;
float: left;
border: 0px solid #990000;
margin-left:5px;
margin-right:0px;
padding-right: 20px;
padding-top: 5px;
margin-bottom:5px;
margin-top:5px;
border-right:0px dotted  #cccccc;
}
#startbox
{
border: 0px solid pink;
width: 950px;
height: 100px;
margin: 0 auto;
margin-top:25px;
padding-top: 20px;
border-bottom: 0px dotted  #990000;
}
#startbox_front
{
border: 2px solid pink;
width: 950px;

margin: 0 auto;
margin-top:25px;
padding-top: 20px;
border-bottom: 0px dotted  #990000;
}
#startright
{
width:400px;
height: 300px;
float: right;
border: 1px solid #757575;
margin-left:0px;
margin-right:0px;
padding-left: 5px;
padding-top: 5px;
margin-bottom:5px;
margin-top:5px;
border-left:0px dotted  #cccccc;
}
#startmiddle
{
width:510px;
height: 300px;
float: left;
border: 3px dotted #06c;
margin-left:5px;
margin-right:0px;
padding-right: 20px;
padding-top: 5px;
margin-bottom:5px;
margin-top:5px;
border-right:4px dotted  #cccccc;
}
#startleft
{
width:220px;
height: 300px;
float: left;
border: 3px dotted #06c;
margin-left:5px;
margin-right:0px;
padding-right: 20px;
padding-top: 5px;
margin-bottom:5px;
margin-top:5px;
border-right:0px dotted  #cccccc;
}
#logomiddle
{
margin: 0px;
padding: 5px;
margin-top:5px;
float:  left;
border-bottom: 0px dotted  #cccccc;
width: 100%;
}
#box
{
border: 5px solid #ffffff;
width: 950px;
margin: 0 auto;
margin-top:5px;
}
#right{
width:200px;
height: 40px;
float: right;
margin-top:5px;
border: 1px solid #d6d6d6;
}

#left
{
width:200px;
height: 40px;
float: left;
border: 1px solid pink;
}

#right2
{
width:200px;
height: 40px;
float: right;
border: 1px solid pink;
}


#middle
{
margin: 0px;
padding: 5px;
margin-top:5px;
border: 1px solid #d6d6d6;
width: 700px;
}


#empty
{
width: 700px;
height: auto;
border: 0px solid #fff;
}


/*Compamy Profile Page: Begin*/


.title
{

margin: 0;
padding: 3px;
font-weight: bold;
display: block;
width: 15em;
float: left;
font-size: 2.2em;
color: #990000;
}

.centerprofile
{
float:left;
margin-top:5px;
padding: 2px;
width:70%;
border: 1px solid #c2c2c2;
background-color: #ffffff;
}

.rev_descript
{
float:left;
margin-top:5px;
padding: 2px;
width:20em;
display: block;
border: 0px solid #c2c2c2;
font-size: 1.1em;
background-color: #ffffff;
color: #000000;
}

.comp_descript
{
float:left;
margin-top:10px;
padding: 2px;
width:70%;
border: 0px solid #c2c2c2;
font-size: 1.1em;
background-color: #ffffff;
color: #000000;
}
#bid_descript
{
float:left;
margin-top:10px;
padding: 2px;
width:80%;
border: 0px solid #c2c2c2;
font-size: 1.1em;
background-color: #ffffff;
color: #000000;
}
.proj_descript
{
float:left;
margin-top:5px;
margin-left:10px;
padding: 2px;
width:70%;
border: 0px solid #c2c2c2;
font-size: 1.1em;
background-color: #ffffff;
color: #cccccc;
}

.trusted
{
float:left;
margin-top:10px;
padding: 2px;
width:70%;
border: 0px solid #c2c2c2;
font-size: 1.2em;
font-weight: bold;
background-color: #ffffff;
color: #000000;
}


/*ul 
{
  float: left;
  width: 12em;
  margin: 0;
  padding: 0;
  list-style: none;
}*/
 
li
 {
  float: left;
  width: 15em;
  margin: 5px;
  padding: 0;
} 

.ul_profile
 {
  float: left;
  width: 15em; /* width is changed */
  margin: 0;
  padding: 0;
  list-style: none;
}
 



/*End*/

.hr_profile
{
float:left;
margin-top:2px;
margin-bottom:2px;
padding: 2px;
width:70%;
border: 0px solid #c2c2c2;
font-size: 1.1em;
background-color: #ffffff;
color: #000000;
}

.color_bar
{
margin-left:auto;
margin-right:auto;
margin-bottom:1px;
margin-top:0px;
padding: .0px;
width:100%;
height:20px;
/*align:center;*/
float: right;
border: 0px solid #990000;
size: 0.5em;
}
#color_bar2
{
margin-left:auto;
margin-right:auto;
margin-bottom:1px;
margin-top:10px;
padding: .0px;
width:100%;
height:100%;
/*align:center;*/
float: right;
background-color:#F4A460;
border: 0px solid #990000;
size: 0.5em;
}

/* border style print box & code */

p.none {border-style:none;}
p.dotted {border-style:dotted;}
p.dashed {border-style:dashed;}
p.solid {border-style:solid;}
p.double {border-style:double;}
p.groove {border-style:groove;}
p.ridge {border-style:ridge;}
p.inset {border-style:inset;}
p.outset {border-style:outset;}
p.hidden {border-style:hidden;}

/* dotted print box & code: end */

/* popup code */

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #999;
	padding: 5px;
	border: 5px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}


/* popup code: end */
div fieldset
{
margin: 5px;
margin-bottom: 50px;
padding: 5px;
border: 1px solid #c2c2c2;
display: block;
width: 750px;
box-shadow: -2px 5px 15px -2px #757575 ;
}
 fieldset ol {
        padding: 0;
        list-style: none;
    }
    
        fieldset ol li {
            padding-bottom: 5px;
        }
 
    fieldset label {
        display: block;
    }
    
    fieldset label.checkbox {
        display: inline;
    }
    
    fieldset input[type="text"], input[type="password"] {
        border: 1px solid #ccc;
        padding: 2px;
        font-size: 1.2em;
        height: 40px;
        color: #444;
        width: 200px;
    }

    fieldset input[type="submit"] {
        font-size: 1.2em;
        padding: 5px;
    }
    
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;
}

/***  SmPros Template Elements   ***/
#smpros-wrapper {
   background: #fff;
   margin: 0 auto;
   width: 800px;
}

#smpros-page-container {
   width:800px;
   background-color:#fff;
   position:relative;
   top:0px;
   clear:both;
}
   
#smpros-content-container {
   margin: 0;
   padding-top: 10px;
   width: 790px;
}
.smpros-page-content {
   float:left;
   width:790px;
   padding-left:15px;
}
.smpros-left-content {
   float:left;
   width:625px;
   padding-left:15px;  background-color:#fff;
}
.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;
}

/***  Logo  ***/
#smpros-logo {
   position:relative;
   top: 30px;
   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-top: 2px;
   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;
}
   
#smpros-header-alert { background: #fdf4a9; }

.smpros-header-alert-item {
   position: relative;
   clear: both;
   background: #fdf4a9;
   padding: 5px 0;
}
.smpros-header-alert-item-icon {
   position: absolute;
   left: 6px;
   top: 6px;
   width: 24px;
   height: 19px;
   margin: 5px 0 0 5px;
   background: url('/images/smpros/topnav/alert_icon_24x19.jpg');
}
.smpros-header-alert-item-message {
   margin: 8px 30px 0 50px;
   min-height: 20px;
}
.smpros-header-alert-item-close {
   position: absolute;
   right: 10px;
   top: 12px;
   width: 13px;
   height: 13px;
   cursor: pointer;
   background: url('/images/smpros/topnav/x_13x13.jpg');
}

.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: 12px 10px 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;
   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-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-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;
}
.sp-home-dashboard-content-mobile {
   margin-top: 8px;
   background: url('/images/smpros/home/mobilesites_icon_19x33.jpg') no-repeat 140px 9px;
   padding-right:40px;
}
.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;
}

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-Shap { background: url('/images/smpros/home/Shap_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'); }

.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;
}

/***  spLeadManagementPipeline.jsp  ***/
.lead-prefs-header-open {
   background:url('/images/smpros/lead_preferences_arrow_down.jpg') no-repeat;
   height:22px;
   padding-left:20px;
   padding-top:4px;
   color:#06c;
}
.lead-prefs-header-closed {
   background:url('/images/smpros/lead_preferences_arrow_right.jpg') no-repeat;
   height:22px;
   padding-left:20px;
   padding-top:4px;
   cursor:pointer;
   color:#06c;
}
.lead-prefs-sub  {
   padding-left:20px;
   display:none;
   height:80px;
}
.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;
}

.spacer {
   overflow: hidden;
   height: 12px;
   width: 0px;
}
.large-grey-sub-header2 {
   display: block;
   background: #959595;
   height: 36px;
   padding-left: 10px;
   line-height: 36px;
   color: #fff;
   font-weight: bold;
   font-size: 1.5em;
   position: relative;
   margin-bottom: 20px;
 text-align: left;
}

.large-clear-sub-header {
   display: block;
   background: #ffffff;
   height: 36px;
   padding-left: 10px;
   line-height: 36px;
   color: #000;
   font-weight: bold;
   font-size: 1.5em;
   position: relative;
   margin-bottom: 20px;
 text-align: left;
}
.large-grey-sub-header img {
   position: absolute;
   top: -12px;
   right: 5px;
}
.smp-settings-section-large2 {
   position: relative;
   float: left;
   background: #CF6D28;
   width: 50px;
   font-weight: bold;
   font-size: 13px;
   color: #fff;
   text-align: center;
}

.smp-settings-section-right2 a.large-setting-button {
   display: block;
   padding-top: 10px;
   overflow: visible;
   background-repeat: no-repeat;
   background-position: top center;
   text-align: left;
   color: #666;
   text-decoration: none;
   text-transform: lowercase;
}
.smp-settings-section-large_bill {
   display: block;
   background: #000;
   margin-bottom: 30px;
}
.smp-settings-section-left {
   position: relative;
   float: left;
   background: #4b8199;
    width: 141px;
   font-weight: bold;
   font-size: 13px;
   color: #fff;
   text-align: center;
}
.smp-settings-section-left_bill {
   position: relative;
   float: left;
   /*background: #0b7484; */
    background: #000;
   width: 50px;
   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;
}
.hawk-settings-section-right {
   float: right;
   position: relative;
   right: 6px;
   width: 450px;
   padding-top: 5px;
}
.smp-settings-section-right1 {
   float: right;
   position: relative;
   right: 6px;
   background: #fff;
   width: 525px;
   padding-top: 10px;
}
.hawk-settings-section-right a.large-setting-button {
   display: block;
   padding-top: 20px;
   overflow: visible;
   background-repeat: no-repeat;
   background-position: top center;
   text-align: center;
   color: #666;
   font-size: 1.1em;
   text-decoration: none;
   text-transform: lowercase;
}

.makepayment
{
   display: block;
   padding-top: 0px;
   float: left;
   overflow: visible;
   background-repeat: no-repeat;
   background-position: top center;
   text-align: left;
   color: #666;
   font-size: 1.1em;
   text-decoration: none;
   text-transform: lowercase;
}
.smp-settings-section-right1 a.large-setting-button {
   display: block;
   padding-top: 10px;
   overflow: visible;
   background-repeat: no-repeat;
   background-position: top center;
   font-size: 1.1em;
   text-align: center;
   color: #666;
   text-decoration: none;
   text-transform: lowercase;
}
.smp-settings-section-right2 a.large-setting-button {
   display: block;
   padding-top: 10px;
   overflow: visible;
   background-repeat: no-repeat;
   background-position: top center;
   text-align: left;
   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-settings-section-right1 a.large-setting-button:hover,
.smp-account-settings-large-icon-left:hover
{ color: #990000; }

#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 { 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
****************************************/

