/*
Template:		Contests.css
Purpose:		web styles for the contest pages
History: 		001 060504 3250 ak	created file
*/
.ContestBox { float: float; position: relative; margin:0em 0em 0.5em 0em; border: 2px solid #cc0000; 
		background-color:#ffffee; width: 600px; display: table}
		.RegisterBox {float: right; position: relative; padding: 1em 0.2em; 
			border: 1px solid #000000; background-color:#ffffff; text-align: center; width: 150px; font-size:75%;
			margin: -10em 0.2em 0em 0em; z-index: 5;}
		.RegisterBox h3 {display: inline; font-weight: bold; font-size: 120%;}	
		.WelcomeText { background-color:#ffffee;}
		.ContestTitle h1 { background: transparent url(/v2/Contests/GuessTheMoleculeTitle.gif) no-repeat bottom left;
			float: left; position: relative; width: 99%; height: 77px; margin: -0.4em 0em 0em -0.1em; z-index: 5;}
		.ContestTitle h1 span { display: none }
		.WelcomeContent {float: left; position: relative; margin: 0em; z-index: 5; padding-top: -1em; 
			padding-right: 2em; padding-bottom: 1em; padding-left: 2.5em; font-size:75%; }

.TheMoleculeTable { margin: 0em; padding: 0em; font-size: 10pt; font-family: Arial, Helvetica, sans-serif }
		.TheMoleculeTable td { padding: 0.1em; vertical-align: top }	
		.TheMoleculeTable .TheMoleculeImage { padding-right: 1em }
			.TheMoleculeImage .TheImage { border: 2px solid #cc0000; }
			.TheMoleculeImage .TheClue { width: inherit; text-align: center }
		.TheMoleculeTable .PrizeTitle { float: inherit; position: relative; margin: -2em 0em 0em -1em; 
			z-index: 5; padding: 0em; text-align: center }	
		.TheMoleculeTable .PrizeDescription {float: inherit; position:relative; margin: -1em 0em 0em 1em; 
			z-index: 5; padding: 0.1em; font-size: 10pt; }	
		.TheMoleculeTable .PrizeDescription li {font-weight: bold;}	
		.TheMoleculeTable .PrizeImage {width: inherit; text-align: center }

.MoleculeEntry {padding: 0em; width: 600px; border: 2px solid #cc0000; background-color: #cc0000; 
	font-size: 10pt; font-family: Arial, Helvetica, sans-serif}
	.MoleculeEntryForm {margin: 0em; padding: 0.4em; background-color: #ffffee;
		font-size: 10pt; font-family: Arial, Helvetica, sans-serif; width: 100%; }
		.MoleculeEntryForm td {padding: 0.5em}
		.MoleculeEntryForm td.FormElementTitle {font-weight: bold; padding-right: 1em; }
		.MoleculeEntryForm td.FormElementText {font-weight: normal;}
		.MoleculeEntryForm td.ContestWinner {margin-right: 1em; text-align: right}
		.RequiredFormField {color: #FF0000;}

div.SponsorSection {padding: 0em; width: 600px; border: 2px solid #cc0000; background-color: #cc0000; 
	font-size: 10pt; font-family: Arial, Helvetica, sans-serif}
	.SponsorSectionTitle {margin: 0em; padding: 0.2em; color: #ffffff; font-weight: bold; font-size: 10pt; }	
	.SponsorText {margin: 0em; padding: 0em; width: inherit; background-color: #eef4fb;
		font-size: 10pt; font-family: Arial, Helvetica, sans-serif}		
	.SponsorText td {padding: 0.5em; vertical-align: top}		
	.SponsorText td.SponsorTitle {font-weight: bold;}	
	.SponsorText h2.SponsorName { display: inline; font-weight: bold; font-size: 100%}
	.SponsorText td.SponsorLogo {width: 175px; text-align: center}
	.SponsorText td.SponsorLink {text-align: left}
	
.ContestAdBox {margin: -0.6em 0em 0em -0.6em; padding: 0em; border: 0px; width: 475px; 
		font-size: 75%; font-family: Arial, Helvetica, sans-serif;}	
	td.IndiAdBox { padding: 0.6em 0.4em; width: 225px; border: 1px solid #000000; background-color:#ffffee;}
	td.IndiAdBox strong.AdTitle {font-size: 140%}
	td.IndiAdBox img {text-decoration: none}
	
span.ContestRules {display:inline; float: right; margin-bottom: -1em;}