/*	Service Leads Seller Portal
	Main CSS file initiated 2007.06.25
	
	This file formats all of the pages in a Service Leads Seller Portal
	It does not format anything in a public site connected with this instance of the portal.
	
	IDs are used whenever possible to format elements with the assumption that the IDs
	will never change. If IDs do change then this CSS will need to be edited accordingly.
	
*/

/*	Container styles 
	====================================================================== */
* {
	margin:				0;		/* Specifically re-applied as necessry */
	padding:			0;		/* Specifically re-applied as necessry */
	font-family:		Geneva, Arial, Helvetica, sans-serif;
	font-family:		'Trebuchet MS', sans-serif;}

body {
	font-size:			75%;
	background-color:	#fff;
	background-image:	url(../images/SiteBackgroundGradient.jpg);
	background-repeat:	repeat-x;}


#SellerPortalPageWrapper {
	width:				820px;
	margin:				0px auto 10px auto;
	background-color:	white;
	border:				1px solid #b2b2b2;
	border-top:			0px;
	padding:			0px 40px 0px 40px;
	text-align:			left;}



/*	Header and footer styles 
	====================================================================== */

div#SellerPortalHeader {
	height:				77px;
	background-image:	url(../images/ExterminatorQuotesBanner.gif);
	background-repeat:	no-repeat;
	background-position:top center;}

	img#BannerLogo {
		margin-top:		0px;}


div#Kicker h1 {
	height:				26px;
	background-color:	white;
	font-size:			14px;
	font-style:			italic;
	line-height:		26px;
	color:				#e00120;}

#MainLinkToPublicLeadSite {
/* syntax note: this id is already on an "a" element */
	color:				black;
	text-decoration:	none;
	background-color:	transparent;
	border-bottom:		0px;}

#MainLinkToPublicLeadSite:link, 
#MainLinkToPublicLeadSite:visited, 
#MainLinkToPublicLeadSite:focus		{color: #000;}
#MainLinkToPublicLeadSite:hover		{color: #000;text-decoration:underline;}
#MainLinkToPublicLeadSite:active	{color: #555;text-decoration:underline;}

div#SellerPortalHeaderMessage {
	font-style:			italic;}


div#EndOfContent {
	background-color:	white;
	clear:				both;
	font-size:			10px;
	line-height:		10px;}


div#Footer {
	background-color:	white;
	border-top:			1px dotted #e00120;
	font-size:			12px;
	line-height:		24px;
	font-weight:		normal;
	text-align:			center;
	color:				#787777;}

	#Footer span {color:#e00120; /* the bullets */}

	#Footer a {
		border-bottom:	1px dotted transparent;
		font-weight:	normal;
		text-decoration:none;
		color:			#787777;}
	#Footer a:visited	{}
	#Footer a:focus		{color:#000000;border-bottom:1px dotted #e00120;}
	#Footer a:hover		{color:#000000;border-bottom:1px dotted #e00120;}
	#Footer a:active	{color:#e00120;border-bottom:1px dotted #e00120;}







/*	Content area styles 
	====================================================================== */

div#SellerPortalContent {
/*	There is a div with this ID that opens in the header file and closes in the footer.
	All portal content is reliably wrapped in this div.	*/
	margin:			0;		/* Specifically re-applied as necessry */
	border:			none;	/* Specifically re-applied as necessry */
	padding:		0px 10px 0px 10px ;
	padding:		0px 0px 0px 0px ;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px; 
/*	Note that everything in the content divd will have the 12px default. 
	This will need to be overridden when necessary. */ }


.EndOfTopOfPage {
/*	creates a division in the page between the text content at the top 
	and the controls in the middle. */
	border-bottom:		1px dotted #ccc;
	padding-bottom:		14px;}

	.marginBottom1em {
	/*	required on pages that have content immediately after the H2 */
		margin-bottom:		1em;}
	
.EndOfWorkArea  {
	margin-top:			10px;
	margin-bottom:		14px;
	border-top:			1px dotted #ccc;
	padding-top:		12px;
	padding-left:		150px;}

.EndOfWorkAreaNoIndent  {
	margin-top:			10px;
	margin-bottom:		14px;
	border-top:			1px dotted #ccc;
	padding-top:		12px;}



/*	The site's general use styles 
	====================================================================== */

h1 {
	font-size:			150%;}
	
h2 {
	margin-top:			.5em;
	margin-bottom:		2px;
	font-size:			125%;}
	
h3 {
	margin-top:			.5em;
	margin-bottom:		3px;
	font-size:			100%;}

p {
	margin-bottom:		1em;}

p.NoSpaceAfter {
	margin-bottom:		0px;}

a:link img {
	border:				0px;}

.NoteToUser {
	color:				#777;}

table {
	/* All tables will have this by default */
	border-collapse:	collapse;}



/*	Default link styles 
	====================================================================== */

a:link 		{color:#000000;font-weight:bold;text-decoration:none;border-bottom:1px dotted #000000;}
a:visited 	{color:#000000;font-weight:bold;text-decoration:none;border-bottom:1px dotted #000000;}
a:focus 	{color:#000000;font-weight:bold;}
a:hover 	{color:#000000;font-weight:bold;text-decoration:none;border-bottom:1px dotted #e00120;}
a:active 	{color:#e00120;font-weight:bold;}



/*	Menubar styles 
	====================================================================== */

table#SellerPortalMenu {
	width:				800px;
	width:				820px;
	/*	put the menu flush left even though there is 10px of padding
		on the container, the SellerPortalContent div */
	margin-left:		-10px;}

table#SellerPortalMenu td {
	text-align:			center;}


table#SellerPortalMenu a {
/* Take off the default link undeline */
	border-bottom:	0px;
	line-height:	21px;}

table#SellerPortalMenu a:link,
table#SellerPortalMenu a:visited, 
table#SellerPortalMenu a:focus {
	display:			block;
	background-color:	#111;
	padding:			4px 4px 6px 4px ;
	color:				white;
	background-image:	url(../images/MainMenuStates.gif);
	background-repeat:	no-repeat;
	background-position:top left;}

table#SellerPortalMenu a:hover {
	display:			block;
	background-color:	#333;
	background-position:top    right;
	color:				white;}
	
table#SellerPortalMenu a:active {
	display:			block;
	background-color:	#777;
	background-position:bottom right;
	color:				#eee;}

table#SellerPortalMenu a.Selected:link,
table#SellerPortalMenu a.Selected:visited, 
table#SellerPortalMenu a.Selected:focus {
	display:			block;
	background-color:	white;
	background-position:bottom left;
	padding:			4px 4px 6px 4px ;
	color:				white;}


/* Secondary menu, if it is ever needed - could use a few tweaks. RL */

table#SellerPortalMenu td#SecondaryMenu {
/* Needed to override the highly spcific style above... */
	padding:			6px 6px 6px 6px ;
	border-bottom:		1px dotted #ccc;
	text-align:			left;}

td#SecondaryMenu a {display: inline;}

td#SecondaryMenu a:link, 
td#SecondaryMenu a:visited, 
td#SecondaryMenu a:focus {
	display:			inline;
	background-color:	white;
	color:				black;}
	
td#SecondaryMenu a:hover, 
td#SecondaryMenu a:active {
	display:			inline;
	background-color:	#f3f3f3;
	text-decoration:	underline;
	color:				black;}




/*	Error messages. just collect all the IDs here 
	====================================================================== */

#Label1,
#lblError {
	font-weight:		bold;
	color:				maroon;}



/*	2 column tables
	Used by a number of pages that have  2 column form field displays. 
	Can be used on any 2 column table as long as these IDs are set 
	in the first row of the table.
	====================================================================== */

#ColumnOne {
	width:				150px;}

#ColumnTwo {
	width:				auto;}


/* Pad all these tables to create some vertical space between rows */

table#SellerTable td, 
table#LoginTable td,
table#AccountOverviewTable td,
table#ContactInfoTable td,
table#BillingInfoTable td,
table#ChangePasswordTable td,
table#ForgotPasswordTable td, 
table#MakePaymentTable td {
	padding-bottom:		4px;}



/*	Begin individual page styles
	====================================================================== */


/* seller.aspx */

table#SellerTable {
/*	ie needs the setting below AND a specific width
	to be set on the first row of a table or it calculates
	the width based on the content. */
	table-layout:		fixed;}

#txtfirstname,
#txtlastname,
#txtcompanyname,
#txtAddr1,
#txtAddr2,
#txtCity,
#txtfaxnumber,
#txtprimaryemail,
#txtUsername,
#txtPassword,
#txtPassword2,
#txtCap,
#txtGiftCertificate,
#txtPromoCode,
#txtphonenumber,
#txtAdditionalEmail {
	width:				183px;}

#ddlState { 
	width:		46px;
	font-size:  11px;}
	
#txtpostalcode {
	width:				134px;}

#txtPh1  {
	width:				31px;}
#txtPh2  {
	width:				32px;}
#txtPh3, 
#txtExt {
	width:				35px;}

#Seller #Button1 {
	width:				120px;}



/* AccountSetupWizard.aspx */

#imgSteps {
	float:				right;}

#AccountSetupWizard #btnUpdate {
	margin-top:			6px;
	margin-bottom:		10px;
	width:				100px;}

#pnlLocations ul li {
	margin-left:		20px;}

#stateTable {
	margin-bottom:		10px;}

#btnUpdateLocations,
#AccountSetupWizard #Button1 {
	margin-top:			6px;
	margin-bottom:		10px;
	width:				100px;}
	


/* accountInfo.aspx */

table#AccountOverviewTable {
	margin-bottom:		1em;}

td#AccountOverviewTableColumn1 {
	width:				300px;}
	
td#AccountOverviewTableColumn2 {
	width:				300px;}

#AccountOverview ul li {
	margin-left:		20px;}

#sp_lightBlub {
	margin-top:			20px;
	margin-bottom:		10px;
	vertical-align: 	-10px;}
	


/* leadsReportMaster.aspx */

table#dgReport {
	width:				100%}

table#dgReport td {
	border:				1px solid #dfdfdf;
	padding:			2px;
	font-size:			10px;}

table#dgReport td input,
table#dgReport td span,
table#dgReport td a:link, 
table#dgReport td a:visited, 
table#dgReport td a:focus, 
table#dgReport td a:hover, 
table#dgReport td a:active {
	/*	Note the input and span elements above! 
		Everyone of them in the table will get this style! */
	font-size:			10px;}



/* billingInfo.aspx */

table#BillingInfoTable {
	width:				100%;}

table#dgInvoices {
	width:				100%;}

/*	Yes, they both must be set to 100%. 
	The first styel tells the container to be 100%
	and the second tells the invoices table to fill the
	100% with 100%. sigh. */

table#dgInvoices td {
	border:				1px solid #dfdfdf;
	padding:			2px;
	font-size:			11px;}



/* contactInfo.aspx */

#txtAdditionalEmail {
	width:				183px;
	height:				48px;}



/* billingInfo.aspx */

#dgInvoices {
/* creates some space after the invioces */
	margin-bottom:		1em;}
	
#txtName,
#txtCardNumber {
	width:				185px;}

#ddlCard { width:		189px;}

#txtTC {
	width:				350px;
	height:				76px;
	font-size:			12px;
	/* some browsers need this font setting */ }
	
#txtExpMonth {
	width:				25px;}
	
#txtExpYear {
	width:				35px;}


/* makePayment.aspx */

#txtExpireMonth, 
#txtExpireYear {
	width:				36px;}


/* locationInfo.aspx */

table#stateTable td,
table#countyTable td {
/*border:1px solid #ccc;*/
	padding:		4px 0px 0px 0px;}

#lbStatesOut,
#lbStatesIn,
#lbCountiesOut,
#lbCountiesIn {
	/* these are the selects */
	width:			204px;
	height:			128px;}

#btnAddState,
#btnRemoveState,
#btnAddCounty,
#btnRemoveCounties {
	/* these are the button inbetween the Selects */
	width:			130px;
	margin:			0px 10px 0px 10px;}

#btnUpdate,
#btnCancel {
	width:			100px;}

#sp_questionMark {
	margin-bottom:	10px;
	vertical-align: -10px;}



/* excludedCities.aspx */

table#excludedCityTable td {
	padding:			4px 0px 4px 0px;}
	
#lbCities,
#lbExcludedCities {
	/* these are the selects */
	width:			210px;
	height:			208px;}
	
#btnExcludeCity, 
#btnAddCity {
	width:			120px;
	margin:			0px 10px 0px 10px;}

#btnDoneExcludedCities {
	width:			100px;}



/* MarkBogus.aspx */

#txtNotes {
	width:			340px;
	height:			120px;}
	
#MarkBogus #btnBogus, 
#MarkBogus #btnCancel {
	width:			120px;}



/* changePassword.aspx */

#btnChangePassword {
	width:			140px;}



/* forgotPassword.aspx */

#btnSend {
	width:			120px;}



/* Login.aspx */

#btnLogin {
	width:			100px;


/* categoryInfo.aspx */
/* leadsReport.aspx */
/* leadsReportMaster.aspx */
/* Error.aspx */


/* End of styles =========================================================== */