html, body { 
	height: 100%; 
}
body {
	background-image:url(../img/bg.jpg);
	background-repeat: repeat;
	background-position:top center;
	margin:0;  
	font: 12px/16px Arial; 
	color: #414548;  
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
#mainBg {
	background-image:url(../img/shift.jpg);
	height: 720px;
	background-repeat: repeat-x;
	background-position:top center;
}
#main {
	background-image:url(../img/main_bg2.jpg);
	height: 720px;
	width: 1000px;
	background-repeat: repeat-no;
	margin: auto;
}
a {
	color: #414548; 
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img {
	border:0;
}
form{ 
	margin:0; 
	padding:0;
}


#header{ 
	height: 202px;
}


.clear{clear:both; line-height:1px; font-size:1px}

#index_gifts {
	width: 230px;
	border: 0px solid #000000;
	padding: 35px 0 0 67px;
}
.chooserGiftBg {
	background-color: #ffffff;
	padding: 4px 0 0 0;
	margin: 5px;
	width: 71px;
	height: 71px;
	float: left;
}
.chooserGiftBgSet {
	background-image:url(../img/gift_selected.png);
	padding: 4px 0 0 0;
	margin: 5px;
	width: 71px;
	height: 71px;
	float: left;
}

.radioH {
	display: none;
}
.radioD {
  width: 10px;
  height: 5px;
}
#aboutOn {
	position: absolute;
	display: none;
	width: 343px;
	height: 587px;
	padding: 0;
	z-index: 1001;
	margin: auto;
}
#giftsOn {
	position: absolute;
	display: none;
	width: 343px;
	height: 487px;
	padding: 0;
	z-index: 1001;
	margin: auto;
}
#usersOn {
	position: absolute;
	display: none;
	width: 370px;
	height: 621px;
	padding: 0;
	z-index: 1001;
	margin: auto;
}
#registrationOn {
	position: absolute;
	display: none;
	width: 370px;
	height: 621px;
	padding: 0;
	z-index: 1001;
	margin: auto;
}
#registrationBlogOn {
	position: absolute;
	display: none;
	width: 650px;
	height: 420px;
	padding: 0;
	z-index: 1001;
	margin: auto;
}
#thanksOn {
	position: absolute;
	display: none;
	width: 205px;
	height: 200px;
	padding: 0;
	z-index: 1001;
	margin: auto;
}
#agreeOn {
	position: absolute;
	display: none;
	width: 661px;
	height: 434px;
	padding: 0;
	z-index: 1001;
	margin: auto;
}
#confirmedOn {
	position: absolute;
	display: none;
	width: 350px;
	height: 410px;
	padding: 0;
	z-index: 1001;
	margin: auto;
}
#fbOn {
	position: absolute;
	display: none;
	width: 370px;
	height: 621px;
	padding: 0;
	z-index: 1001;
	margin: auto;
}
#on {
	position: absolute;
	display: none;
	width: 343px;
	height: 487px;
	padding: 0;
	z-index: 1001;
	margin: auto;
}
#onContainer {
	margin: auto;
	width: 400px;
	border: 0;
	padding: 0;
	background-color:#00CC33;
	z-index: 1001;
}
#leftBox {
	width: 345px;
	border: 0px solid #000000;
	color: #000000;
	vertical-align: top;
}
#centerBox {
	width: 350px;
	border: 0px solid #000000;
	vertical-align: top;
}
#rightBox {
	width: 305px;
	vertical-align: top;
}
div.total {
	width: 315px;
	text-align: center;
	height: 50px;
	font-family: georgia;
	font-size: 40px;
	line-height: 40px;
	padding: 4px 0 0 30px;
	margin: 0 0 40px 0;
}
span.totalLt {
	font-family: georgia;
	font-size: 20px;
}
div.allGiftsButton {
	margin: 3px 0 0 -10px;
}
a.allUsers {
	background-image:url(../img/all_users_off.png);
	width: 125px;
	height: 35px;
	display: block;
}
a.allUsers:hover {
	background-image:url(../img/all_users_on.png);
	width: 125px;
	height: 35px;
	display: block;
}
a.register {
	background-image:url(../img/register_off.png);
	width: 125px;
	height: 35px;
	display: block;
}
a.register:hover {
	background-image:url(../img/register_on.png);
	width: 125px;
	height: 35px;
	display: block;
}
a.rules {
	background-image:url(../img/taisykles_off.png);
	width: 153px;
	height: 35px;
	display: block;
}
a.rules:hover {
	background-image:url(../img/taisykles_on.png);
	width: 153px;
	height: 35px;
	display: block;
}
div.giftItem {
	float: left; 
	width: 75px; 
	height: 115px; 
	padding: 5px 0 0 0; 
	border: 0px solid #000000;
	text-align:center;
}
img.giftItemImg {
	margin: 0 0 0 0px; 
	padding: 0;
}
div.giftItemText {
	text-align: center; 
	width: 70px; 
	font-family: georgia; 
	font-size: 11px; 
	line-height: 13px; 
	padding: 2px 0 0 0;
}
div.mostContributed {
	width: 310px;
	padding: 14px 0 0 40px;
	font-family: georgia;
	font-size: 16px;
}
div.index_users {
	padding: 25px 0 0 30px;
	height: 357px;
}
div.index_users_in {
	min-height: 257px;
}
a.userTitle {
	font-family: georgia;
	font-size: 13px;
	color: #088e5f;	
	text-decoration: none;
}
a.userTitle:hover {
	font-family: georgia;
	font-size: 13px;
	color: #088e5f;	
	text-decoration: underline;
}
span.userNum {
	font-family: georgia;
	font-size: 13px;
	color: #000000;	
}
div.allUsersButton {
	margin: 3px 0 0 -5px;
}
td.indexUsersTitle {
	height: 37px; 
	width: 140px;
	font-family: georgia;
	font-size: 12px;
}
td.indexUsersImg {
	width: 45px;
	height: 37px;
}
td.indexUsersQuantity {
	width: 16px; 
	text-align: right; 
	font-family: georgia; 
	color: #00875f; 
	font-size: 13px;
}
td.indexUsersMoney {
	width: 90px; 
	text-align: right; 
	font-family: georgia; 
	color: #000000; 
	font-size: 22px;
}
a.contribute {
	background-image:url(../img/participate_off.png);
	width: 312px;
	height: 56px;
	display: block;	
}
a.contribute:hover {
	background-image:url(../img/participate_on.png);
	width: 312px;
	height: 56px;
	display: block;	
}
div.contribute {
	padding: 12px 0 0 17px;
}
div.aboutBox {
	padding: 73px 0 0 16px;
	color: #000000;
	font-family: georgia;
	font-size: 16px;
	width: 220px;
}
div.readMoreButton {
	margin: 63px 0 0 -4px;
}
a.readMore {
	background-image:url(../img/read_more_off.png);
	width: 112px;
	height: 31px;
	display: block;
}
a.readMore:hover {
	background-image:url(../img/read_more_on.png);
	width: 112px;
	height: 31px;
	display: block;
}

div.aboutOn {
	background-image:url(../img/about_on.png);
	width: 342px;
	height: 467px;
}
div.aboutOnText {
	padding: 12px 0 0 22px;
	width: 290px; 
	line-height: 17px;
	font-size: 14px;
	font-family: georgia;   
	font-style: italic; 

}
div.aboutClose {
	width: 343px;
	text-align: right;
}

div.okOn {
	background-image:url(../img/ok_on.png);
	width: 316px;
	height: 94px;
	margin: auto;
}
div.okOnText {
	padding: 12px 0 0 28px;
	width: 270px; 
	line-height: 22px;
	font-size: 14px;
	font-family: georgia; 
	text-align: center; 
}
div.okClose {
	width: 316px;
	text-align: right;
	margin: auto;
}

div.agreeOn {
	background-image:url(../img/agree_on.png);
	width: 661px;
	height: 434px;
}
div.agreeOnText {
	padding: 12px 0 0 22px;
	width: 550px; 
	height: 550px;
	line-height: 17px;
	font-size: 14px;
	font-family: georgia;   
	font-style: italic; 
}
div.agreeClose {
	width: 661px;
	text-align: right;
}

div.giftsOn {
	background-image:url(../img/gifts_on.png);
	width: 370px;
	height: 621px;
}
div.giftsOnText {
	padding: 12px 0 0 22px;
	width: 290px; 
	line-height: 14px;
}
div.giftsClose {
	width: 370px;
	text-align: right;
}

div.usersOn {
	background-image:url(../img/users_on2.png);
	width: 356px;
	height: 482px;
}
div.usersOnText {
	padding: 14px 0 0 22px;
	width: 290px; 
	line-height: 14px;
}
div.fbUsersOnText {
	padding: 14px 0 0 22px;
	width: 310px; 
	line-height: 14px;
}
div.usersClose {
	width: 356px;
	text-align: right;
}

div.registrationOn {
	background-image:url(../img/registration_on.png);
	width: 340px;
	height: 403px;
}
div.registrationOnText {
	padding: 30px 0 0 22px;
	width: 290px; 
	line-height: 20px;
	font-size: 14px;
	color: #000000;
	font-family: georgia;
	text-align: center;
}
div.registrationClose {
	width: 340px;
	text-align: right;
}

div.fbOn {
	background-image:url(../img/registration_on.png);
	width: 340px;
	height: 403px;
}
div.fbOnText {
	padding: 30px 0 0 22px;
	width: 290px; 
	line-height: 20px;
	font-size: 14px;
	color: #000000;
	font-family: georgia;
	text-align: center;
}
div.fbClose {
	width: 340px;
	text-align: right;
}

a.close {	
	font-family: georgia;
	font-size: 14px;
	color: #000000;
	padding: 0px;
	margin: 0px;
	line-height: 14px;
	font-weight: bold;
}
img.pic {
	margin: 5px 0 5px 0;
}
div.toBlogButton {
	width: 140px;
	float: left;
}
a.toBlog {
	background-image:url(../img/to_blog_off.png);
	width: 125px;
	height: 35px;
	display: block;
	margin: auto;
}
a.toBlog:hover {
	background-image:url(../img/to_blog_on.png);
	width: 125px;
	height: 35px;
	display: block;
	margin: auto;
}

div.toFbButton {
	width: 140px;
	float: left;
}
a.toFb {
	background-image:url(../img/to_facebook_off.png);
	width: 136px;
	height: 35px;
	display: block;
	margin: auto;
}
a.toFb:hover {
	background-image:url(../img/to_facebook_on.png);
	width: 136px;
	height: 35px;
	display: block;
	margin: auto;
}
div.regButtons {
	padding: 25px 0 0 0;
}

div.registrationBlogOn {
	background-image:url(../img/registration_blog_on.png);
	width: 646px;
	height: 404px;
}

div.registrationBlogOnText {
	padding: 30px 0 0 12px;
	width: 615px; 
	line-height: 20px;
	font-size: 14px;
	color: #000000;
	font-family: georgia;
	text-align: center;
}
div.registrationBlogClose {
	width: 646px;
	text-align: right;
}
input {
	background-image:url(../img/input_bg.jpg);
	width: 138px;
	height: 27px;
	padding: 8px 4px 0 10px;
	margin: 0px;
	border: 0;
	font-family: georgia;
	font-size: 14px;
	color: #000000;
}
div.form_label {
	padding: 0px 0 4px 14px;
	font-family: georgia;
	font-size: 14px;
	color: #000000;
}
div.form_label_error {
	padding: 0px 0 4px 14px;
	font-family: georgia;
	font-size: 14px;
	color: #dc0707;
}
div.registerText {
	font-family: georgia;
	font-size: 18px; 
	color: #000000;
	line-height: 22px;
	margin: 0 15px 0 15px;
}
div.chooseGift {
	font-family: georgia;
	font-size: 14px; 
	color: #000000;	
}
div.chooseGift_error {
	font-family: georgia;
	font-size: 14px; 
	color: #dc0707;	
}
div.chooseGiftInner {
	height: 275px;
}
input.submitButton {
	background-image:url(../img/register_off.png);
	width: 125px;
	height: 35px;
	display: block;
	background-color: #FFFFFF;
	cursor: pointer; cursor: hand;
}
input.submitButton:hover {
	background-image:url(../img/register_on.png);
	width: 125px;
	height: 35px;
	display: block;
	background-color: #FFFFFF;
	cursor: pointer; cursor: hand;
}

div.thanksOn {
	background-image:url(../img/thanks_on.png);
	width: 205px;
	height: 200px;
	margin: auto;
}
div.thanksClose {
	width: 205px;
	text-align: right;
}
div.thanksOnText {
	font-family: georgia;
	color: #000000;
	font-size: 14px;
	text-align: center;
	width: 180px;
	padding: 40px 0 0 10px;	
}

div.confirmedOn {
	background-image:url(../img/confirmedOn.png);
	width: 340px;
	height: 403px;
	margin: auto;
}
div.confirmedClose {
	width: 340px;
	text-align: right;
}
div.confirmedOnText {
	font-family: georgia;
	color: #000000;
	font-size: 14px;
	text-align: center;
	width: 340px;
	padding: 30px 0 0 0;
}
textarea.code_textarea {
	background-image:url(../img/code_textarea.png);
	width: 199px;
	height: 87px;
	border: 0;
	padding: 0 10px 0 10px;
	margin: 20px;
	font-family: georgia;
	color: #000000;
	font-size: 14px;
	line-height: 18px;
}
div.fanBox {
	padding: 32px 0 0 24px;
	width: 240px;
	display: block;
}
input.agree {
	border: 1px solid #000000;
	width: 10px;
	height: 10px;
}
a.agree {
	color: #000000;
}
a.agree_error {
	color: #FF0000;
}
p.agreeP{
	padding: 0;
	margin: 3px;
}
ul, li {
	padding: 0;
	margin: 0 0 0 20px;
}
div.aboutRegister {
	float: left;
	width: 136px;
}
div.aboutAgree {
	float: left;
}
a.popLink {
	font-size: 14px;
	font-family: georgia;   
	font-style: italic; 
	color: #00875f;
}
a.popLink:hover {
	font-size: 14px;
	font-family: georgia;   
	font-style: italic;
	text-decoration: underline;
	color: #00875f;
}
div.fb_text {
	line-height: 20px;
	font-size: 14px;
	color: #000000;
	font-family: georgia;
	text-align: center;
}

div.filterButtons {
	width: 273px;
	margin-left: 0;
}
div.filterOnButtons {
	width: 300px;
	padding: 15px 0 0 20px;
	margin-left: 0;
}

div.filterBlogButton {
	width: 70px;
	float: left;
}
div.filterFbButton {
	width: 104px;
	float: left;
}
div.filterWebButton {
	width: 99px;
	float: left;
}

a.filterBlog {
	background-image:url(../img/blogs_off.png);
	width: 64px;
	height: 24px;
	display: block;
	margin: auto;
}
a.filterBlog:hover {
	background-image:url(../img/blogs_on.png);
	width: 64px;
	height: 24px;
	display: block;
	margin: auto;
	text-decoration: underline;
}
a.filterBlog_ {
	background-image:url(../img/blogs_on.png);
	width: 64px;
	height: 24px;
	display: block;
	margin: auto;
	text-decoration:underline;
}
a.filterFb {
	background-image:url(../img/facebook_off.png);
	width: 97px;
	height: 24px;
	display: block;
	margin: auto;
}
a.filterFb:hover {
	background-image:url(../img/facebook_on.png);
	width: 97px;
	height: 24px;
	display: block;
	margin: auto;
}
a.filterFb_ {
	background-image:url(../img/facebook_on.png);
	width: 97px;
	height: 24px;
	display: block;
	margin: auto;
}
a.filterWeb {
	background-image:url(../img/web_off.png);
	width: 97px;
	height: 24px;
	display: block;
	margin: auto;
}
a.filterWeb:hover {
	background-image:url(../img/web_on.png);
	width: 97px;
	height: 24px;
	display: block;
	margin: auto;
}
a.filterWeb_ {
	background-image:url(../img/web_on.png);
	width: 97px;
	height: 24px;
	display: block;
	margin: auto;
}

td.fbUsersName {
	height: 37px; 
	width: 140px;
	font-family: georgia;
	font-size: 12px;
}
td.fbGiftImg {
	width: 20px;
}
td.fbUsersImg {
	width: 30px;
}
td.fbUsersQuantity {
	width: 30px; 
	text-align: right; 
	font-family: georgia; 
	color: #00875f; 
	font-size: 13px;
}
td.fbUsersMoney {
	width: 90px; 
	text-align: right; 
	font-family: georgia; 
	color: #000000; 
	font-size: 22px;
}
td.num {
	width: 10px;
	text-align: right; 
	font-family: georgia; 
	color: #000000; 
	font-size: 12px;
	padding: 0 2px 0 0;
}
td.fbUsersOnName {
	height: 37px; 
	width: 150px;
	font-family: georgia;
	font-size: 12px;
	padding: 0 0 0 4px;
}
td.fbUsersOnQuantity {
	width: 30px; 
	text-align: right; 
	font-family: georgia; 
	color: #00875f; 
	font-size: 13px;
}
td.fbUsersOnMoney {
	width: 120px; 
	text-align: right; 
	font-family: georgia; 
	color: #000000; 
	font-size: 22px;
}
div.fbSharer {
padding: 375px 0 0 20px;
}