@import url('style.css');

#rightSide a { position: absolute;
	display: block; }

#leftSide { width: 609px; }
#rightSide { width: 276px; }

/*** contest main page ***/

body#contest-main #leftSide { 
	height: 745px;
	background: url(/img/en/sublinks/shareasquarecontest/contest-lside-main.jpg) left top no-repeat; }

body#contest-main #rightSide { 
	height: 438px;
	background: url(/img/en/sublinks/shareasquarecontest/contest-rside-main.gif) left top no-repeat; }

#contestcontent {
	margin: 350px 0 0 36px;
	font-size: 13px;
	line-height: 21px;
}

#contestcontent p { width: 300px; color: #666; }

#contestcontent a#conrules { display: inline;
	color: #0198cd;
	text-decoration: none; }

#contestcontent a#conrules:hover { color: #000; }


#contestcontent a#sampleentries { position: absolute;
	display: block;
	width: 108px;
	height: 13px;
	background: url(/img/en/sublinks/shareasquarecontest/contestmain-seeexamples.gif) left top no-repeat;
	position: relative;
	left: 223px;
	margin: 10px 0 25px 0;
}

#contestcontent h3, #contestcontent h4 {
	padding-bottom: 10px;
}

fieldset h3 { position: relative; }
fieldset h3 img { position: relative; left: 5px; } 
fieldset h3 span { position: absolute; top: 0; }

#contestcontent h4 { padding-top: 0px; }


#contestcontent ul {
	list-style-type: disc;
	padding-left: 15px;
	color: #0198cd;
	width: 470px;
}

#contestcontent li { margin-bottom: 5px; }

#contest-example { position: absolute;
	width: 300px;
	height: auto;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #000;
	z-index: 100;
	display: none; 
	right: 200px; 
	top: 65px; }

/*#contest-form #contest-example { right: 200px; top: 65px; }
#contest-main #contest-example { right: -105px; top: 230px; } */

#contest-example p { margin-bottom: 10px;
	font: 11px/14px arial, helvetica, sans-serif;
	font-style: italic;
}

#contest-example p.noitalic { font-style: normal; }

#contestcontent ul li span { color: #666; }

#contestcontent a#sampleentries:hover { background: url(/img/en/sublinks/shareasquarecontest/contestmain-seeexamplesON.gif) left top no-repeat; }

#rightSide a.enternow {
	width: 70px;
	height: 8px;
	background: url(/img/en/sublinks/shareasquarecontest/contestmain-enternowON.gif) left top no-repeat;
	left: 30px;
	top: 130px;
}

#rightSide a.enternow:hover { background: url(/img/en/sublinks/shareasquarecontest/contestmain-enternow.gif) left top no-repeat; }

#rightSide a.signupnow {
	width: 147px;
	height: 8px;
	background: url(/img/en/sublinks/shareasquarecontest/contestmain-signupnowON.gif) left top no-repeat;
	left: 30px;
	top: 190px;
}

#rightSide a.signupnow:hover { background: url(/img/en/sublinks/shareasquarecontest/contestmain-signupnow.gif) left top no-repeat; }

/*** contest form ***/

body#contest-form #leftSide { 
	height: 1550px;
	background: url(/img/en/sublinks/shareasquarecontest/contest-lside-form.jpg) left top no-repeat; }

body#contest-form #rightSide, body#contest-thanks #rightSide, body#contest-closed #rightSide { 
	height: 548px;
	background: url(/img/en/sublinks/shareasquarecontest/contest-rside-form.gif) left top no-repeat; }

#rightSide a.learnmore { background: url(/img/en/sublinks/shareasquarecontest/form_btn_learnmore.gif) left top no-repeat;
	width: 76px;
	height: 8px;
	right: 18px;
	top: 310px; }

body#contest-form #rightSide a.learnmore:hover { background: url(/img/en/sublinks/shareasquarecontest/form_btn_learnmoreON.gif) left top no-repeat; }

#formseperator { background: url(/img/en/sublinks/shareasquarecontest/form_seperator.gif) left top no-repeat;
	width: 490px;
	height: 2px;
	margin-top: 10px;
}

.rightalign { width: 476px; position: relative; padding-bottom: 15px; }

#required { margin-top: 10px; }

body#contest-form #leftSide a#rightlignlink {
	display: block;
	background: url(/img/en/sublinks/shareasquarecontest/form_btnExamples.gif) left top no-repeat;
	width: 63px;
	height: 13px;
	position: absolute;
	right: 0;
	margin-top: 10px;
}

body#contest-form #leftSide a#rightlignlink:hover {
	background: url(/img/en/sublinks/shareasquarecontest/form_btnExamplesON.gif) left top no-repeat;
}

a#contestruleslink { text-decoration: underline; }

#rightSide a.sponsor-aircanada { bottom: 28px;
	left: 20px;
	width: 112px;
	height: 79px; }

#rightSide a.sponsor-breakfastclub { bottom: 64px;
	right: 24px;
	width: 89px;
	height: 66px; }

#rightSide a.sponsor-ezrock { bottom: 26px;
	right: 20px;
	width: 91px;
	height: 22px; }

fieldset { position: relative;
	top: 323px;
	left: 53px;
	height: auto; }

fieldset h3 { margin-top: 25px; }

fieldset textarea { width: 471px;
	height: 163px; }

fieldset input#form-textbox { width: 471px;
	display: block;
	margin-top: 12px; }

fieldset input#form-emailaddr, fieldset input#form-codeinput { width: 164px; }

fieldset input#form-codeinput { position: relative;
	bottom: 5px !important;
	bottom: 4px;
	left: 10px; }

fieldset ul { margin: 15px 0; }

fieldset ul li span { position: relative;
	bottom: 2px; }

#form-bottom {
	margin-top: 20px;
}

#form-bottom p { margin-bottom: 10px; line-height: 18px; }

#form-bottom h4 {
	margin: 20px 0 10px 0;
	font-weight: bold;
}

/*** contest thanks ***/

body#contest-thanks #leftSide {
	height: 652px;
	background: url(/img/en/sublinks/shareasquarecontest/contest-lside-thanks.jpg) left top no-repeat; )
}

body#contest-thanks #contestcontent {
	margin-top: 360px;
}

body#contest-thanks #contestcontent h3 {
	margin-top: 50px;
}

a.btnArrow { background: url(/img/en/sublinks/shareasquarecontest/btnArrow-contest.jpg) left top no-repeat; }

a.btnArrow span { position: relative; top: -2px !important; top: -6px; }

body#contest-closed #leftSide {
	height: 652px;
	background: url(/img/en/sublinks/shareasquarecontest/contest-lside-closed.jpg) left top no-repeat; )
}

/*** contest closed ***/

body#contest-closed #contestcontent h2 { margin-bottom: 15px; }

body#contest-closed #contestcontent p.closedblurb { width: 410px; line-height: 21px; font-size: 14px; margin-bottom: 40px; }