/*
 * eProfile Default Stylesheet
 * This stylesheet is used to style eProfile in accordance with the Firefly 3.0 style guidelines.
 */

/* Imports */
/* Import the eprofile-textsize.css stylesheet to ensure that most browsers display as expected.  This method of sizing
 * the text is based on the article "CSS Design: Size Matters" by Todd Fahrner (http://www.alistapart.com/articles/sizematters/)
 * and on a A List Apart example, which can be found here: http://www.alistapart.com/d/sizematters/shell.html.
 */
@import url(eprofile-textsize.css);

/* Import the eprofile-boxmodel.css stylesheet to ensure that most browsers display as expected.  The definitions in this 
 * stylesheet relate to the various boxmodel hacks required to ensure that eProfile renders correctly across most browsers.  
 * These definitions are based on one of the many "box model hacks" available.  More information can be found at 
 * http://www.tantek.com/CSS/Examples/boxmodelhack.html
 */
@import url(eprofile-boxmodel.css);

/* HTML Elements */
a:link {
	color: #06c;
}

a:hover {
	color: #039;
}

a:visited {
	color: #06c;
}

body, div, p, span, li, a, label {
	font-family: Arial;
	font-style: normal;
	font-size: 10px;
	line-height: 1.5;
}

body {
	padding: 0;
	margin: 0;
	background: #fff;
	color: #000;
}

.left { float:left; }
.right { float:right; }

br {
	height: 0;
}

input, select, textarea {
	font: normal 100% 'Lucida Grande', Verdana, Lucida, Arial, Helvetica, Sans-Serif;
}

input[type="text"]:focus, select:focus, textarea:focus {
	background: red;
	color: white;
}
input[type="checkbox"]:focus {
	background: none;
}

input[type="radio"]:focus {
	background: none;
}

img {
	border:0;
}

label {
	padding: 5px;
	font-size: 12px;
}

fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

legend {
	display: none;
	font-size: 12px;
}

p {
	padding: 0;
	margin: 0 0 1em 0;
}

/* Identified Elements */
#container {
	width: 560px;	
}

#content {
	padding: 0;
	margin: 0;
}

#footer {
	padding: 15px;
}

/* Classes */
.eprofile {
	padding: 0px 8px 0px 8px;
	width: 560px;	
}

.eprofile-form {
	float: left;
	width: 370px;
}

.eprofile-sidebar {
	float: right;
	width: 170px;
}

.hidden {
	/* Standard class for hiding form elements */
	display: none;
}

.strong {
	/* Standard class for providing "strong" text */
	font-weight: bold;
}

/* Section Definitions */
.eprofile-section {
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	border: 1px solid #ebebeb;
	width: 368px;
}

.eprofile-section-noborder {
	padding: 5px;
	margin: 0 0 40px 0;
	width: 370px;
}

.eprofile-section-heading 
{
	font-family: Arial;
	font-size: 12px;
	background-color: #06c;
	color:#fff;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 1px;
	clear: both;
}

.eprofile-section-subheading {
	background: #ebebeb;
	color: #000;
	padding: 5px;
	font-family: Arial;
	font-size: 11px;
}

.eprofile-section-headline 
{
	font-weight:bold;
	color: #000;
	padding: 5px;
}

eprofile-section-introcopy {
	color: #000;
	padding: 5px;
}

/* Field Definitions */
.eprofile-fields {
	padding: 4px;
	margin: 0;
}

.eprofile-field {
	padding: 0 0 10px 0;
	vertical-align: baseline;
	clear: right;
}

.eprofile-field-label {
	padding: 10px 0 5px 0;
	font-weight: bold;
}

.eprofile-field-label-advice {
	margin: 0;
	padding: 0 0 20px 20px;
	background: url(../images/advice.gif) top left no-repeat;
	font-weight: normal;
	color: #06c;
}

.eprofile-field-short {
	width: 170px;
	\width: 164px; /* IE Hack */
}

select.eprofile-field-short {
	width: 170px;
}

.eprofile-field-long {
	width: 360px;
	\width: 354px; /* IE Hack */
}

select.eprofile-field-long {
	width: 360px;
}

.eprofile-privacy {
	color: #666;
	text-align: justify;
	font-size: 10px;
}

/* Navigation Definitions */
.eprofile-navigation {
	padding: 0 10px 0 10px;
	margin: 0 0 20px 0;
}

.eprofile-section .eprofile-navigation {
	padding: 10px 0;
	margin: 0 0 20px 0;
}

.eprofile-navigation ul {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	float: right;
}

.eprofile-navigation ul li {
	width: 125px;
}

.eprofile-navigation-button {
	width: 125px;
	margin: 0;
	padding: 3px 0 3px 0;
	color: #fff !important;
	background: #06c;
	display: block;
	text-align: center;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
}

.eprofile-navigation-button:hover {
	color: #fff;
	background: #039;
	text-decoration: none;
}

/* Sidebar Definitions */
.eprofile-sidebar-heading 
{
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	background: #36c;
	font-weight: bold;
	padding: 5px;
	margin: 0 0 1px 0;
}

.eprofile-sidebar-content {
	background: #fff;
}

.eprofile-sidebar-item 
{
	font-family: Arial;
	background: #ebebeb;
	padding: 5px;
	margin: 0 0 1px 0;
}

/* Link Definitions */
.eprofile-link {
	color: #f00;
	padding: 8px 20px 0 0;
	background: url(../images/arrow.gif) bottom right no-repeat;
}

.eprofile-link-CH {
	color: #f00;
	padding: 8px 20px 0 0;
}

/* Error Definitions */
.eprofile-errors {
	padding: 5px;
	color: #f00;
	margin: 10px 0 10px 0;
	border: 1px solid #f00;
	background: #FFE4E1;
}

.eprofile-errors ul {
	margin: 0 0 0 20px;
}

/* Generic Error Definitions */
/* NOTE These styles control how the generic error page look.  The generic error page appears only if eProfile has
 * encountered an error from which it can't recover.  To maintain look and feel, you can style this page in accordance
 * with the style you have defined for the forms, et al. */
#eprofile-ge {
	margin: 0;
	padding: 0;
	background: #fff;
}

#eprofile-ge-container {
	margin: 50px auto 50px auto;
	width: 370px;
}

.eprofile-ge-closewindow, .eprofile-ge-closewindow:link, 
.eprofile-ge-closewindow:hover, .eprofile-ge-closewindow:visited {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	background: transparent url(../images/close.gif) bottom right no-repeat;
	padding: 0 18px;
	margin: 3px 0;
	clear: both;
	display: block;
	text-align: right;
}

/* Indicator Definitions */
.eprofile-mandatoryindicator {
	color: #f00;
	font-weight: normal;
	font-size: 12px;
}

.eprofile-warning {
	background: url(../images/warning.gif) bottom left no-repeat;
	height:16px;
	width: 16px;
}

/* Dealer Locator Definitions */
.eprofile-dealer-results {
	margin: 0;
}

.eprofile-dealer-result {
	margin: 0 3px 0 3px;
	padding: 10px;
	height: 100%; /* NOTE There seems to be an issue with IE which requires this to be set, otherwise the background
				   * doesn't cover the whole element */
	border-top: 1px solid #ebebeb;
}

.eprofile-dealer-result-alternate {
	margin: 0 3px 0 3px;
	padding: 10px;
	height: 100%; /* NOTE There seems to be an issue with IE which requires this to be set, otherwise the background
				   * doesn't cover the whole element */
	border-top: 1px solid #ebebeb;
}

.eprofile-dealer-info {
	width: 250px;
	float: left;
}

.eprofile-dealer-info-conflict {
	width: 330px;
	float: left;
}

.eprofile-dealer-location {
	width: 80px;
	float: right;
}

.eprofile-dealer-radio {
	width: 30px;
	float: left;
	display: block;
}

.eprofile-dealer-text {
	float: left;
	display: block;
	width: 220px;
}

.eprofile-field-checkbox 
{
	display:inline;
	vertical-align:middle;
	clear:left;	
}

.eprofile-dealer-text-conflict {
	float: left;
	display: block;
	width: 300px;
}

.eprofile-dealer-name {
	font-weight: bold;
	padding: 0;
	font-size: 11px;
}

.eprofile-dealer-loyaltyheading {
	background: #f8f8f8;
	padding: 5px 10px 5px 10px;
}

.eprofile-dealer-text-telephone {
	padding: 5px 0 0 20px;
	background: url(../images/telephone.gif) bottom left no-repeat;
	font-size: 12px;
}


.FRD-eprofile-section {
	padding: 0 0 0px 0;
	margin: 0 0 5px 0;
	border: 1px solid #ebebeb;
	width: 368px;
}

.FRD-eprofile-field {
	padding: 0 0 10px 0;
	vertical-align: baseline;	
	clear: left;
}

.FRD-eprofile-field-label {
	padding: 2px 0 5px 0;
	font-weight: bold;		
	float:left;
	width:37%;
}

.FRD-eprofile-field-label-nowrap
{
	padding: 2px 0 5px 0;
	font-weight:bold;		
	float:left;	
	font-size: 11px;
}

.FRD-eprofile-field-short {
	width: 170px;
	\width: 164px; /* IE Hack */
}

select.FRD-eprofile-field-short {
	width: 170px;
	\width: 164px; /* IE Hack */	
}

.FRD-eprofile-field-long 
{
	float:right;
	width: 200px; /*360px */
	\width: 194px;/* 354px; /* IE Hack */		
}

.FRD-eprofile-field-dropdown 
{
	    
	float:right;
	min-width: 198px; /* FFOX and NETSCAPE5 above */
	max-width:198px;  /* FFOX and NETSCAPE5 above */
	width: expression(document.body.clientWidth < 176 ? "176px" : "176px" ); /*IE 7*/
	_width:expression(document.body.clientWidth < 170 ? "170px" : "200px" ); /* IE6 or below */
}

.FRD-eprofile-field-long-half
{
	float:right;
	width: 100px; /*360px */
	\width: 97px;/* 354px; /* IE Hack */	
}

select.FRD-eprofile-field-long {
	width: 200px;	
}

select.FRD-eprofile-field-long-half
{	
	width: 100px; 		
}

select.FRD-eprofile-field-long-halfLHS
{	
	width: 100px; 		
	\width: 97px;/* IE Hack */		
}

.FRD-eprofile-navigation 
{	
	padding: 0 5px 10px 0px;
	margin: 0 0 10px 0;
}

.eprofile-section .FRD-eprofile-navigation {
	padding: 5px 0;
	margin: 0 0 10px 0;
}

.FRD-eprofile-navigation ul {
	margin: 0;
	padding: 0;	
	list-style-type: none;
	float: left;
}


.FRD-eprofile-navigation ul li {
	list-style-type: none;
	float: left;
	width: 125px;
	background: #06c url(../images/eprofile-button-top.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
}

.FRD-eprofile-warning {
	background: url(../images/warning.gif) bottom left no-repeat;
	height:16px;
	width: 16px;
	float:left;
}

.FRD-eprofile-dealer-location 
{	
	display: block;		
	float: right;
}

.FRD-eprofile-privacy-link {
	color: #06E;	
	font-size:100%;				
}

.text-align 
{
	width:140px;
}
.control-align
{
	width:20px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) 
{
.FRD-eprofile-field-dropdown,select.FRD-eprofile-field-dropdown
{
min-width: 200px;  /*This works only in Safari and Google Chrome */
max-width: 200px;
}
} 

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
.FRD-eprofile-field-long
{
min-width: 194px;  /*This works only in Safari and Google Chrome */
max-width: 194px;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
.FRD-eprofile-field-long-half
{
min-width: 97px;  /*This works only in Safari and Google Chrome */
max-width: 97px;
}
}


@media screen and (-webkit-min-device-pixel-ratio:0) 
{
.FRD-eprofile-field-long-halfLHS,select.FRD-eprofile-field-long-halfLHS
{	
	min-width: 97px;  /*This works only in Safari and Google Chrome */
	max-width: 97px;	
}
}

@media all and (min-width:0px) 
 {head~body .FRD-eprofile-field-long
	{min-width: 196px;max-width: 196px;}
	} 
	
@media all and (min-width:0px) 
 {head~body .FRD-eprofile-field-long-half
	{min-width: 98px;max-width: 98px;}
	} 
	
@media all and (min-width:0px) 
 {head~body .FRD-eprofile-field-dropdown,select.FRD-eprofile-field-dropdown 
	{min-width: 200px;max-width: 200px;}
	} 
	
@media all and (min-width:0px) 
 {head~body .FRD-eprofile-field-long-halfLHS,select.FRD-eprofile-field-long-halfLHS 
	{min-width: 98px;max-width: 98px;}
	} 

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body .FRD-eprofile-field-dropdown,select.FRD-eprofile-field-dropdown 
	{min-width: 201px;max-width: 201px;} /*only for opera*/
}

.FRD-eprofile-field-radio 
{
	float:right;
	width: 210px; /*360px */
	\width: 204px;/* 354px; /* IE Hack */	
}