html, body
{
	width: 100%;
	margin: 0;
	padding: 0;
}
body
{
	font: 11px Verdana, Arial, Helvetica, Sans-serif;
	color: #444;
	background: #fff;
}

/*---------- Page Header ----------*/
.moHeader 
{
	background: url(images/moHeader-bg.jpg) repeat-x top left;
	height: 50px;
}

/*---------- User Header ----------*/
.userHeader 
{
	border-bottom: 1px solid #999; 
	background: #ffffcc; 
	height: 20px;
	vertical-align: top;
}
	.userInfo 
	{
		font-weight: bold;
		padding-right: 20px;
	}
	.logoutBtn 
	{
		padding: 0 20px 0 40px;
	}
	

/*---------- Navigation Column Area ----------*/
.baseNav{
	margin: 0;
	padding: 0 15px 0 15px;
	width: 180px;
	background: #f7f7f7;
}

.navGroup {
	
}

	.navGroup h6 {
		margin: 20px 0 5px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #ccc;
		color: #5e9c54;
		font-size: 12px;
		font-weight: bold;
	}

	.navGroup ul {
		margin: 0;
		padding: 0 0 0 5px;
	}

		.navGroup li {
			margin: 0;
			padding: 3px 0 3px 0;
			list-style-type: none;			
		}
		.navGroup li a {
			text-decoration: none;
		}
		.navGroup li a:hover {
			color: #000;
			text-decoration: underline;
		}


/*---------- Center Content Area ----------*/
.baseContent
{
	margin: 0;
	padding: 20px;
	vertical-align: top;
	background: #fff;
}

/*---------- Global Footer ----------*/
.footer
{
	font: 10px verdana, arial, helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding-top: 20px;
}
.footer ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 0;
}
.footer ul li a
{
	color: #006699;
	text-decoration: none;
}
.footer ul li a:hover
{
	text-decoration: underline;
}
.footer p
{
	width: 960px;
	margin: 0;
	color: #666666;
	text-align: center;
}


/*

	Content 

*/


/* 
	Base: Type 
		typeographic and font based elements
*/
p 
{
	margin: 0;
	padding: 3px 0 15px 0;
	color: #444;
}
th 
{
	font-weight: bold;
	text-align: left;
}
hr 
{
	margin: 20px 0 10px 0;
	padding: 0;
	height: 0px;
	border: none;
	border-bottom: 1px solid  #e6e6e6;
}	
a 
{
	color: #2c6ba4;
}
.bold 
{
	font-weight: bold;
}

.onlineNow 
{
	font-size: 11px;
	font-weight: bold;
	color: green;
}
a.actionLink 
{
	font-size: 10px;
	color: #1f9bea;
	text-decoration: none;
}
	a.actionLink:hover {
		color: #2c6ba4;
		text-decoration: underline;
	}			
.footnote 
{
	margin: 20px 0 20px 0;
	padding: 10px;
	border-top: 1px solid #999;
	color: #999;
	font-size: 11px;
	font-weight: normal;
}

		
	
	
/* 
	Base: Position
		positioning elements 
*/
.floatRight 
{
	float: right;
}

.floatLeft 
{
	float: left;
}

/* 
	Notifications
		Notification & Status Messaging 
*/

/* 
	Status 
*/
.notifyExclaim
{
	margin: 3px 0;
	background: #ffe6e6 url(images/notify-exclaim.gif) 10px 4px no-repeat;
	border-top: 1px solid #e56255;
	border-bottom: 1px solid #e56255;
	padding: 5px 10px 5px 30px;
}
.notifySuccess 
{
	margin: 3px 0;
	background: #d1f6de url(images/notify-accept.gif) 10px 4px no-repeat;
	border-top: 1px solid #0ec44e;
	border-bottom: 1px solid #0ec44e;
	padding: 5px 10px 5px 30px;

}
.notifyInformation 
{
	margin: 3px 0;
	background: #dbeefb url(images/notify-information.gif) 10px 4px no-repeat;
	border-top: 1px solid #6699cc;
	border-bottom: 1px solid #6699cc;
	padding: 5px 10px 5px 30px;
}
.notifyConfirmPop 
{
	margin: 3px 0;
	background: #feeeae url(images/notify-confirm.gif) 10px 4px no-repeat;
	padding: 5px 10px 5px 30px;
	color: #333;
	font-weight: bold;
	font-size: 14px;
}
.notifyAlert 
{
	margin: 3px 0;
	background: #fff6bf url(images/notify-alert.gif) 10px 4px no-repeat;
	border-top: 1px solid #ffd324;
	border-bottom: 1px solid #ffd324;
	padding: 5px 10px 5px 30px;
}

	
/* 
	Status: Incomplete
		Indicates an area that is not complete 
*/
div.status
{
	background: #e7e7e7 url(images/bomb.gif) 10px 4px no-repeat;
	border-bottom: 1px solid #333333;
	padding: 5px 10px 5px 30px;
	color: #444444;
	font-weight: normal;
	font-size: 12px;
}

/* 
	Header: Page 
		base page header for all internal pages 
*/

.basePageHeader {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	width: 100%;
	border-collapse: collapse;
}
	.basePageHeader .baseAltrow
	{
		background: #f2f1e5;
	}
	.basePageHeader tr td
	{
		padding: 5px;
	}
.basePageHeader	.baseHeadContent {
	margin: 0;
	padding: 0 0 10px 0;
	vertical-align: bottom;	
}
	.basePageHeader h3.baseHeader {
		margin: 0;
		color: #444444;
		font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, Sans-Serif;
		font-weight: normal;
		font-size: 24px;
	}
		.basePageHeader h3.baseHeader a {
			color: #444444;
			text-decoration: none;
		}
		.basePageHeader h3.baseHeader a:hover {
			color: #444444;
			text-decoration: underline;
		}
		.basePageHeader h3.baseHeader img {
			
			padding-left: 20px;
		}
	.basePageHeader h6.baseBreadcrumb {
		margin: 0;
		color: #1f9bea;
		font-family: Arial, Helvetica, Sans-Serif;
		font-weight: normal;
		font-size: 11px;
	}
		.basePageHeader h6.baseBreadcrumb a {
			color: #1f9bea;
			text-decoration: none;
		}
		.basePageHeader h6.baseBreadcrumb a:hover {
			color: #1f9bea;
			text-decoration: underline;
		}		
.basePageHeader .baseAvatar {
	margin: 0;
	width: 190px;
	vertical-align: top;
	text-align: center;
}
.basePageHeader .baseAvatarAlt {
	margin: 0;
	width: 48px;
	vertical-align: top;
	text-align: left;
}
.basePageHeader .baseContent {
	margin: 0;
	vertical-align: top;
}
	.basePageHeader h4.baseTitle {
		margin: 0;
		color: #336699;
		font-family: Arial, Helvetica, Sans-serif;
		font-weight: bold;
		font-size: 14px;
	}
		.basePageHeader h4.baseTitle a {
			color: #006699;
			text-decoration: none;
		}
		.basePageHeader h4.baseTitle a:hover {
			color: #006699;
			text-decoration: underline;
		}
	.basePageHeader p.baseText {
		margin: 0;
		color: #444;
		font-family: Arial, Helvetica, Sans-serif;
		font-weight: normal;
		font-size: 12px;
	}
		.basePageHeader p.baseText a {
			color: #006699;
			text-decoration: underline;
		}
		.basePageHeader p.baseText a:hover {
			color: #006699;
			text-decoration: none;
		}
	.basePageHeader p.baseByline {
		margin: 0;
		padding: 3px 0 3px 0;
		color: #999;
		font-family: Arial, Helvetica, Sans-serif;
		font-weight: normal;
		font-size: 10px;
	}
		.basePageHeader p.baseByline a {
			color: #006699;
			text-decoration: underline;
		}
		.basePageHeader p.baseByline a:hover {
			color: #006699;
			text-decoration: none;
		}
	.basePageHeader .baseAttributes {
		margin: 0;
		padding: 0px;
		border-collapse: collapse;
	}
		.basePageHeader h6.baseColHeader {
			margin: 0;
			color: #333;
			font-family: Arial, Helvetica, Sans-serif;
			font-weight: bold;
			font-size: 11px;
		}	
		.basePageHeader .baseAttributeLabel {
			margin: 0;
			padding: 3px;			
			width: 100px;
			color: #666;
			font-size: 11px;
		}	
			.basePageHeader .baseAttributeLabelAlt {
				margin: 0;
				padding: 3px;				
				width:  150px;
				color: #666;
				font-size: 11px;
			}
		.basePageHeader .baseAttributeValue {
			margin: 0;
			padding: 3px;			
			width: 100px;
			color: #333333;
			font-size: 11px;
			font-weight: bold;
		}		
			.basePageHeader .baseAttributeValueAlt {
				margin: 0;
				padding: 3px;				
				width: 200px;
				color: #333333;
				font-size: 11px;
				font-weight: bold;
			}
			.basePageHeader .baseAttributeValue a,
			.basePageHeader .baseAttributeValueAlt a {
				color: #1f9bea;
			}	
	.basePageHeader .baseAttributes p {
		margin: 0;
		padding: 0;
	}
	.basePageHeader .baseControls {
		margin: 0;
		padding: 0 0 0 20px;
		vertical-align: top;
		width: 180px;
		text-align: right;
	}	


/* 
	Lists
		base list style for any page with lists 
*/

.baseList {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}
	.baseList .baseAltrow
	{
		background: #f9f9f9;
	}
	.baseList tr td
	{
		padding: 5px;
		border-bottom: 1px solid #d8d8d8;
	}
		.baseList .noborder
		{
			border-bottom: 0;
		}
		.baseList .centered
		{
			text-align: center;
		}
.baseList .baseAvatar {
	margin: 0;
	width: 60px;
	vertical-align: top;
	text-align: center;
}
.baseList .baseContent {
	margin: 0;
	vertical-align: top;
}
	.baseList h3.baseHeader {
		margin: 0;
		color: #444;
		font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, Sans-Serif;
		font-weight: bold;
		font-size: 16px;
	}
		.baseList h3.baseHeader a {
			color: #444;
			text-decoration: none;
		}
		.baseList h3.baseHeader a:hover {
			color: #000;
			text-decoration: underline;
		}
	.baseList h4.baseTitle {
		margin: 0;
		color: #444;
		font-family: Arial, Helvetica, Sans-serif;
		font-weight: bold;
		font-size: 14px;
	}
		.baseList h4.baseTitle a {
			color: #006699;
			text-decoration: none;
		}
		.baseList h4.baseTitle a:hover {
			color: #006699;
			text-decoration: underline;
		}
	.baseList h6.baseColHeader {
		margin: 0;
		color: #444;
		font-family: Arial, Helvetica, Sans-serif;
		font-weight: bold;
		font-size: 11px;
	}
		.baseList h6.baseColHeader a {
			color: #006699;
			text-decoration: none;
		}
		.baseList h6.baseColHeader a:hover {
			color: #006699;
			text-decoration: underline;
		}
	.baseList p.baseText {
		margin: 0;
		padding: 0 0 3px 0;
		color: #444;
		font-family: Arial, Helvetica, Sans-serif;
		font-weight: normal;
		font-size: 12px;
	}
		.baseList p.baseText a {
			color: #006699;
			text-decoration: underline;
		}
		.baseList p.baseText a:hover {
			color: #006699;
			text-decoration: none;
		}
	.baseList p.baseByline {
		margin: 0;
		padding: 3px 0 3px 0;
		color: #999;
		font-family: Arial, Helvetica, Sans-serif;
		font-weight: normal;
		font-size: 10px;
	}
		.baseList p.baseByline a {
			color: #2c6ba4;
			text-decoration: underline;
		}
		.baseList p.baseByline a.actionLink {
			padding-left: 10px;
			color: #1f9bea;
			text-decoration: none;
		}	
		.baseList p.baseByline a.actionLink:hover {
			color: #1f9bea;
			text-decoration: underline;
		}			
		.baseList p.baseByline a:hover {
			color: #2c6ba4;
			text-decoration: none;
		}	
/*
	Menu
		basecontrols is an alternat to the commandMenu for inline use
		where the commandMenu isn't appropriate
*/
.baseControls
{			
	margin: 0;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: normal;
	font-size: 11px;
	vertical-align: top;
}
	.baseControls ul
	{			
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.baseControls li
	{			
		margin: 0;
		padding: 3px 0 3px 0;
		color: #333333;
	}
	.baseControls li a
	{	
		color: #006699;
		text-decoration: none;
		cursor: pointer;
		padding: 4px 0 4px 20px;
	}
	.baseControls li a:hover
	{			
		color: #006699;
		text-decoration: underline;
		cursor: pointer;
	}
		.baseControls li a.baseEdit
		{	
			background: url(images/command-menu-edit.png) no-repeat 0px 2px;
		}
		.baseControls li a.baseReport
		{	
			background: url(images/command-menu-report.png) no-repeat 0px 2px;
		}
		.baseControls li a.baseDelete
		{	
			background: url(images/command-menu-delete.png) no-repeat 0px 2px;
		}
		.baseControls li a.baseReply
		{	
			background: url(images/command-menu-reply.png) no-repeat 0px 2px;
		}
		.baseControls li a.baseBuyNow
		{	
			background: url(images/command-menu-buynow.png) no-repeat 0px 2px;
		}
		.baseControls li a.baseView
		{	
			background: url(images/command-menu-group.png) no-repeat 0px 3px;
		}
		.baseControls li a.baseLeave
		{	
			background: url(images/command-menu-leave.png) no-repeat 0px 3px;
		}	
		.baseControls li a.baseAccept
		{	
			background: url(images/command-menu-accept.png) no-repeat 0px 3px;
		}			
	/* Extras - horizonal versions of baseControls menu items */	
		a.baseReportAlt
		{
			margin: 0 0 0 15px;
			padding: 4px 0 4px 20px;
			font-size: 10px;
			font-family: Arial, Helvetica, Sans-Serif;
			color: #1f9bea;
			text-decoration: none;
			cursor: pointer;
			background: url(images/command-menu-report.png) no-repeat 0px 2px;
		}
		a.baseDeleteAlt
		{	
			margin: 0 0 0 15px;
			padding: 4px 0 4px 20px;
			font-size: 10px;
			font-family: Arial, Helvetica, Sans-Serif;
			color: #1f9bea;
			text-decoration: none;
			cursor: pointer;
			background: url(images/command-menu-delete.png) no-repeat 0px 2px;
		}	
		a.baseEditAlt
		{	
			margin: 0 0 0 15px;
			padding: 4px 0 4px 20px;
			font-size: 10px;
			font-family: Arial, Helvetica, Sans-Serif;
			color: #1f9bea;
			text-decoration: none;
			cursor: pointer;
			background: url(images/command-menu-edit.png) no-repeat 0px 2px;
		}
		a.baseAcceptAlt
		{	
			margin: 0 0 0 15px;
			padding: 4px 0 4px 20px;
			font-size: 10px;
			font-family: Arial, Helvetica, Sans-Serif;
			color: #1f9bea;
			text-decoration: none;
			cursor: pointer;			
			background: url(images/command-menu-accept.png) no-repeat 0px 2px;
		}			

/* 
	TOS
		 Terms of Service 
*/
.legal 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #444444;
}
    .legal h1 
    {
        font-family: Georgia, "Times New Roman", Times,Helvetica, serif;
        font-size: 16px;
    }
    .legal h2 
    {
        font-family: Georgia, "Times New Roman", Times,Helvetica, serif;
        font-size: 14px;
    }
    .legal h3 
    {
        font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
        font-size: 12px;
    }
    .legal h4 
    {
        font-family: Georgia, "Times New Roman", Times,Helvetica, serif;
        font-size: 12px;
    }


/*
	MENUS
*/   

/*
	Command Menu 	
		Command Menus 
*/
div.commandMenu
{
	width: 140px;			
	float: left;
	font-family: "Trebuchet MS",Trebuchet, Tahoma, Arial, Helvetica, Sans-serif;
	font-weight: normal;
	font-size: 11px;
	margin: 0;
	
}
div.commandMenu ul
{			
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	background: #ffffff;
	border-top: 1px solid #999999;
}
div.commandMenu li

{			
	margin: 0;
	padding: 0;
	color: #333333;
	border-bottom: 1px solid #999999;
	text-align: left;

}
div.commandMenu li.first
{	
	border-top: 0px solid #999999;
}
div.commandMenu li:hover {
	background: #f2f1e5;
	cursor: hand;
}
div.commandMenu li a
{	
	padding: 3px 0 3px 25px;
	color: #333333;
	display: block;	
	text-decoration: none;
	cursor: pointer;
}
div.commandMenu li a:hover
{			
	cursor: pointer;
	text-decoration: none;
}
	div.commandMenu li a.leave
	{	
		background: url(images/command-menu-leave.png) no-repeat 5px 3px;
	}
	div.commandMenu li a.browse
	{	
		background: url(images/command-menu-browse.png) no-repeat 5px 3px;
	}
	div.commandMenu li a.edit
	{	
		background: url(images/command-menu-edit.png) no-repeat 5px 3px;
	}
	div.commandMenu li a.delete
	{	
		background: url(images/command-menu-delete.png) no-repeat 5px 3px;
	}	
	div.commandMenu li a.forum
	{	
		background: url(images/command-menu-forum.png) no-repeat 5px 3px;
	}
	div.commandMenu li a.message
	{	
		background: url(images/command-menu-message.png) no-repeat 5px 3px;
	}
	div.commandMenu li a.invite
	{	
		background: url(images/command-menu-invite.png) no-repeat 5px 3px;
	}	
	div.commandMenu li a.region
	{	
		background: url(images/command-menu-region.png) no-repeat 5px 3px;
	}		
	div.commandMenu li a.profile
	{	
		background: url(images/command-menu-profile.png) no-repeat 5px 3px;
	}
	div.commandMenu li a.join
	{	
		background: url(images/command-menu-join.png) no-repeat 5px 3px;
	}	
	


/* 
	Buttons: Browser 
		browser rendered standard buttons
*/
.buttonPrimary 
{
	width: 200px;
	margin-right: 50px;
}
.buttonSecondary 
{
	width: 100px;
}

/* 
	Buttons: Std
		Gray Pill shaped buttons 
*/		

a.buttonGrayPill {
    background: transparent url(images/button-pill-tan-right.gif) no-repeat scroll top right;
    color: #1f9bea;
    display: block;
    float: left;
    font: normal 10px Arial, Helvetica, Sans-Serif;
    height: 18px;
    margin-right: 10px;
    padding-right: 12px; /* sliding doors padding */
    text-decoration: none;
}

	a.buttonGrayPill span 
	{
		background: transparent url(images/button-pill-tan-left.gif) no-repeat;
		display: block;
		line-height: 12px;
		padding: 3px 0 3px 12px;
	}
	a.buttonGrayPill:active 
	{
		background-position: bottom right;
		color: #333;
		outline: none; 
	}
	a.buttonGrayPill:active span
	{
		background-position: bottom left;
		padding: 3px 0 3px 12px;
	}


/* 
	Pager
		default pager control 
*/
div.pager 
  {
	clear: both;
	text-align: right;
	margin: 5px 0 10px 0;
    padding: 5px;
	background: #fff;
  } 
  .pager a
  {
    padding: 2px 4px 3px 4px;
    color: #666;
    font-size: 11px;
    font-weight: bold;
  }
  .pager .selected,
  .pager .selected a
  {
    color: #003399;
    padding: 2px 4px 3px 4px;
    border: 1px solid #999;
    background-color: white;
  }  
  .PagerFirst
  {
  }
  
  .PagerPrevious
  {
  }
  
  .PagerPage
  {
  }
  
  .PagerNext
  {
  }
  
  .PagerLast
  {
  }		
		

		
/* 
	Forms
		base forms style for all forms 
*/
div.formFields {
	margin: 0 0 20px 0;
	padding: 0 0 0px 0;
	width: 100%;
	background: #ffffff;	
}
div.formFields h2.formName {
	margin: 0 0 20px 0;
	padding: 15px 0 5px 0;
	color: #333;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 20px;
	background: #ffffff;
	border-bottom: 1px solid #ccc;
}
div.formFields h4.formSection {
	margin: 0;
	padding: 10px 0 3px 10px;
	color: #003399;
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 13px;
	border-top: 1px solid #efefef;	
}
div.formFields p {
	margin: 0;
	overflow: hidden;
	padding: 5px 0 5px 10px;
}
	
	div.formFields label {
		margin: 0;
		padding: 0 10px 0 0;
		float: left;
		width: 140px;
		text-align: right;		
		color: #333;
		font-family: Verdana, Arial, Helvetica, Sans-serif;
		font-weight: normal;
		font-size: 11px;		
	}
		div.formFields label.wide {
			width: 240px;
			text-align:left;
		
		}	
	div.formFields input {
		margin: 0;
		color: #333;
		font-family: Verdana, Arial, Helvetica, Sans-serif;
		font-weight: normal;
		font-size: 11px;		
	}
	/* for reviewing submitted forms displayed in tables */
	div.formFields .listAttribute {
		margin: 0;
		padding: 0 0 5px 0;
		text-align: right;
	}
		div.formFields .listAttribute span {
			margin: 0;
			padding: 0 0 5px 0;
			text-align: right;
		}	
	div.formFields p.listValue {
		margin: 0;
		padding: 0 0 5px 10px;
		font-weight: bold;
		color: #444444;
	}	
div.formFields p.formControls 
{
	margin: 20px 0 0 0;
	padding: 10px 10px 10px 160px;
	border-top: 1px solid #ccc;
	background: #f9f9f9;
}

	div.formFields p.spellCheck 
	{
		margin: 0;
		padding: 5px 30px 5px 160px;
	}
	div.formFields p.charsRemaining 
	{
		margin: 0;
		padding: 5px 30px 5px 160px;
	}
	div.formFields .nolabel 
	{
		margin: 0;
		padding: 5px 5px 5px 160px;
	}
	div.formFields p.tabbed 
	{
		margin: 0;
		padding: 5px 5px 5px 40px;
	}	
	div.formFields p.noinput label
	{
		margin: 0;
		padding: 0 0 0 5px;
		clear: both;
		width: 100%;
		text-align: left;
	}	
/* Form: Radio-Checkbox */
	table.formRadio 
	{ 
		margin: 0 0 5px 0;
		padding: 0 0 0 160px;
	}
	.formRadio td input,
	.formRadio td label {
		clear: both;
		float: none;
		width: auto;
		margin: 0;
		padding: 5px;
		font-size: 12px;
	}			
/* Form: Inputs */
	/* Width*/
		.small
		{
			width: 120px;
		}
		.average 
		{
			width: 250px;
		}
		.large 
		{
			width: 400px;
		}
	/* Height */
		.short 
		{
			height: 40px;
		}
		.medium 
		{
			height: 80px;
		}
		.tall 
		{
			height: 120px;
		}

	
.baseTable 
{
	margin: 10px 0 20px 0;
	padding: 10px;
	width: 100%;
	border-collapse: collapse;
}
.baseTable th 
{
	font-weight: bold;
	text-align: left;
	padding: 3px;
	border-bottom: 1px solid #ccc;
}
.baseTable td
{
	padding: 3px;
}


.programDetails 
{
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #999;
	background: #f7f7f7;
	
}
.programDetails h4 
{
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 13px;
	color: #444;
}
.programDetails ol 
{
	margin-top:0;
	padding-top: 0;
}
.programDetails ol li 
{
	padding: 2px 0;
}
/* Special Bits */
table.MBActivation td 
{
	text-align: right; 
}
div.formFields p.doublespaced 
{
	padding: 10px 5px;
}
.checkboxLbl 
{
	padding-left: 25px; 
	display: block;
}
/* --------- CauseCreatePage  CSS Start ------------ */ 
.NewCausePage {
padding: 0px 10px 0px 10px;
}
.NewCausePage #left {
float:left;
width:600px;
}
.NewCausePage #right {
float:right;
width:300px;
}
.CauseLeftBanner {
border:1px solid #9EB0C0;
margin-top:10px;
}
.CauseLeftBannerTitle {
background: url(images/images/givebig_NeedTitle_bg.gif) repeat-x;
height:29px;
padding:5px 10px 0 10px;
font:17px "Times New Roman", Times, serif;
color:#fff;
font-weight:bold;
}
.CauseLeftBannerContent {
padding:10px;
}
.CauseLeftBannerContent p 
{
	margin:0;
	padding:0;
	}
.InputDes 
{
	width:400px;
	}
.AddGoalArea 
{
	background-color:#eee;
	padding:5px;
	width:500px;
	margin:0 auto;
	}
.AddGoalArea  p 
{
	padding:0;
	margin:5px 0;
	font-size:11px;
	}
.AddGoalArea p.title 
{
	font:14px Trebuchet MS;
	font-weight:bold;
	color:#000;
	}
.AddGoalArea label 
{
	width:100px;
	float:left;
	text-align:right;
	margin-right:10px;
	}
.CauseLeftBannerContent p 
{
	margin:0;
	padding:0;
	}
.rightPledgeSupport div.ListDtail {
float:left;
width:140px;
height:150px;
text-align:center;
font:13px Trebuchet MS, Arial, Helvetica, sans-serif;
}
.NewCauseDescription 
{
	padding:10px;
	}
.rightPledgeSupport div.ListDtail p 
{
margin:0;
padding:0;
margin:5px 0;
}
.rightPledgeSupport div.ListDtail .ListDtailImage 
{
max-width:100px;
text-align:center;
}
div.CauseCreatePage {
width:600px;
margin:0 auto;
padding:0 10px;
font:12px Arial, Helvetica, sans-serif;
color:#000;
}
.CauseCreateTitle {
font:18px Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:500;
}
.CauseCreateDes {
font:12px Trebuchet MS, Arial, Helvetica, sans-serif;
color:#606060;
padding-left:50px;
}
div.CauseCreatePage .grayline {
border-bottom:1px solid #ccc;
padding-bottom:5px;
margin-bottom:10px;
}
div.CauseCreatePage .grayline2 {
border-top:1px solid #ccc;
padding-top:10px;
}
div.CauseCreatePage .gray {
color:#606060;
}
div.CauseCreatePage label {
width:150px;
float:left;
text-align:right;
margin-right:10px;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
}
.CauseFeatures p {
margin:0;
padding:0;
}

/* --------- CauseCreatePage  CSS END ------------ */

/* --------- GiveGiftPage  CSS Start ------------ */ 
#GiveGiftPage {
width:930px;
margin:0 auto;
}
#GiveGiftPage p {
margin:0;
padding:0;
}
#GiveGiftPage image {
border:0;
}
#GiveGiftPage #left {
width:755px;
float:left;
}
#GiveGiftPage #right {
width:161px;
float:right;
}
#GiveGift {
margin-top:10px;
border:1px solid #73BD42;
}
#GiveGiftTitle {
background: url(images/images/landing_cause_title_bg.gif) repeat-x top;
height:26px;
padding:5px 0 0 10px;
font:17px "Times New Roman", Times, serif;
color:#fff;
font-weight:bold;
}
#GiveGiftContent table tr td {
padding:0px 2px;
font:13px Trebuchet MS, Arial, Helvetica, sans-serif;
}
.GiveGift_bg_Line {
background: url(images/images/giveGift_grayLine.gif) repeat-y;
padding-top:10px;
margin:10px 0;
}
div.Giftlist {
float:left;
width:74px;
height:105px;
text-align:center;
font:13px Trebuchet MS, Arial, Helvetica, sans-serif;
}
.GiveTitle {
font:22px Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:600;
}
.GiveGiftDes {
font:12px Arial, Helvetica, sans-serif;
}
.GiveGiftDes a {
color:#0049DE;
}
.Giftlist p {
font:11px Arial, Helvetica, sans-serif;
color:#969696;
}
#GiveGiftPage .SearchButton {
margin:10px 0 15px 0; 
}
#GiveGiftPage .CategoriesTitle {
font:20px Arial, Helvetica, sans-serif;
font-weight:500;
color:#000;
}
#GiveGiftPage .Categories p {
margin-top:2px;
}
#GiveGiftPage .Categories a {
font:12px Arial, Helvetica, sans-serif;
color:#0049DE;
}
#GiveGiftPage .GiveGiftDetail {
font:12px Arial, Helvetica, sans-serif;
color:#444444;
margin-left:25px;
margin-top:15px;
}
#GiveGiftPage .FriendNameInput {
width:235px;
}
#GiveGiftPage .MessageInput {
width:330px;
height:100px;
}
#GiftAdminPage {
padding:0 20px;
}
.GiftAdd label {
width:100px;
float:left;
text-align:right;
margin-right:10px;
font:12px Arial;
}
/* --------- GiveGiftPage  CSS END ------------ */ 

/* --------- NewCause  CSS Start ------------ */ 
.NewCausePageNarrow {
width:930px;
margin:0 auto;
}
.NewCausePageNarrow a{
color:#2B6CA4;
}
.NewCausePageNarrow .left {
width:745px;
float:left;
}
.NewCausePageNarrow .right {
width:160px;
float:right;
}
.NewCausePageNarrow .right .ad {
margin-top:20px;
}
.NewCauseCategory {
border:1px solid #7F9DB9;
}
.NewCauseCategory p.title {
padding:5px;
background-color:#5597EB;
font:16px "Times New Roman", Times, serif;
font-weight:bold;
color:#fff;
}
.NewCauseCategory p {
padding:1px 7px;
}
.NewCauseCategory a {
font:12px Arial, Helvetica, sans-serif;
color:#666;
text-decoration:none;
}
.NewCausePageNarrow image {
border:0;
}
.NewCausePageNarrow p {
margin:0;
padding:0;
}
.NewCausePageNavigation {
float:left;
border-top:1px solid #476682;
padding:5px 10px 30px 10px;
margin-top:10px;
}
p.NewCause_about_you  {
clear:both;
font:11px Arial, Helvetica, sans-serif;
color:#444444;
}
p.NewCause_about_you .num1 {
font-weight:bold;
color:#F20A82;
}
p.NewCause_about_you .num2 {
font-weight:bold;
color:#418DEB;
}
.NewCausePageNarrow .NavigationMenu {
float:left;
color:#666;
}
.NewCausePageNarrow .NavigationMenu a {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#2E6DA3;
text-decoration:none;
padding:0 5px;
}
.NewCausePageNarrow .NavigationMenu a.Select {
font-weight:bold;
}
.NewCausePageNarrow .BySort {
float:right;
}
.BrowseNewCauses {
clear:both;
}
.NewCausePageTitle .CauseTitle {
font:22px Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:400;
}
.NewCausePageTitle .search {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#999999;
vertical-align:middle;
}
.NewCausePageNavigation .BySort span {
font:11px Verdana, Arial, Helvetica, sans-serif;
vertical-align:middle;
}
.NewCausesDes p {
font:12px Arial, Helvetica, sans-serif;
color:#999;
margin:2px 0;
}
.NewCausesDes p a {
font-weight:bold;
color:#006599;
text-decoration:none;
}
.NewCauseGoalProgressTitle {
font:10px Arial, Helvetica, sans-serif;
color:#999;
text-align:center;
}
.NewCauseGoalProgress {
background:url(images/images/PledgeProgress_bg.gif) no-repeat;
width:132px;
height:77px;
padding:5px;
text-align:center;
margin:0 auto;
}
.NewCauseGoalProgress .GoalNum {
font:14px Arial, Helvetica, sans-serif;
color:#767676;
background-color:#fff;
margin-top:10px;
}
.NewCauseGoalProgress p {
margin-top:6px;
}
.BrowseNewCauses .NewCauseGoalProgress {
margin-top:6px;
}
.NewCauseBrowseOperate P {
margin-bottom:6px;
vertical-align:middle;
font:11px Trebuchet MS, Arial, Helvetica, sans-serif;
color:#666;
}
a.NewCause_Join {
display:block;
background:url(icons-0805/add.gif) no-repeat;
padding:0px 0 0px 22px;
font:11px Trebuchet MS, Arial, Helvetica, sans-serif;
color:#666;
text-decoration:none;
}
a.NewCause_Friends {
display:block;
background:url(icons-0805/friends.gif) no-repeat;
padding:0px 0 0px 22px;
font:11px Trebuchet MS, Arial, Helvetica, sans-serif;
color:#666;
text-decoration:none;
}
a.NewCause_Leave {
display:block;
background:url(icons-0805/delete.gif) no-repeat;
padding:0px 0 0px 22px;
font:11px Trebuchet MS, Arial, Helvetica, sans-serif;
color:#666;
text-decoration:none;
}
a.NewCause_Manage {
display:block;
background:url(icons-0805/edit.gif) no-repeat;
padding:0px 0 0px 22px;
font:11px Trebuchet MS, Arial, Helvetica, sans-serif;
color:#666;
text-decoration:none;
}
.tabel_data_css {
border-top:1px solid #E1E1E1;
padding:0;
}
.tabel_data_css tr td {
border-bottom:1px solid #E1E1E1;
padding:8px 0;
}
.tabel_data_css tr td.noborder {
border-bottom: 0;
}
.tabel_data_css tr.tabel_data_content {
background-color:#F9F9F9;
}
.NewCausePageNarrow a, .NewCausePageNormal a {
color:#2B6CA4;
}
.NewCausePageNormal {
width:930px;
margin:0 auto;
}
.NewCausePageNormal .left {
width:605px;
float:left;
}
.NewCausePageNormal .right {
width:300px;
float:right;
}
.NewCausePageNormal .right .ad {
margin-top:20px;
}
.NewCausePageNormal image {
border:0;
}
.NewCausePageNormal p {
margin:0;
padding:0;
}
.NewCausePageNavigation {
float:left;
border-top:1px solid #476682;
padding:5px 10px 30px 10px;
margin-top:10px;
}
.NewCausePageNormal .NavigationMenu {
float:left;
color:#666;
}
.NewCausePageNormal .NavigationMenu a {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#2E6DA3;
text-decoration:none;
padding:0 5px;
}
.NewCausePageNormal .NavigationMenu a.Select {
font-weight:bold;
}
.NewCausePageNormal .BySort {
float:right;
}
.NewCauseStory {
font:12px Arial, Helvetica, sans-serif;
color:#191919;
}
.InviteFreinds {
margin-top:30px;
}
.InviteFreindsManage 
{
	margin-top:0;
	}
.InviteFreindsTitle {
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#476AA0;
font-weight:bold;
background-color:#DBE7F3;
border-bottom:1px solid #476AA0;
padding:5px;
}
.InviteFreinds .tabel_data_css {
border-top:1px solid #E1E1E1;
padding:0;
font:11px Verdana, Arial, Helvetica, sans-serif;
}
.InviteFreinds .tabel_data_css tr td {
border-bottom:1px solid #E1E1E1;
padding:3px 5px;
}
.InviteFreinds .tabel_data_css tr td.noborder {
border-bottom: 0;
}
.InviteFreinds .tabel_data_css tr td.rightBorder {
border-right:1px solid #EEEEEC;
}
.InviteFreinds .tabel_data_css tr.tabel_data_content {
background-color:#F9F9F9;
}
.InviteFreinds .tabel_data_css tr.title {
color:#666;
}
.NewCause_TheCauseTitle {
background-color:#72BC41;
font:16px "Times New Roman", Times, serif;
font-weight:bold;
color:#fff;
padding:5px 10px;
}
.CauseCreateButton 
{
	background-color:#DEEBF8;
	border-top:1px solid #003399;
	padding:10px 0;
	}
.ErrorCss 
{
	color:Red;
	}
p.NoRecordsCss
{
	background: #fff url(images/notify-information.gif) 10px 4px no-repeat;
	border-bottom: 0;
	padding: 5px 10px 5px 30px;
	color: #336699;
	font-weight: normal;
	font-size: 12px;
}
p.notifyInformation
{
	background: #fff url(images/notify-information.gif) 10px 4px no-repeat;
	border-bottom: 0;
	padding: 5px 10px 5px 30px;
	color: #336699;
	font-weight: normal;
	font-size: 12px;
}
span.notifyInformation
{
	clear:both;
	display:block;
	background: #fff url(images/notify-information.gif) 10px 4px no-repeat;
	border-bottom: 0;
	padding: 5px 10px 5px 30px;
	color: #336699;
	font-weight: normal;
	font-size: 12px;
}
.giveBigNewCauseCategory {
margin-top:30px;
}
#giveBigPage .NavigationMenu, .NewCausePage .NavigationMenu {
float:left;
color:#666;
}
#giveBigPage .NavigationMenu a, .NewCausePage .NavigationMenu a {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#2E6DA3;
text-decoration:none;
padding:0 5px;
}
#giveBigPage .NavigationMenu a.Select, .NewCausePage .NavigationMenu a.Select {
font-weight:bold;
}
#giveBigPage .BySort, .NewCausePage .BySort {
float:right;
}
.NewCausePageNarrow .right .NewCauseCategory {
border:1px solid #7F9DB9;
}
.NewCausePageNarrow .right .NewCauseCategory p.title {
padding:5px;
background-color:#5597EB;
font:16px "Times New Roman", Times, serif;
font-weight:bold;
color:#fff;
}
.NewCausePageNarrow .right .NewCauseCategory p {
padding:1px 7px;
}
.NewCausePageNarrow .right .NewCauseCategory a {
font:12px Arial, Helvetica, sans-serif;
color:#666;
text-decoration:none;
}
.causeSortBy {
padding:10px;
background-color:#CFE2F1;
text-align:right;
}
.manageCause {
text-align:right;
}
.JoinCausePage {
padding:10px;
}
.JoinCausePage  p 
{
	padding:0;
	margin:5px 0;
	}
.JoinCausePage  .CauseTitle {
font:20px Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000;
}
.JoinCausePage  .CauseDetail {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}
.JoinCausePage  .ConfirmInfo {
font:11px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333;
}
.JoinCausePage  .ConfirmTitle {
font:20px Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333;
border-bottom:1px solid #ddd;
padding-bottom:5px;
}
.JoinCausePage  .ConfirmDetail {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}