.SfpControl LI
{
	margin: 0;
}

/* Every control is wrapped in a div with this class.  It is useful for defining 
   defaults that should apply to all user controls separately from the surrounding page, and
   for targeting default customizations to other elements, such as <h1>, <a>, etc. */
.SfpControl
{
	font-size: 90%;
	font-family: verdana, "trebuchet MS" , helvetica, sans-serif;
}

/* Labels that clarify the expected data format for an input field. */
.SfpInputHintLabel
{
	font-size: 90%;
	color: #4B6C7B;
}

/* Text accompanying checkboxes. */
.SfpCheckboxLabel
{
	font-size: 8pt;
	color: #006699;
}

/* Text accompanying disabled checkbox. */
.SfpDisabledCheckboxLabel
{
	font-size: 8pt;
	color: #666666;
}

/* The label above every input field. */
.SfpLabel
{
	font-weight: bold;
	color: #006699;
	font-size: 9pt;
}

/* All input text fields.  */
.SfpTextBox
{
	font-size: 8pt;
	color: #000000;
	width: 80%;
}

/* Inline validation error messages. */
.SfpValidationError
{
	font-size: 8pt;
	color: #ff0000;
	font-style: italic;
	padding-left: 10px;
}

/* The label above every input field. */
.SfpSectionHeader
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 15px;
	color: #006699;	
}

/* Input buttons. */
.SfpButton
{
	font-size: 100%;
	font-weight: bold;
	cursor: pointer;
	background: #00528A url('/images/consumerportal/bgbutton.gif') repeat-x; /*background-color: #577B8B;*/ /*background-color: #949494;*/
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 2px;
	border: 1px solid;
	border-color: #AAAAAA #00528A #00528A #AAAAAA;
	text-transform: uppercase;
}

/* A div that contains button elements. */
.SfpButtonRow
{
	margin-top: 10px;
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
}

/* Top-of-page error banner. */
.SfpErrorMessage
{
	border: 1px solid red;
	background-color: #EDEDED;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	width: 80%;
}

/* Text appearing within a SfpErrorMessage div. */
.SfpErrorMessageLabel
{
	color: #666666;
	font-size: 10pt;
}

/* Top-of-page success banner. */
.SfpSuccessMessage
{
	border: 1px solid #003300;
	background-color: #BFEABF;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

/* Text appearing within an SfpSuccessMessage div. */
.SfpSuccessMessageLabel
{
	color: #666666;
	font-size: 10pt;
}

/*Link */


.SfpLink
{
	width: 100%;
	float: right;
	vertical-align: middle;
	padding-left: 5px;
	margin-left: 10px;
	display: block;
	text-decoration: none;
	color: #666666 !important;
	font-size: 9pt;
	text-decoration: underline;
}

a:hover .SfpLink 
{
	font-size: 9pt;
	color: #075984 !important;
	font-weight: bold;
}

/* Help link in upper-right corner of each page. */

.SfpHelpLink
{
	width: 100%;
	text-align: right;
	margin-bottom: 10px;
}

.SfpHelpLink a
{
	font-size: 8pt;
	color: #666666 !important;
	text-transform: uppercase;
	font-weight: bold;
}

/* A div that forms a row in a form. Used in forms that only contain a single column. */
.SfpFormRow
{
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Similar to SfpFormRow, but used in forms that contain multiple columns.  The table may have one or several rows, and 2 or more columns.  Similar to SfpFormRow, use this class for defining margins, padding, and possibly separators between rows in a form.  */
.SfpTableInForm
{
	width: 100%;
	padding-bottom: 5px;
}

/* TDs inside a SfpTableInForm element. */
.SfpTableInForm td
{
	vertical-align: top;
}

/* Need to rethink this one. */
table.SfpTableInForm th
{
	text-align: left;
	font-weight: bold;
	color: #496776;
	font-size: 75%;
	padding-bottom: 5px;
	border-bottom: 1px solid #496776 !important;
}

/* Hyperlink to faqs in a table of search results. */
.SfpSearchResultLink
{
	font-size: 90%;
	font-weight: normal !important;
}

/* Formatting of tables rendered from a an asp:gridview tag.  See SFCaseListControl and SFRegisteredProductListControl.
   These grids are also exposed via properties, so the CssClass could be overridden. */
.SfpGridDisplay
{
	width: 100%;
	border-style: none;
	border: 0px 0px 0px 0px;
}

.SfpGridDisplay table
{
	width: auto;
}

/* Table headers for tables rendered from an asp:gridview tag. */
.SfpGridDisplay th
{
	text-align: left;
	font-weight: bold;
	font-size: 110%;
	color: #0A246A;
	padding-bottom: 5px;
	border-bottom: 1px solid #93B3C6;
}

/* Cells for tables rendered from an asp:gridview tag. Use this to control colors and font sizes in the table. */
.SfpGridDisplay td
{
	border-left: 0px;
	padding-bottom: 5px;
	padding-top: 3px;
	font-size: 9pt;
	color: #666666;
	border: 0px 0px 0px 0px;
	padding-right: 5px;
}

.SfpGridDisplay td.link
{
	border-left: 0px;
	padding-bottom: 5px;
	padding-top: 3px;
	font-size: 10pt;
	color: #FFFFFF;
	border: 0px 0px 0px 0px;
}

.GridPages
{
	color: #666666;
	font-size: 19pt;
}


/* Styles applied to every-other row in a SfpGridDisplay table. */
.SfpGridDisplayAlternatingRowStyle
{
	background-color: #F4F7FF;
}


/* Variable data displayed in read-only format. This may appear associated to a label, such 
   as when taking the place of an input field.  */
.SfpReadOnlyFormText
{
	font-size: 10pt;
	color: #666666;
}




/* LOGIN CONTROL */

/* Controls the entry panel formatting for the SFLoginControl. */
.SfpControl#SFLoginControl .SfpEntryPanel
{
	border: 1px solid #999999;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 50%;
	margin-left: 150px;
}

/* Controls alignment, spacing, and size of the hyperlinks on the bottom of the login control. */
.SfpLoginControlBottomLinks
{
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: right;
	font-size: 9pt;
}

.SfpLoginControlBottomLinks a, .SfpLoginControlBottomLinks a:active
{
	color: #666666 !important;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: right;
	font-size: 9pt;
	margin-left: 0px;
	margin-right: 0px;
}

/* Width of controls in the login control relative to the size of the box. */
/* Added 5-9-2009.  Removed from inline code. */
.SfpControl#SFLoginControl .SfpTextBox
{
	width: 80%;
}



/* RESET PASSWORD CONTROL */

/* Controls the entry panel formatting for the SFResetPasswordControl. */
.SfpControl#SFResetPasswordControl .SfpEntryPanel
{
	border: 1px solid #999999;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

/* Width of controls in the login control relative to the size of the box. */
/* Added 5-9-2009.  Removed from inline code. */
.SfpControl#SFResetPasswordControl .SfpTextBox
{
	width: 80%;
}



/* CHANGE PASSWORD CONTROL  */

/* Controls entry panel formatting for the SFResetPasswordControl. */
.SfpControl#SFChangePasswordControl .SfpEntryPanel
{
	border: 1px solid #999999;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

/* Width of controls in the login control relative to the size of the box. */
/* Added 5-9-2009.  Removed from inline code. */
.SfpControl#SFChangePasswordControl .SfpTextBox
{
	width: 80%;
}




/* REGISTER PRODUCT CONTROL */

/* Controls entry panel formatting for the SFResetPasswordControl. */
.SfpControl#SFRegisteredProductControl .SfpEntryPanel
{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #999999;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
}






/* ACCOUNT CONTROL */

/* Controls entry panel formatting for the SFAccountControl. Applied whether in
   Insert mode or Edit mode. */
.SfpControl#SFAccountControl .SfpEntryPanel
{
	width: 93%;
	margin-left: auto;
	margin-right: auto;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}





/* CASE COMMENT CONTROL */

/* Controls entry panel formatting for the SFCaseCommentControl. */
.SfpControl#SFCaseCommentControl .SfpEntryPanel
{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}





/* UPLOAD CASE DOCUMENT CONTROL */

/* Controls entry panel formatting for the SFUploadCaseDocumentControl. */
.SfpControl#SFUploadCaseDocumentControl .SfpEntryPanel
{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}




/* CASE CONTROL */

/* Controls entry panel formatting for the SFCaseControl in Insert mode. */
.SfpControl#SFCaseControl .SfpEntryPanel
{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
}




/* PRINT FAQ CONTROL */

/* Left align the buttons.  It just seemed to look a little better that way.  */
.SfControl#SFPrintFaq .SfpButtonRow
{
	text-align: left;
}



/* VIEW PROFILE */
/* Entire section added 5-9-2009 */


.SfpDisplayPanel
{
	width: 100%;
}

/* FirstName, LastName, Country */
#SFAccountControl #viewRow1 .col1
{
	width: 15%;
}
#SFAccountControl #viewRow1 .col2
{
	width: 70%;
}
#SFAccountControl #viewRow1 .col3
{
	width: 15%;
	text-align: right;
}


/* Street Address, Postal Code, City, State/Province */
#SFAccountControl #viewRow2 .col1
{
	width: 35%;
}
#SFAccountControl #viewRow2 .col2
{
	width: 30%;
}
#SFAccountControl #viewRow2 .col3
{
	width: 15%;
}
#SFAccountControl #viewRow2 .col4
{
	width: 20%;
	text-align: right;
}


/* EDIT AND NEW PROFILE */
/* FirstName, LastName, Country */
#SFAccountControl #editRow1 .col1
{
	width: 25%;
}
#SFAccountControl #editRow1 .col2
{
	width: 60%;
}
#SFAccountControl #editRow1 .col3
{
	width: 15%;
	text-align: right;
}


/* Street Address, Postal Code, City, State/Province */
#SFAccountControl #editRow2 .col1
{
	width: 35%;
}
#SFAccountControl #editRow2 .col2
{
	width: 30%;
}
#SFAccountControl #editRow2 .col3
{
	width: 10%;
}
#SFAccountControl #editRow2 .col4
{
	width: 25%;
	text-align: right;
}

/* Controls emails and passwords */
#SFAccountControl #editRow7Emails .col1
{
	width: 50%;
}
#SFAccountControl #editRow7Emails .col2
{
	width: 50%;
}

#SFAccountControl #editRow7Emails .col1 .SfpTextBox
{
	width: 75%;
}

#SFAccountControl #editRow7Emails .col2 .SfpTextBox
{
	width: 75%;
}

.SfpSiteAgreement
{
	width: 100%;
}

/* The width of a form, next 5-9-2009 */
.SfpFormView
{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

/* Textarea, added 5-9-2009 */
.SfpMultiLineTextBox
{
	height: 200px;
	width: 100%;
}

/*
table.SfpTableInForm#SFAccountControl#row1 .col3 
*/

/* new stuff here */
table.SfpSplitTable5050 td.col1
{
	width: 50%;
}
table.SfpSplitTable5050 td.col2
{
	width: 50%;
}


/*New 5-9-2009 */

.SfpCat
{
	font-style: normal;
	font-size: 10pt;
}
.SfpData
{
	font-weight: bold;
}

/* new 5-9-2009 */
.SfpSearchCriteria
{
	font-size: 100%;
	border: 1px solid #93B3C6;
	background-color: #F4F7FF;
	padding-top: 10px;
	padding-bottom: 10px;
}

.SfpSearchCriteriaDisplay
{
	font-size: 85%;
}


/* FAQ PRINTABLE VIEW AND FAQ VIEW */

/* Wraps the html retrieved from Salesforce and the title. */
.SfpFaqView
{
	font-size: 100%;
	width: 100%;
	margin-left: 0px;
	margin-right: auto;
}

/* Increases text size back to approximately the size of a normal h3 element. */
.SfpControl .SfpFaqView h3
{
	font-size: 120%;
}


/* Button row on a printable view.  Style to hide the buttons via CSS for printing. */
.SfpPrintButtonRow
{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #999999;
	text-align: center;
}

.SfpFaqView p
{
	margin: 0px;
}

/* Faq contents are inserted using a Literal tag, and contain their own embedded styling.  
   This panel wraps the literal control when in print mode to provide for additional styling options. 
   One possible use would be to increase or decrease font size and/or page width for better printing results.
   No styles currently defined. */
.SfControl#SFPrintFaq .SfpFaqPrintStyle
{
}

/* RATE FAQ */
#SFRateFaqControl .SfpEntryPanel
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
}


/** SEARCH TREE CONTROL **/
.SfpControl#SFFaqSearchTreeControl
{
	vertical-align: top;
	width: 180px;
	padding-top: 20px;
	padding-left: 0px;
}

.SfpRadTree
{
	overflow: auto;
	overflow-y: hidden;
	width: 180px;
	border: 0px none;
	padding-bottom: 20px;
}





/** DOCUMENTATION INCOMPLETE */



/* Style added 3-18-2009 for FAQ Feedback */
div.SfpFaqFeedbackEntryPanel
{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.SfpTextBoxRateFaq
{
	width: 50%;
}


.SfpFeedbackBoxRateFaq
{
	width: 90%;
}


div.SfpFaqFeedbackTopRow
{
	margin-bottom: 20px;
	font-size: 120%;
}


textarea
{
	font-size: 90%;
	font-family: verdana, "trebuchet MS" , helvetica, sans-serif;
}

.SfpGoBack
{
	color: #0A246A !important;
	font-weight: normal;
	font-size: 9pt;
}


/* FAQ SEARCH CONTROL BREADCRUMBS */

/* A panel surrounding the breadcrumb items. */
.SfpBreadcrumbPanel
{
	height: 15px;
	border-bottom: 1px solid #93B3C6;
	margin-top: 10px;
	font-size: 70%;
}

/* The current node (rightmost in the list) when the list has more than one element. */
span.SfpBreadcrumbCurrentNode
{
	float: right;
	vertical-align: middle;
	padding-left: 10px;
	margin-left: 10px;
	color: #666666;
	background-image: url( '/images/consumerportal/arrow.gif' );
	background-repeat: no-repeat;
	display: block;
	font-size: 9pt;
}


/* The node visible when the list has only one element. */
span.SfpBreadcrumbOnlyNode
{
	float: right;
	vertical-align: middle;
	padding-left: 5px;
	margin-left: 10px;
	color: #666666;
	display: block;
	font-size: 9pt;
}

/* The leftmost node in the list when the list has more than one element. */
a.SfpBreadcrumbFirstNode
{
	float: right;
	vertical-align: middle;
	padding-left: 5px;
	margin-left: 10px;
	display: block;
	text-decoration: none;
	color: #006699 !important;
	font-size: 9pt;
}

/* A node that is neither the first or last in the list. */
a.SfpBreadcrumbNode
{
	float: right;
	vertical-align: middle;
	padding-left: 10px;
	margin-left: 10px;
	background-image: url( '/images/consumerportal/arrow.gif' );
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
	color: #006699 !important;
	font-size: 9pt;
}





/* FAQ SEARCH IMAGE GALLERY */

/* The container around all images. */
div.SfpImageGallery
{
	margin-right: -58px;
}

/* Surrounds the image and text for a single entry in the image gallery. */
div.SfpImageGalleryContainer
{
	margin: 3px;
	margin-left: 0px;
	margin-right: 30px;
	display: block;
	float: left;
	height: 175px;
	position: relative;
}

/* Hyperlink surrounding an image that displays a magnifying glass. */
a.SfpImageGalleryImageTall
{
	padding: 3px;
	margin: 5px;
	border: 1px solid #93B3C6;
	font-size: 80%;
	width: 125px;
	width: 125px;
	display: block;
}

a.SfpImageGalleryImageTall:hover, a.SfpImageGalleryImageTall:active
{
	border: 1px solid #AE68FF;
	margin: 5px;
	width: 125px;
	height: 125px;
}

/* Hyperlink surrounding an image that does not have a magnifying glass. */
a.SfpImageGalleryImageShort
{
	padding: 3px;
	margin: 5px;
	border: 1px solid #93B3C6;
	font-size: 80%;
	width: 125px;
	height: 125px;
	display: block;
}

a.SfpImageGalleryImageShort:hover, a.SfpImageGalleryImageShort:active
{
	border: 1px solid #AE68FF;
	margin: 5px;
	width: 125px;
	height: 125px;
}

/* The hyperlinked name underneath an image. */
a.SfpImageGalleryText
{
	width: 125px;
	text-decoration: none;
	display: block;
	color: #4C6F85 !important;
	font-weight: bold;
	font-size: 100% !important;
	padding-left: 5px;
	height: 30px;
	font-size: 8pt;
}

/* Magnifying glass in lower-right corner of leaf nodes. */
a.SfpImageGalleryMagnifier
{
	background: transparent url( '/images/consumerportal/icon_enlarge.gif' ) no-repeat scroll 0 0;
	background-image: no-repeat;
	display: block;
	position: absolute;
	text-indent: -9999px;
	height: 18px;
	left: 119px;
	top: 119px;
	width: 18px;
}

a.SfpImageGalleryMagnifier:hover
{
	border: 1px solid #AE68FF;
	left: 119px;
	top: 119px;
}


.SfpSearchCriteriaCell2
{
	padding-top: 10px;
	padding-left: 10px;
	vertical-align: top;
}

.SfpSearchCriteriaCell3
{
	padding-top: 10px;
	padding-left: 10px;
	vertical-align: top;
}


.SfpText
{
	font-size: 90%;
}




/* This div wraps the tree view available in the SearchFaq control. */
div.SfpFaqTreeViewDiv
{
	overflow: auto;
	width: 200px;
	padding-top: 15px;
}






/* UN-NAMED, DERIVED STYLES */

SfpControl a
{
	text-decoration: underline;
	color: #666666 !important;
}


/* Minor page section heading with an bottom border. See SFCaseControl, SFAccountControl. */
.SfpControl h3
{
	border-bottom: 1px solid #93B3C6;
	margin-bottom: 11px;
	margin-top: 25px;
	padding-bottom: 5px;
	color: #0A246A;
	font-size: 110%;
	font-weight: bold;
	margin-left: 0px;
}

.SfpControl h5
{
	border-bottom: 1px solid #496776;
	margin-bottom: 10px;
	margin-top: 25px;
	padding-bottom: 5px;
	color: #496776;
	font-size: 100%;
	font-weight: normal;
}
/* Major page title heading without a bottom border. */
.SfpControl h2
{
	margin-top: 25px;
	color: #496776;
	font-size: 100%;
}

/* The Case and Account controls have multiple lines for input. The <hr> element provides a visual linebreak and appropriate spacing between vertical sections. */
.SfpControl hr
{
	margin-top: 15px;
	width: 100%;
}

/*Lyra added for June 1, 2009 deploy*/
#SFLogoutControl
{
	text-align: left;
	padding-left: 23px;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
}

#SFLogoutControl a
{
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

#SFLogoutControl a:hover
{
	color: #666666;
	text-decoration: underline;
}

#FaqAskMain
{
	width: 100%;
	text-align: left;
	position: absolute;
}

#FaqAskMain a
{
	font-size: 8pt;
	color: #666666 !important;
	text-transform: uppercase;
	font-weight: bold;
}
#FaqAsk
{
	top: 150px;
}

/*Overwrite Matt's styles */
#SFSearchResultsControl.SfpControl p, #SFSearchResultsControl.SfpControl h3
{
	margin-left: 0px !important;
	color: #0A246A !important;
	padding-bottom: 2px;
}

#SFSearchResultsControl.SfpControl h3
{
	font-size: 9pt;
	font-weight: bold;
	color: #0A246A !important;
	text-transform: uppercase;
}

.SfpControl#SFAccountControl .SfpEntryPanel h3
{
	margin-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	margin-top: 20px;
	color: #666666;
}

.headerImageText
{
	background: transparent url(/images/headImages/yellowsquareback.gif) no-repeat;
	background-position: left center;
	font-size: 30px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-left: 46px;
	line-height: 80px;
	padding-bottom: 5px;
}

#SFSearchResultsControl.SfpControl td span
{
	color: #0A246A;
	font-size: 8pt;
}

p
{
	margin:5px 5px 5px 5px !important;
}