@import url("messages.css");
@import url("forms.css");
@import url("lists.css");

/************************************************************************/
/* GLOBAL STYLES                                                        */

* {
	margin: 0;
	border: 0;
	padding: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: #ffffff url(/Resources/images/bgPage.gif) center top repeat;
}
br {
	clear: both;
}
br.normal {
	clear: none;
}
small {
	font-size: 9px;
}
sup {
	font-size: 9px;
}
#main h1 {
	font-size: 18px;
	color: #e71e2e;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	line-height: 21px;
	padding-bottom: 8px;
}
#main h1 .reg {
	font-size: 12px;
}
#main h2 {
	font-size: 18px;
	color: #e71e2e;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	line-height: 21px;
	padding-bottom: 8px;
}
#main h2 .reg {
	font-size: 12px;
}
#main h2 .note {
	font-size: 11px;
	color: #000000;
	letter-spacing: normal;
	line-height: normal;
}
#main h3, #pageRight h3 {
	font-size: 10px;
}
p {
}
a, a:link, a:visited, a:hover, a:active {
	color: #e30120;
	text-decoration: underline;
}
a.rev, a.rev:link, a.rev:visited, a.rev:hover, a.rev:active {
	text-decoration: none;
}
a.rev:hover {
	text-decoration: underline;
}
.clearer {
	line-height: 1px;
	height: 1px;
	clear: both;
	overflow: hidden;
	font-size: 1px;
}
.left {
	float: left;
	width: auto;
	text-align: left;
}
.right {
	float: right;
	width: auto;
	text-align: right;
}
.indent {
	padding-left: 12px;
}
.hr1 {
	border-top: 1px solid #000000;
	padding-bottom: 4px;
	margin-top: 8px;
}
.imageRight {
	display: block;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.imageLeft {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* GLOBAL STYLES                                                        */
/************************************************************************/



/************************************************************************/
/* LAYOUT ELEMENTS                                                      */

#pageCnt {
	margin: 0 auto;
	width: 827px;
	background: url(/Resources/images/bgContent.gif) center top repeat-y;
}
#page {
	background: url(/Resources/images/bgHeader.jpg) repeat-x;
	margin: 0 14px;
}
#pageLeft {
	width: 530px;
	padding-bottom: 10px;
}
#pageRight {
	padding-top: 16px;
	width: 269px;
	padding-bottom: 10px;
	font-size: 10px;
}
#pageRight ul {
	list-style: none outside;
	margin-left: 1px;
	padding-bottom: 8px;
}	
#pageRight ul li {
	padding: 0 0 4px 10px;
	background: url(/Resources/images/bulRedArrow.gif) 0 3px no-repeat;
}
#header {
}
#headerLogo {
	width: 157px;
	padding-bottom: 15px;
}
#headerLogo h1 {
	padding: 0;
}
#headerNav {
	padding-top: 16px;
}
#main {
	clear: left;
}
#mainTop {
	height: 227px;
	clear: right;
}
#logoLarge {
	width: 316px;
}
#logoLarge h1 {
	padding: 0;
}
#quoteLarge {
	width: 214px;
	padding-top: 40px;
}
#main p {
	padding-bottom: 8px;
	line-height: 18px;
}
#main ul {
	padding-bottom: 8px;
	list-style: none outside;
	margin: 0 0 0 14px;
}
#main ul li {
	line-height: 18px;
	padding: 0 0 4px 10px;
	background: url(/Resources/images/bulRedArrow.gif) 0 6px no-repeat;
}
#main ol {
	margin: 0 0 0 40px;
	padding-bottom: 8px;
}
#main ol li {
	line-height: 18px;
	padding: 0 0 4px 0;
	color: #e30120;
	font-weight: bold;
}
#main ol li .text {
	color: #000000;
	font-weight: normal;
}
#main .content {
	padding: 0 8px 0 13px;
}
#mainContentLeft {
	width: 148px;
	clear: left;
}
#mainContentRight {
	width: 382px;
}
#mainContentRight p {
	padding-right: 28px;
	padding-left: 22px;
}
#mainContentRight ul, #mainContentRight ol {
	padding-right: 28px;
	padding-left: 10px;
}
#mainContentRight .top {
}
#mainContentRight .middle {
	background: url(/Resources/images/bgMainContentMiddle.gif) repeat-y;
}
#mainContentRight .bottom {
	background: url(/Resources/images/bgMainContentBottom.gif) no-repeat;
	height: 26px;
}
#bottomCallouts {
	background: #fbc54b url(/Resources/images/bgBtmCallouts.gif) left bottom repeat-x;
	padding: 14px 0 13px 13px;
}
#footer {
	background: #e30120 url(/Resources/images/bgFooter.jpg) repeat-x;
	font-size: 9px;
	color: #ffffff;
	text-align: center;
	padding: 6px 0 8px 0;
}
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #ffffff;
	text-decoration: underline;
}
#footerLinks {
	margin: 0 auto;
	width: 645px;
}
#footer ul {
	list-style: none;
	margin: 0;
	height: 16px;
}
#footer ul li {
	background: url(/Resources/images/bulPinkBar.gif) 0 3px no-repeat;
	display: block;
	float: left;
	width: auto;
	padding: 0;
}
#footer ul li.first {
	background: none;
}
#footerLinks li a, #footerLinks li a:link, #footerLinks li a:visited, #footerLinks li a:hover, #footerLinks li a:active {
	display: block;
	padding: 0 10px;
}
#footerLinks li.first a, #footerLinks li.first a:link, #footerLinks li.first a:visited, #footerLinks li.first a:hover, #footerLinks li.first a:active {
	padding-left: 0;
}

/* LAYOUT ELEMENTS                                                      */
/************************************************************************/


/************************************************************************/
/* CALLOUTS                                                             */
/* There are five types of callouts:

   callout           - Uses two images. One for the header and one for 
                       the body. For the bottom callouts, three of these 
					   fit across the page. There should be just one row 
					   of these.

   expandingCallout  - For text callouts. Text header and text body. 
                       Right-column only. Expands vertically.

   smallCallout      - Like callout, but not as wide. Four of these fit 
                       across the bottom callout area.

   adoptionSuccessCallout      - Like callout, but also include a photo box on the 
                                 left for a clipped photo. The photo will appear on
								 the right in the right column. Two of these fit 
								 across the bottom callout area. This type of callout 
								 expands vertically.

   featuredShelterCallout      - Like callout, but also include a photo box on the 
                                 left for a clipped photo. Two of these fit across 
					             the bottom callout area. This type of callout 
								 expands vertically.
*/

.callout, .expandingCallout {
	width: 235px;
	padding-left: 22px;
}
.smallCallout {
	width: 187px;
}
.callout .top, .expandingCallout .top {
	height: 36px;
}
.expandingCallout .topFirst {
	height: 42px;
}
.smallCallout .top {
	height: 33px;
}
.expandingCallout .top, .expandingCallout .topFirst {
	background: url(/Resources/images/hdrRtCallout.gif) no-repeat;
}
.callout .top h2.content, .smallCallout .top h2.content, .expandingCallout .topFirst h2.content, .expandingCallout .top h2.content {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
}
.callout .top h2.content {
	padding: 11px 5px 0 4px;
}
.expandingCallout .top h2.content {
	padding: 11px 19px 0 18px;
}
.smallCallout .top h2.content {
	text-align: center;
	padding: 11px 5px 0 4px;
}
.callout .middle, .smallCallout .middle {
	height: 146px;
}
.callout .middle .content, .smallCallout .middle .content, .expandingCallout .middle .content {
	padding: 4px 18px 0 18px;
}
.expandingCallout .middle {
	background: url(/Resources/images/bgRtCalloutMiddle.gif) repeat-y;
}
.expandingCallout .middle .content p {
	line-height: 13px;
	font-size: 10px;
	padding-bottom: 6px;
}
.expandingCallout .bottom {
	background: url(/Resources/images/bgRtCalloutBottom.gif) no-repeat;
	height: 16px;
}

/* specific to bottom callouts */
#bottomCallouts .callout {
	float: left;
	padding: 0 11px;
}
#bottomCallouts .callout .top {
	background: url(/Resources/images/hdrBtmCallout.gif) no-repeat;
}
#bottomCallouts .callout .middle {
	background: url(/Resources/images/imgBtmCallout.jpg) no-repeat;
}

#bottomCallouts .smallCallout {
	float: left;
	padding: 0 3px;
}
#bottomCallouts .smallCallout .top {
	background: url(/Resources/images/hdrBtmSmCallout.gif) no-repeat;
}
#bottomCallouts .smallCallout .middle {
	background: url(/Resources/images/imgBtmSmCallout.jpg) no-repeat;
}

#bottomCallouts .callout .top h2.content, #bottomCallouts .smallCallout .top h2.content {
	padding: 11px 18px 0 18px;
}

/* BOTTOM CALLOUT ONLY -- featuredShelterCallout - image is on left side */
#bottomCallouts .featuredShelterCallout {
	width: 375px;
	padding-bottom: 8px;
	font-size: 10px;
	float: left;
}
#bottomCallouts .featuredShelterCallout .middle {
	background-image: url(/Resources/images/bgBtmCalloutMiddle.gif);
	background-repeat: repeat-y;
	background-position: 22px top;
}
#bottomCallouts .featuredShelterCallout .top {
	background-image: url(/Resources/images/hdrBtmLgOrangeCallout.gif);
	background-repeat: no-repeat;
}
#bottomCallouts .featuredShelterCallout .middle .colA {
	float: left;
	width: 124px;
}
#bottomCallouts .featuredShelterCallout .middle .colB .content {
	padding-right: 30px;
}
#bottomCallouts .featuredShelterCallout .middle .content p {
	line-height: 13px;
	padding-bottom: 6px;
}
#bottomCallouts .featuredShelterCallout .middle .colB h2 {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding-top: 23px;
	height: 24px;
	padding-bottom: 3px;
}
#bottomCallouts .featuredShelterCallout .middle .colB {
	float: left;
	width: 251px;
}
#bottomCallouts .featuredShelterCallout .middle .colA .image {
	height: 121px;
	width: 118px;
	overflow: hidden;
	background-color: #ffffff;
	padding-top: 8px;
	padding-left: 6px;
}
#bottomCallouts .featuredShelterCallout .middle .colA .content {
	padding-left: 35px;
	clear: left;
}
#bottomCallouts .featuredShelterCallout .bottom {
	background: url(/Resources/images/bgBtmCalloutBottom.gif) 22px top no-repeat;
	height: 16px;
}
#mask3 {
	position: absolute;
	z-index: 2;
}

/* BOTTOM CALLOUT ONLY -- adoptionSuccessCallout - image is on left side */
#bottomCallouts .adoptionSuccessCallout {
	width: 375px;
	padding-bottom: 8px;
	font-size: 10px;
	float: left;
}
#bottomCallouts .adoptionSuccessCallout .middle {
	background-image: url(/Resources/images/bgBtmCalloutMiddle.gif);
	background-repeat: repeat-y;
	background-position: 22px top;
}
#bottomCallouts .adoptionSuccessCallout .top {
	background-image: url(/Resources/images/hdrBtmLgRedCallout.gif);
	background-repeat: no-repeat;
}
#bottomCallouts .adoptionSuccessCallout .middle .colA {
	float: left;
	width: 124px;
}
#bottomCallouts .adoptionSuccessCallout .middle .colB .content {
	padding-right: 30px;
}
#bottomCallouts .adoptionSuccessCallout .middle .content p {
	line-height: 13px;
	padding-bottom: 6px;
}
#bottomCallouts .adoptionSuccessCallout .middle .colB h2 {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding-top: 23px;
	height: 24px;
	padding-bottom: 3px;
}
#bottomCallouts .adoptionSuccessCallout .middle .colB {
	float: left;
	width: 251px;
}
#bottomCallouts .adoptionSuccessCallout .middle .colA .image {
	height: 121px;
	width: 118px;
	overflow: hidden;
	background-color: #ffffff;
	padding-top: 8px;
	padding-left: 6px;
}
#bottomCallouts .adoptionSuccessCallout .middle .colA .content {
	padding-left: 35px;
	clear: left;
}
#bottomCallouts .adoptionSuccessCallout .bottom {
	background: url(/Resources/images/bgBtmCalloutBottom.gif) 22px top no-repeat;
	height: 16px;
}
#mask4 {
	position: absolute;
	z-index: 2;
}


/* specific to right callouts */
#pageRight .callout, #pageRight .expandingCallout {
	padding-bottom: 8px;
}

/* RIGHT COLUMN ONLY -- adoptionSuccessCallout - image is on right side */
#pageRight .adoptionSuccessCallout {
	width: 269px;
	padding-bottom: 8px;
	font-size: 10px;
}
#pageRight .adoptionSuccessCallout .middle {
	background-image: url(/Resources/images/bgRtCalloutMiddle.gif);
	background-repeat: repeat-y;
	background-position: 22px top;
}
#pageRight .adoptionSuccessCallout .top {
	background-image: url(/Resources/images/hdrRtRedCallout.gif);
	background-repeat: no-repeat;
	background-position: 22px top;
}
#pageRight .adoptionSuccessCallout .middle .colA {
	float: left;
	width: 123px;
	padding-left: 22px;
}
#pageRight .adoptionSuccessCallout .middle .colA .content {
	padding-left: 16px;
}
#pageRight .adoptionSuccessCallout .middle .content p {
	line-height: 13px;
	padding-bottom: 6px;
}
#pageRight .adoptionSuccessCallout .middle .colA h2 {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding-top: 23px;
	height: 24px;
	padding-bottom: 3px;
}
#pageRight .adoptionSuccessCallout .middle .colB {
	float: left;
	width: 124px;
}
#pageRight .adoptionSuccessCallout .middle .colB .image {
	height: 121px;
	width: 109px;
	overflow: hidden;
	background-color: #ffffff;
	padding-left: 15px;
	padding-top: 8px;
}
#pageRight .adoptionSuccessCallout .middle .colB .content {
	padding-left: 8px;
	clear: left;
}
#pageRight .adoptionSuccessCallout .bottom {
	background: url(/Resources/images/bgRtCalloutBottom.gif) 22px top no-repeat;
	height: 16px;
}
#mask1 {
	position: absolute;
	z-index: 2;
}

/* RIGHT COLUMN ONLY -- featuredShelterCallout - image is on left side */
#pageRight .featuredShelterCallout {
	width: 269px;
	padding-bottom: 8px;
	font-size: 10px;
}
#pageRight .featuredShelterCallout .middle {
	background-image: url(/Resources/images/bgRtCalloutMiddle.gif);
	background-repeat: repeat-y;
	background-position: 22px top;
}
#pageRight .featuredShelterCallout .top {
	background-image: url(/Resources/images/hdrRtOrangeCallout.gif);
	background-repeat: no-repeat;
	background-position: 22px top;
}
#pageRight .featuredShelterCallout .middle .colA {
	float: left;
	width: 124px;
}
#pageRight .featuredShelterCallout .middle .colB .content {
}
#pageRight .featuredShelterCallout .middle .content p {
	line-height: 13px;
	padding-bottom: 6px;
}
#pageRight .featuredShelterCallout .middle .colB h2 {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding-top: 23px;
	height: 24px;
	padding-bottom: 3px;
}
#pageRight .featuredShelterCallout .middle .colB {
	float: left;
	width: 123px;
	padding-right: 22px;
}
#pageRight .featuredShelterCallout .middle .colA .image {
	height: 121px;
	width: 118px;
	overflow: hidden;
	background-color: #ffffff;
	padding-top: 8px;
	padding-left: 6px;
}
#pageRight .featuredShelterCallout .middle .colA .content {
	padding-left: 35px;
	clear: left;
}
#pageRight .featuredShelterCallout .bottom {
	background: url(/Resources/images/bgRtCalloutBottom.gif) 22px top no-repeat;
	height: 16px;
}
#mask2 {
	position: absolute;
	z-index: 2;
}

/* CALLOUTS                                                             */
/************************************************************************/


/************************************************************************/
/* NAVIGATION                                                           */

#headerNav a, #headerNav a:link, #headerNav a:visited, #headerNav a:hover, #headerNav a:active {
	color: #ffffff;
}
#headerNav ul {
	list-style: none;
	margin: 0;
}
#headerNav ul.mainMenu {
	float: left;
	width: 373px;
}
#headerNav ul li.mainMenuItem {
	height: 42px;
	display: block;
	float: left;
	padding: 0;
}
#headerNav .mainMenuSub {
	position: absolute;
	top: 59px;
	left: 218px;
	z-index: 2;
	color: #4a4a4a;
	background: url(/Resources/images/spacer.gif); /* needed for IE mouseover to work */
	padding: 10px 0 5px 0;
	text-transform: lowercase;
	font-size: 10px;
	font-weight: bold;
	width: 373px;
	visibility: hidden;
}
#headerNav .mainMenuSub .normal {
	text-transform: none;
}
#headerNav .mainMenuSub ul li {
	background: url(/Resources/images/bulRedBar.gif) no-repeat;
	display: block;
	float: left;
	width: auto;
	padding: 0;
}
#headerNav .mainMenuSub ul li.first {
	background: none;
}
#headerNav .mainMenuSub a, #headerNav .mainMenuSub a:link, #headerNav .mainMenuSub a:visited, #headerNav .mainMenuSub a:hover, #headerNav .mainMenuSub a:active {
	color: #4a4a4a;
	text-decoration: none;
	display: block;
	padding: 0 10px;
}
#headerNav .mainMenuSub ul li.selected a, #headerNav .mainMenuSub ul li.selected a:link, #headerNav .mainMenuSub ul li.selected a:visited, #headerNav .mainMenuSub ul li.selected a:hover, #headerNav .mainMenuSub ul li.selected a:active {
	color: #e30120;
	text-decoration: none;
}
#headerNav .mainMenuSub ul li a:hover, #headerNav .mainMenuSub ul li.selected a:hover {
	color: #e30120;
	text-decoration: underline;
}
#headerNav .mainMenuSub ul li.first a, #headerNav .mainMenuSub ul li.first a:link, #headerNav .mainMenuSub ul li.first a:visited, #headerNav .mainMenuSub ul li.first a:hover, #headerNav .mainMenuSub ul li.first a:active {
	padding-left: 0;
}

#headerNav #subnavBrandsCoupons ul {
	width: 280px;
	height: 1em;
	margin: 0;
	float: left;
}
#headerNav #subnavHelpfulTips ul {
	margin: 0 auto;
	width: 230px;
	height: 1em;
}
#headerNav #subnavSuccessStories ul {
	width: 260px;
	height: 1em;
	margin: 0;
	float: right;
}

/* NAVIGATION                                                           */
/************************************************************************/


/************************************************************************/
/* CONTENT BOX (formatted similar to messages; see messages.css)        */

.contentBox {
	padding-bottom: 8px;
}
.contentBox .outer {
	height: 100%; /* So IE doesn't display the background past the bottom of the container bounds */
	background: url(/Resources/images/bgContentBoxMiddle.gif) repeat-y;
}
.contentBox .middle {
	background: url(/Resources/images/bgContentBoxTop.gif) no-repeat;
}
.contentBox .inner {
	background: url(/Resources/images/bgContentBoxBottom.gif) left bottom no-repeat;
	padding: 15px 23px 20px 25px;
	font-size: 10px;
}

.contentBox2 {
	padding-bottom: 8px;
}
.contentBox2 .outer {
	height: 100%; /* So IE doesn't display the background past the bottom of the container bounds */
	background: url(/Resources/images/bgContentBox2Middle.gif) repeat-y;
}
.contentBox2 .middle {
	background: url(/Resources/images/bgContentBox2Top.gif) no-repeat;
}
.contentBox2 .inner {
	background: url(/Resources/images/bgContentBox2Bottom.gif) left bottom no-repeat;
	padding-left: 25px;
	padding-bottom: 10px;
	font-size: 10px;
}
#main .contentBox2 .inner h1 {
	padding-bottom: 14px;
}

/* id-specific */
/* widths should add up to 461px */
#brandSelectorIntro .colA {
	width: 223px;
	padding-right: 15px;
	float: left;
	padding-top: 9px;
}
#brandSelectorIntro .colB {
	width: 246px;
	float: left;
	padding-top: 26px;
}
#brandSelectorResults .colA {
	width: 246px;
	padding-right: 15px;
	float: left;
	padding-top: 9px;
}
#brandSelectorResults .colB {
	width: 223px;
	float: left;
	padding-top: 26px;
}
#storiesShare .colA {
	width: 280px;
	padding-right: 15px;
	float: left;
	padding-top: 9px;
	height: 151px;
}
#storiesShare .colB {
	width: 178px;
	float: left;
	text-align: right;
}
#storiesView .inner {
	padding-left: 0px;
}
#storiesView .colA {
	width: 200px;
	float: left;
}
#storiesView .colB {
	width: 261px;
	float: left;
	padding-top: 9px;
}

.storyDetailCnt {
	padding-bottom: 8px;
}
#main .storyDetailCnt h1 {
	padding-bottom: 3px;
}
#main .storyDetailCnt h2 {
	font-size: 11px;
	color: #000000;
	letter-spacing: normal;
	line-height: normal;
	padding-bottom: 3px;
}
.storyDetail .colA {
	width: 280px;
	padding-right: 15px;
	float: left;
}
.storyDetail .location {
	padding-bottom: 10px;
	font-weight: bold;
	font-style: italic;
}
.storyDetail .storyText {
}
.storyDetail .colB {
	width: 178px;
	float: left;
	text-align: right;
}
.storyDetail .photoCnt {
}
.storyDetail .photo {
	text-align: center;
}
.storyDetail .photo img {
	border: 1px solid #000000;
}
.storyDetail .caption {
	padding-top: 3px;
	font-size: 10px;
	text-align: center;
	color: #808080;
}

/* CONTENT BOX                                                          */
/************************************************************************/
.red {
	color: #c41925;
}
img.floatRight {
	float: right;
	margin-top: 5px;
	margin-right: 10px;
}

/************************************************************************/
/* HOME PAGE-SPECIFIC                                                   */

#headerLogoHome {
	width: 157px;
	height: 58px;
}
#homePop1 {
	/* Do not add 'left' css property.
	   The pop is positioned absolutely, 
	   relative to the container tag. */
	position: absolute;
	z-index: 3;
	top: 212px;
}

/* HOME PAGE-SPECIFIC                                                   */
/************************************************************************/


/************************************************************************/
/* ELEMENT/ID-SPECIFIC                                                  */

#memberLoginMini {
	color: #333333;
}
#memberLoginMini a, #memberLoginMini a:link, #memberLoginMini a:visited, #memberLoginMini a:hover, #memberLoginMini a:active {
	color: #333333;
	text-decoration: none;
}
#memberLoginMini a:hover {
	text-decoration: underline;
}
#memberLoginMini .labelCol {
	width: 80px;
}
#memberLoginMini fieldset {
	padding-top: 0;
}
#memberLoginMini input.text {
	width: 100px;
}

#memberLinks {
	padding-top: 6px;
}
#memberLinks ul {
}

#pointsChartCnt {
	background-image: url(/Resources/images/bgChart3.gif);
	background-repeat: no-repeat;
	height: 245px;
}
#pointsChart {
}
#pointsChartLeftCnt {
	float: left;
	width: 158px;
}
#pointsChartLeft {
	padding-top: 16px;
}
#pointsChartLeft h3 {
	font-size: 11px;
	line-height: 18px;
	padding-bottom: 12px;
	display: block;
	color: #333333;
	padding-left: 15px;
	width: 474px;
	text-align: center;
}
#pointsChartLeft .item, #pointsChartLeft .itemSelected {
	display: block;
	padding-bottom: 10px;
	color: #333333;
	padding-top: 10px;
	padding-left: 10px;
	clear: both;
}
#pointsChartLeft .itemSelected {
	width: 474px;
}
#pointsChartLeft .pointsLabel {
	text-align: right;
	display: block;
	float: left;
	width: 100px;
}
#pointsChartLeft .pointsValue {
	color: #d30024;
	display: block;
	float: left;
	width: 35px;
}
#pointsChartLeft .divider {
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	overflow: hidden;
	background-image: url(/Resources/images/bgChartLeftDivider.gif);
	clear: both;
	width: 494px;
}
#pointsChartRightCnt {
	float: left;
	width: 336px;
}
#pointsChartRight {
	padding-left: 28px;
	padding-top: 89px;
}
#pointsChartTable th {
	font-size: 9px;
	color: #333333;
}
#pointsChartTable .current {
	color: #d30024;
}

#pointsSummaryTable {
	margin-right: 32px;
}
#pointsSummaryTable tr {
	font-size: 9px;
	color: #333333;
}
#pointsSummaryTable .current {
	color: #d30024;
}
#pointsSummaryTable tr.earnedPointsRow {
	background-color: #fac54b;
}
#pointsSummaryTable tr.rolloverPointsRow {
	background-color: #fcd784;
}
#pointsSummaryTable tr.pointsRedeemedRow {
	background-color: #d30024;
	color: #ffffff;
}
#pointsSummaryTable tr th, #pointsSummaryTable tr td {
	padding: 6px;
}

/* ELEMENT/ID-SPECIFIC                                                  */
/************************************************************************/


#main #faq {
	padding-bottom: 10px;
}
#main #faq .faqQuestion {
	padding-bottom: 10px;
}
#main #faq .faqQuestionText {
}
#main #faq .faqQuestionText a, #main .faq .faqQuestionText a:link, #main .faq .faqQuestionText a:visited, #main .faq .faqQuestionText a:hover, #main .faq .faqQuestionText a:active {
	/*color: #9b0000;*/
	text-decoration: none;
	font-weight: normal;
}
#main #faq .faqQuestionText a:hover {
	/*color: #93a2cb;*/
	text-decoration: underline;
}
#main #faq .faqAnswer {
}


/************************************************************************/
/* ADMIN-SPECIFIC                                                       */
.marginLeft
{
	margin: 0 5px 20px 80px;
}
.buffer
{
	width: 98px;
	height: 25px;
	float: left;
}
form input.checkbox {
	border: 0;
	background-color: transparent;
}
/* ADMIN-SPECIFIC                                                       */
/************************************************************************/