/* Global
------------------------------------------------------------------*/

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
}


body {
	border: 0;
	font-family : Arial, Verdana, Helvetica, "Times New Roman",  Sans-serif;
	font-size : 12px;
	font-style : normal;
	background:#FFFFFF url('../images/bg_body.jpg') repeat fixed top center;
	color:#3d2813;
	height:100%;
}

blockquote {
  font-size: 14px;
  font-style: italic;
  margin: 0px;
  padding: 10px 10px 10px 0px;
  quotes: "\201C" "\201D";
}

blockquote:before {
  content: open-quote;
  font-size: 250%;
  font-weight: bold;
}

blockquote:after {
  content: close-quote;
  font-size: 250%;
  font-weight: bold;
}

br {
	line-height: 10px;
}

em, i {
    font-style:italic;
}

hr {
    background-color: #c69d58;
    border: 0px;
    clear: both;
    color: #c69d58;
    height: 1px;
}

img {
		border:0px;
}

p {
    margin-top: 0px;
    margin-bottom: 10px;
	line-height:17px;
}

pre {
    font-family: monospace;
    font-size: 1.0em;
    margin-bottom: 10px;
}

fieldset
{
	border: none;
	padding-bottom:0px;
	margin-bottom:0px;
}

small {
    font-size: 80%;
}

strong, b {
    font-weight: bold;
}


.alignCenter, p.alignCenter {
	text-align:center;
}

.alignLeft {
	text-align:left;
}

.alignRight {
	text-align: right;
}

.autoHeight {
	width: auto !important;
}

.autoWidth {
	width: auto !important;
}

.bold, p.bold	{
	font-weight: bold;
}

.border {
    border: #CCCCCC 1px solid;
}

.border small {
    margin-left: 12px;
}

.border td {
    padding: 10px;
}

.clear {
	clear:both;
}

.clearRight {
	clear:right;
}

.cursorHand {
	cursor: hand;
	cursor: pointer;
}

.floatCenter {
	margin-left: auto;
	margin-right: auto;
}

.floatLeft {
	float:left;
}

.marginLeft
{
	margin-left:10px;
}

.floatRight {
	float:right;
}

.hidden {
    display: none;
}

.noBorder {
    border: none !important;
}

.noMargin {
    margin: 0px;
}

.noPadding {
    padding: 0px;
}

.normal, a.normal
{
	font-weight: normal !important;
}

.noTopPadding {
    margin-top: 0px;
}

.oneThird {
    width: 33%;
}

.padding {
    margin: 10px;
}

.red {
    color: #d5350a !important;
}

.twoColumn {
    width: 45%;
}

.threeColumn {
    width: 32%;
    margin-right: 10px;
}

.wide {
    width: 100%;
}

/* Headings
------------------------------------------------------------------*/

h1, h2 {
	font-family : Georgia, Arial, Helvetica, "Times New Roman",  Sans-serif;
}

h1 {
	color:#d5350a;
	font-weight:normal;
	line-height:32px;
	font-size: 28px;
	margin:0px 0px 20px 0px;
	padding:0px;
}

h2 {
	padding:0px;
	margin:10px 0px 15px 0px;
	line-height:24px;
	font-size: 20px;
	font-weight:normal;
}

h3 {
	padding:0px;
	margin:10px 0px 10px 0px;
	line-height:16px;
	font-size: 14px;
	font-weight:normal;
}

h4 {
	padding:0px;
	margin:10px 0px 10px 0px;
	line-height:14px;
	font-size: 13px;
	font-weight:normal;
}

h5 {
	font-size: 12px;
}

/* Styled headings */

h1.personal_info {
	background:transparent url(../images/title_voita_juomat.gif) no-repeat left top;
	width:222px;
	height:55px;
	text-indent:-9999px;
	font-size:0px; line-height:0px;
}
h1.invite {
	background:transparent url(../images/title_kutsu.gif) no-repeat left top;
	width:161px;
	height:21px;
	text-indent:-9999px;
	font-size:0px; line-height:0px;
}

h1.rules {
	background:transparent url(../images/title_saannot.gif) no-repeat left top;
	width:103px;
	height:21px;
	text-indent:-9999px;
	font-size:0px; line-height:0px;
}

h1.register {
	background:transparent url(../images/title_rekisteri.gif) no-repeat left top;
	width:193px;
	height:21px;
	text-indent:-9999px;
	font-size:0px; line-height:0px;
}

h1.preview {
	background:transparent url(../images/title_esikatselu.gif) no-repeat left top;
	width:122px;
	height:21px;
	text-indent:-9999px;
	font-size:0px; line-height:0px;
}

h1.new_poni {
	background:transparent url(../images/title_uusi_poni.gif) no-repeat left top;
	width:245px;
	height:24px;
	text-indent:-9999px;
	font-size:0px; line-height:0px;
}

h1.sent {
	background:transparent url(../images/title_kutsut_lahetetty.gif) no-repeat left top;
	width:205px;
	height:27px;
	text-indent:-9999px;
	font-size:0px; line-height:0px;
}

h1.status {
	background:transparent url(../images/title_kutsutilanne.gif) no-repeat left top;
	width:155px;
	height:21px;
	text-indent:-9999px;
	font-size:0px; line-height:0px;
}

h1.closed {
	background:transparent url(../images/title_suljettu.gif) no-repeat left top;
	width:319px;
	height:84px;
	text-indent:-9999px;
	font-size:0px; line-height:0px;
}

h1.error {
	background:transparent url(../images/title_virhe.gif) no-repeat left top;
	width:149px;
	height:27px;
	text-indent:-9999px;
	font-size:0px; line-height:0px;
}

h1.cancel_newsletter {
	background:transparent url(../images/title_markkinointi.gif) no-repeat scroll left top;
	height:27px;
	margin-bottom:0;
	text-indent:-9999px;
	width:464px;
	font-size:0px; line-height:0px;
}

/* Images
------------------------------------------------------------------*/

img.border {
	border: #CCC 1px solid;
    padding: 3px;
}

img.floatLeft {
	margin: 0px 10px 0px 10px;
}

img.floatRight {
	margin: 0px 0px 10px 10px;
}


/* Layout
------------------------------------------------------------------*/

#wrapper_top {
	background:transparent url(../images/bg_content_top.png) no-repeat top left;
	display:block;
	height:16px;
	width:648px;
	margin:240px auto 0 auto;
	z-index:1;
}

#wrapper {
	margin: 0px auto 0px auto;
	width:648px;
	position:relative;
	background:transparent url(../images/bg_content_middle.png) repeat-y top left;
	z-index:1;
}

#wrapper_bottom
{
	background:transparent url(../images/bg_content_bottom.png) no-repeat scroll left bottom;
	height:25px;
	margin:0 auto 30px;
	width:648px;
	position:relative;
}

#wrapper_bottom span {
	color:#000000;
	position:absolute;
	top:35px;
	left:35px;
	display:block;
}

#wrapper_bottom span a {
	color:#000000;
}

#content
{
	margin:0;
	padding:25px 40px;
	width:568px;
}

#content-inner {
}

#content_left
{
	float:left;
	margin:0 0 10px;
	padding:0;
	width:370px;
}


#content_right
{
	float:left;
}

#footer
{
	height: 22px;
	margin: 0 auto 20px auto;
	padding-top: 0px;
	width: 750px;
	color:#666;
	font-size:10px;
}

#footer a, #footer a:visited
{
	color:#d5350a;
	font-size:10px;
	text-decoration:underline;
}

#footer a:hover
{
	color:#d5350a;
	font-size:10px;
	text-decoration:none;
}


/* Results table */

.form_desc
{
margin-left:40px;	
}

.form_desc ul li
{
	
}

table#result_table
{
	margin-top:10px;
}

table#result_table tr th
{
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 6px;
	text-align:left;
}

table#result_table tr th.status
{
	width: 105px;
}

table#result_table tr td
{
	vertical-align:top;
}


#result_table td.accepted {
  background: green;
}

#result_table td.accepted_other {
  background: yellow;
}

#result_table td.not_accepted {
  background: red;
}

ul.legend
{
	margin-bottom: 10px;
	margin-top: 10px;
}

ul.legend li
{
	padding: 2px 0px 5px 85px;
}

ul.legend li.status1
{
	background : url(../images/icon_ok.gif) no-repeat;
	
}

ul.legend li.status2
{
	background : url(../images/icon_invited.gif) no-repeat;
}

ul.legend li.status3
{
	background : url(../images/icon_ok_other.gif) no-repeat;
}

#content a.button1
{
	float:left;
	width:80px;
	height:80px;
	text-indent: -9999px;
	background : url(../images/button1.gif) no-repeat;
	font-size:0px; line-height:0px;
}



/* Links
------------------------------------------------------------------*/

a, a:visited {
	color : #bc2c1b;
	text-decoration : none;
}

a:hover {
	color : #bc2c1b;
	text-decoration:underline;
}

a, a:focus {
	outline : none;
}

form#messageForm a.right_link
{
float:right;
margin-right:20px;
}

img.logo
{
	margin:0 0 20px 0;
}
img.product
{
	margin:0 0 55px 0 !important;
}

a.facebook
{	
	background:transparent none repeat scroll 0 0 !important;
	float:left;
	margin:0 8px 6px 0 !important;
	padding:0;
}

a.centered
{
	float:left;
	margin-top:5px;	
}

/* Lists
------------------------------------------------------------------*/

ul
{
	list-style-type:none;
	margin-bottom:20px;
}

ul.list
{
	list-style-type:disc;	
	margin-bottom:20px;
	margin-left:20px;
}

li
{
	margin-bottom:5px;	
}

/* Forms
------------------------------------------------------------------*/

.content_top
{
	margin:0;
	width:auto;
}

.content_body
{
	margin:0;
	width:auto;
}

#content_age
{
	padding: 280px 0px 0px 0px;
}

#content_age .content_body
{
	background: transparent url('../images/bg_content_body.gif') repeat-y 0px 0px;	
	width: 477px;
	margin:0 auto;
}

.content_body h1, .content_body h2
{
	color:#451D04;
	font-size:18px;
	line-height:22px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

.content_body div.content
{
	padding: 10px 0px 10px 20px;
}

.content_bottom
{
	clear:both;
	margin:0;
	width:auto;
}

#validate_age 
{
	padding:16px 30px 0px 30px;
}

#validate_age  .errormsgb div {
	text-align:center;
}

#validate_age fieldset
{
	margin:0 0 0 45px;
	padding-top:10px;
	text-align:center;
}

#noteValidateAge.errormsgb div
{
	text-align:center;
}

#validate_age select, #validate_age input
{
	float:left;	
}

#validate_age select
{
	height: 27px;
	margin:0px 0 0 6px;	
	padding:4px 2px;
}

.btn_continue
{
	text-indent:-9999px;
	background : url('../images/button_continue.gif') no-repeat;
	width:69px;
	height:26px;
	border:none;
	cursor:pointer;
	margin:0px 0px 0px 14px;
	font-size:0px; line-height:0px;
}

form#messageForm a.arrow
{
	font-weight:normal !important;
	padding-right:12px;
	background : url('../images/icon_arrow.gif') no-repeat right 4px;
}

/* Images */

#poni_normal {
	position:absolute;
	right:-44px;
	top:-231px;
	z-index:10;
}

#cola {
	position:absolute;
	right:40px;
	top:30px;
	z-index:100;
}

#casette {
	left:-113px;
	position:absolute;
	top:-186px;
}

#pirjo {
	position:absolute;
	right:-48px;
	top:-254px;
	z-index:100;
}

#man {
	left:-78px;
	position:absolute;
	top:-259px;
	z-index:-10;
}

#woman {
	position:absolute;
	right:-40px;
	top:-256px;
	z-index:100;
}

#stickers {
	left:74px;
	position:absolute;
	top:-189px;
	z-index:-10;
}

#kids {
	position:absolute;
	right:-54px;
	top:-256px;
}

#pink_bike {
	left:2px;
	position:absolute;
	top:-240px;
}

.mini_poni {
	margin:0 0 33px -24px;
}

.poni {
	margin:0 0 0 -24px;
}

/* Errors */

input.error, select.error
{
	border: 1px solid #d5350a;
}

/* Form rows */

.optional {
    clear: both;
    font-weight: normal;
    margin-bottom: 6px;
    /*width: 270px;*/
}
   
.required { 
    /*font-weight: bold;*/
    margin-bottom: 3px;
    /*width: 270px;*/
}

/* Participate form */

form#personal, form#messageForm 
{
}

span.friend_name
{
	float:left;
	font-weight:normal;
	margin-bottom:5px;
	margin-left:55px;
	width:166px;
}

span.friend_email
{
	float:left;
	font-weight:normal;
	margin-bottom:5px;
	margin-left:21px;	
}

#personal label
{
	color:#451D04;
	display:block;
	float:left;
	font-size:12px;
	line-height:18px;
	width:85px;
}

#personal label:hover
{
	text-decoration: underline;
}

form#personal
{
}

form#personal div.firstname, form#personal div.lastname, form#personal div.email, form#personal div.age
{
	line-height:10px;
	margin-bottom:2px;
	overflow:auto;
	position:relative;
	width:auto;
}
 
form#personal h3
{
	font-weight:bold;
	font-size:12px;
	margin-top:0px;
	margin-bottom:5px;
	margin-left:120px;	
}

input.short
{
	background:transparent url(../images/bg_input.gif) no-repeat scroll 0 0;
	border:medium none;
	color:#000000;
	font-family:Arial,Verdana,Helvetica,"Times New Roman",Sans-serif;
	font-size:12px;
	height:17px;
	padding:1px 3px 0;
	width:163px;
}

input.long
{
	background:transparent url(../images/bg_input_long.gif) no-repeat scroll 0 0;
	border:medium none;
	color:#000000;
	float:left;
	font-family:Arial,Verdana,Helvetica,"Times New Roman",Sans-serif;
	font-size:12px;
	height:17px;
	padding:1px 3px 0;
	width:222px;
}
input.tiny {
	background:transparent url(../images/bg_input_short.gif) no-repeat scroll 0 0;
	border:medium none;
	color:#000000;
	font-family:Arial,Verdana,Helvetica,"Times New Roman",Sans-serif;
	font-size:12px;
	height:17px;
	padding:1px 3px 0;
	width:27px;
}

form#personal input.last
{
	margin-right: 0px;
}

form#personal a
{
	
}

form#personal input.btn_participate
{
	width:114px;
	height:21px;
	border:none;
	background : url(../images/button_participate.gif) no-repeat;
	cursor:pointer;
	margin:0;
	float:left;
	text-indent: -9999px;
	font-size:0px; line-height:0px;
}

input.btn_send_invitation {
	margin:0;
	padding:0;
	border:0 none;
	cursor:pointer;
}

form input.update_message
{
	background:none;
	border:medium none;
	color:#BC2C1B;
	font-family:Arial,Verdana,Helvetica,"Times New Roman",Sans-serif;
	font-size:12px;
	font-weight:normal;
	letter-spacing:0;
	margin:0;
	padding:0;
}


#order_newsletter
{
	float:left;
	margin:0;
	padding:0;
	width:20px;
}

.widthControl
{
	margin-left:15px;
	width:400px;
}

form#personal fieldset
{
}

.newsletter_wrapper {
	float:left;
	margin:25px 0 0;
}

.submit_wrapper {
	float:right;
	margin:25px 0 0 0;
	overflow:auto;
}
.submit_wrapper div {
	float:left;
	margin:0 0 0 8px;
	text-align:left;
}
.submit_wrapper a {
	float:none;
}

form#personal label.order_newsletter {
	float:left;
	font-size:12px;
	font-weight:normal;
	line-height:13px;
	margin-left:10px;
	text-align:left;
	width:280px;
}

form#messageForm 
{
	display:block;
}

form#messageForm a
{
}

form#messageForm .floatLeft
{
	font-weight:normal;
	height:21px;
	margin-right:12px;
}

.invite_label {
	display:block;
	float:left;
	width:55px;
	font-weight:normal;
	margin:0;
}

.buttons
{
	display:block;
	float:right;
	width:160px;
}

.buttons a {
	display:block;
	margin:0 0 5px 0;
}

.buttons a img {
}

.btn_send_invitations {
	margin-top:10px;
}
.add_friends {
	display:block;
	margin:7px 0 15px;
}

.back_front {
	background:transparent url(../images/button_frontpage.gif) no-repeat left top;
	width:115px;
	height:21px;
	display:block;
	text-indent:-9999px;
	margin-top:20px;
	font-size:0px; line-height:0px;
}
.back_front_top {
	background:transparent url(../images/button_frontpage_indie.gif) no-repeat scroll left top;
	display:block;
	height:31px;
	left:0;
	position:absolute;
	text-indent:-9999px;
	top:-53px;
	width:124px;
	font-size:0px; line-height:0px;
}

form.SendForm input.btn_send
{
	height:41px;
	margin:15px 0;
	width:117px;
	border:none;
	cursor:pointer;
	display:block;
	background: url(../images/button_send.gif) no-repeat;
}

form#messageForm input#own_subject
{
	background:transparent url(../images/bg_input_title.gif) no-repeat scroll 0 0;
	border:medium none;
	color:#3D2813;
	font-family:Arial,Verdana,Helvetica,"Times New Roman",Sans-serif;
	font-size:12px;
	font-weight:normal;
	height:22px;
	margin:0 0 3px;
	padding:6px 6px 0;
	width:330px;
}

form#messageForm textarea#own_message
{
	background:transparent url(../images/bg_textarea.gif) no-repeat scroll 0 0;
	border:medium none;
	color:#3D2813;
	font-family:Arial,Verdana,Helvetica,"Times New Roman",Sans-serif;
	font-size:12px;
	height:58px;
	line-height:13px;
	margin:0;
	overflow:auto;
	padding:5px 6px;
	width:330px;
}

p.narrow_p
{
	position:absolute;
	width:200px;
	font-weight:bold;	
}

.invite_sent {
	margin: 0px !important;
}

/* Tables
------------------------------------------------------------------*/


tr.row td
{
	padding-bottom:10px;
}

#content table
{
	border-collapse:collapse;
	border:none;
	padding-left:0px;
	font-size:11px;
}

#content table th
{
	text-align:left;
	font-weight:normal;
}

#content table td
{
	margin-left:0px;
	padding-left:0px;
}

#content table td.firstc
{
	width: 120px;
}

td.firstc
{
	width: 150px;
}

td.day
{
	width:60px;
	font-weight:bold;
	vertical-align:top;
}


/* Errors */

div.error
{
	color:#d5350a;
	font-size:12px;
}

form#personal label.error 
{
	color: #d5350a;
}

.errormsgb
{
	border:1px solid;
	color:#C80000;
	margin-bottom:25px;
	padding:0 10px 10px 10px;
	text-align:left;
}

/* Participate form error */

form#personal .errormsgb
{
	margin-bottom:10px;	
	padding-bottom: 10px;
	width: 291px;
}

/* Send invitations form error */

.errormsgb div
{
	color:#c80000;
	padding-left: 0px;
	text-align:left;
}

.errormsgb h2
{
	color:#C80000;
	font-family:Verdana,Arial,Helvetica;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	margin-bottom:10px;
	padding-bottom:0;
	padding-left:0;
}

.error, .error a
{
	color:#c80000;
}

div.required_fields
{
	margin:0 0 0 345px;
}


#flashnote
{
	position:absolute;
	top: 200px;
}

.clearfix:after
{
 	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

/* Fancybox styles */

#fancy_ajax .update_message,
#fancy_ajax .btn_send_invitations,
#fancy_ajax .invite_more,
#fancy_ajax .no_fancy
{
	display:none;
}
#fancy_ajax p {
	margin-right:10px;
}