/**
 * core.css
 * CSS Document for the 2009 Breast Cancer Awareness Microsite
 * @author Tony Collings, Hayley King
 * @version 1.0 
 */
 
/*	NOTES : 
 *
 */


/*	HTML OVERRIDES
	------------------------------------------------------------- */

	body { background: #865a75 url('img/gradient-background.jpg') top left repeat-x; text-align: center; 
		margin: 0px; 
		font-family: Helvetica, sans-serif;
  		font-size: 11px;
        color: #c2afc3;
	}
	  
 
/*	MODIFIERS
	------------------------------------------------------------- */
	.clear {clear: both; line-height: 1px; height: 1px; font-size: 1px; }
 
	/* Rounded Corners Effect
	b.rtop, b.rbottom{display:block;background:none;}
	b.rtop b {display:block;height: 1px; overflow: hidden; background: #fff4fe;}
	b.rbottom b{display:block;height: 1px; overflow: hidden; background: #fff;}
	b.r1{margin: 0 5px}
	b.r2{margin: 0 3px}
	b.r3{margin: 0 2px}
	b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
	 */
	img.icon {vertical-align: middle; margin-right: 5px; }


/*	LAYOUT
	------------------------------------------------------------- */

	div#global-wrapper { width: 850px; background: #48052e url('img/inner-gradient_02.jpg') top left repeat-x; 
		margin: 0px auto; text-align: left; 
		position: absolute; left: 50%; margin-left: -425px; 
		height: 580px; 
	}
	span.border-effect-left,
	span.border-effect-right {display: block; width: 19px; height: 580px; filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; position: absolute; top: 0px; }
	span.border-effect-left { background: url('img/border-left2.gif') top left no-repeat; left: 0px; }
	span.border-effect-right { background: url('img/border-right.gif') top left no-repeat; right: 0px; }
	
	div#inner-wrapper {width: 685px; height: 580px; position: absolute; left: 50%; margin-left: -342.5px;  }
	
    div#main { background: url('img/09_bca_main.jpg') top left no-repeat; height: 409px; width: 684px; }
    div#main-top { height: 240px; color: #5d5a5a; }
    #main-top #button { text-align: right; height: 59px; padding: 8px 25px; clear: both; }
    #main-top p { line-height: 16px; margin-left: 256px; width: 300px; }
    #main-top a:link, #main-top a:visited { color: #a2145b; text-decoration: none; }
    #main-top a:active, #main-top a:hover { text-decoration: underline; }
    div#main-bottom { width: 684px; background-color: #fff; margin-top: 16px;  height: 150px; text-align: center; }
	
	
	/* The Scroller */
	
	div#scroll-wrapper {width: 664px; margin: 0px auto;  height: 146px; position: relative; }
	
	
	div#scroll-mask {width:616px; height: 146px;  overflow: hidden; 
		position: absolute; top: 0px; left: 24px; 
	}
	
	div#scroll-content {width: 3000px; text-align: left; height: 146px;  }
	
	div.image-container {float: left; width: 121px !important;  /* Width of graphics */  }


	div#button-left {width: 24px; height: 146px; position: absolute; left: 0px; top: 0px;  cursor: pointer; z-index: 200;  }
	div#button-right {width: 24px; height: 146px; position: absolute; right: 0px; top: 0px;  cursor: pointer; z-index: 200; }
	
	
	
	
	.tip-overlay {background-color: #ebd7e2; border: 1px solid #6c0348; padding: 10px; color: #000;   
		filter:alpha(opacity=80) !important;
		opacity:0.80 !important;
		-ms-filter: "alpha(opacity=80)" !important; 
		-moz-opacity:0.80 !important;
		width: 150px; text-align: left; 
		z-index: 500; 
	}

	
	/* END */
	
	#header { margin-top: 15px; }
	#footer { color: #e7d4e8; margin-top: 10px; }
	
    #footer a:link, #footer a:visited { color: #e7d4e8; text-decoration: underline; }
	#footer a:hover, #footer a:active { color: #a2145b; text-decoration: underline; }
	
	.footer-left {float: left; margin-top: 6px; }
	.footer-right {float: right; margin-top: 10px; }
	
/*	FORMS	
	--------------------------------------------------------------- */
	form {margin: 0px; } 
	label {display: block; clear: both; margin: 3px 0px; }
	
	input,
	select,
	textarea {font-family:Arial, Helvetica, sans-serif; padding: 3px; color: #6f767c;  font-size: 12px;}

	input.form-button {color: #000; display: inline; float: none; }
	div.form-buttons {clear: both; margin: 10px 0px; }
	
	
	span.error,
	ul.error, 
	li.error  {color: #c00035; }
	
	input.error {color: #c00035; border: 1px solid #c00035;  }
	
		

/*	HIDDEN PANELS
	--------------------------------------------------------- */