.box { 
	  background: #FFFFFF; 
	  width: 1200px;
	  margin: 0 auto;
	  margin-top: 25px;
	}
	
	.boxtop { 
	  background: url(/images/corners/ne.gif) no-repeat top right; 
	}
	
	.boxtop div { 
	  font-size: 0;
	  height: 10px; 
	  background: url(/images/corners/nw.gif) no-repeat top left; 
	}
	
	.boxbottom { 
	  background: url(/images/corners/se.gif) no-repeat bottom right; 
	}
	
	.boxbottom div { 
	  font-size: 0;
	  height: 10px; 
	  background: url(/images/corners/sw.gif) no-repeat bottom left; 
	}
	
	.boxcontent {
	  padding: 0px 10px 0px 10px;
	}
	
	body {
	  font-family:sans-serif;
	}

	.chart {
		float: left;
	  width: 450px;
	  height: 300px;
	}
	
	#chart_pie_referrals {
		float: left;
		width: 450px;
		height: 300px;
	}
	
	.marketing_chart_line {
	  float: left;
		width: 450px;
		height: 300px;
	}
	
	#chart_pie_advertising {
		float: left;
		width: 450px;
		height: 300px;
	}
	
	#chart6 {
		float: left;
		width: 450px;
		height: 300px;
	}
	
	#chart7 {
		float: left;
		width: 450px;
		height: 300px;
	}
	
	#chart_stacked {
		float: left;
		width: 450px;
		height: 300px;
	}

	.chart_title2 {
		display: block;
		font-size: 11px;
		font-weight: bold;
		margin-bottom: 0.4em;
	}
	
	#chart_bar {
		float: left;
		width: 450px;
		height: 300px;
	}
	
	#chart_bar2 {
		float: left;
		width: 450px;
		height: 300px;
	}

	.chart_title3 {
		display: block;
		font-size: 11px;
		font-weight: bold;
		margin-bottom: 0.4em;
	}
	
	#chart_line {
		float: left;
		width: 450px;
		height: 300px;
	}

	.chart_title4 {
		display: block;
		font-size: 11px;
		font-weight: bold;
		margin-bottom: 0.4em;
	}
	
	#chart1 {
		float: left;
		width: 250px;
		height: 300px;
	}

	.chart_title {
		display: block;
		font-size: 11px;
		font-weight: bold;
		margin-bottom: 0.4em;
	}
	
	
	/* Clear calendar's float, using dialog inbuilt form element */
   #container .bd form {
       clear:left;
   }

   /* Have calendar squeeze upto bd bounding box */
   #container .bd {
       padding:0;
   }

   #container .hd {
       text-align:left;
   }

   /* Center buttons in the footer */
   #container .ft .button-group {
       text-align:center;
   }

   /* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */
   #container_c.yui-overlay-hidden table {
       *display:none;
   }

   /* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
   #cal {
       border:none;
       padding:1em;
   }

   /* Datefield look/feel */
   .datefield {
       position:relative;
       top:10px;
       left:10px;
       white-space:nowrap;
       border:1px solid black;
       background-color:#eee;
       width:25em;
       padding:5px;
   }

   .datefield input,
   .datefield button,
   .datefield label  {
       vertical-align:middle;
   }

   .datefield label  {
       font-weight:bold;
   }

   .datefield input  {
       width:15em;
   }

   .datefield button  {
       padding:0 5px 0 5px;
       margin-left:2px;
   }

   .datefield button img {
       padding:0;
       margin:0;
       vertical-align:middle;
   }

   /* Example box */
   .box3 {
       position:relative;
       height:30em;
   }
   
   .rowHeader {
      font-weight:bold;
   }
   
	/* Marketing ROI  */
	table.marketing_calc_table {
		border-width: thin;
		border-spacing: 0px;
		border-style: solid;
		border-color: #DADADA;
	}
	table.marketing_calc_table th {
		border-width: 1px;
		border-style: solid;
		border-color: #DADADA;
		padding: 3px;
	}
	table.marketing_calc_table td {
		border-width: 1px;
		border-style: solid;
		border-color: #DADADA;
		text-indent: 3px;
		padding: 3px;
	}
	
	/* Account Tables */
	table.account {
		border-width: thin;
		border-spacing: 0px;
		border-style: solid;
		border-color: #DADADA;
		margin: 0 auto;
		width: 500px;
	}
	
	table.account td {
		border-width: 1px;
		border-style: solid;
		border-color: #DADADA;
		text-indent: 3px;
		padding: 3px;
	}


	/* most of the main display tables */
	table.summaries {
	 width: 1150px;
	 align: center;
	 margin-left: 10px;
	}