/* blueprint plugin forms */
label {font-weight:bold;}
form div.form-item{clear: both;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;padding: 5px;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;display: block;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

a img{border: none;}

body{padding: 0px;font-size: 82%;font-family: Arial, Helvetica, sans-serif;background: #F2F2F2;margin: 0px;}

.sBody{width: 670px;margin: 0px auto;padding: 40px;background: url(img/zina.gif) no-repeat top center;}
.sBodyCard{width: 670px;margin: 0px auto;padding: 40px;}

h1{color: #676767;font-weight: normal;padding: 0px;}

.sBodyBg{width: 840px;}
.cardImage{/*background: url(img/card.gif) no-repeat top right;*/}

p.form-item-receiver_name{color: #ED1C24;}
.head{color: #ED1C24;font-weight: normal;font-size: 15px;font-style: italic;width: 150px;display: block;float: left;}
.head label{font-weight: normal;}
.head span.description{display: block;font-style: normal;font-size: 11px;color: #707070;}
.form-item-sender_name .head{padding: 4px 0px 0px 0px;}

input[type=text]{display: block;float: right;width: 200px;}
p{clear: both;width: 400px;}

#coungratulations-tabs{clear: both;min-height: 175px;padding: 10px 0px 0px 0px;width:610px;}
	#coungratulations-tabs ul{list-style: none;height: 23px;margin: 0px;padding: 0px;position: absolute;}
	#coungratulations-tabs ul li{float: left;font-style: italic;background: url(img/l2.gif) no-repeat top left;padding: 0px 0px 0px 10px;margin: 0px 0px 0px 0px;}
	#coungratulations-tabs ul li a{text-decoration: none;display: block;padding: 4px 10px 4px 0px;margin: 0px 0px 0px 0px;background: url(img/r2.gif) no-repeat top right;color: #636567;}
	#coungratulations-tabs ul li.active{float: left;font-style: italic;background: url(img/l1.gif) no-repeat top left;padding: 0px 0px 0px 10px;margin: 0px 0px 0px 0px;}
	#coungratulations-tabs ul li.active a{text-decoration: none;display: block;padding: 4px 10px 5px 0px;margin: 0px 0px 0px 0px;background: url(img/r1.gif) no-repeat top right;color: #225BAA;}
	#coungratulations-tabs .tabs{/*background: url(img/textar.gif) no-repeat top left;*/border: double 4px silver;width: 325px;background: White;padding: 10px;margin: 24px 0px 0px;min-height: 124px;font-style: italic;}
		#coungratulations-tabs .tabs p{padding: 0px;margin: 0px;}
	#coungratulations-tabs .tabs textarea{border: none;height: 150px;margin: 0px;font-style: italic;}
*:first-child+html #coungratulations-tabs{clear: both;background: url(img/post.jpg) no-repeat top right;min-height: 175px;padding: 30px 0px 0px 0px;width:610px;}
*:first-child+html #coungratulations-tabs .tabs{/*background: url(img/textar.gif) no-repeat top left;*/border: double 3px silver;width: 325px;background: White;padding: 10px;margin: 20px 0px 0px;min-height: 124px;display: block;}
*:first-child+html #coungratulations-tabs ul{list-style: none;height: 23px;margin: -24px 0px 0px 0px;padding: 0px;position: absolute;}

div.link{font-size: 40px;font-family: "Times New Roman", Times, serif;text-align: center;padding: 20px;}
	div.link a{}

span.mailHead{font-weight: bold;font-size: 16px;}	

p.copy{font-size: 0.8em;text-align: center;width: 100%;}
	p.copy a{color: red;}

p.form-item-sender_email{height: 40px;}
	p.form-item-sender_email label{display: block;width: 180px;float: left;text-align: right;padding: 10px 0px 0px 0px;}

p.form-item-receiver_name{height: 30px;}
	p.form-item-receiver_name label{display: block;width: 180px;float: left;text-align: right;padding: 10px 0px 0px 0px;}
	
p.form-item-receiver_email{height: 40px;}
	p.form-item-receiver_email label{display: block;width: 180px;float: left;text-align: right;padding: 10px 0px 0px 0px;}	
	
p.form-item-receiver_sex{height: 10px;width: 500px;}
	p.form-item-receiver_sex label{display: block;width: 180px;float: left;text-align: right;padding: 10px 0px 0px 0px;}		
	p.form-item-receiver_sex span{display: block;width: 230px;float: left;font-size: 12px;padding: 8px 0px 0px 10px;}
	p.form-item-receiver_sex span label{display: inline;width: auto;font-weight: normal;padding: 0px;float: none;}
	p.form-item-receiver_sex span input{display: inline;float: none;}
	
p.form-item-receiver_num{height: 30px;width: 500px;}
	p.form-item-receiver_num label{display: block;width: 180px;float: left;text-align: right;padding: 10px 0px 0px 0px;}		
	p.form-item-receiver_num span{display: block;width: 230px;float: left;font-size: 12px;padding: 8px 0px 0px 10px;}
	p.form-item-receiver_num span label{display: inline;width: auto;font-weight: normal;padding: 0px;float: none;}
	p.form-item-receiver_num span input{display: inline;float: none;}	
	
input#submit{border: none;background: url(img/send.gif) no-repeat center;width: 157px;height: 62px;padding: 5px 0px 10px 0px;color: White;cursor: pointer;font-family: "Trebuchet MS";font-size: 19px;margin: 10px 0px 0px 143px;}

span.errorMessage{color: Maroon;}

#available-images li {list-style: none;}

.wrapper{width: 756px;margin: 0px auto;background: White;padding: 35px;border: solid 1px #BABABA;}
	.wrapper #postcard-preview{/*width: 320px;position: absolute;*/}
	*:first-child+html .wrapper #postcard-preview{/*width: 320px;position: absolute;*/margin: 0px 0px 0px -325px;}
	.wrapper #postcard-form{margin: 0 0 0 323px;width: 424px;}
		.wrapper #postcard-form input.input{background: url("img/inputs.gif") no-repeat scroll 0 0 transparent;border: medium none;font-family: trebuchet MS;font-size: 17px;padding: 15px 16px;width: 249px;outline: none;margin: 0;}
		.wrapper #postcard-form input.input:focus{background: url("img/inputs.gif") no-repeat scroll 0 -62px transparent;}
		
		.wrapper #postcard-form input#captcha{background: url("img/inputs2.gif") no-repeat scroll 0 0 transparent;border: medium none;font-family: trebuchet MS;font-size: 17px;padding: 15px 16px;width: 135px;outline: none;margin: 6px 0px 0px 0px;}
		.wrapper #postcard-form input#captcha:focus{background: url("img/inputs2.gif") no-repeat scroll 0 -62px transparent;}
		
		.wrapper #postcard-form textarea{background: url("img/inputs3.gif") no-repeat scroll 0 0 transparent;border: none;outline: none;font-family: trebuchet MS;font-size: 17px;height: 145px;padding: 15px 26px 15px 20px;width: 376px;resize:none;/*overflow: hidden;*/margin: -5px 0px 0px 0px;}
		.wrapper #postcard-form textarea:focus{background: url("img/inputs3.gif") no-repeat scroll 0 -180px transparent;}
		
		.wrapper #postcard-form label{font-family: "Trebuchet MS";color: #807F7F;font-size: 18px;font-weight: normal;padding: 10px 0px 0px;}
		.wrapper #postcard-form .form-item-captcha label{font-family: "Trebuchet MS";color: #807F7F;font-size: 18px;font-weight: normal;}
		
h1{font-family: "Trebuchet MS";color: #DE0023;font-size: 36px;}

#available-images{margin: 0 auto;text-align: center;width: 828px;height: 115px;}
	#available-images a{display: block;width: 104px;float: left;margin: 0px 1px 0px 0px;text-align: center;padding: 4px 6px;}
	#available-images a.active{background: White;border: solid 1px #BABABA;border-bottom: none;outline: none;}
	*:first-child+html #available-images a.active{background: transparent;border: none;outline: none;}
		#available-images a img{border: solid 2px White;}
		#available-images a.active img{}
		
p.form-item-sender_name, 
p.form-item-receiver_email{margin: 0px 0px 0px 10px;}
	p.form-item-sender_name label{float: left;padding: 20px 0px 0px 0px;width: 100px;}
	p.form-item-receiver_email label{float: left;padding: 20px 0px 0px 0px;text-align: left;width: 100px;}
p.form-item-captcha{margin: 0px 0px 0px 10px;}
	p.form-item-captcha label{float: left;padding: 20px 0px 0px 0px;text-align: left;}
p.form-item-captcha-image{float: left;margin: -54px 0 0 60px;width: 176px;}
	p.form-item-captcha-image img{}
	
.sBodyCard{width: 920px;margin: 20px auto;background: White;padding: 35px;border: solid 1px #BABABA;}

.sBodyCard .left{width: 500px;float: left;}
.sBodyCard .right{float: left;margin: 0 0 0 41px;width: 365px;}
	.sBodyCard .right .send{border-top: solid 1px #D3D3D3;margin: 23px 0 0;padding: 30px 0 0;}
	.sBodyCard .right a.send-button{background: url("img/send.gif") no-repeat scroll center center transparent;color: White;cursor: pointer;display: block;font-family: "Trebuchet MS";font-size: 19px;height: 41px;margin: 10px 0 0 0px;padding: 16px 0 4px;text-align: center;width: 157px;}
	.sBodyCard .right ul.images{padding: 0px 20px 0px 0px;width: 200px;margin: 6px 0px 0px 4px;}
		.sBodyCard .right ul.images li{list-style: none;width: 40px;height: 40px;float: left;border: solid 3px White;}

.congratulation{min-height: 453px;color: #00477D;}
	.congratulation p{width: auto;}
	.congratulation p.message{font-family: "Trebuchet MS";font-size: 20px;line-height: 30px;}
	.congratulation .sender{display: block;font-family: Georgia;font-size: 19px;font-style: italic;text-align: right;}
		
.clear{clear: both;}

ul.years{margin: 0 0 0 218px;padding: 0;position: absolute;top: 2px;}
*:first-child+html ul.years{margin: 0 0 0 -820px;padding: 0;position: absolute;top: 2px;}
.postcard-sent ul.years, 
.postcard-created ul.years{margin: 0 0 0 176px;padding: 0;position: absolute;top: 2px;}
	ul.years li{list-style: none;float: right;margin: 0px 8px 0px 6px;font-family: "Trebuchet MS";font-size: 14px;}
		ul.years li a{text-decoration: none;color: Black;font-weight: bold;}
		ul.years li a.current{color: #ED1A3B;}
		ul.years li a:hover{text-decoration: underline;}
		
.copyright a{display: block;width: 116px;height: 20px;position: absolute;top: 0px;margin: 0px 0px 0px 320px;}
.sBodyCard .copyright a{background: url("img/zina2.gif") no-repeat scroll 0 0 transparent;display: block;height: 134px;margin: 0 0 0 955px;position: absolute;top: 315px;width: 30px;}
*:first-child+html .sBodyCard .copyright a{background: url("img/zina2.gif") no-repeat scroll 0 0 transparent;display: block;height: 134px;margin: 0 0 0 49px;position: absolute;top: 315px;width: 30px;}
	.copyright a span{display: none;}
	.sBodyCard .copyright a span{display: none;}
	
.form-item-receiver_congratulation{margin: 0px;padding: 0px;}

.year-2012 .wrapper #postcard-form{margin: 20px auto 0;width: 424px;}
.year-2012 .wrapper{width: 799px;}

.sBodyCard.year-2012 .right{clear: both;width: auto;float: none;}

.sBodyCard.year-2012 .left {
    float: none;
    text-align: center;
    width: auto;
}

.sBodyCard.year-2012 .congratulation .sender{
	text-align: left;
}

.sBodyCard.year-2012 .congratulation{
	min-height:20px;
}