﻿body
{
	font-family: Verdana, Arial, Helvetica, Geneva, san-serif;
	font-size: 10pt;
	color: #555;
}

.divQuestion
{
	font-weight: bold;
	color:Maroon;
}

.divChoices
{
	padding-left: 20px;
}

hr
{
	color: #BE0D10;
	margin-top: 1px;
	margin-bottom: 10px;
	width: 95%;
}

.pnl
{
	width: 100%;
	min-height: 500px;
}
/* mac hide \*/
*html .pnl
{
	height: 500px;
}
/* end hide */



.leftedge
{
	width: 8px;
	background-image: url(../Images/Misc/jaggedleftedge.gif);
	background-repeat: repeat-y;
	float: left;
}

.loginwrap
{
	width: 470px;
	margin: 0 auto;
}

.logoHeader
{
	width: 100%;
	background-color: #BE0D10;
}

.headerImage
{
}

.wrap
{
	width: 880px;
	margin: auto;
}

.ProcessInfo
{
	font-size: 14px;
	font-weight: bold;
	color: #BE0D10;
}

.StepInfo
{
	font-size: 10px;
	color: #BE0D10;
}


SPAN#labelProcessInformation
{
	color: #BE0D10;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
}

SPAN#labelStepInformation
{
	color: #BE0D10;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

DIV#ControlFrame
{
	font-family: Verdana;
	font-size: 12px;
	margin: 2px;
	padding: 0px;
	width: 650px;
}

.center
{
	margin: auto;
}

DIV#LoginControlFrame
{
	width: 470px;
	font-family: Arial;
	font-size: 10pt;
	margin: 2px;
}


DIV#ControlFrame TABLE
{
	width: 650px;
}

DIV#ControlFrame TABLE TR TD, DIV#LoginControlFrame TABLE TR TD
{
	height: 20px;
}

DIV#ControlFrame TABLE TR TH, DIV#LoginControlFrame TABLE TR TH
{
	vertical-align: middle;
	height: 30px;
}

DIV#ControlFrame SPAN, DIV#LoginControlFrame SPAN
{
	font-size: 10pt;
}

DIV#ControlFrame SPAN.ControlTitle, DIV#LoginControlFrame SPAN.ControlTitle
{
	font-size: 13px;
	font-weight: bolder;
}

DIV#ControlFrame SPAN.ControlData, DIV#LoginControlFrame SPAN.ControlData
{
	font-family: Arial;
	font-size: 10px;
}

DIV#ControlFrame SPAN.ControlError, DIV#LoginControlFrame SPAN.ControlError
{
	color: Red;
	font-family: Arial;
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
}

DIV#ControlFrame SPAN.ControlInstruction, DIV#LoginControlFrame SPAN.ControlInstruction
{
	color: #BE0D10;
	display: inline-block;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 8px;
}

DIV#ControlFrame SPAN.ControlLabel, DIV#LoginControlFrame SPAN.ControlLabel
{
	font-weight: bold;
	text-align: right;
}

.ControlLabel
{
	font-weight: bold;
	text-align: right;
	width: 100%;
	float: left;
}

.LoginControlLabel
{
	font-weight: bold;
	text-align: left;
	width: 200px;
	float: left;
	padding-right: 15px;
}

.portaltab, .portaltabactive
{
	font: normal bold 10pt Arial;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	vertical-align: bottom;
	padding: 5px 5px 0px 5px;
}
.portaltab
{
	color: White;
	background-image: url(../Images/Misc/redbuttonbg.gif);
}

.portaltabactive
{
	color: Maroon;
	background-image: url(../Images/Misc/activetabbg.gif);
}


DIV#ControlFrame SPAN.ControlNote, DIV#LoginControlFrame SPAN.ControlNote
{
	font-size: 10px;
	font-style: italic;
}

DIV#ControlFrame Input, Select, Option, DIV#LoginControlFrame Input, Select, Option
{
	font-family: Arial;
	font-size: 12px;
}

DIV#ControlFrame Input.Change, DIV#LoginControlFrame Input.Change
{
	background-color: #BE0D10;
	color: White;
	font-weight: bold;
	margin-right: 5px;
	/*text-transform: capitalize;*/
	width: 25px;
}

DIV#ControlFrame Input.Submit, DIV#LoginControlFrame Input.Submit, .button
{
	background-color: #BE0D10;
	color: White;
	font-weight: bold;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	/*text-transform: capitalize;*/
	width: auto;
}

DIV#ControlFrame Input.Submit[disabled], DIV#LoginControlFrame Input.Submit[disabled]
{
	background-color: #BE0D10;
	color: Gray;
	font-weight: bold;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	/*text-transform: capitalize;*/
	width: auto;
}



IMG#UserWarrantiesControl_imageCalendar
{
	margin-left: 5px;
}

DIV#UserWarrantiesControl_calendarPurchaseDate_popupDiv TABLE
{
	width: 0px;
}

DIV#UserWarrantiesControl_calendarPurchaseDate_popupDiv TABLE TR TD
{
	height: 0px;
}

DIV#UserWarrantiesControl_calendarPurchaseDate_popupDiv TABLE TR TH
{
	height: 0px;
}



/**************************************/
/*  LOG OFF CONTROL                   */

.LogOffControlFrame
{
	width: 170px;
	font-family: Arial;
	font-size: 11px;
	margin: 2px;
	text-align: right;
	color: White;
}


.LogoffControlTitle
{
	color: White;
}

.LogoffSubmit
{
	background-color: White;
	color: #BE0D10;
	font-weight: bold;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	/*text-transform: capitalize;*/
	width: auto;
}


.userinfoline
{
	width: 100%;
	height: 20px;
}

.label1
{
	font-weight: bold;
	text-align: right;
	float: left;
	color: Red;
}

.ControlData
{
	width: 150px;
	float: left;
	text-align: left;
	font-weight: normal;
	padding-left: 15px;
	display: block;
}

/* THIS IS FOR THE DEALER ADDRESSES */
.ControlDataAddress
{
	width: 350px;
	float: left;
	text-align: left;
	font-weight: normal;
}

.SectionTitleCentered
{
	width: 100%;
	text-align: center;
}

/*************************************/
/* WIDTHS                            */

.width50pc
{
	width: 50%;
}
.width40pc
{
	width: 40%;
}
.width350px
{
	width: 350px;
}
.width200px
{
	width: 200px;
}
.width100px
{
	width: 100px;
}

#tableUCI_ReviewData, #tableUCI_EditData
{
	width: 600px;
}

.centereddiv650
{
	width: 650px;
	margin: 0 auto;
}



@media print
{

	body
	{
		margin: 0;
		float: left;
	}

	.wrap
	{
		margin: 0;
		float: left;
	}

	.centereddiv650
	{
		width: 650px;
		float: left;
	}


	.HideFromRewardsPrinting
	{
		display: none;
	}
}

/*  This is for the print/rewards section */
@media screen, projection
{


	div.cuponwrapper
	{
		width: 100%;
		display: block;
	}

	.couponblock
	{
		width: 100%;
		height: 250px;
		display: block;
		background-color: #FFFFFF;
		border-bottom: thin dotted;
		position: relative;
	}

	div.offertext
	{
		background-color: white;
	}

	div.headline
	{
		padding: 5px 5px 5px 0px;
		margin: 18px 4px 4px 0px;
		color: #000000;
		font-weight: normal;
		font-size: 32px;
		font-style: normal;
		font-variant: normal;
		font-family: Verdana, Helvetica, Arial;
	}

	div.subhead
	{
		display: block;
		margin: 5px 5px 5px 0px;
		font-weight: 600;
		font-size: 20px;
		font-family: Verdana, Helvetica, Arial;
		font-variant: normal;
		width: 300px;
	}

	div.subheadmini
	{
		display: block;
		overflow: hidden;
		width: 275px;
		color: black;
		font-style: normal;
		font-family: Verdana, Helvetica, Arial;
		text-align: left;
		font-variant: normal;
		text-decoration: none;
		font-weight: 600;
		font-size: 12px;
		margin: 10 5 0 0;
	}

	div.ingress
	{
		padding: 5px 5px 5px 5px;
		margin: 18px 4px 4px 4px;
		font-weight: normal;
		font-size: 22px;
		font-style: italic;
		font-variant: normal;
		font-family: Verdana, Helvetica, Arial;
	}

	div.bodytext
	{
		margin: 0px 5px 5px 0px;
		font-weight: normal;
		font-size: 11px;
		width: 275;
		font-style: normal;
		font-family: Verdana, Helvetica, Arial;
		font-variant: normal;
		text-decoration: none;
	}

	div.topLogo1
	{
	}

	#topLogo2
	{
		float: right;
		padding-right: 0px;
		padding-top: 0px;
	}

	div.cuponimage
	{
		display: block;
		float: right;
	}

	div.circleimage
	{
		display: block;
		float: left;
		visibility: visible;
		width: 5cm;
	}

	*.headbox
	{
		font-weight: bold;
		font-size: 22px;
		color: white;
		font-style: normal;
		font-family: Verdana, Helvetica, Arial;
		text-align: center;
		margin-top: -4.0cm;
		width: 5cm;
		margin-left: 0.2cm;
		margin-right: 0.2cm;
		height: 3px;
	}

	div.userinfo
	{
		clear: none;
		font-weight: bold;
		font-size: 12px;
		overflow: visible;
		width: 5.3cm;
		color: black;
		font-style: normal;
		font-family: Verdana, Helvetica, Arial;
		background-color: white;
		text-align: left;
	}

	div.logoblock
	{
		float: none;
		width: 100%;
		height: 38px;
		display: block;
		background-color: #BE0D10;
		margin: 0px 0px 5px 0px;
		position: relative;
		z-index: 500;
	}

	div.row1
	{
		border-bottom: thin dotted;
		background-image: url(Images/UCI/Rewards/sax.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		display: block;
	}

	div.col1
	{
		display: block;
		float: left;
		width: 6.5cm;
		background-color: white;
	}

	div.col2
	{
		display: block;
		float: left;
		width: 5.30cm;
		background-color: white;
	}

	div.col3
	{
		text-align: right;
		display: block;
		float: right;
		background-color: White;
	}

	.imgscissors
	{
		margin-top: -30px;
		position: relative;
		z-index: 999;
	}

	.couponcutout
	{
		text-align: right;
		height: 10px;
		width: 100%;
	}

	div.offertext
	{
		width: 5.30cm;
		display: block;
		font-weight: normal;
		font-size: 12px;
		color: black;
		font-style: normal;
		font-family: Verdana, Helvetica, Arial;
		text-align: left;
	}

	span.spacer
	{
		display: block;
		width: 0px;
		height: 0px;
		font-size: 6px;
	}
}

@media print
{

	body
	{
		background-color: white;
		margin: 0;
	}


	div#ControlFrame
	{
		border-style: none;
	}

	tr.HideFromRewardsPrinting
	{
		display: none;
	}

	.HideFromRewardsPrinting
	{
		display: none;
	}


	table#UserRewardsControl_componentRewardListing_componentRewardQualifer_componentRewardControl0_tableRewardTemplate
	{
		page-break-after: always;
	}

	table#UserRewardsControl_componentRewardListing_componentRewardQualifer_componentRewardControl1_tableRewardTemplate
	{
		page-break-after: always;
	}

	table#UserRewardsControl_componentRewardListing_componentRewardQualifer_componentRewardControl2_tableRewardTemplate
	{
		page-break-after: always;
	}

	table#UserRewardsControl_componentRewardListing_componentRewardQualifer_componentRewardControl3_tableRewardTemplate
	{
		page-break-after: always;
	}

	table#UserRewardsControl_componentRewardListing_componentRewardQualifer_componentRewardControl4_tableRewardTemplate
	{
		page-break-after: always;
	}

	table#UserRewardsControl_componentRewardListing_componentRewardQualifer_componentRewardControl5_tableRewardTemplate
	{
		page-break-after: always;
	}

	table#UserRewardsControl_componentRewardListing_componentRewardQualifer_componentRewardControl6_tableRewardTemplate
	{
		page-break-after: always;
	}

	table#UserRewardsControl_componentRewardListing_componentRewardQualifer_componentRewardControl7_tableRewardTemplate
	{
		page-break-after: always;
	}

	span#labelProcessInformation
	{
		display: none;
	}

	input#UserRewardsControl_componentRewardListing_buttonCloseRewardQualifier
	{
		display: none;
	}

	input#buttonPrintRewards
	{
		display: none;
	}

	input#UserRewardsControl_button_CaptureData_Cancel
	{
		display: none;
	}

	div.cuponwrapper
	{
		width: 100%;
		display: block;
	}

	.couponblock
	{
		width: 100%;
		height: 250px;
		display: block;
		background-color: #FFFFFF;
		border-bottom: thin dotted;
		position: relative;
	}

	div.offertext
	{
		background-color: white;
	}

	div.headline
	{
		padding: 5px 5px 5px 0px;
		margin: 18px 4px 4px 0px;
		color: #000000;
		font-weight: normal;
		font-size: 32px;
		font-style: normal;
		font-variant: normal;
		font-family: Verdana, Helvetica, Arial;
	}

	div.subhead
	{
		display: block;
		margin: 5px 5px 5px 0px;
		font-weight: 600;
		font-size: 20px;
		font-family: Verdana, Helvetica, Arial;
		font-variant: normal;
		width: 300px;
	}

	div.subheadmini
	{
		display: block;
		overflow: hidden;
		width: 275px;
		color: black;
		font-style: normal;
		font-family: Verdana, Helvetica, Arial;
		text-align: left;
		font-variant: normal;
		text-decoration: none;
		font-weight: 600;
		font-size: 12px;
		margin: 10 5 0 0;
	}

	div.ingress
	{
		padding: 5px 5px 5px 5px;
		margin: 18px 4px 4px 4px;
		font-weight: normal;
		font-size: 22px;
		font-style: italic;
		font-variant: normal;
		font-family: Verdana, Helvetica, Arial;
	}

	div.bodytext
	{
		margin: 0px 5px 5px 0px;
		font-weight: normal;
		font-size: 11px;
		width: 275;
		font-style: normal;
		font-family: Verdana, Helvetica, Arial;
		font-variant: normal;
		text-decoration: none;
	}

	div.topLogo1
	{
	}

	#topLogo2
	{
		float: right;
		padding-right: 0px;
		padding-top: 0px;
	}

	div.cuponimage
	{
		display: block;
		float: right;
	}

	div.circleimage
	{
		display: block;
		float: left;
		visibility: visible;
		width: 5cm;
	}

	*.headbox
	{
		font-weight: bold;
		font-size: 22px;
		color: white;
		font-style: normal;
		font-family: Verdana, Helvetica, Arial;
		text-align: center;
		margin-top: -4.0cm;
		width: 5cm;
		margin-left: 0.2cm;
		margin-right: 0.2cm;
		height: 3px;
	}

	div.userinfo
	{
		clear: none;
		font-weight: bold;
		font-size: 12px;
		overflow: visible;
		width: 5.3cm;
		color: black;
		font-style: normal;
		font-family: Verdana, Helvetica, Arial;
		background-color: white;
		text-align: left;
	}

	div.logoblock
	{
		float: none;
		width: 100%;
		height: 38px;
		display: block;
		background-color: #BE0D10;
		margin: 0px 0px 5px 0px;
		position: relative;
		z-index: 500;
	}

	div.row1
	{
		border-bottom: thin dotted;
		background-image: url(Images/UCI/Rewards/sax.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		display: block;
	}

	div.col1
	{
		display: block;
		float: left;
		width: 6.5cm;
		background-color: white;
	}

	div.col2
	{
		display: block;
		float: left;
		width: 5.30cm;
		background-color: white;
	}

	div.col3
	{
		text-align: right;
		display: block;
		float: right;
		background-color: White;
	}

	.imgscissors
	{
		margin-top: -30px;
		position: relative;
		z-index: 999;
	}

	.couponcutout
	{
		text-align: right;
		height: 10px;
		width: 100%;
	}

	div.offertext
	{
		width: 5.30cm;
		display: block;
		font-weight: normal;
		font-size: 12px;
		color: black;
		font-style: normal;
		font-family: Verdana, Helvetica, Arial;
		text-align: left;
	}

	span.spacer
	{
		display: block;
		width: 0px;
		height: 6px;
		font-size: 6px;
	}
}

.reddotcontrol
{
	color: red;
	padding: 2px;
	font-size: 10px;
}

.reddotaltcolor
{
	color: Black;
}

.reddotbasecontrol
{
	position: absolute;
	top: 1px;
	left: 300px;
	background-color: white;
	border: 1px solid red;
	padding: 8px;
	z-index: 10;
}

.reddotabscontrol
{
	position: absolute;
	top: 1px;
	left: 1px;
	color: red;
	background-color: white;
	border: 1px solid red;
	z-index: 10;
}

.reddotrelcontrol
{
}

/* END OF REWARDS SECTION  */

.LabelForeColor
{
	color: #BE0D10;
}

.ListSearchNoPrompt
{
	display: none;
}

DIV#ControlFrame Table#UserWarrantiesControl_UserWarrantyRegistrationControl_calendarPurchaseDate_daysTable {
	width: 0px;
}

DIV#ControlFrame Table#UserWarrantiesControl_UserWarrantyRegistrationControl_calendarPurchaseDate_monthsTable {
	width: 0px;
}

DIV#ControlFrame Table#UserWarrantiesControl_UserWarrantyRegistrationControl_calendarPurchaseDate_yearsTable {
	width: 0px;
}

.HoverMenu
{
    position:absolute;
    visibility:hidden;
}