@charset "utf-8";
/************************************************§
 *
 *  File      :  css/tcMain.css
 *  Version   :  v1.0
 *  Website   :  TruCash.com - User Interface
 *  Author    :  Josh Horvath (c) 2009
 *  Licensee  :  TruCash - trucash.com (c) 2009
 *
 ************************************************/

	


/** Middle Content Section ********************************************************************/

	
	
/** Content Sections **************************************************************************/
	
div.window {
	position: relative;
	left: 0px;
	width: 655px;
	margin-left: 0px;				/* margin makes sure the div on hover will go left and up */
	padding: 25px;					/* allows the text to be in line with the title */
	background: url(../images/bkg_contentGradient.png) repeat-x white;
	border: 1px solid #d1d3d4;
	margin-bottom: 10px;
	}
div.window_blank {
	position: relative;
	left: 50px;
	width: 400px;
	margin-left: -15px;				/* margin makes sure the div on hover will go left and up */
	margin-bottom: 10px;
	}
div.window_small {
	position: relative;
	left: 0px;
	width: 670px;
	margin-left: 0px;				/* margin makes sure the div on hover will go left and up */
	padding-top:5px;
padding-bottom:0px;
padding-right:5px;
padding-left:5px;				/* allows the text to be in line with the title */
	background: url(../images/bkg_contentGradient.png) repeat-x white;
	border: 1px solid #d1d3d4;
	margin-bottom: 10px;
	}
	div.window:hover,
	div.window_small:hover { border: 1px solid #b2b2b2; background: white; }

	/* Section: About TruCash */
	
	div#sectionAboutTruCash p,
	div#sectionAboutTruCash h4 {
		padding: 5px 0;
		display: block;
		}
	
	div.window div#sectionAboutDropdowns dl {
		font-size: 12px;
		}
		div.window div#sectionAboutDropdowns dt a {
			border: 1px solid #e1e1e1;
			background: url(../images/img_cardBenefits-arrow.png) no-repeat left center #f5f5f5;
			padding: 4px 4px 4px 18px; margin: 0;
			display: block; color: #575757;
			font-weight: normal;
			line-height: 20px;
			cursor: pointer;
			}window roundCorners
		div.window div#sectionAboutDropdowns dd {
			margin-left: 18px; padding: 10px 0;
			color: #787878;
			line-height: 18px;
			overflow: hidden;
			}
		
		div.window div#sectionAboutDropdowns dt a:hover { background-color: #9dc5d9; color: white; text-decoration: none; }
	
		div#sectionAboutDropdowns p {
			padding: 5px 0;
			}
		div#sectionAboutDropdowns ul {
			padding-left: 20px;
			font-family: Arial, Helvetica, sans-serif; color: #787878;
			font-size: 12px;
			padding-bottom: 10px;
			list-style: inside;
			}
		div#sectionAboutDropdowns ul li {
			padding:2px;
			}
	
	
	

	
	/* Section: Welcome */
		div.window div#sectionWelcome {
			background: url(../images/space.gif) no-repeat; /* need to make this image dynamically load for different card programs */
			min-height: 100px;
			padding-left: 0px;
			padding-top: 5px;

			}
		div.window div#sectionWelcome img {
			padding-bottom: 5px;
			}
		
		/* Section: Trucash card benefits */

			/* dl drop downs */
			div.window div#sectionCardBenefits dl {
				font-size: 12px;
				}
				div.window div#sectionCardBenefits dt a {
					border: 1px solid #e1e1e1;
					background: url(../images/img_cardBenefits-arrow.png) no-repeat left center #f5f5f5;
					padding: 4px 4px 4px 18px; margin: 0;
					display: block; color: #575757;
					font-weight: normal;
					line-height: 20px;
					cursor: pointer;
					}
				div.window div#sectionCardBenefits dd {
					margin-left: 18px; padding: 10px 0;
					color: #787878;
					line-height: 18px;
					overflow: hidden;
					}
			
				div.window div#sectionCardBenefits dt a:hover { background-color: #9dc5d9; color: white; text-decoration: none; }
				
				
	/* Section: My Account */
		div.sectionMyAccount p {
			padding: 0px 0;
			}
		div.sectionMyAccount a.showDetails {
			display: block;
			position: absolute;
			top: 22px;
			right: 17px;
			text-align: right;
			font-size: 11px;
			}
		div.sectionMyAccount table.interests input {
			margin-right: 5px;
			}
		div.sectionMyAccount 
		div.accountInfo {
			display: block;
			width: 370px;
			min-height: 65px;
			}
			div.accountInfo p {
				float: left;
				}
		div.sectionMyAccount ul li {
			list-style: none;
			margin: 5px 0;
			}
		div.sectionMyAccount label {
			width: 150px;
			}
		div.sectionMyAccount ul li p {
			padding: inherit;
			display: inline;
			margin-right: 5px;
			}
		div.sectionMyAccount table.emailAuthorization td {
			font-size: 10px;
			padding: 3px;
			}
			
			/* Account Activity */
	table.transactions td {
		MARGIN: 0px;
		padding: 2px;
		border-bottom: 1px; 
		font-size: 11px;
		}
	table.transactions thead td,
	table.transactions tfoot td {
		font-size: 120%;
		color: white;
		background: #999;
		border-bottom: none;
		margin-left: -15px;	
		}
	
		
		/* Section: Store  */
div.sectionStore table {
	margin-left: 0px;	
	
	}