@charset "utf-8";
/* Reset all styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table td {
	position: relative;
	vertical-align: middle;
}

table tr {
	position: relative;
}

img, fieldset {
    border: 0;
}

ol, ul, ol li, ul li {
    list-style: none;
	padding: 0;
	margin: 0;
}

* {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

body {
    color: #666;  
	font-size: 10px;  
	text-align: center;
}

select option {
	padding: 0 0.3125em;
}

a {
	color: #0099ca;
}

a:hover {
	text-decoration: none;
}

a.hrefButton {
	padding: 0px 4px;
}

a.hrefButton:hover {
	background-color: #0099CA;
	color: #fff;
}

img {
	vertical-align: middle;
}

#confirm {
	position: absolute; 
	width: 18.75em; 
	padding: 0.625em; 
	z-index: 500001;
}

#hidden {
	position: absolute;
	top: 0; 
	left: 0;
	background-color: #fff;
	opacity: 0.9;
	z-index: 500000;
}

#loading {
	position: absolute; 
	z-index: 50000; 
	top: 90px; 
	right: 0; 
	color: #0099CC;
	font-weight: bold;
	width: 170px; 
	height: 28px; 
	line-height: 28px;
	text-align: center;
	background: transparent url('../i/button-blue-170.gif') no-repeat;
}

.pagelink, .pagelinkActive {
    margin-left: 0.3125em;
    padding: 2px 6px;
	border: 1px solid #BFD4E9;
	text-decoration: none;
}

.pagelink:hover {
	border: 1px solid #09ACE3;
}

.pagelinkActive {
    background-color: #09ACE3;
    border: 1px solid #BFD4E9;
    color: #fff;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.clearDiv {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}

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

.clearfix {
    display:inline-block;
}

.clearfix {
    display:block;
}

* html .clearfix {
	height:auto;
}

.text_right {
	text-align: right;
}

.text_left {
	text-align: left;
}

.nopadding {
	padding: 0 !important;
}

.nomargin {
	margin: 0 !important;
}

.bold {
	font-weight: bold;
}

label {
	cursor: pointer;
	font-weight: bold;
}

/* Errors */

.Error, .Success {
	clear: both; 
	font-size: 11px; 
	padding: 5px; 
	margin: 5px;
}

.Error {
	color: #B80606; 
}

.Success {
	color: #009933; 
}

.DivSuccess, .DivError, .DivNotification {
    padding: 10px 0;
    text-align: center;
	font-size: 11px;
    width: 100%;
	margin-bottom: 10px;
}

.DivSuccess {
    background-color: #FFF9D7;
    border: 1px solid #E2C822;
    font-weight: bold;
}

.DivError {
    background-color: #FFEBE8;
    border: 1px solid #DD3C10;
}

.DivNotification {
	background-color: #E8F3FF;
    border: 1px solid #BFD4E9;
}

#GeneralError, #GeneralSuccess {
	background-image: url('../i/x.gif');
	background-repeat: no-repeat;
	background-position: 99% center;
	cursor: pointer;
}

/* End Errors */

/* ----- Forms ----- */
form.forms 
{
	margin-bottom: 0.625em;
}

form.forms label 
{
	display: block;
	float: left;
	line-height: 1.8em;
	vertical-align: top;
	width: 12em;
}

form.forms li 
{
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0.3125em;
}

form.forms li.submit
{
	text-align: right;
}
/* ----- End Forms ----- */

.dot {
	background: url('../i/dot.gif') no-repeat center center;
	padding: 0 5px;
}

.inputs {
	border: 1px solid #cfcfcf;
	background: url('../i/inputs.gif') repeat-x;
	height: 14px;
	padding: 3px 0;
}

textarea {
	border: 1px solid #cfcfcf;
	background: #fff url('../i/inputs.gif') repeat-x;
	padding: 5px;
}

.subMenu {
	width: 95px; height: 189px; background: url('../i/sub-menu.png') no-repeat 0 27px; position: absolute; left: 98px; z-index: 1000000;	top: 140px;
}

.subMenu ol {
	height: 159px;	
}

.subMenu li a {
	display: block;
	width: 83px;
	padding: 4px 5px;
	color: #009ACE;	
	margin-left: 1px;	
	text-align: center;
	position: relative;
	z-index: 1;
	text-decoration: none;
	font-weight: bold;
}

.subMenu li a:hover {
	background: #F8FBFF;
}

a.button, a.button138, a.button63 {
	display: block;
	text-decoration: none;
	text-align: center;
	line-height: 23px;
}

a.button138 {
	line-height: 28px;
}

.button63, .button113, a.button, .button138, a.button138, #userThink .editor_ok_button, #userThink .editor_cancel_button {
	border: none;
	padding: 0;
	margin: 0;
	color: #fff;
	font-weight: bold;
	height: 23px;
	cursor: pointer;
	outline: none;
}

.button63, #userThink .editor_ok_button, #userThink .editor_cancel_button {
	background: url('../i/button-63.gif') no-repeat;
	width: 63px;
}

#userThink .editor_cancel_button {
	margin-left: 16px;
}

.button113, a.button {
	background: url('../i/button-113.gif') no-repeat;
	width: 113px;
}

.button138, a.button138 {
	background: url('../i/button-138.gif') no-repeat;
	width: 138px;
	height: 28px;
	font-size: 12px;
}

#lang {
	width: 143px;
	height: 27px;
	line-height: 27px;
	background: url('../i/lang-bar.png?v.0.1') no-repeat;
	position: absolute;
	top: -38px;
	right: 0;
	z-index: 3;
}

#langList div {
	line-height: 20px;
	margin-left: 5px;
} 

#langList div a {
	width: 79px;
	padding-left: 24px;
	display: block;
	height: 20px;
}

#lang .bg {
	background: url('../i/icons.gif') no-repeat 0 -605px;
}

#lang .en {
	background: url('../i/icons.gif') no-repeat 0 -628px;
}

#lang .de {
	background: url('../i/icons.gif?v.0.1') no-repeat 0 -877px;
}

#lang .pt {
	background: url('../i/icons.gif?v.0.1') no-repeat 0 -896px;
}

#lang #currentLang {
	height: 20px;
	line-height: 20px;
	margin-top: 3px;
	padding-left: 24px;
}

#lang .langChange {
	background: url('../i/icons.gif') no-repeat 0 -508px;
	text-indent: -9000px;
	width: 20px;
	height: 21px;
	padding: 3px;
	cursor: pointer;
}

#lang #langList {
	border: 1px solid #CFCFCF;
	border-top: 1px solid #fff;
	padding: 0 0 3px 0;
	background-color: #fff;
	margin-left: 10px;
	position: relative;
	width: 113px;
}

#header {
	height: 186px;
}

.header-index {
	height: 136px !important;
}

#header #logo {
	width: 912px;
	height: 196px;
	background: transparent url('../i/header.png') no-repeat;
	position: absolute;
	top: -20px;
	left: -12px;
}

#header #logo-christmas {
	width: 918px;
	height: 206px;
	background: transparent url('../i/header-christmas.png') no-repeat;
	position: absolute;
	top: -28px;
	left: -18px;
}

#header #logo-new-year {
	width: 912px;
	height: 196px;
	background: transparent url('../i/header-new-year.png') no-repeat;
	position: absolute;
	top: -20px;
	left: -12px;
}

#header #logo-index {
	width: 912px;
	height: 149px;
	background: transparent url('../i/header-index.png') no-repeat;
	position: absolute;
	top: -20px;
	left: -12px;
}

#header #logo-index-christmas {
	width: 918px;
	height: 155px;
	background: transparent url('../i/header-index-christmas.png') no-repeat;
	position: absolute;
	top: -28px;
	left: -18px;
}

#header #logo-index-new-year {
	width: 912px;
	height: 152px;
	background: transparent url('../i/header-index-new-year.png') no-repeat;
	position: absolute;
	top: -20px;
	left: -12px;
}

#header #logo-link {
	position: absolute;
	left: 5px; 
	top: 0;
}

#header #logo-link a {
	display: block; 
	width: 130px; 
	height: 80px; 
	text-indent: -9000px;
}

#header #menu, #header #menu-christmas {
	background: transparent url('../i/header-menu.png') no-repeat;
	width: 328px;
	height: 76px;
	position: absolute;
	top: -1px;
	right: 15px;
}

#header #menu-christmas {
	top: -3px;
}

#header #menu-small, #header #menu-small-christmas {
	background: transparent url('../i/header-menu-small.png') no-repeat;
	width: 155px;
	height: 36px;
	position: absolute;
	top: -2px;
	right: 15px;
}

#header #menu-small-christmas {
	top: -4px;
}

#container {
	background-color: #fff;
	width: 900px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	margin-top: 43px;
}

#body {
	padding: 0 10px;
}

#footer {
	line-height: 16px;
}

.line {
	background: transparent url('../i/line.gif') repeat-x left center;
	padding: 15px 0;
	position: relative;
}

#corners {
	width: 900px;
	height: 10px;
	background: transparent url('../i/footer.png') no-repeat;
	margin: 0 auto;
	padding-bottom: 50px;
}

.green {
	color: #84d100;
}

.blue {
	color: #0099cc;
}

.orange {
	color: #ff9900;
}

/* Header buttons */
#header-buttons {
	position: absolute; 
	top: 140px; 
	left: 12px; 
	width: 880px; 
	height: 26px;
}

.buttons, .buttons-christmas, .buttons-new-year {
	position: relative;
}

.buttons a, .buttons-christmas a, .buttons-new-year a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.buttons a:hover, .buttons a.selected, .buttons-christmas a:hover, .buttons-christmas a.selected, .buttons-new-year a:hover, .buttons-new-year a.selected {
	color: #009ace;
}

.buttons a span.bLeft, .buttons-christmas a span.bLeft, .buttons-new-year a span.bLeft {
	background: url('../i/menu-left.gif') no-repeat; 
	padding: 8px 3px 9px 8px;
	display: inline-block;
}

.buttons-christmas a span.bLeft {
	background: url('../i/menu-left-christmas.gif') no-repeat; 
}

.buttons-new-year a span.bLeft {
	background: url('../i/menu-left-new-year.gif') no-repeat; 
}

.buttons a span.bBg, .buttons-christmas a span.bBg, .buttons-new-year a span.bBg {
	background: url('../i/menu-bg.gif') repeat-x; 
	padding: 8px 0 9px 0;
	display: inline-block;
}

.buttons-christmas a span.bBg {
	background: url('../i/menu-bg-christmas.gif') repeat-x;
}

.buttons-new-year a span.bBg {
	background: url('../i/menu-bg-new-year.gif') repeat-x;
}

.buttons a span.bRight, .buttons-christmas a span.bRight, .buttons-new-year a span.bRight {
	background: url('../i/menu-right.gif') no-repeat; 
	padding: 8px 4px 9px 8px;
	display: inline-block;
}

.buttons-christmas a span.bRight {
	background: url('../i/menu-right-christmas.gif') no-repeat;
}

.buttons-new-year a span.bRight {
	background: url('../i/menu-right-new-year.gif') no-repeat;
}

.buttons a:hover span.bLeft, .buttons a.selected span.bLeft, .buttons-christmas a:hover span.bLeft, .buttons-christmas a.selected span.bLeft, .buttons-new-year a:hover span.bLeft, .buttons-new-year a.selected span.bLeft {
	background: url('../i/menu-left-hover.gif') no-repeat; 
	padding: 8px 3px 9px 8px;
}

.buttons-christmas a:hover span.bLeft, .buttons-christmas a.selected span.bLeft {
	background: url('../i/menu-left-hover-christmas.gif') no-repeat; 
}

.buttons-new-year a:hover span.bLeft, .buttons-new-year a.selected span.bLeft {
	background: url('../i/menu-left-hover-new-year.gif') no-repeat; 
}

.buttons a:hover span.bBg, .buttons a.selected span.bBg, .buttons-christmas a:hover span.bBg, .buttons-christmas a.selected span.bBg, .buttons-new-year a:hover span.bBg, .buttons-new-year a.selected span.bBg {
	background: url('../i/menu-bg-hover.gif') repeat-x; 
	padding: 8px 0 9px 0;
}

.buttons-christmas a:hover span.bBg, .buttons-christmas a.selected span.bBg {
	background: url('../i/menu-bg-hover-christmas.gif') repeat-x; 
}

.buttons-new-year a:hover span.bBg, .buttons-new-year a.selected span.bBg {
	background: url('../i/menu-bg-hover-new-year.gif') repeat-x; 
}

.buttons a:hover span.bRight, .buttons a.selected span.bRight, .buttons-christmas a:hover span.bRight, .buttons-christmas a.selected span.bRight, .buttons-new-year a:hover span.bRight, .buttons-new-year a.selected span.bRight {
	background: url('../i/menu-right-hover.gif') no-repeat; 
	padding: 8px 4px 9px 8px;
}

.buttons-christmas a:hover span.bRight, .buttons-christmas a.selected span.bRight {
	background: url('../i/menu-right-hover-christmas.gif') no-repeat; 
}

.buttons-new-year a:hover span.bRight, .buttons-new-year a.selected span.bRight {
	background: url('../i/menu-right-hover-new-year.gif') no-repeat; 
}
/* End header buttons */

#luck-bar, #luck-bar-christmas, #luck-bar-new-year {
	background: url('../i/luck-bar.png') no-repeat;
	padding-top: 1px;
	height: 28px;
	width: 440px;
	position: absolute; 
	right: 4px; 
	bottom: 35px;
}

#luck-bar-christmas {
	background: url('../i/luck-bar-christmas.gif') no-repeat;
}

#luck-bar-new-year {
	background: url('../i/luck-bar-new-year.gif') no-repeat;
}

.lucky {
	color: #ff9900;
	font-size: 15px;
	font-weight: bold;
}

/* Smiley */

.emo_container {
	width: 30px;
	position: relative;
}

.emo_button {
	background: url('../i/emo/1.gif') no-repeat;
	padding-left: 25px;
	display: block;
	height: 25px;
	line-height: 20px;
	cursor: pointer;
}

.emo_tooltip {
	padding: 5px 10px; 
	background: #008fec; 
	color: #fff;
	position: absolute; 
	top: -35px; 
	left: -10px;
	z-index: 2;
}

.emo_tooltip .tooltip_arrow {
	background: url('../i/tooltip_arrow.gif') no-repeat left bottom;
	width: 18px;
	height: 8px;
	position: absolute;
	bottom: -8px;
	left: 5px;
	z-index: -1;
}

/* End smiley */

/* Wall */
#graffiti_set_font {
	background-color: #E8F4FF;
	padding: 10px;
	clear: both;
	margin-bottom: 10px;
}

/* ----- Inbox ----- */
#suggestions {
	position: absolute;
	width: 373px;
	min-height: 20px;	
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	left: 0px;
	background: #fff;
}

* html #suggestions {
	height: 20px;
	left: 0px;
	top: -10px;
}

* html #inputs {
	/*height: 22px;*/
}

.inbox_found_href {
	text-decoration: none; 
	display: block;
	width: 100%;
}

.inbox_found_href:hover {
	background-color: #F6F9FC;
}

.inbox_msg span a, .pic_comments_text span a, .profile_contacts span a, .text_span_a span a {
	font-size: 11px !important;
}

#inbox_container {
	position: relative;	
	/*min-height: 25px;
	cursor: text;	
	z-index: 5;
	padding: 0 0 0 0.3125em; 
	width: 370px;	
	border: 1px solid #7F9DB9;
	padding-top: 5px;*/
}

* html #inbox_container {
	/*height: 25px;*/
}

#inbox_container .input {	
	width: 300px;
	min-height: 17px;
	cursor: text;
	position: relative;
	z-index: 10;
}

* html #inbox_container .input {
	height: 17px;
	width: 300px;	
	background: #fff;
}

#inbox_input {
	border: 0;
	width: 200px; 
	height: 18px; 
	padding: 0; 
	margin: 0; 
	font-size: 12px !important;
}

.inbox_input_span {
	position: absolute;
	top: 0; 
	left: 0;
}

.inbox_input_span input {
	width: 30px;
	height: 17px;
	margin: 1px 0 0 1px;
}

.inbox_users_span {
	padding: 0 1px 0 2px;
	margin: 0px 5px 5px 0;
	/*border: 1px solid #ccc;*/
	font-size: 11px !important;
	display: block;
	float: left;
}

a.input_x {
	padding: 0px 1px 0px 1px;
	margin-left: 0.3125em;
	background: #ECF2F9;
	font-size: 11px !important;
	text-decoration: none;
}

a.input_x:hover {
	background: #ccc;
}

.inbox_new_msg {
	background-color: #DBF5B8 !important;
}

.inbox_tr {
/*	background-color: #fff;*/
}

.inbox_menu_disabled, .menu_disabled {
	color: #ccc;
	cursor: text;
	outline: none;
}

#inbox_buttons a, #buttons a, #profile_menu a, #footer a {
	text-decoration: none;
}

/* ----- END Inbox ----- */

.box {
	width: 100%;
}

.box .header {
	height: 27px;
	background: url('../i/box-top-bg.gif') repeat-x;
}

.box .headerLeft {
	width: 12px;
	height: 27px;
	background: url('../i/box-top-left.gif') no-repeat;
	float: left;
}

.box .headerBg {
	float: left;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding-top: 6px;
	height: 21px;
}

.box .headerRight {
	width: 12px;
	height: 27px;
	background: url('../i/box-top-right.gif') no-repeat;
	float: right;
}

.box .header2 {
	height: 8px;
	background: url('../i/box-top-bg2.gif') repeat-x;
	font-size: 0;
	line-height: 0;
}

.box .headerLeft2 {
	width: 12px;
	height: 8px;
	background: url('../i/box-top-left2.gif') no-repeat;
	float: left;
	font-size: 0;
	line-height: 0;
}

.box .headerRight2 {
	width: 12px;
	height: 8px;
	background: url('../i/box-top-right2.gif') no-repeat;
	float: right;
	font-size: 0;
	line-height: 0;
}

.box .bBody {
	background: #f8fbff url('../i/box-bg.gif') repeat-x bottom left;
	border-left: 1px solid #bfd4e9;
	border-right: 1px solid #bfd4e9;
	padding: 5px 10px;
	min-height: 10px;
}

.box .tabs div {
	width: 111px;
	height: 24px;
	background: url('../i/box-tabs.gif') no-repeat 0 0;
	float: right;
}

.box .tabs div.inactive {
	background: url('../i/box-tabs.gif') no-repeat -121px 0;
}

.box .tabs div.space {
	background: none;
	width: 10px;
}

.box .tabs div a {
	width: 111px;
	height: 24px;
	display: block;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background: none;
}

.box .tabs div a:hover {
	background: url('../i/box-tabs.gif') no-repeat -242px 0;
}

.box .footer {
	height: 8px;
	background: url('../i/box-bottom-bg.gif') repeat-x;
	font-size: 0;
	line-height: 0;
}

.box .footerLeft {
	width: 12px;
	height: 8px;
	background: url('../i/box-bottom-left.gif') no-repeat left top;
	float: left;
	font-size: 0;
	line-height: 0;
}

.box .footerRight {
	width: 12px;
	height: 8px;
	background: url('../i/box-bottom-right.gif') no-repeat;
	float: right;
	font-size: 0;
	line-height: 0;
}

/* Yellow box */
.box .headerYellow {
	height: 8px;
	background: url('../i/box-top-bg-yellow.gif') repeat-x;
}

.box .headerLeftYellow {
	width: 12px;
	height: 8px;
	background: url('../i/box-top-left-yellow.gif') no-repeat;
	float: left;
}

.box .headerRightYellow {
	width: 12px;
	height: 8px;
	background: url('../i/box-top-right-yellow.gif') no-repeat;
	float: right;
}

.box .bBodyYellow {
	background: #fffdee url('../i/box-bg-yellow.gif') repeat-x bottom left;
	border-left: 1px solid #e2c822;
	border-right: 1px solid #e2c822;
	padding: 5px 10px;
}

.box .footerYellow {
	height: 8px;
	background: url('../i/box-bottom-bg-yellow.gif') repeat-x;
	font-size: 0;
	line-height: 0;
}

.box .footerLeftYellow {
	width: 12px;
	height: 8px;
	background: url('../i/box-bottom-left-yellow.gif') no-repeat left top;
	float: left;
	font-size: 0;
	line-height: 0;
}

.box .footerRightYellow {
	width: 12px;
	height: 8px;
	background: url('../i/box-bottom-right-yellow.gif') no-repeat;
	float: right;
	font-size: 0;
	line-height: 0;
}

/* End Yellow box */

#ErroruserPasswordText {
	float: left;
	clear: none;
	margin: 0;
}

.title {
	font-weight: bold;
	padding-bottom: 10px;
}

.font12 {
	font-size: 12px;
}

span.sex1, span.sex2 {	
	padding-top: 5px;
	padding-bottom: 5px;
}

span.sex1 {
	background: url('../i/icons.gif') no-repeat 0 -681px;
	padding-left: 20px;
}

span.sex2 {
	background: url('../i/icons.gif') no-repeat 0 -651px;
	padding-left: 15px;
}

.sex1 {
	color: #29c0f3;
}

.sex2 {
	color: #ff6f88;
}


#fridge, #washes, #walks {
	position: absolute;
	top: -147px;
	left: 5px;
}

#shop {
	padding: 10px 0 0 5px;
}

#fridgeContent, #shopContent, #washesContent, #walksContent {
	min-height: 80px;
}

* html #fridgeContent, * html #shopContent, * html #washesContent, * html #walksContent {
	height: 80px;
}

.rank tr td {
	height: 30px;
	font-size: 11px;
	font-weight: bold;
}

.rank thead {	
	border-bottom: 1px solid #09ACE3;
}

.rank thead tr td {
	font-weight: bold;
	font-size: 12px;
}

.rank .theadTitle {
	background-color: #36C7F8;
	color: #fff;
}

.hideShop {
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 2; 
	background-color: #F8FBFF; 
	opacity: 0.7;
}

/* Balon */
.balonLink {
	position: relative;
	z-index: 1;
	font-size: 11px !important;
}

.balonLink:hover {
	z-index: 12000;
}

.balon_container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	font-size: 11px;
	padding-bottom: 8px; 
	margin-bottom: 20px; 
	width: 181px;
	background: transparent url('../i/balon_bottom.gif') no-repeat bottom left;
}

.balon_container.balon_short {
	background: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
	width: auto;
}

.balon_container_inner {
	width: 181px; 
	background: transparent url('../i/balon_top.gif') no-repeat top left;
	padding-top: 17px;
}

.balon_short .balon_container_inner {
	width: auto;
	background: none;
	padding-top: 0;
}

.balon_container_inner_inner {
	background-color: #09ace3;
	width: 161px;
	padding: 0 10px;
	text-align: left;
	line-height: 14px;
	font-size: 11px;
	color: #fff;
}

.balon_short .balon_container_inner_inner {
	font-weight: bold;
	padding: 10px;
	font-size: 12px;
	width: auto;
}
/* Balon end */

.atImage {
	background-color: #fff;
	border: 1px solid #BFD4E9;
	margin-top: 5px;
	margin-right: 5px;
}

.shadow1, .shadow2, .shadow3, .shadow4, .shadow5, .shadow6, .shadow7, .shadow8, .shadow9, .shadow10, .shadow11, .shadow12, .shadow13, .shadow14, .shadow15, .shadow16, .shadow17, .shadow18, .shadow19, .shadow20, .shadow21, .shadow22, .shadow23, .shadow24, .shadow25, .shadow26, .shadow27, .shadow28, .shadow29, .shadow30, .shadow31, .shadow32, .shadow33, .shadow34, .shadow35, .shadow36 {
	position: absolute; bottom: -8px; left: 20px; z-index: 1;
}

.shadow1, .shadow9, .shadow10 {
	bottom: -11px; left: 5px;
}

.shadow2, .shadow8 {
	bottom: -15px; left: -1px;
}

.shadow4 {
	bottom: -7px; left: 55px;
}

.shadow5, .shadow7, .shadow32 {
	bottom: -9px; left: 43px;
}

.shadow11, .shadow25, .shadow30 {
	bottom: -15px; left: 18px;
}

.shadow12 {
	bottom: -6px; left: 27px;
}

.shadow13 {
	bottom: -15px; left: 8px;
}

.shadow15 {
	bottom: -15px; left: 12px;
}

.shadow18 {
	bottom: -8px; left: 52px;
}

.shadow19, .shadow22 {
	bottom: -15px; left: -8px;
}

.shadow21, .shadow34 {
	bottom: -13px; left: 61px;
}

.shadow24, .shadow31, .shadow35, .shadow36 {
	bottom: -15px; left: 40px;
}

.shadow28 {
	bottom: -17px; left: 2px;
}

.wdbBtnCtn {
	position: absolute; 
	top: 450px;
}

.wdbBtnCtn.wdbBtnCtnLeft {
	left: 0px;
	right: auto;
	z-index: 10;
}

.wdbBtnCtn.wdbBtnCtnLeft a {
	background: #06AAE2 url('../i/arrow-btn-left.gif') no-repeat 0 0;
}

.wdbBtnCtn.wdbBtnCtnRight {
	right: -20px;
	z-index: 10;
}

.wdbBtnCtn.wdbBtnCtnRight a {
	background: #06AAE2 url('../i/arrow-btn-right.gif') no-repeat 0 0;
}

a.wdbBtn {
	display: block; width: 20px; height: 100px; text-align: center; line-height: 100px; text-decoration: none; color: #fff;
}

.wdbDisabled, a.wdbBtn:hover {
	opacity: 0.5;
}

.bigAnimal {
	margin: 0 auto;
}

.bigAnimal1 {
	background: url('../i/animals/big/1.png') no-repeat;
}

.bigAnimal2 {
	background: url('../i/animals/big/2.png') no-repeat;
}

.bigAnimal3 {
	background: url('../i/animals/big/3.png') no-repeat;
}
.bigAnimal4 {
	background: url('../i/animals/big/4.png') no-repeat;
}

.bigAnimal5 {
	background: url('../i/animals/big/5.png') no-repeat;
}

.bigAnimal6 {
	background: url('../i/animals/big/6.png') no-repeat;
}

.bigAnimal7 {
	background: url('../i/animals/big/7.png') no-repeat;
}

.bigAnimal8 {
	background: url('../i/animals/big/8.png') no-repeat;
}

.bigAnimal9 {
	background: url('../i/animals/big/9.png') no-repeat;
}

.bigAnimal10 {
	background: url('../i/animals/big/10.png') no-repeat;
}

.bigAnimal11 {
	background: url('../i/animals/big/11.png') no-repeat;
}

.bigAnimal12 {
	background: url('../i/animals/big/12.png') no-repeat;
}

.bigAnimal13 {
	background: url('../i/animals/big/13.png') no-repeat;
}

.bigAnimal14 {
	background: url('../i/animals/big/14.png') no-repeat;
}

.bigAnimal15 {
	background: url('../i/animals/big/15.png') no-repeat;
}

.bigAnimal16 {
	background: url('../i/animals/big/16.png') no-repeat;
}

.bigAnimal17 {
	background: url('../i/animals/big/17.png') no-repeat;
}

.bigAnimal18 {
	background: url('../i/animals/big/18.png') no-repeat;
}

.bigAnimal19 {
	background: url('../i/animals/big/19.png') no-repeat;
}

.bigAnimal20 {
	background: url('../i/animals/big/20.png') no-repeat;
}

.bigAnimal21 {
	background: url('../i/animals/big/21.png') no-repeat;
}

.bigAnimal22 {
	background: url('../i/animals/big/22.png') no-repeat;
}

.bigAnimal23 {
	background: url('../i/animals/big/23.png') no-repeat;
}

.bigAnimal24 {
	background: url('../i/animals/big/24.png') no-repeat;
}

.bigAnimal25 {
	background: url('../i/animals/big/25.png') no-repeat;
}

.bigAnimal26 {
	background: url('../i/animals/big/26.png') no-repeat;
}

.bigAnimal27 {
	background: url('../i/animals/big/27.png') no-repeat;
}

.bigAnimal28 {
	background: url('../i/animals/big/28.png') no-repeat;
}

.bigAnimal29 {
	background: url('../i/animals/big/29.png') no-repeat;
}

.bigAnimal30 {
	background: url('../i/animals/big/30.png') no-repeat;
}

.bigAnimal31 {
	background: url('../i/animals/big/31.png') no-repeat;
}

.bigAnimal32 {
	background: url('../i/animals/big/32.png') no-repeat;
}

.bigAnimal33 {
	background: url('../i/animals/big/33.png') no-repeat;
}

.bigAnimal34 {
	background: url('../i/animals/big/34.png') no-repeat;
}

.bigAnimal35 {
	background: url('../i/animals/big/35.png') no-repeat;
}

.bigAnimal36 {
	background: url('../i/animals/big/36.png') no-repeat;
}

.clothesOver {
	z-index: 100000 !important;
}

.smallPageBtn {
	font-size: 0;
	line-height: 0;
	width: 15px;
	height: 3px;
	background-color: #3FB300;
	float: left;
	border-right: 5px solid #fff;
	border-bottom: 5px solid #fff;
}

#cityBalloon .smallPageBtn {
	border-color: #F8FBFF;
}

.smallPageBtnSelected {
	background-color: #A2DE00;
}

#avatarPreview {
	width: 228px; height: 254px; border: 1px solid #BFD4E9; position: absolute; top: 0; left: 0;  z-index: 9999;
}

#avatarPreview div {
	width: 228px; height: 254px; background-color: #06A0DE; opacity: 0.5;
}

/* City */

#cityBalloon {
	position: absolute;
	top: 10px;
	left: 100px;
	width: 650px;
	z-index: 1000;
}

#cityBalloon .close, #credits .close {
	position: absolute;
	top: 5px;
	right: 10px;
	font-weight: bold;
}

#cityBalloon .close a, #credits .close a {
	color: #fff;
	text-decoration: none;
}

#cityBalloon .close a:hover, #credits .close a:hover {
	color: #000;	
}

#cityBalloon .box .header {
	height: 27px;	
	background: none;
}

#cityBalloon .box .headerLeft {
	width: 12px;
	height: 27px;
	background: url('../i/box-top-left.png') no-repeat;
	float: left;
}

#cityBalloon .box .headerBg, #cityBalloon .box .headerBgMedium {
	float: left;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding-top: 6px;
	height: 21px;
	background: url('../i/box-top-bg.gif') repeat-x;
	width: 626px;
}

#cityBalloon .box .headerBgMedium {
	width: 376px;
}

#cityBalloon .box .headerRight {
	width: 12px;
	height: 27px;
	background: url('../i/box-top-right.png') no-repeat;
	float: right;
}

#cityBalloon .box .bBody {
	min-height: 10px;	
}

#cityBalloon .box .footer {
	height: 8px;
	font-size: 0;
	line-height: 0;
	background: none;
}

#cityBalloon .box .footerLeft {
	width: 12px;
	height: 8px;
	background: url('../i/box-bottom-left.png') no-repeat left top;
	float: left;
	font-size: 0;
	line-height: 0;
}

#cityBalloon .box .footerBg, #cityBalloon .box .footerBgMedium {
	float: left;
	font-size: 0;
	line-height: 0;	
	height: 8px;
	background: url('../i/box-bottom-bg.gif') repeat-x;
	width: 626px;
}

#cityBalloon .box .footerBgMedium {
	width: 376px;
}

#cityBalloon .box .footerRight {
	width: 12px;
	height: 8px;
	background: url('../i/box-bottom-right.png') no-repeat;
	float: right;
	font-size: 0;
	line-height: 0;
}

#city {
	width: 100%;
	height: 538px;
	background: url('../i/city.jpg') no-repeat;
}

#city a {
	text-indent: -9000px;
	display: block;
	width: 100%;
	height: 100%;
}

#city div {
	position: absolute;	
	z-index: 500;
}

#city #gym {
	width: 116px;
	height: 72px;
	top: 165px;
	left: 90px;
}

#city #bank {
	width: 60px;
	height: 130px;
	top: 60px;
	left: 400px;
}


#city #factory {
	width: 101px;
	height: 96px;
	top: 354px;
	left: 21px;
}

#city #house {
	width: 59px;
	height: 55px;
	top: 50px;
	left: 297px;
}

#city #shop {
	width: 93px;
	height: 76px;
	top: 167px;
	left: 267px;
	padding: 0;
}

#city #school {
	width: 87px;
	height: 103px;
	top: 292px;
	left: 291px;
}

#city #ticket {
	width: 55px;
	height: 59px;
	top: 207px;
	left: 583px;
}

#city #market {
	width: 113px;
	height: 76px;
	top: 286px;
	left: 566px;
}

#city #hospital {
	width: 103px;
	height: 95px;
	top: 298px;
	left: 758px;
}

#city #stage {
	width: 142px;
	height: 80px;
	top: 458px;
	left: 660px;
}

#city #place {
	width: 127px;
	height: 68px;
	top: 225px;
	left: 388px;
}

#city #company {
	width: 127px;
	height: 84px;
	top: 124px;
	left: 737px;
}

#cityBalloon #ticketContainer {
	width: 410px;
}

#cityBalloon #ticketContainer .ticketBox {
	width: 40px;
	height: 40px;
	line-height: 40px;
	float: left;
	text-align: center;
	border: 1px solid #BFD4E9;
	cursor: pointer;
	position: relative;
	margin-top: -1px;
	margin-left: -1px;
}

#cityBalloon #ticketContainer .over {
	border: 1px solid #0EAFE6;
	z-index: 1000;
}

#cityBalloon #ticketContainer .clicked {
	background-color: #086F8F;
	z-index: 900;
	font-weight: bold;
	color: #fff;
}

#cityBalloon #ticketContainer #selectedNumbers {
	font-size: 14px;
	color: #BFD4E9;
	font-weight: bold;
}

#cityBalloon .ticketSelectedNumber {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	float: left;
}

#cityBalloon #pricing .bBody {
	min-height: 90px;
}

.companyMembers ul li {
	position: relative;
	padding-bottom: 5px;
}

.companyBalloon {
	position: absolute;
	overflow: hidden;
	width: 180px;
	left: -191px;
	top: -2px;
	z-index: 100;
}

.companyBalloon .close {
	position: absolute;
	right: 10px;
	top: 5px;
	font-weight: bold;
	font-size: 12px;
}

.companyBalloon .close a {
	text-decoration: none;
}

.companyBalloon .close a:hover {
	color: #000;	
}

#companyContent {
	z-index: 1;
	position: relative;
}

#companyContent #smiley {
	left: -240px !important;
	top: -93px !important;
}
/* End City */

/*/////////////////*/

        #dhtmlgoodies_colorPicker{
                position:absolute;
                width:250px;
                padding-bottom:1px;
                background-color:#FFF;
                border:1px solid #317082;

                width: 252px;        /* IE 5.x */
                width/* */:/**/250px;        /* Other browsers */
                width: /**/250px;
				z-index: 9999;

        }

        #dhtmlgoodies_colorPicker .colorPicker_topRow{
                padding-bottom:1px;
                border-bottom:3px double #317082;
                background-color:#E2EBED;
                padding-left:2px;

                width: 250px;        /* IE 5.x */
                width/* */:/**/248px;        /* Other browsers */
                width: /**/248px;

                height: 20px;        /* IE 5.x */
                height/* */:/**/16px;        /* Other browsers */
                height: /**/16px;

        }

        #dhtmlgoodies_colorPicker .colorPicker_statusBar{
                height:13px;
                padding-bottom:2px;
                width:248px;
                border-top:3px double #317082;
                background-color:#E2EBED;
                padding-left:2px;
                clear:both;

                width: 250px;        /* IE 5.x */
                width/* */:/**/248px;        /* Other browsers */
                width: /**/248px;

                height: 18px;        /* IE 5.x */
                height/* */:/**/13px;        /* Other browsers */
                height: /**/13px;

        }

        #dhtmlgoodies_colorPicker .colorSquare{
                margin-left:1px;
                margin-bottom:1px;
                float:left;
                border:1px solid #000;
                cursor:pointer;

                width: 12px;        /* IE 5.x */
                width/* */:/**/10px;        /* Other browsers */
                width: /**/10px;

                height: 12px;        /* IE 5.x */
                height/* */:/**/10px;        /* Other browsers */
                height: /**/10px;

        }

        .colorPickerTab_inactive,.colorPickerTab_active{

                height:17px;
                padding-left:4px;
                cursor:pointer;


        }
        .colorPickerTab_inactive span{
                background-image:url('../i/tab_left_inactive.gif');
        }

        .colorPickerTab_active span{
                background-image:url('../i/tab_left_active.gif');

        }
        .colorPickerTab_inactive span, .colorPickerTab_active span{
                line-height:16px;
                font-weight:bold;
                font-family:arial;
                font-size:11px;
                padding-top:1px;
                vertical-align:middle;
                background-position:top left;
                background-repeat: no-repeat;
                float:left;
                padding-left:6px;
                /*-moz-user-select:no;*/
        }
        .colorPickerTab_inactive img,.colorPickerTab_active img{
                float:left;
        }
        .colorPickerCloseButton{
                width:11px;
                height:11px;
                text-align:center;
                line-height:10px;
                border:1px solid #317082;
                position:absolute;
                right:1px;
                font-size:12px;
                font-weight:bold;
                top:1px;
                padding:1px;
                cursor:pointer;

                width: 15px;        /* IE 5.x */
                width/* */:/**/11px;        /* Other browsers */
                width: /**/11px;

                height: 15px;        /* IE 5.x */
                height/* */:/**/11px;        /* Other browsers */
                height: /**/11px;


        }
        #colorPicker_statusBarTxt{
                font-size:11px;
                font-family:arial;
                vertical-align:top;
                line-height:13px;

        }

        .form_widget_amount_slider{
                border-top:1px solid #9d9c99;
                border-left:1px solid #9d9c99;
                border-bottom:1px solid #eee;
                border-right:1px solid #eee;
                background-color:#f0ede0;
                position:absolute;
                bottom:0px;

                width: 5px;        /* IE 5.x */
                width/* */:/**/3px;        /* Other browsers */
                width: /**/3px;

                height: 5px;        /* IE 5.x */
                height/* */:/**/3px;        /* Other browsers */
                height: /**/3px;

        }
        .colorSliderLabel{
                width:15px;
                height:20px;
                float:left;
                font-size:11px;
                font-weight:bold;
        }
        .colorSlider{
                width:175px;
                height:20px;
                float:left;
        }
        .colorInput{
                width:45px;
                height:20px;
                float:left;
        }
        .colorPreviewDiv{
                width:186px;
                margin-right:2px;
                margin-top:1px;
                border:1px solid #CCC;
                height:20px;
                float:left;
                cursor:pointer;

                width: 188px;        /* IE 5.x */
                width/* */:/**/186px;        /* Other browsers */
                width: /**/186px;

                height: 22px;        /* IE 5.x */
                height/* */:/**/20px;        /* Other browsers */
                height: /**/20px;


        }
        .colorCodeDiv{
                width:50px;
                height:20px;
                float:left;
        }
		
/* */
.editor_field {
	width: 500px;
	height: 50px;
}

#userThink .editor_field {
	width: 130px;
	height: 50px;
	margin-top: 20px;	
}

#userThink .editor_cancel {
	padding-left: 10px;
}

.looser {
	color: #B71801;	
	background: url('../i/x.gif') no-repeat right 3px;
}

.winner {
	color: #00A501;
	background: url('../i/v.gif') no-repeat right 0px;
}

.winnerSideBar {
	background: url('../i/winner-sidebar.png') no-repeat 0 0;
	width: 56px;
	height: 39px;
	position: absolute;
	top: -1px;
	left: -1px;
	display: block;	
}

a .winnerSideBar {
	text-decoration: none;
	text-indent: -9000px;
}