﻿
@media screen
{
	html
	{
		min-height:100%;
		height:100%;
		margin:0;
		padding:0;
		margin-bottom:1px;
		width:100%;
		font-family:Arial, Sans-Serif;
	}
	
	body
	{
		margin:0;
		padding:0;
		font-family:Arial, Sans-Serif;
		font-size:12px;
		color:#000000;
		background:#ffffff;
		text-align:center;
		height:100%;
		width:100%;
		background: url(images/page-background.jpg) repeat-x #ffffff top left;
	}
	
	/* START: Forms */
	input, select, textarea
	{
		border:solid 1px #999999;  
		font-family:Arial, Sans-Serif;
		font-size: 11px;
		padding:2px;
		color:#000;
	}
	
	select
	{
		margin: 0;
		padding: 2px;
	}

	.noBorderForm input
	{
		border: 0;
		font-family: Arial, Sans-Serif;
		font-size: 11px;
		padding:2px;
		color:#000;
	}
	
	.input200
	{
		width:200px;
	}
	
	.input50
	{
		width:50px;
	}
	
	/* END: Forms */

	a
	{
		margin:0;
		color: #0066cc;
	}
	a:link, a:active, a:visited
	{	
		color: #0066cc;
		text-decoration: underline;
	}

	a:hover
	{
		color: #0066cc;
		text-decoration: underline;
		cursor:pointer;
	}
	
	.linkCleared a, .linkCleared a:hover, .linkCleared a:visited, .linkCleared a:active
	{
		text-decoration:none;
	}
	
	h1, .h1
	{

	}
	
	.grayBackground
	{
		background-color:#e6e6e8;
	}

	.floatLeft
	{
		float:left;
	}

	.floatRight
	{
		float:right;
	}
	
	.clearFloat
	{
		clear:both;
		margin:0;
		padding:0;
		line-height:0;
	}
	
	/* START: Margins */
	.bottomMargin10
	{
	    margin-bottom:10px;    
	}
	
	.bottomMargin20
	{
	    margin-bottom:20px;    
	}

	.topMargin2
	{
		margin-top: 2px;	
	}
		
	.topMargin5
	{
		margin-top:5px;
	} 
	
	.topMargin10
	{
		margin-top: 10px;
	}
		
	.topMargin15
	{
		margin-top: 15px;
	}
		
	.topMargin20
	{
		margin-top: 20px;
	}
	
	.topMargin25
	{
		margin-top: 25px;
	}
	
	.topMargin26
	{
		margin-top: 26px;
	}
	
	.topMargin30
	{
		margin-top: 30px;
	}
	
	.topMargin35
	{
		margin-top: 35px;
	}
	
	.topMargin40
	{
		margin-top: 40px;
	}
	
	.topMargin50
	{
		margin-top: 50px;
	}
		
	.topMargin80
	{
		margin-top:80px;
	}
	
	.leftMargin5
	{
		margin-left: 5px;
	}

	.leftMargin10
	{
		margin-left: 10px;
	}
	
	.leftMargin15
	{
		margin-left: 15px;
	}
	
	.leftMargin20
	{
		margin-left: 20px;
	}
	
	.leftMargin25
	{
		margin-left: 25px;
	}
	
	.leftMargin35
	{
		margin-left: 35px;
	}
	
	.leftMargin45
	{
		margin-left: 45px;
	}
	
	.rightMargin5
	{
		margin-right: 5px;
	}
	
	.rightMargin15
	{
	    margin-right:15px;    
	}
	
	.rightMargin35
	{
	    margin-right:35px;    
	}
	
	.rightMargin94
	{
		margin-right:94px;
	}
		
	.leftMargin65
	{
		margin-left: 65px;
	}
	
	.leftMargin90
	{
		margin-left: 90px;
	}
	
	.leftMargin120
	{
		margin-left: 120px;
	}
			
	.leftMargin400
	{
		margin-left: 400px;
	}
	
	/* END: Margins */

	.AddItalic
	{
		font-style:italic;
	}

	.AddBold
	{
		font-weight:bold;
	}
	
	.AddUnderline
	{
		text-decoration:underline;
	}
	
	.removeBold
	{
		font-weight:normal;
	}
	
	.fontSize11
	{
		font-size: 11px;
	}
	
	.fontSize13
	{
		font-size: 13px;
	}
	
	.fontSize14
	{
		font-size: 13px;
	}
	
	.fontSize16
	{
		font-size: 16px;
	}

	.flashArea
	{
		font-size:16px;
		text-align:left;
		font-weight:bold;
		margin-top:20px;
	}
	
	.fieldCaption
	{
		font-size: 11px;
	}

	.column100
	{
		width:100px;
		float:left;	
		overflow:hidden;
	}
	
	.column80
	{
		width:80px;
		float:left;	
		overflow:hidden;
	}
	
	.column70
	{
		width:70px;
		float:left;	
		overflow:hidden;
	}

	.column150
	{
		width:150px;
		float:left;	
		overflow:hidden;
	}
	
	.column200
	{
		width:200px;
		float:left;	
		overflow:hidden;
	}
	
	.column280
	{
		width:280px;
		float:left;
		overflow:hidden;
	}

	.column300
	{
		width:300px;
		float:left;
		overflow:hidden;
	}
	
    .termsSub
    {
        list-style-image:url(images/listDash.gif);
	}
	
	.stnLogo
	{
		width:147px;
		height:40px;
		background: url(images/share-the-network-vertical-logo.png) left center no-repeat;
		padding: 0;
		text-align:left;
	}

	.infoPopup
	{
		font-size: 10px;
		width: 180px;
		height: auto;
		padding: 6px;
		border: solid 1px #cccccc;
		visibility: hidden;
		background-color: #e6eef2;
		text-align:left;
	}
	
	.referralForwardThanks
	{
		width:439px;
		height:166px;
		background: url(images/referral-forward-thanks.png) left center no-repeat;
		padding: 0px 20px 20px 0;
	}

	#referralStatusDisplay
	{
		margin-left:40px;
	}
		
	#referralStatusDisplay .referralStatusImageNew
	{
		height: 70px;
		width:451px;
		background: url(images/referral-status-new.png) no-repeat center;
	}
	
	#referralStatusDisplay .referralStatusImagePending
	{
		height: 70px;
		width:451px;
		background: url(images/referral-status-pending.png) no-repeat left;
	}
	
	#referralStatusDisplay .referralStatusImageCompleted
	{
		height: 70px;
		width:451px;
		background: url(images/referral-status-last.png) no-repeat left;
	}
	
	#referralStatusDisplay .referralStatusImageDeclinedOrExpired
	{
		height: 70px;
		width:451px;
		background: url(images/referral-status-declined-or-expired.png) no-repeat left;
	}
	
	#referralStatusDisplay .referralStatusMessage
	{
		width:451px;
		font-weight:bold;
		text-align:left;
	}
	
	#referralContent
	{
		margin-top:20px;
		width:82%;
	}
	
	#referralContent .referralCode
	{
		border:1px solid #ccc;
		padding:2px 8px 2px 8px;
		font-size:14px;
		font-weight:bold;
		margin:5px 5px 0 5px;
		float:left;
	}
	
	#referralContent #thankYouBox
	{
		border:1px solid #f00;
		padding:10px;
	}
	
	#referralActions
	{
		width:78%;
		float:right;
		position:relative;
	}
	
	#referralActions .message
	{
		font-weight:bold;
		color:#f00;
	}
	
	#referralActions .actionSection
	{
		display:none;
		padding:10px;
		width:100%;
		position:relative;
		z-index:100;
	}
	
	#referralActions .title
	{
		color:#fff;
		font-weight:bold;
		font-size:14px;
		width:716px;
		height:32px;
	}
	
	#referralActions #emailTitle
	{
		background: url(images/referral-action-title-email.png) no-repeat top left;
		width:100%;
		height:100%;
		padding:10px;
	}
	
	#referralActions #twitterTitle
	{
		background: url(images/referral-action-title-twitter.png) no-repeat top left;
		width:100%;
		height:100%;
		padding:10px;
	}
	
	#referralActions #facebookTitle
	{
		background: url(images/referral-action-title-facebook.png) no-repeat top left;
		width:100%;
		height:100%;
		padding:10px;
	}
	
	#referralActions #printTitle
	{
		background: url(images/referral-action-title-print.png) no-repeat top left;
		width:100%;
		height:100%;
		padding:10px;
	}
	
	#referralNavMenu{}
	
	#referralNavMenu .referralCode
	{
		border:1px solid #ccc;
		padding:2px 4px 2px 8px;
		font-size:11px;
		margin:10px 0 0 0;
		width:180px;
	}
	
	#referralNavMenu .menuItem
	{
		width:192px;
		height:31px;
		margin-top:10px;
		cursor:pointer;
	}
	
	#referralNavMenu .email
	{
		background: url(images/referral-action-menu-email.png) no-repeat;
	}
	
	#referralNavMenu .facebook
	{
		background: url(images/referral-action-menu-facebook.png) no-repeat;
	}
	
	#referralNavMenu .twitter
	{
		background: url(images/referral-action-menu-twitter.png) no-repeat;
	}
	
	#referralNavMenu .print
	{
		background: url(images/referral-action-menu-print.png) no-repeat;
	}
	
	#referralNavMenu .selected
	{
		background-position:top left;
	}
	
	#referralNavMenu .deselected
	{
		background-position:0 -31px;
	}

	.displayBlock
	{
		display:block;
	}
	
	.displayNone
	{
		display:none;
	}
		
	/* START: Header */
	#headerContainer
	{
		width:100%;
		height:102px;
		padding:0px;
	}
	
	#headerBox
	{
		width:985px;
		height:102px;
		margin-left: auto;
		margin-right: auto;
	}

	#headerLogo
	{
		float:left;
		margin: 15px 70px 0 0;
		width:113px;
		height:61px;
	}

	#headerNavigation
	{
		float:left;
		width:785px;
	}
		
	#headerActions
	{
		float:right;
		margin: 15px 0 0 0;
		text-align:right;
		font-size: 11px;
	}
	
	#headerActions a
	{
		color: #0066cc;
	}
	
	#headerActions a:visited
	{
		color: #663366;
	}
	
	/* END: Header */
	
	/* START: NavBar */
	#navBar
	{
		float:left;
		text-align: left;
		height: 35px;
		width:auto;
		padding: 0;
		margin: 25px 0 0 10px;
	}
	
	#navBar ul
	{
		margin:0px;
		padding:0px;
		float:left;
	}
	
	#navBar li
	{
		float:left;
		height:27px;
		list-style-type:none;
	}
	
	#navBar .selected
	{
		background: url(images/red-line-fade.jpg) bottom left repeat-x transparent;
	}
	
	#navBar a
	{
		float:left;
		display:block;
		color:#000000;
		text-decoration: none;
		font-size: 13px;
		font-weight:bold;
		padding: 0 10px 0 10px;
		height:27px;
	}
	
	#signInRegion
	{
		float:right;
		margin: 20px 0 0 10px;
	}
	
	#signInRegion .welcomeText
	{
		color:#666666;
		margin:4px 5px 0 0;
		display:inline-block;
		font-weight:bold;
	}
	/* END: NavBar */
	
	/* START: Footer */
	#footerContainer
	{
		width: 985px;
		margin-left: auto;
		margin-right: auto;
		padding: 16px 0 10px 0;
		font-size: 11px;
	}
	.footerContainerGeneral
	{}
	.footerContainerThin
	{
		width:670px;
	}

	#footerContainer a
	{	
		color: #0066cc;
	}
		
	#footerContainer a:link, #footerContainer a:hover, #footerContainer a:active
	{	
		color: #0066cc;
	}
	
	#footerContainer a:visited
	{	
		color: #0066cc;
	}

	#footerNav
	{
		float:left;
	}

	.copyright
	{
		text-align: left;
		color: #999999;
		float:right;
	}
	/* END: Footer */

	/* START: align */
	.rightAlign
	{
		text-align:right;
	}

	.leftAlign
	{
		text-align:left;
	}

	.centerAlign
	{
		text-align:center;
	}
	
	.centerAlignByMargins
	{
		margin: 0px auto 0px auto;
	}
	
	/* END: align */
	
	/* START: Image Classes */
	img
	{
		border: 0;
	}
	
	img.divider
	{
		vertical-align:bottom;
		margin: 2px 6px 2px 6px;
		float:left;
	}
	/* END: Image Classes */

	#homeBack
	{
		margin-top:10px;
		height:425px;
		width:601px;
	}
	
	#homeBack .interior
	{
		background: url(images/happy-with-card.png) bottom right no-repeat;
		position:relative;
		top:15px;
		left:30px;
		height:100%;
		width:100%;
	}
	
	#homeBack .items
	{
		position:relative;
		top:-15px;
		left:-30px;
		height:100%;
	}

	#whyShareInfoBoxOuter
	{
		margin-top:15px;
	}
	
	#whyShareInfoBoxOuter .title
	{
		font-size:15px;
		font-weight:bold;
	}
	
	#whyShareInfoBoxOuter .content1
	{
		background:url(images/mouse-top-justify.png) top right no-repeat;
		margin-top:13px;
		height:89px;
		width:272px;
		padding-top:10px;
	}
	
	#whyShareInfoBoxOuter .content2
	{
		background:url(images/tv-combo.png) center right no-repeat;
		margin-top:10px;
		height:89px;
		width:272px;
		padding-top:10px;
	}
	
	#whyShareInfoBoxOuter .content3
	{
		background:url(images/rewards-card-tiny6.png) center right no-repeat;
		margin-top:-9px;
		height:89px;
		width:272px;
		padding-top:10px;
	}
	
	#whyShareInfoBoxOuter .whyShareInfoBoxSmall
	{
		background: url(images/why-share-info-box-small.png) top left no-repeat;
		width: 278px;
		height: 114px;
		padding: 13px;
		float: left;
	}
	
	#whyShareItemList
	{
		margin-top:10px;
		height:385px;
		width:455px;
	}
	
	#whyShareItemList .interior
	{
		background: url(images/woman-laptop.png) bottom right no-repeat;
		position:relative;
		top:30px;
		height:100%;
	}
	
	#whyShareItemList .items
	{
		position:relative;
		top:-30px;
		height:100%;
	}
	
	#whyShareItemList .itemRow
	{
		width:250px;
		margin-top:10px;
	}
	
	#whyShareItemList .itemRowText
	{
		width:197px;
		float:left;
		margin-left:10px;
	}
	
	.contentContainer
	{
		width:100%;
		margin-left: auto;
		margin-right: auto;
		border:#e5e5e5 0px solid;
	}
	
	.contentContainerThin
	{
		width:670px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#contentBodyContainer
	{
		width: 100%;
		height: auto;
		min-height: 336px;
		margin-left: auto;
		margin-right: auto;
		text-align:center;
	}
	
	#contentBody
	{
		width:984px;
		margin: 0px auto 0px auto;
		min-height:300px;
	}
	
	#contentColumnFunctional
	{
		width:605px;
		float:left;
	}
	
	.whyShareInfoBox #contentColumnFunctional
	{
		width:855px;
		float:left;
	}
	
	#contentColumnFunctional .doubleColumn
	{
		width:45%;
		float:left;
		text-align:left;
	}
	
	#contentColumnInformation
	{
		width:255px;
		float:right;
		font-weight:bold;
		color:#000000;
	}
	
	.informationTitleWhite
	{
		font-weight:bold;
		font-family:Myriad Pro, Arial;
		color:#ffffff;
		font-size:20px;
		text-align:center;
	}
	
	.informationTitleGray
	{
		font-weight:bold;
		font-family:Myriad Pro, Arial;
		color:#3D3D3D;
		font-size:20px;
		text-align:left;
	}
	
	.informationTitle
	{
		font-weight:bold;
		font-family:Myriad Pro, Arial;
		color:#ff0000;
		font-size:20px;
	}
	
	.informationTitleBlack
	{
		font-weight:bold;
		font-family:Myriad Pro, Arial;
		color:#000000;
		font-size:20px;
	}
	
	.informationTitleSmall
	{
	    font-weight:bold;
		font-family:Myriad Pro, Arial;
		color:#ff0000;
		font-size:18px;    
	}
	
	.informationTitleSmaller
	{
	    font-weight:bold;
		font-family:Myriad Pro, Arial;
		color:#ff0000;
		font-size:16px;    
	}
	
	#listLeft ul
	{
		margin:0px;
		padding:0px;
	}
	
	#listLeft li
	{
		list-style-type:disc;
	}

	.font26
	{
		font-weight:bold;
		font-family:Myriad Pro, Arial;
		color:#ff0000;
		font-size:20px;
	}
	
	#contentColumnInformation .divider
	{
		height:1px;
		line-height:1px;
		width:260px;
		background-color:#cccccc;
		margin:20px 0 20px 0;
	}
	
	.dividerGray
	{
		height:1px;
		line-height:1px;
		width:100%;
		background-color:#cccccc;
		margin:5px 0 5px 0;
	}
	
	.mainAdLink
    {
        margin-left:30px; 
        background-image:url(images/ad-left.png); 
        width:290px; 
        height:110px; 
        padding-top:200px; 
        clear:right; 
	    float:left; 
	    text-align:center;
    }
        
	.standoutTextIntro
	{
		font-size:30px;
		font-family: Myriad Pro, Arial;
		color:#ff0000;
	}
	
	.standoutTextPrimary
	{
		font-size:42px;
		font-family: Myriad Pro, Arial;
		color:#ff0000;
	}
	
	.errorField
	{
		display:inline-block;
		color:#ff0000;
		background-color:#ffcccc;
		padding:2px;
	}
	
	/* START: TableBox section */
	
	.tableBox
	{
		float:left;
		width:535px;
	}
	
	.tableBox .tableBoxHeight200
	{
		height: 200px;
	}
	
	.tableBox .tableBoxInner
	{
		text-align: center;
		width:539px;
	}
	
	.tableBox .tableBoxTitle
	{
		font-size: 16px;
		color: #000000;
		text-align: left;
		font-weight: bold;
		padding: 0 0 5px 0;
	}
	
	.tableBox .tableBoxHeader
	{
		height:32px;
		width:100%;	
	}
	
	.tableBox .tableBoxContent
	{
		/*background-color: #ffffff;*/
		display: block;
		/*border:1px solid #cacaca;*/
		border-top:0;
		padding-top:5px;
	}
	
	.tableBox .tableBoxFooter
	{
		font-size:12px;
		color:#000000;
		text-align:left;
		font-weight:bold;
		padding:3px 8px 8px 8px;
	}
	
	.tableBox .tableBoxContent #myRefSummaryItems
	{
		border-top:1px solid #cacaca;
	}
	
	.tableBox .tableBoxContent .myRefSummaryRow
	{
		padding:15px 5px 5px 5px;
		text-align:left;
		border-bottom:1px solid #cacaca;
		height:20px;
		overflow:hidden;
	}
	
	.tableBox .tableBoxContent .myRefSummaryRow .myRefSummaryRowAmt
	{
		font-weight: bold;
		font-size:125%;
		float:right;
	}

	.tableBox .tableBoxContent #refDetailLeftCol
	{
		float:left;
		margin:8px 15px 0 5px
	}
	
	.tableBox .tableBoxContent .refDetailRightCol
	{
		float:left;
		width:99%;
		overflow:hidden;
	}
	
	.tableBox .tableBoxContent .refDetailRow
	{
		margin: 8px 0 0 0;
		padding-bottom:5px;
		text-align: left;
		border-bottom:1px solid #cacaca;
	}
	
	.tableBox .tableBoxContent .refDetailRowNoBottom
	{
		margin: 8px 0 0 0;
		padding-bottom:5px;
		text-align: left;
	}
	
	/* END: TableBox section */
	
	/* START: contentBodyBoxDouble */
	.contentBodyBoxDouble
	{
		min-height:335px;
		width:984px;
	}
	.contentBodyBoxDouble .top-left
	{ 
		background-image: url(images/content-background-circle-double-top.png);
		height: 6px;       /* height of corner */
		font-size: 1px;    /* DNC: correction IE for height of the <div>'s */
	}
	.contentBodyBoxDouble .bottom-left
	{ 
		background-image: url(images/content-background-circle-double-bottom.png);
		height: 6px;       /* height of corner */
		font-size: 1px;    /* DNC: correction IE for height of the <div>'s */
	}
	.contentBodyBoxDouble .inside {

		background: url(images/content-background-circle-double-inner.png) top left repeat-y;
		padding: 20px 30px 10px 30px;
		min-height:335px;
		overflow:hidden;
	}
	.contentBodyBoxDouble .notopgap    { margin-top: 0; }    /* to avoid splitting of the box */
	.contentBodyBoxDouble .nobottomgap { margin-bottom: 0px; padding-bottom: 0px; } /* to avoid splitting of the box */
	/* END: contentBodyDouble */
	
	/* START: contentBody Liquid Borders */
	.contentBodyBox
	{
		min-height:335px;
		width:671px;
		float:left;
	}
	.contentBodyBox .top-left, .contentBodyBox .top-right, .contentBodyBox .bottom-left, .contentBodyBox .bottom-right 
	{ 
		background-image: url(images/content-background-circle.png);
		height: 6px;       /* height of corner */
		font-size: 1px;    /* DNC: correction IE for height of the <div>'s */
	}
	.contentBodyBox .top-left, .contentBodyBox .bottom-left 
	{ 
		margin-right: 6px; /* width of corner */
	}
	.contentBodyBox .top-right, .contentBodyBox .bottom-right
	{ 
		margin-left: 6px;  /* height of corner */
		margin-top: -6px;  /* height of corner */
	}
	.contentBodyBox .top-right
	{
		background-position: 100% 0;    /* position right corner at right side, no vertical changes */
	}
	.contentBodyBox .bottom-left
	{ 
		background-position: 0 -6px;    /* height of corner */
	}
	.contentBodyBox .bottom-right
	{ 
		background-position: 100% -6px; /* height of corner */
	}
	.contentBodyBox .inside {
		border-left: 1px solid #d6d6d6;
		border-right: 1px solid #d6d6d6;
		background:  #ffffff;
		padding: 20px 30px 20px 30px;
		min-height:335px;
		overflow:hidden;
	}
	.contentBodyBox .notopgap    { margin-top: 0; }    /* to avoid splitting of the box */
	.contentBodyBox .nobottomgap { margin-bottom: 0px; padding-bottom: 0px; } /* to avoid splitting of the box */
	/* END: contentBody Liquid Borders */
	
	/* START: contentBodyRightColumn Liquid Borders */
	.contentBodyBoxRightColumn
	{
		min-height:450px;
		width:305px;
		float:left;
		margin-left: 8px;
	}
	.contentBodyBoxRightColumn .top-left, .contentBodyBoxRightColumn .top-right, .contentBodyBoxRightColumn .bottom-left, .contentBodyBoxRightColumn .bottom-right 
	{ 
		background-image: url(images/content-background-circle.png);
		height: 6px;       /* height of corner */
		font-size: 1px;    /* DNC: correction IE for height of the <div>'s */
	}
	.contentBodyBoxRightColumn .top-left, .contentBodyBoxRightColumn .bottom-left 
	{ 
		margin-right: 6px; /* width of corner */
	}
	.contentBodyBoxRightColumn .top-right, .contentBodyBoxRightColumn .bottom-right
	{ 
		margin-left: 6px;  /* height of corner */
		margin-top: -6px;  /* height of corner */
	}
	.contentBodyBoxRightColumn .top-right
	{
		background-position: 100% 0;    /* position right corner at right side, no vertical changes */
	}
	.contentBodyBoxRightColumn .bottom-left
	{ 
		background-position: 0 -6px;    /* height of corner */
	}
	.contentBodyBoxRightColumn .bottom-right
	{ 
		background-position: 100% -6px; /* height of corner */
	}
	.contentBodyBoxRightColumn .inside {
		border-left: 1px solid #d6d6d6;
		border-right: 1px solid #d6d6d6;
		background:  #ffffff;
		padding: 20px 30px 20px 30px;
		min-height:450px;
		height:100%;
		overflow:hidden;
	}
	.contentBodyBoxRightColumn .notopgap    { margin-top: 0; }    /* to avoid splitting of the box */
	.contentBodyBoxRightColumn .nobottomgap { margin-bottom: 0px; padding-bottom: 0px; } /* to avoid splitting of the box */
	/* END: contentBodyRightColumn Liquid Borders */
	
	/* START: why share information footer Liquid Borders */
	.whyShareInfoBox
	{
		width:984px;
	}
	.whyShareInfoBox .top-left, .whyShareInfoBox .top-right, .whyShareInfoBox .bottom-left, .whyShareInfoBox .bottom-right 
	{ 
		background-image: url(images/content-background-circle.png);
		height: 6px;       /* height of corner */
		font-size: 1px;    /* DNC: correction IE for height of the <div>'s */
	}
	.whyShareInfoBox .top-left, .whyShareInfoBox .bottom-left 
	{ 
		margin-right: 6px; /* width of corner */
	}
	.whyShareInfoBox .top-right, .whyShareInfoBox .bottom-right
	{ 
		margin-left: 6px;  /* height of corner */
		margin-top: -6px;  /* height of corner */
	}
	.whyShareInfoBox .top-right
	{
		background-position: 100% 0;    /* position right corner at right side, no vertical changes */
	}
	.whyShareInfoBox .bottom-left
	{ 
		background-position: 0 -6px;    /* height of corner */
	}
	.whyShareInfoBox .bottom-right
	{ 
		background-position: 100% -6px; /* height of corner */
	}
	.whyShareInfoBox .inside {
		border-left: 1px solid #d6d6d6;
		border-right: 1px solid #d6d6d6;
		background:  #ffffff;
		padding: 22px;
		overflow:hidden;
	}
	.whyShareInfoBox .notopgap    { margin-top: 0; }    /* to avoid splitting of the box */
	.whyShareInfoBox .nobottomgap { margin-bottom: 0px; padding-bottom: 0px; } /* to avoid splitting of the box */
	/* END: why share information footer Liquid Borders */
	
	/* START: Referral page actions Liquid Borders */
	.liquidReferActionsBox
	{
		width:716px;
	}
	.liquidReferActionsBox .top-left, .liquidReferActionsBox .top-right
	{ 
		background-image: url(images/liquid-refer-actions-box.png);
		height:5px;       /* height of corner */
		font-size:1px;    /* DNC: correction IE for height of the <div>'s */
	}
	.liquidReferActionsBox .bottom-left, .liquidReferActionsBox .bottom-right 
	{ 
		background-image: url(images/liquid-refer-actions-box.png);
		height:31px;       /* height of corner */
		font-size:1px;    /* DNC: correction IE for height of the <div>'s */
	}
	.liquidReferActionsBox .top-left, .liquidReferActionsBox .bottom-left 
	{ 
		margin-right:3px; /* width of corner */
		background-position:1px 0;
	}
	.liquidReferActionsBox .top-right
	{ 
		margin-left:5px;  /* height of corner */
		margin-top:-5px;  /* height of corner */
	}
	.liquidReferActionsBox .bottom-right
	{ 

		margin-top:-31px;  /* height of corner */
		background-position:100% -31px; /* height of corner */
	}
	.liquidReferActionsBox .top-right
	{
		background-position:100% 0;    /* position right corner at right side, no vertical changes */
	}
	.liquidReferActionsBox .bottom-left
	{ 
		background-position:1px -31px;    /* height of corner */
	}
	.liquidReferActionsBox .inside {
		border-left: 1px solid #a9a9a9;
		border-right: 1px solid #a9a9a9;
		background:  #ffffff;
		padding: 0px;
		overflow:hidden;
		min-height:435px;
	}
	.liquidReferActionsBox .notopgap    { margin-top: 0; }    /* to avoid splitting of the box */
	.liquidReferActionsBox .nobottomgap { margin-bottom: 0px; padding-bottom: 0px; } /* to avoid splitting of the box */
	/* END: Referral page actions Liquid Borders */
	
	/* START: Referral page actions IWG Liquid Borders */
	.liquidReferIWG
	{
		padding:0px;
		width:716px;
	}
	.liquidReferIWG .top-left, .liquidReferIWG .top-right
	{ 
		height:0px;       /* height of corner */
		font-size:0px;    /* DNC: correction IE for height of the <div>'s */
		background:url(images/promo-referral-action-menu-sharethejoy.png);
		
	}
	.liquidReferIWG .bottom-left, .liquidReferIWG .bottom-right 
	{ 
		background-image: url(images/promo-liquid-refer-iwg-bottom.png);
		height:6px;       /* height of corner */
		font-size:1px;    /* DNC: correction IE for height of the <div>'s */
	}
	.liquidReferIWG .top-left 
	{ 
		margin-right:0px; /* width of corner */
		background-position:0px 0;
	}
	.liquidReferIWG .bottom-left 
	{ 
		margin-right:6px; /* width of corner */
		background-position:1px 0;
	}
	.liquidReferIWG .top-right
	{ 
		margin-left:0px;  /* height of corner */
		margin-top:0px;  /* height of corner */
	}
	.liquidReferIWG .bottom-right
	{ 

		margin-top:-6px;  /* height of corner */
		background-position:100% -6px; /* height of corner */
	}
	.liquidReferIWG .top-right
	{
		background-position:100% 0;    /* position right corner at right side, no vertical changes */
	}
	.liquidReferIWG .bottom-left
	{ 
		background-position:1px -6px;    /* height of corner */
	}
	.liquidReferIWG .inside {
		border-left: 1px solid #a9a9a9;
		border-right: 1px solid #a9a9a9;
		background: url(images/promo-liquid-refer-iwg-middle.png) #ececec top left no-repeat;
		padding:20px;
		min-height:435px;
		overflow:hidden;
	}
	.liquidReferIWG .notopgap    { margin-top: 0; }    /* to avoid splitting of the box */
	.liquidReferIWG .nobottomgap { margin-bottom: 0px; padding-bottom: 0px; } /* to avoid splitting of the box */
	/* END: Referral page actions IWG Liquid Borders */
	
	/* START: messageBox Liquid Borders */
	.messageBox
	{
		min-height:36px;
		width:535px;
	}
	.messageBox .top-left, .messageBox .top-right, .messageBox .bottom-left, .messageBox .bottom-right 
	{ 
		background-image: url(images/message-box-white.png);
		height: 3px;       /* 4 is height of corner */
		font-size: 4px;    /* DNC: correction IE for height of the <div>'s */
	}
	.messageBox .top-left, .messageBox .bottom-left 
	{ 
		margin-right: 3px; /* 4 is width of corner */
	}
	.messageBox .top-right, .messageBox .bottom-right
	{ 
		margin-left: 3px;  /* 4 is height of corner */
		margin-top: -3px;  /* 4 is height of corner */
	}
	.messageBox .top-right
	{
		background-position: 100% 0;    /* position right corner at right side, no vertical changes */
	}
	.messageBox .bottom-left
	{ 
		background-position: 0 -3px;    /* 4 is height of corner */
	}
	.messageBox .bottom-right
	{ 
		background-position: 100% -3px; /* 4 is height of corner */
	}
	.messageBox .inside {
		border-left: 1px solid #e3e3e3;
		border-right: 1px solid #e3e3e3;
		background: no-repeat top left #ffffff;
		padding: 7px 10px 7px 10px;
		min-height:32px;
		overflow:hidden;
	}
	.messageBox .notopgap    { margin-top: 0;}    /* to avoid splitting of the box */
	.messageBox .nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* to avoid splitting of the box */
	/* END: messageBox Liquid Borders */
	
	/* START: referral-details control Liquid Borders */
	.rbbBodyBox
	{
		min-height:150px;
		width:263px;
	}
	.rbbBodyBox .top-left, .rbbBodyBox .top-right, .rbbBodyBox .bottom-left, .rbbBodyBox .bottom-right 
	{ 
		background-image: url(images/referral-details.png);
		height: 9px;       /* 4 is height of corner */
		font-size: 4px;    /* DNC: correction IE for height of the <div>'s */
	}
	.rbbBodyBox .top-left, .rbbBodyBox .bottom-left 
	{ 
		margin-right: 9px; /* 4 is width of corner */
	}
	.rbbBodyBox .top-right, .rbbBodyBox .bottom-right
	{ 
		margin-left: 9px;  /* 4 is height of corner */
		margin-top: -9px;  /* 4 is height of corner */
	}
	.rbbBodyBox .top-right
	{
		background-position: 100% 0;    /* position right corner at right side, no vertical changes */
	}
	.rbbBodyBox .bottom-left
	{ 
		background-position: 0 -9px;    /* 4 is height of corner */
	}
	.rbbBodyBox .bottom-right
	{ 
		background-position: 100% -9px; /* 4 is height of corner */
	}
	.rbbBodyBox .inside {
		border-left: 1px solid #bfbfbf;
		border-right: 1px solid #bfbfbf;
		background: url(images/referral-details-background.png) repeat-x top left #ebebeb;
		min-height:150px;
		padding:0px 0px 0px 0px;
		overflow:hidden;
	}
	.rbbBodyBox .notopgap    { margin-top: 0; }    /* to avoid splitting of the box */
	.rbbBodyBox .nobottomgap { margin-bottom: 0px; padding-bottom: 0px; } /* to avoid splitting of the box */
	/* END: referral-details control */
	
	/* START: sign in box control Liquid Borders */
	.signInBox
	{
		min-height:150px;
		width:240px;
	}
	.signInBox .top-left, .signInBox .top-right, .signInBox .bottom-left, .signInBox .bottom-right 
	{ 
		background-image: url(images/sign-in-box-border.gif);
		height: 5px;       /* 5 is height of corner */
		font-size: 4px;    /* DNC: correction IE for height of the <div>'s */
	}
	.signInBox .top-left, .signInBox .bottom-left 
	{ 
		margin-right: 5px; /* 5 is width of corner */
	}
	.signInBox .top-right, .signInBox .bottom-right
	{ 
		margin-left: 5px;  /* 5 is height of corner */
		margin-top: -5px;  /* 5 is height of corner */
	}
	.signInBox .top-right
	{
		background-position: 100% 0;    /* position right corner at right side, no vertical changes */
	}
	.signInBox .bottom-left
	{ 
		background-position: 0 -5px;    /* 5 is height of corner */
	}
	.signInBox .bottom-right
	{ 
		background-position: 100% -5px; /* 5 is height of corner */
	}
	.signInBox .inside {
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		background: #fff;
		min-height:150px;
		padding:10px;
		overflow:hidden;
	}
	.signInBox .notopgap    { margin-top: 0; }    /* to avoid splitting of the box */
	.signInBox .nobottomgap { margin-bottom: 0px; padding-bottom: 0px; } /* to avoid splitting of the box */
	/* END: sign in box control */
	
	/* START: popup Liquid Borders */
	.popupMessageBox
	{
		min-height:150px;
		width:625px;
	}
	.popupMessageBox .top-left, .popupMessageBox .top-right, .popupMessageBox .bottom-left, .popupMessageBox .bottom-right 
	{ 
		background-image: url(images/message-border-gray.gif);
		height: 4px;       /* 4 is height of corner */
		font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
	.popupMessageBox .top-left, .popupMessageBox .bottom-left 
	{ 
		margin-right: 4px; /* 4 is width of corner */
	}
	.popupMessageBox .top-right, .popupMessageBox .bottom-right
	{ 
		margin-left: 4px;  /* 4 is height of corner */
		margin-top: -4px;  /* 4 is height of corner */
	}
	.popupMessageBox .top-right
	{
		background-position: 100% 0;    /* position right corner at right side, no vertical changes */
	}
	.popupMessageBox .bottom-left
	{ 
		background-position: 0 -4px;    /* 4 is height of corner */
	}
	.popupMessageBox .bottom-right
	{ 
		background-position: 100% -4px; /* 4 is height of corner */
	}
	.popupMessageBox .inside {
		border-left: 1px solid #cbcbcb;
		border-right: 1px solid #cbcbcb;
		background: #f7f7f7;
		color: #000000;
		padding-left:10px;
		padding-right:10px;
		padding-top:1px;
		min-height:150px;
		max-height:505px;
		overflow:auto;
	}
	.popupMessageBox .notopgap    { margin-top: 0; }    /* to avoid splitting of the box */
	.popupMessageBox .nobottomgap { margin-bottom: -0px; padding-bottom: 0px; } /* to avoid splitting of the box */
	/* END: popup Liquid Borders */
	
	/* START: contentBody Liquid Borders */
	.customCommPreviewBox
	{
		min-height:335px;
		width:835px;
		float:left;
	}
	.customCommPreviewBox .top-left, .customCommPreviewBox .top-right, .customCommPreviewBox .bottom-left, .customCommPreviewBox .bottom-right 
	{ 
		background-image: url(images/content-background-circle.png);
		height: 6px;       /* height of corner */
		font-size: 1px;    /* DNC: correction IE for height of the <div>'s */
	}
	.customCommPreviewBox .top-left, .customCommPreviewBox .bottom-left 
	{ 
		margin-right: 6px; /* width of corner */
	}
	.customCommPreviewBox .top-right, .customCommPreviewBox .bottom-right
	{ 
		margin-left: 6px;  /* height of corner */
		margin-top: -6px;  /* height of corner */
	}
	.customCommPreviewBox .top-right
	{
		background-position: 100% 0;    /* position right corner at right side, no vertical changes */
	}
	.customCommPreviewBox .bottom-left
	{ 
		background-position: 0 -6px;    /* height of corner */
	}
	.customCommPreviewBox .bottom-right
	{ 
		background-position: 100% -6px; /* height of corner */
	}
	.customCommPreviewBox .inside {
		border-left: 1px solid #d6d6d6;
		border-right: 1px solid #d6d6d6;
		background:  #ffffff;
		padding: 20px 0 20px 0;
		min-height:300px;
		max-height:525px;
		width:100%;
		overflow:auto;
	}
	.customCommPreviewBox .notopgap    { margin-top: 0; }    /* to avoid splitting of the box */
	.customCommPreviewBox .nobottomgap { margin-bottom: 0px; padding-bottom: 0px; } /* to avoid splitting of the box */
	/* END: contentBody Liquid Borders */

	.modalBackground
	{
		background-color: #000;
		opacity: 0.7;
		filter: alpha(opacity=70);
		cursor:wait;
	}

	/* START: Basic Button */
	
	.Button 
	{
		color:#000;
		text-decoration:none;
		font-weight:bold;
		cursor:pointer;
	}

	.Button:link, .Button:visited, .Button:hover .Button:active
	{
		color:#000;
		text-decoration:none;
	}

	.Button a:hover
	{
		color:#000;
		text-decoration:none;
	}
	
	.Button .StyledHyperLink__left
	{
		background: url(images/btnLeft.gif) no-repeat left top;
		margin: 0;
		height:22px;
		width: 13px;
		display:inline-block;
		vertical-align:top;
	}

	.Button .StyledHyperLink__middle
	{
		background: url(images/btnMiddle.gif) repeat-x scroll right top;
		padding: 3px 0 0 0;
		margin:0;
		height:19px;
		width:auto;
		display: inline-block;
		color:#fff;
		text-decoration:none;
		vertical-align:top;
		font-family:Myriad Pro, Arial, Sans-Serif;
		font-size: 13px;
	}

	.Button .StyledHyperLink__right
	{
		background: url(images/btnRight.gif) no-repeat scroll right top;
		margin:0;
		height:22px;
		width: 13px;
		display:inline-block;
		vertical-align:top;
	}
	
	/* END: Basic Button */
	
	/* START: Basic Button Gray */
	.ButtonGray
	{
		color:#000;
		text-decoration:none;
		font-weight:bold;
		cursor:pointer;
	}

	.ButtonGray:link, .ButtonGray:visited, .ButtonGray:hover
	{
		color:#000;
		text-decoration:none;
	}

	.ButtonGray a:hover
	{
		color:#000;
		text-decoration:none;
	}
	.ButtonGray:active
	{
		color:#000;
		text-decoration:none;
	}

	.ButtonGray .StyledHyperLink__left
	{
		background: url(images/btnLeft_Gray.gif) no-repeat left top;
		margin: 0;
		height:22px;
		width: 14px;
		display:inline-block;
		vertical-align:top;
	}

	.ButtonGray .StyledHyperLink__middle
	{
		background: url(images/btnMiddle_Gray.gif) repeat-x scroll right top;
		padding: 3px 0 0 0;
		margin:0;
		height:19px;
		width:auto;
		display: inline-block;
		color:#fff;
		text-decoration:none;
		vertical-align:top;
		font-family:Myriad Pro, Arial, Sans-Serif;
		font-size: 13px;
	}

	.ButtonGray .StyledHyperLink__right
	{
		background: url(images/btnRight_Gray.gif) no-repeat scroll right top;
		margin:0;
		height:22px;
		width: 14px;
		display:inline-block;
		vertical-align:top;
	}
	/* END: Basic Button Gray*/
	
	/* START: Basic Button - BIG */
	.ButtonBig 
	{
		
		color:#000;
		text-decoration:none;
		font-weight:bold;
		cursor:pointer;
	}

	.ButtonBig:link
	{
		color:#000;
		text-decoration:none;
	}

	.ButtonBig:visited
	{
		color:#000;
		text-decoration:none;
	}

	.ButtonBig:hover
	{
		color:#000;
		text-decoration:none;
	}
	.ButtonBig a:hover
	{
		color:#000;
		text-decoration:none;
	}
	.ButtonBig:active
	{
		color:#000;
		text-decoration:none;
	}
	
	.ButtonBig .StyledHyperLink__left
	{
		background: url('images/btnLeft-big.gif') no-repeat left top;
		margin: 0;
		height:37px;
		width: 12px;
		display:inline-block;
		vertical-align:top;
	}

	.ButtonBig .StyledHyperLink__middle
	{
		background: url(images/btnMiddle-big.gif) repeat-x scroll right top;
		padding: 5px 15px 0 15px;
		margin:0;
		height:32px;
		width:auto;
		display: inline-block;
		color:#fff;
		text-decoration:none;
		vertical-align:top;
		font-family:Myriad Pro, Arial, Sans-Serif;
		font-weight:bold;
		font-size: 18px;
	}

	.ButtonBig .StyledHyperLink__right
	{
		background: url(images/btnRight-big.gif) no-repeat scroll right top;
		margin:0;
		height:37px;
		width: 12px;
		display:inline-block;
		vertical-align:top;
	}
	/* END: Basic Button - BIG */
	
	/* These are to fix the ie8 buttoneffect */
	.ButtonHolderWidth100
	{ 
	    width:100px;
	}
	.ButtonHolderWidth120
	{ 
	    width:120px;
	}
	/* end buttoneffect */
	
	/* BEGIN: Widget section */
	div.GetRewardContainer
	{
	    width:919px;
	    text-align:left;
		margin-left: 0px;
}
	div.WidgetRewardsContent
	{
	    margin-left:50px; 
	    padding-top:50px;
	    width:600px;
	    font-size:14px;
	    color:Black;
	    float:left;
	    clear:right;   
	}
	.GetRewardsTable
	{
	    width:100%;
        height: 170px;
        font-size:14px;
    }
	.GetRewardsTableHeader
	{
	    padding-left:200px;
	}
	.GetRewardsTableLeftColumn
	{
	    width:225px;
	    padding-top:5px;
	    padding-right:5px;
	    padding-bottom:5px;
	    text-align:right;     
	}
	.GetRewardsTableRightColumn
	{
	    padding-top:5px;
	    padding-left:5px;
	    padding-bottom:5px;
	    text-align:left;     
	}
	.GetRewardsSubtitle
	{
		font-size: 16px;
		color: #000000;
	}
	.GetBtnSelectOrderWidget
	{
	    padding-left:317px;
	}
	.GetRewardsMessage
	{
		clear: both;
		width: 600px;
		margin-left: 125px;
		margin-right: auto;
		padding-top: 45px;
	}
	.GetRewardsMessageText
	{
		padding: 10px 10px 10px 10px;
	}
	
	div.WidgetSpace
	{
	    width:215px;
	    height:159px;
	    float:left;
	    clear:right;
	    text-align:center;
	    padding-top:30px;
	}

	.GreyPanel
	{
	    background-color:#C0C0C0; 
	    text-align:center;
	    width:600px;
	    font-size:16px;
	    color:#000000;
	}
	/* END: Widget section */
	
	/* BEGIN: My Referrals section */
	.tableBoxInner
	{
		text-align: center;
	}
	
	#myRefRewardSection
	{
		width:535px;
	}
	
	#myRefRewardTable
	{
		overflow:hidden;
		width:535px;
	}
	
	#myRefRewardTable #headerRow
	{
		background-color:#e5e5e5;
		width:100%;
		vertical-align: middle;
		text-align: left;
		color: #0066CC;
		font-weight: bold;
		height:28px;
		overflow:hidden;
		border-bottom:6px solid #ff0000;
	}
	
	#myRefRewardTable #headerRow .arrowUp
	{
		background: url(images/arrow-tiny-blue-up.gif) no-repeat 50% 50%;
		width: 8px;
		height: 4px;
		margin-left:1px;
	}
	
	#myRefRewardTable #headerRow .arrowDown
	{
		background: url(images/arrow-tiny-blue-down.gif) no-repeat 50% 50%;
		width: 8px;
		height: 4px;
		margin-left:1px;
	}
	
	#myRefRewardTable .columnWidth95
	{
		width: 95px;
	}
	
	#myRefRewardTable .columnWidth106
	{
		width: 106px;
	}
	
	#myRefRewardTable .columnWidth51
	{
		width: 51px;
	}
	
	#myRefRewardTable .columnWidth120
	{
		width: 120px;
	}
	
	#myRefRewardTable .columnHead
	{
		float:left;
		padding: 5px;
		height: 37px;
	}
	
	#myRefRewardTable a.columnHeadLink
	{
		color: #0066CC;
		text-decoration: underline;
		float:left;
	}
	
	#myRefRewardTable a.columnContentLink
	{
		text-decoration: underline;
	}

	#myRefRewardTable #content
	{
		overflow:auto;
		height:300px;
		border-top: 1px solid #cacaca;
		width:auto;
	}
	
	#myRefRewardTable .EmptyContent
	{
		width:100%;
		border-bottom:1px solid #cacaca;
		border-top:1px solid #cacaca;
		margin:0 auto 0 auto;
		padding-bottom:12px;
	}
	
	#myRefRewardTable .myRefRewardTableContent
	{
		width:auto;
	}
	
	#myRefRewardTable #content td
	{
		height:45px;
		vertical-align: top;
		margin: 0;
		padding:0;
		border-bottom:1px #cacaca solid;
	}
	
	#myRefRewardTable #content tr
	{
		width:620px;
	}
	
	#myRefRewardTable #content .column
	{
		float:left;
		padding: 10px 5px 5px 5px;
		margin: 0;
		overflow:hidden;
		text-align:left;
	}
	
	#myRefRewardTable #content .summary
	{
		height:45px;
		width:auto;
		vertical-align: top;
		text-align: right;
		margin: 10px 0 0 0;
		padding:5px 65px 0 0;
		border-top:3px #cacaca double;
	}
	
	#myRefRewardTable #content .arrowUp
	{
		background: url(images/arrow-tiny-blue-up.gif) top left no-repeat;
		width: 100%;
		height: 100%;
	}
	
	/* END: My Referrals section */
	
	/* START: Detail page specific css */

	.detailPagePagerText
	{
		margin-left:10px;
		line-height:30px;
		color:#000000;
	}
	
	.rewardTrackerHeader
	{
		background: url(images/table-header-background.png) repeat-x top left;
		border-bottom:6px solid #ff0000;
		padding-right:15px;
		font-weight:bold;
	}
	
	/* END: Detail page specific css */
	
	/*Start: Referral Section */
	.lblRefError
	{
	    display:block;
	    width:370px;
	    text-align:center;
	    padding:5px; 
	    margin-top:10px;    
	}
	
	.referralInquiryRed
	{
	    width:230px;
		overflow:hidden;
		float:left;
		padding:0px;
		margin-left:10px;
		font-weight:bold;
		color:Red;
		text-align:left;
	}
	
	.referralInquiry
    {
    	width:230px;
    	float:left;
    	overflow:hidden;
    	padding-top:5px;
    	margin-left:10px;
    	font-weight:bold;
    	color:#999999;
    	text-align:left;
    	}
	
	/*End: Referral Section */
	
	/*Start: Qualifying Services Section*/
	div.QualifyingServiceTop
	{
	    width:600px;
	    height:13px;
	    display:block;
	    margin-top:5px;
	    background-image:url(images/qualifying-services-top.png); 
	    background-position:left top;
	    background-repeat:no-repeat;   
	}
	div.QualifyingServiceMiddle
	{
	    width:600px;
	    display:block;
	    max-width:600px;
	    background-image:url(images/qualifying-services-mid.png);
	    background-repeat:repeat-y;    
	}
	div.QualifyingServiceBottom
	{
	    width:600px;
	    height:13px;
	    display:block;
	    padding-bottom:5px;
	    background-image:url(images/qualifying-services-bottom.png); 
	    background-position:left top;
	    background-repeat:no-repeat;   
	}
	hr.QualifyingServiceDivider
	{
	     text-align:left;
	     margin: 0 auto 0 0;   
	}
	div.QualifyingServiceImage
	{
	    width:130px;
	    text-align:center;
	    vertical-align:middle;
	    float:left;
	}
	div.QualifyingServiceContent
	{
	    width:440px;
	    float:left;
	}
	div.QualifyingServiceBigRed
	{
	    width:200px;
	    font-family:Myriad Pro, Arial;
	    font-size:29px;
	    color:Red;
	    text-align:center; 
	    float:left;
	    
	}
	div.QualifyingServiceList
	{
	    width:240px;
	    text-align:left;
	    font-family:Myriad Pro, Arial;
	    font-size:14px; 
	    float:left;
	}
	div.QualifyingServiceText
	{
	    max-width:600px;
	    margin-right:55px;
	    margin-left:25px;
	    text-align:left;
	    font-family:Myriad Pro, Arial;
	    font-size:12px; 
	}
	/*End: Qualifying Services Section*/
	
	/*Start: Referral Badge*/
	div.ReferralBadge
	{
		background: url(images/referral-badge-block.png) no-repeat;
		width:555px;
		height:165px;
		padding: 10px 10px 10px 25px;
		top:10px;
	}
	
	div.ReferralBadgeContent
	{
		font-size:14px;	
		margin-top:20px;
	}	
	/*End: Referral Badge*/
	
	/*Start: Contacts Box*/
	div.ContactsBox
	{	margin-top:25px;
		overflow:auto;
		width:560px;
		height:320px;		
		border: solid thin #AAAAAA;
		background-color: #DDDDDD;
	}
	
	img.Pointer
	{
		cursor:pointer;	
	}
	
	.EmailRow
	{
		border-bottom: solid thin #AAAAAA;	
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.ReferralMarks
	{
		padding: 2px 5px 2px 5px;	
	}
	/*End: Contacts Box*/
	
	/*START: print share image selection */
	#printShareImages
	{
		margin-top:20px;
	}
	
	#printShareImages .item
	{
		cursor:pointer;
		margin:10px 0 0 0;
	}
	
	#printShareImages .image1
	{
		width:263px;
		height:154px;
		background: url(images/print-share-img1.png) no-repeat;
	}
	
	#printShareImages .image2
	{
		width:360px;
		height:203px;
		background: url(images/print-share-img2.png) no-repeat;
	}
	
	#printShareImages .selected
	{
		border:3px #2d4790 solid;
	}
	
	#printShareImages .deselected
	{
		border:3px white solid;
	}

	.printShareItem
	{
		width:3.5in;
		height:2in;
		margin:0 10px 10px 0;
		border:1px solid #d1d1d1;
	}
	
	.printShareItemContent
	{
		padding:.125in .264in .306in .264in;
		font-size:10px;
		width:2.972in;
		height:1.569in;
	}
	
	.printShareItem2
	{
		width:7.5in; 
		height:4.362in;
		float:left;
		border-bottom: 1px dashed #d1d1d1;
		margin-bottom:20px;
	}
	
	.printShareItem2Content
	{
		padding:20px;
	}
	.printShareItem2Footer
	{
		padding:14px;
	}
			
	
	/*END: print share image selection */
	
	/*START: facebook share image selection*/
	#facebookShareImages
	{
		margin:10px 0 0 60px;
		text-align:center;
	}
	
	#facebookShareImages .item
	{
		width:124px;
		height:124px;
		cursor:pointer;
		padding:10px 0 0 10px;
		float:left;
	}
	
	#facebookShareImages .image_1
	{
		background: url(images/facebook-share-img1.png) no-repeat;
	}
	
	#facebookShareImages .image_1_promo
	{
		background: url(images/promo-facebook-share-img1.png) no-repeat;
	}
	
	#facebookShareImages .image_2
	{
		background: url(images/facebook-share-img2.png) no-repeat;
	}
	
	#facebookShareImages .image_3
	{
		background: url(images/facebook-share-img3.png) no-repeat;
	}
	
	#facebookShareImages .image_4
	{
		background: url(images/facebook-share-img4.png) no-repeat;
	}
	
	#facebookShareImages .selected
	{
		background-position:top left;
		border:3px #2d4790 solid;
	}
	
	#facebookShareImages .deselected
	{
		background-position:0 -134px;
		border:3px white solid;
	}
	
	/*END: facebook share image selection*/
	
	/*START: Custom Communication image selection*/
	.customCommEmailPreview
	{
		width:675px;
		background-color:#fff;
		border:2px solid #f7f7f7;
		overflow:auto;
		float:left;
		min-height:300px;
		max-height:450px;
	}
	
	.customCommEmailPreviewContent
	{
		width:100%;
		overflow:hidden;
		text-align:center;
	}
	
	.customCommEmailPreviewArrow
	{
		float:left;
		margin: 200px 18px 0 18px;
	}
	
	#customCommSelectionItems
	{
		margin-top:10px;
	}
	
	#customCommSelectionItems .item
	{
		width:161px;
		height:99px;
		cursor:pointer;
		padding:10px 0 0 10px;
		float:left;
	}
	
	#customCommSelectionItems .movies
	{
		background:url(images/custom-comm-selection-movies.jpg) no-repeat;
	}
	
	#customCommSelectionItems .standard
	{
		background:url(images/custom-comm-selection-general.jpg) no-repeat;
	}
	
	#customCommSelectionItems .homeoffice
	{
		background:url(images/custom-comm-selection-homeoffice.jpg) no-repeat;
	}
	
	#customCommSelectionItems .gamer
	{
		background:url(images/custom-comm-selection-gamer.jpg) no-repeat;
	}
	
	#customCommSelectionItems .socialmedia
	{
		background:url(images/custom-comm-selection-social.jpg) no-repeat;
	}
	
	#customCommSelectionItems .sports
	{
		background:url(images/custom-comm-selection-sports.jpg) no-repeat;
	}
	
	#customCommSelectionItems .selected
	{
		background-position:top left;
		border:3px #2d4790 solid;
	}
	
	#customCommSelectionItems .deselected
	{
		background-position:0px -105px;
		border:3px #fff solid;
	}
	
	.reveal
	{
		display:block;
	}
	
	.hide
	{
		display:none;
	}
	/*END: Custom Communication image selection*/
	
	.BoxGray
	{
		border: solid 2px #CCCCCC;
		background-color: #DDDDDD;	
		padding: 10px;	
	}
	
	.BoxGray100Percent
	{
		border: solid 2px #CCCCCC;
		background-color: #DDDDDD;	
		padding: 10px;	
		height:475px;
		overflow:hidden;
	}
	
	.font8{font-size:8pt;}
	.font13{font-size:13px;}
	.font14{font-size:14px;}
	.font15{font-size:15px;}
	.font16{font-size:16px;}
	.font18{font-size:18px;}
	.font22{font-size:22px;}
	.font28{font-size:28px;}

	.fontRed
	{
		color:#ff0000;
	}
	
	.fontGreen
	{
		color:Green;
	}
	
	.addBlack
	{
	    color:#000;    
	}
	
	.fontGray
	{
		color:#999;
	}
	
	.fontDarkGray
	{
		color:#666;
	}
	
	.rightPadding20
	{
		padding-right:20px;	
	}
	.padding10
	{
		padding:10px;	
	}
	.padding20
	{
		padding:20px;	
	}
	
	.width250
	{
		width:250px;	
	}
	
	.posRelative
	{
		position:relative;
	}
}
