form {

	padding-bottom: 1em;
	clear: both;
}

form h6
{
	clear: left;
}

form p
{
	clear: left;
}

p.error-wide-message
{
	color: #993333;
	font-weight: bold;
    background-image:url(/spportal/img-spportal/icons/error.gif);
	background-repeat: no-repeat;
	padding-left: 25px;	
	margin-left: 170px;
}

p.error-message
{
	color: #993333;
	font-weight: bold;
    background:url(/spportal/img-spportal/icons/error.gif);
	background-repeat: no-repeat;
	padding-left: 25px;	
}

p.grey-error-message
{
	color: #993333;
	font-weight: bold;
    background-image:url(/spportal/img-spportal/icons/error.gif);    
	background-repeat: no-repeat;
	padding-left: 25px;	
	height:12px;
	background-color:#EBEBEB;
}

p.forgotpwd-grey-error-message
{
    color: #993333;
    font-weight: bold;
    background-image:url(/spportal/img-spportal/icons/error.gif);    
    background-repeat: no-repeat;
    padding-left: 25px;     
    background-color:#EBEBEB;
    margin-left:10px;
    padding-bottom:2px;
    height:17px;
}


p#global-error-message
{
	margin-left: 0;	
}

p.inline-error-message
{
	color: #993333;
	font-weight: bold;
    background:url(/spportal/img-spportal/icons/error.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-left: 100px;
	margin-bottom: 10px;
	display:none;
	height: 20px;
}
p.inline-error-wide-message
{
	color: #993333;
	font-weight: bold;
    background-image:url(/spportal/img-spportal/icons/error.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-left: 170px;
	margin-bottom: 10px;	
	display:none;
}

p.inline-error-wide-message-fs
{
	color: #993333;
	font-weight: bold;
    background-image:url(/spportal/img-spportal/icons/error.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-left: 205px;
	margin-bottom: 10px;	
	display:none;
}
p.inline-error-message-fullserv
{
	color: #993333;
	font-weight: bold;
    background:url(/spportal/img-spportal/icons/error.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-left: 0px;
	margin-bottom: 0px;
	display:none;
	height: 20px;
}

p.inline-error-grey-wide-message
{
	color: #993333;
	font-weight: bold;
    background-image:url(/spportal/img-spportal/icons/error.gif) ;
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-left: 160px;
	margin-bottom: 10px;	
	display:none;
	height:12px;
	background-color:#EBEBEB;
}


/* this is to handle instructional text for certain form inputs */
form label strong {
	position: absolute;
	font-weight: normal;
	font-size: 0.9em;
	top: -1.25em;
	left: 98%;
	width: 100%;
	text-transform: lowercase;
	color: #999;
	margin-left: 1.0em;
}

span.required-field strong
{
    font-size: 0.9em;
	text-transform: lowercase;
	color: #999;
}

span.required-field span#charsRem
{
    font-size: 0.9em;
	text-transform: lowercase;
}

div.charcount strong
{
    font-size: 0.9em;
	text-transform: lowercase;
	color: #999;
}

span.charcount span
{
    font-size: 0.9em;
	text-transform: lowercase;
}


/* our forms are generally set up with the label on the left and the input on the right */
form label {
	position: relative; /* this is relative so that children elements can be positioned absolutely */
	width: 25%;
	float: left;
	margin-top: 3.0em;
	clear: left;
	padding-left: 1.0em;
}

form label.emphasize {
    font-weight: bold; 
    font-size: 1.1em;
}

form label.required-field {
	margin-left: 0em;
}

/* EM, when used in a form, is set aside for symbols like $ and % */
form em
{
	font-style: normal;
	float: left;
	width: 1.0em;
}

form input, form select, form textarea
{
	float: left;
	/* clear: right; */
	margin-bottom: 1.0em;    
}

form select.selectbox
{
    width:100%;
}

/* forms with multiple buttons need to be wrapped in this div */
div.form-buttons
{
	display: block;
	clear: left;
    text-align: right;
}

form input.form-button-inline
{
	position: absolute;
	margin: 0;
	display: inline;
}

form div.form-buttons input
{	
	width: auto;
	margin-left:0px;
	float:none;
	
}

form:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

form.input-first input, form.input-first select
{
	clear: both;
}

form.input-first label
{
	clear: none;
}

form.table-form, form.table-form tr, form.table-form td, form.table-form th {
	margin: 0;
	clear: none;
	}
	
div.form-buttons input, form.table-form label, form.table-form tr label, form.table-form th label, form.table-form td label
{
	width: auto;
	padding:0;
	margin: 0.3em 0 0 0;
}

div.form-buttons input, form.table-form input, form.table-form tr input, form.table-form td input, form.table-form th input, form.table-form select, form.table-form tr select, form.table-form th select, form.table-form td select
{
	float: none;
	display: inline; /* these should be display: inline by default, but IE was not behaving properly */
	/* width: auto; */
	margin: 0;
	padding:0;
	/* clear:none; */
}


form.table-form p
{
	clear: none;
}


/* this is to handle instructional text for certain form inputs */
form.table-form tr.instructions strong {
	position: relative;
	font-weight: normal;
	font-size: 0.9em;
	width: auto;
	text-transform: lowercase;
	color: #999;
}

a.sign-in-button {
	clear: left; 
	float: left;
}
div#sign-in-controlbox {
	float: left; 
	padding:0; 
	margin: 0; 
	margin-left: 3.4em; 
	width: 130px;
}
div#sign-in-controlbox label {
	margin: 0; 
	padding: 3px 2px 0px 0px; 
	width: auto;
}
div#sign-in-controlbox input {
	padding: 3px 0px 0px 0px;
	margin: 0; 
}

div.inline-list {
    padding: 2px 0px;
}
div.inline-list label, label.inline-list {
    float: none; 
    display: inline; 
    vertical-align: 0.2em;
}

div#ad-details:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#ad-details {display: inline-block;}

div#ad-details strong, div#clickable-links strong {
    top: -1.5em;
}

div#clickable-links table {
    float: left;
}

/** checkbox and radio button list css**/
div.listinput {
 clear:both;
}
div.listinput input {
    display:inline;
    float:left;
    clear:none;
    margin-bottom:2px;
    margin-right:2px;
    padding:0;
}

div.listinput span {
    float:left;
    margin-top:2px;
}

div.listinput label {
    display:inline;
    height:100%;
}



/* ================================= Sign-In Form =================================== */

/* header-nav is the navigation at the top of the site */
ul#header_nav {
    list-style-type: none;
	position: absolute;
	right:0;
	top:0;
	font-size: 11px;
}
ul#header_nav li {
	display:block;
	float:right;
	padding: 5px;
	background-image: url(/spportal/img-spportal/icons/sign-in-form-background.png); 
	background-position: top right;
	background-repeat: no-repeat; 

}
ul#header_nav li a{
	margin: 2px;  		
}

ul#header_nav li.last-item {
	background: none;	  
	padding-right: 0;    
}

div#page form#sign-in-form
{
	position: absolute;
	top: 0px;
	left: 410px;
	width: 325px;	

	margin: 0em;
	margin-top: 35px;
	padding-left: 10px;
    
    display:none;
}

div#page form#sign-in-form input#sign-in-button
{
    margin-top:4px;
    display: inline;
}

/* This holds the various form elements */
form#sign-in-form ul
{
	margin: 0em;
	padding: 0em;
}

form#sign-in-form ul li
{
	list-style-type: none;
	margin: 0em;
	padding: 0em;

	float: left;

	/* This helps IE deal with floated elements */
	display: inline;

	margin-right: 5px;
}

/* This serves mostly as the heading */
form#sign-in-form p
{
	margin-bottom: 0.3em;
}

form#sign-in-form ul li input
{
	display: block;
}

form#sign-in-form ul li input.textfield
{
	width: 130px;
    height:17px;
    margin:0;

    padding:0;
    float:none;
    border-color: rgb(188,188,188); /* Mediumn gray */
    border-width: 1px;
	border-style: solid;
}

form#sign-in-form ul li input.submit-button
{
	/* This helps line up the submit button with the other form elements */
	margin:0;
    margin-top: 0.4em;
    padding:0;
    float:none;    
}

form#sign-in-form
{
	font-size: 0.9em;
}

form#sign-in-form label
{
	font-weight: bold;
    padding:0;
    margin:0;
    float:none;
}

/* "Forgot Password" link */
form#sign-in-form a
{
	font-size: 0.9em;
}

h4#grey-header
{

    background-color: #A5A5A5; /* LIGHT GREY*/
	color: #FFFFFF;
	font-size: 1.1em;
	padding:0.3em;
	position:relative;
	margin: 0em;
    margin-bottom:0.5em; /* added code */
	margin-top: 0;
}

/** PPC preview box **/

a#businessprofilelink, a#phoneNumberLink, a#emailLink, a#mapPreviewLink, a#sendPreviewLink {
font-family: arial, Helvetica, sans-serif;
color: #555;
text-decoration: none;
padding: 1px 4px;
margin:1px;
border: 1px #ccc solid;
background: #fff;
margin-top: -2px;
}

a#phoneNumberLink.clicked, a#emailLink.clicked, a#mapPreviewLink.clicked, a#sendPreviewLink.clicked {
color: #cccccc;
}

div#preview_your_ad, div#elpSamplePreview2 { font-size:12px; }
div#adTitle { color:blue; font-size:13px;}.blue {
	color: #000;
}