﻿/* TRA added styles */
.lightGreenHeadings h2, .lightGreenHeadings h3, .lightGreenHeadings h4 {
color:#22389e;
font-weight:bold;
}
.darkGreenHeadings h2, .darkGreenHeadings h3, .darkGreenHeadings h4 {
color:#22389e;
font-weight:bold;
}
.lightBlueHeadings h2, .lightBlueHeadings h3, .lightBlueHeadings h4 {
color:#22389e;
font-weight:bold;
}
.darkBlueHeadings h2, .darkBlueHeadings h3, .darkBlueHeadings h4 {
color:#22389e;
font-weight:bold;
}
.orangeHeadings h2, .orangeHeadings h3, .orangeHeadings h4 {
color:#22389e;
font-weight:bold;
}
.redHeadings h2, .redHeadings h3, .redHeadings h4 {
color:#22389e;
font-weight:bold;
}


#mainContent {
width:771px;
margin: 0 12px 0 0;
}

#mainContentLeft div.bullet {
margin:0;
padding-bottom:1.2em;
list-style:none;
}
	#mainContentLeft div.bullet li {
	font-size:1.1em;
	text-decoration:none;
	padding:0 0 1px 14px;
	background:url(/images/grey_bullet_on_white.gif) 0 5px no-repeat;
	display:block;
	}

#mainContentRight {
margin-right:15px;
}

#t57 a.submitBut {
display:block;
height:23px;
width:107px;
background:url(/images/t58_mumstoriesart/submitastory_but_off_on.gif) top left no-repeat;
float:left;
margin-left:12px;
}
	#t57 a:hover.submitBut {
	background-position:bottom;
	}
	#t57 a.submitBut span {
	display:none;
	}
	
#t58 a.deleteBut {
display:block;
height:23px;
width:120px;
background:url(/images/t58_mumstoriesart/deleteyourstory_but_off_on.gif) top left no-repeat;
float:left;
margin-right: 12px;
}
	#t58 a:hover.deleteBut {
	background-position:bottom;
	}
	#t58 a.deleteBut span {
	display:none;
	}

#mainContentRight #joinUsBottom div.bullet li {
list-style-type:disc;
color:#444;
}

#mainContentRight #joinUsBottom div.bullet li {
font-size:1.1em;
text-decoration:none;
padding:0 0 1px 14px;
background:url(/images/white_bullet_on_green.gif) 0 5px no-repeat;
display:block;
color: #444;
}

#t54 .floatedList {
width:320px;
float:right;
}
#t81 #mainContentLeft ul, 
#t8 #mainContentLeft ul, 
#t82 #mainContentLeft ul, 
#t84 #mainContentLeft ul, 
#t83 #mainContentLeft ul, 
#t10 #mainContentLeft ul, 
#t46 #mainContentLeft ul, 
#t54 #mainContentLeft ul {
margin:0;
padding:0;
list-style:none;
}
	#t81 #mainContentLeft ul li, 
	#t8 #mainContentLeft ul li, 
	#t82 #mainContentLeft ul li, 
	#t83 #mainContentLeft ul li, 
	#t84 #mainContentLeft ul li, 
	#t10 #mainContentLeft ul li, 
	#t46 #mainContentLeft ul li, 
	#t54 #mainContentLeft ul li {
	font-size:1.1em;
	text-decoration:none;
	padding:0 0 1px 10px;
	background:url(/images/grey_bullet_on_white.gif) 0 5px no-repeat;
	display:block;
	}

#t81 #mainContentLeft h3,
#t8 #mainContentLeft h3,
#t82 #mainContentLeft h3,
#t81 #mainContentLeft h3,
#t83 #mainContentLeft h3,
#t84 #mainContentLeft h3
{
	color:#444;
}

#t45 #mainContentLeft ol {
padding-bottom:1.2em;
padding-left:1em;
}
	#t45 #mainContentLeft ol li {
	font-size:1.1em;
	}


/* member interaction panel - eg in forums */
.memberThumbnailPanel ul ul
{
	display:none;
	list-style:none;
	text-align:center;
}

.memberThumbnailPanel ul, .memberThumbnailPanel ul ul
{
	list-style:none;
	text-align:center;
	font-size:1.1em;
}

.memberThumbnailPanel li:hover ul
{
	position: absolute;
	left:40px;
	display:block;
}

.memberThumbnailPanel li {position: relative;}

.memberThumbnailPanel ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

/* BUTTONS for member interaction panel - eg in forums */
.memberThumbnailPanel .sendRequestBtn a:link, 
.memberThumbnailPanel .sendRequestBtn a:visited,
.memberThumbnailPanel .viewProfileBtn a:link, 
.memberThumbnailPanel .viewProfileBtn a:visited,
.memberThumbnailPanel .sendMessageBtn a:link, 
.memberThumbnailPanel .sendMessageBtn a:visited
{
display:block;
width:118px;
height:18px;
line-height:18px;
text-decoration:none;
}

.memberThumbnailPanel .sendRequestBtn {
background:url(/images/t65_neighb_friendsresults/sendfriendrequest_btn_off_on_white.gif) left top no-repeat;
}

.memberThumbnailPanel .viewProfileBtn {
background: url(/images/t61_myfriends/viewprofile_btn_off_on.gif) no-repeat left top;
}

.memberThumbnailPanel .sendMessageBtn {
background: url(/images/t61_myfriends/sendmessage_btn_off_on.gif) no-repeat left top;
}

.memberThumbnailPanel .sendMessageBtn a span
{
display:none;
}

/* Don't display phone number on expert page -- already on background graphic */
#t7 #helpBubbleBottomRed p.helpBubbleTelNumber
{
	display:none;
}

#friendrequestBoxTitle h3{
	line-height: 36px;
	padding: 0 30px;
	float: left;
}
#friendrequestBoxTitleComment {
	float: left;
}
#friendrequestBoxTitleComment p {
	color: #FFFFFF;
	margin: 12px 0 0 0;
}
#friendrequestBoxTitleComment p a.whiteBold {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
#friendrequestBoxTitleComment p a:hover.whiteBold {
	text-decoration:underline;
}
#friendrequestBoxClose {
	float: right;
}
#friendrequestBoxClose a {
	background: url(../images/close_btn_off_on.gif) top left no-repeat;
	margin: 6px 10px 0 14px;
	width:55px;
	height:21px;
	line-height:21px;
	display:block;
}
#friendrequestBoxClose a:hover {
	background-position:  bottom;
}
#friendrequestBoxClose a span {
	display:none;
}
	
#friendrequestBox {
	width:555px;
	margin:0;
	background:url(../images/overlay_login_middle.gif) left top repeat-y;
}
#friendrequestBoxTop {
	width:555px;
	height:38px;
	background:#fd1d23 url(../images/overlay_login_red.gif) left top repeat-x;
}
#friendrequestBoxBottom {
	width:555px;
	background:url(../images/overlay_login_pink.gif) left bottom repeat-x;
}
#friendrequestBoxBottom form {
	font-size: 1.1em;
}
#friendrequestBox .radioLabel {
	font-weight:bold;
}
#friendrequestBox .fieldLabel {
	float:left;
	width:8em;
	margin-left:50px;
	width:10em;
}
#friendrequestBox .loginFormField {
	width:200px;
	margin:0 10px;
	font-size:1em;
	padding:1px 0;
	float:left;
}
#friendrequestBox .checkboxMargin {
	margin:0 3px 0 50px;
}
#friendrequestBox .paddingBottomTwelve {
	padding-bottom:12px;
}
#friendrequestBox .paddingLastFormElement {
	padding-bottom:36px;
}
#friendrequestBox .submitButton {
	margin-left:168px;
}
#friendrequestBox .formPaddingBig {
	padding: 18px 30px 15px 30px;
}


/* overlay recipient div ------------------------------------------------- */
#overlay_friend_box{
	background-color:#fff;
	border: 1px solid #fff;
	width: 535px;
}

#overlay img{ border: none; }
#overlay_friend_background {
	background-image: url(../images/overlay_friend_background.png);
}/* removed to IE6 style sheet 
#overlay_friend_background{

	background-color: transparent;
	background-image: url(../images/overlay_friend_checked.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay_friend_background.png", sizingMethod="scale");
}*/
#recipientBoxTitle h3{
	line-height: 36px;
	padding: 0 30px;
	float: left;
}
#recipientBoxTitleComment {
	float: left;
}
#recipientBoxTitleComment p {
	color: #FFFFFF;
	margin: 12px 0 0 0;
}
#recipientBoxTitleComment p a.whiteBold {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
#recipientBoxTitleComment p a:hover.whiteBold {
	text-decoration:underline;
}
#recipientBoxClose {
	float: right;
}
#recipientBoxClose a {
	/*background: url(../images/overlay_friend_close_btn_off_on.gif) top left no-repeat;*/
	margin: 6px 10px 0 14px;
	width:55px;
	height:21px;
	line-height:21px;
	display:block;
	color: #fff;
	font-weight:bold;
	font-size: 1.1em;
}
#recipientBoxAdd a 
{
	background: url(../images/t38_cowandgatefriends/continue_btn_off_on.gif) top left no-repeat;
	margin: 6px 10px 0 14px;
	width:55px;
	height:21px;
	line-height:21px;
	display:block;
}
#recipientBoxClose a:hover {
	background-position:  bottom;
}
#recipientBoxClose a span {
	display:none;
}
	
#recipientBox {
	width:335px;
	margin:0;
	background:url(../images/overlay_login_middle.gif) left top repeat-y;
}
#recipientBoxTop {
	width:383px;
	height:38px;
	background: url(../images/overlay_friend_red.gif) left top repeat-x;
}
#recipientBoxBottom {
	width:335px;
}
#recipientBoxBottom form {
	font-size: 1.1em;
}
#recipientBox .radioLabel {
	font-weight:bold;
}
#recipientBox .fieldLabel {
	float:left;
	width:8em;
	margin-left:50px;
	width:10em;
}
#recipientBox .recipientFormField {
	width:200px;
	margin:0 10px;
	font-size:1em;
	padding:1px 0;
	float:left;
}
#recipientBox .checkboxMargin {
	margin:4px 5px 0px 10px;
}
#recipientBox .blueBold
{
	color:#0090d9;
	font-size:1.1em;
	font-weight:bold;
}
#recipientBox .friendname 
{
	font-size:1.1em;
	margin:-14px 0 0 150px;
	width:220px;
}
#recipientBox .colThree {
	/*left:250;Declaration dropped.*/
}
#recipientBox .paddingBottomTwelve {
	padding-bottom:12px;
}
#recipientBox .paddingLastFormElement {
	padding-bottom:36px;
}
#recipientBox .submitButton 
{
	vertical-align:bottom;	
	margin-left:168px;
}
#recipientBox .formPaddingBig {
	padding: 18px 30px 15px 30px;
}


.tagCloud
{
	word-wrap: break-word;		/* For IE */
	overflow:hidden;			/* For Mozilla */
}

.tagCloud a {
	color: #0099cc;
	margin-right: 3px;
	text-decoration: none;
}

.tagCloud a:hover {
	text-decoration: underline;
}

.tcSize1 { font-size:0.9em; }
.tcSize2 { font-size:1em; }
.tcSize3 { font-size:1.1em; }
.tcSize4 { font-size:1.2em; }
.tcSize5 { font-size:1.3em; }
.tcSize6 { font-size:1.4em; }
.tcSize7 { font-size:1.5em; }
.tcSize8 { font-size:1.6em; }
.tcSize9 { font-size:1.7em; }
.tcSize10 { font-size:1.8em; }
.tcSize11 { font-size:1.9em; }



.winClose
{
	background: url(/images/feature_blocks/close_btn_off_on_white.gif) no-repeat;
	height: 23px;
	text-align:center;
	margin: 0 0 0 270px;
}

a:hover .winClose
{
	background: url(/images/feature_blocks/close_btn_off_on_white.gif) no-repeat;
	background-position: bottom left;
	text-align:center;
}


.helpLink
{
	display:none;
}

/* T36 */
.messageCopy
{
	font-size: 1.1em;
}

.friendSelectCheckbox input
{
	margin: 0px;
	padding: 0px;
}

.friendSelectCheckbox
{
	margin:0px 5px 5px 0px;
	padding: 0px;
	width: 120px;
	height: 20px;
	float:left;
}


#monthMenu 
{
	font-size: 1.1em;
}

#monthMenu .trimester1
{
	background: #FF9315;
	color: white;
}

#monthMenu .trimester2
{
	background: #FFAA43;
	color: white;
}

#monthMenu .trimester3
{
	background: #FFBE71;
	color: white;
}



.myCGLink a {
	display:inline;
	color: #0099cc;
	font-weight:bold;
	text-decoration:none;
	background:url(/images/arrow_blue_off_on.gif) 0px 1px no-repeat; 
	padding-left: 16px;
	margin-right: 20px;
}
.myCGLink a:hover {
	text-decoration:underline;
	background:url(/images/arrow_blue_off_on.gif) 0px -28px no-repeat;
}

/*
** Homepage MyCG subcriptions panel
*/
.checkOptedIn
{
	font-size: 1.1em;
	background: url(/images/checkbox_on.gif) no-repeat top left;
	padding-left: 20px;
	padding-bottom: 0px;
}

.checkOptedOut
{
	font-size: 1.1em;
	background: url(/images/checkbox_off.gif) no-repeat top left;
	padding-left: 20px;
	padding-bottom: 0px;
}



.sitemapGroup
{
	margin: 0 20px 20px 0px;
	width: 240px;
	float:left;
}

.sitemapGroup ul
{
	list-style-type: none;
	margin-left: 10px;
}
.sitemapGroup ul li a
{
	font-size: 1.1em;
	line-height: 1.6em;
}

.sitemapGroup h4
{
	margin-left: 10px;
}


.pregnancyBackground
{
	background:#ffcb31;
}

.babyBackground
{
	background:#fd9214;
}



.colOne, .colTwo, .colThree, .colFour, .memberThumbnailPanel, .userName
{
	/* Solve problem of long text with no spaces */
	word-wrap: break-word;		/* For IE */
	overflow:hidden;			/* For Mozilla */
}



#t31 .formSection
{
font-size: 100%;
}



.validationErrors ul li
{
	list-style:none;
	color:red;
}




#pageTitleBlock
{
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 3px;
}

.spiffy{
}
.spiffy *{
	display: block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#F1453F}
.spiffy1Top{
	margin-left:0px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #a96854;
	border-right:1px solid #a96854;
	background:#F1453F}
.spiffy2Top{
	margin-left:0px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #F1453F;
	border-right:1px solid #F1453F;
	background:#F1453F}
.spiffy3Top{
	margin-left:0px;
	margin-right:1px;
	border-left:1px solid #F1453F;
	border-right:1px solid #F1453F;}
.spiffy1{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #a96854;
	border-right:1px solid #a96854;
	background:#F1453F}
.spiffy2{
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #F1453F;
	border-right:1px solid #F1453F;
	background:#F1453F}
.spiffy3{
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #F1453F;
	border-right:1px solid #F1453F;}
.spiffy4, .spiffy5{
	border-left:1px solid #F1453F;
	border-right:1px solid #F1453F}

.spiffyfg{
	background:#F1453F;
	display:inline;
}

#pgTitleTable h1
{
	color: white;
	background:#F1453F;
	font-size: 2.4em;
	display:block;
	border:0px;
	margin:0px;
	padding: 3px 10px 3px 10px;
}


#pgTitleTable
{
margin-top:15px;
margin-bottom: 6px;
}

#pgTitleTable td
{
margin: 0px;
border:0px;
}

#pgTitleTable .h1Sub
{
	color: white;
	background:#F1453F;
	font-size: 1.6em;
	border:0px;
	margin:0px;
}

#t48 .tabbedBoxPadding ul
{
	padding-left: 15px;
}

.product_center
{
	margin: 0 auto;
	width: 270px;
}