/* elka.css */

body, html {
	background:#fff;
	color:#000;
	font-family:Arial, sans-serif;
	font-size:1em;
	position:relative;
	min-width:995px;
	min-height:900px;
	margin:0;
	padding:0;
	position:relative;
	width:100%;
	height:100%;
}

div.noscript {
    color:#000;
    font-weight:bold;
    position:absolute;
    left:50%;
    top:100px;
    padding:1em;
    z-index:3000;
    margin-left:-20em;
    background:#FFFFDF;
    border:1px solid #eee;
}

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

.r {
	position:relative;
	width:100%;
}

.clear {
	clear:both;
}

.none {
	display:none;
}


a img {
	border:0;
}

a:focus {
	outline:0;
}

span.ajax {
	color:#00f;
	border-bottom:1px dotted #00f;
	cursor:pointer;
	line-height:1.6em;
}

.sound {
	position:absolute;
}

#fixer {
	width:1000px;
}

#container {
	position:absolute;
	top:200px;
	left:0;
	width:100%;
	min-width:995px;
}

#elka-container, #helper-balls {
	position:absolute;
	right:0;
	width:500px;
	top:-100px;
	height:500px;
}

#bg-cap {
	position:absolute;
    color:#4F8000;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:2000;
	background:#fff;
}
	#bg-cap div {
		padding:2em;
	}
    
#preloader {
    position:fixed;
    left:50%;
    width:100px;
    margin-left:-50px;
    top:200px;
    z-index:3000;
    height:200px;
    font-family:Georgia, serif;
    display:none;
}    
    #preloader div {
        position:absolute;
        left:0;
        top:0;
        width:100%;
        font-size:14px;
        color:green;
        line-height:1em;
        text-align:center;
        display:none;
    }
    
    #preloader span {
        visibility:hidden;
    }    
    
    #preloader .text {
        white-space:nowrap;
        top:200px;
        display:block;
    }
 
    #preloader .star {
        font-size:30px;
        top:40px;
        color:red;
    }
    
    #preloader .branch0 {
        font-size:60px;
        top:46px;
        color:#008000;
    }
    
    #preloader .branch1 {
        font-size:75px;
        top:52px;
        color:#009000;
    }

    #preloader .branch2 {
        font-size:90px;
        top:62px;
        color:#00a000;
    }
    #preloader .branch3 {
        font-size:100px;
        top:70px;
        color:#008000;
    }
    #preloader .branch4 {
        font-size:120px;
        top:79px;
        color:#30a030;
    }
    #preloader .branch5 {
        font-size:140px;
        top:90px;
        color:#107010;
    }
    #preloader .branch6 {
        font-size:150px;
        top:105px;
    }
    #preloader .branch7 {
        font-size:40px;
        top:130px;
    }
    #preloader .branch8 {
        font-size:40px;
        top:134px;
    }
    

body #elka-bg.hover {
	opacity:0.8;
}

#helper-toys {
	display:none;
	position:absolute;
	right:0;
	margin-right:70px;
	width:420px;
	top:730px;
	height:70px;
	background:green;
	z-index:100;
	opacity:0.3;
}
	#helper-toys div {
		font-size:0;
		line-height:0;
		width:4px;
		height:4px;
		position:absolute;
		background-image:url('/elka/images/circle_green.png');
		background-repeat:no-repeat;
	}

		#helper-toys div.l {
			left:0;
			top:0;
			background-position:top left;
		}


		#helper-toys div.r {
			top:0;
			right:0;
			background-position:top right;
		}

		#helper-toys div.b {
			left:0;
			bottom:0;
			background-position:bottom left;
		}

		#helper-toys div.t {
			right:0;
			bottom:0;
			background-position:bottom right;
		}

	#helper-toys.hover {
		opacity:0.15;
	}

#elka, #elka-bg, #g1, #g2, #star, #frame,
#box-container, #box, #kr,
#gir, #your-message, #window {
	position:absolute;
	left:0;
	top:0;
}

#elka {
	background:url('/elka/images/elka.jpg') 0 0 no-repeat;
	width:450px;
	height:639px;
}

#elka-bg {
	display:none;
	background:url('/elka/images/elka_bg.jpg') 0 0 no-repeat;
	width:450px;
	height:639px;
	margin-right:50px;
	z-index:1;
}

#cat-tail {
	display:none;
	background:url('/elka/images/tail.gif') top left no-repeat;
	position:absolute;
	left:116px;
	top:198px;
	width:27px;
	height:18px;
	z-index:3;
}

#cat-tail-hover {
	position:absolute;
	left:93px;
	top:168px;
	width:46px;
	height:43px;
	z-index:4;
}

#petard {
	position:fixed;
	left:300px;
	bottom:0;
	width:240px;
	height:282px;
	overflow:hidden;
	display:none;
	z-index:100;
}
	#petard img {
		position:absolute;
		margin:0;
		left:40px;
		top:30px;
		cursor:pointer;
	}
		#petard img.hover {
			margin-top:-3px;
			margin-left:-3px;
			width:170px;
			height:300px;
		}	
			body #petard img.bum {
				cursor:default;
				
			}

#bokal-container {
	position:fixed;
	left:35%;
	margin-left:-50px;
	bottom:0;
	width:80px;
	height:280px;
	overflow:hidden;
	z-index:100;
    display:none;
}

#bokal, #bokal2 {
    position:absolute;
    left:0;
    top:0;
    border:0;
    z-index:3;
    cursor:pointer;
	width:73px;
	height:266px;
}

#bokal {
	background:url('/elka/images/bokal.gif') 0 0 no-repeat;
}

#bokal2 {
	background:url('/elka/images/bokal2.gif') 0 0 no-repeat;
    z-index:2;
    cursor:default;
}      

#confetti {
	position:absolute;
	left:0;
	top:0;
}

	#confetti div {
		position:absolute;
		left:0;
		top:0;
		width:11px;
		height:11px;
		margin:0;
		padding:0;
		font-size:0;
		line-height:0;
		overflow:hidden;
	}			

		#confetti div div {
			width:80px;
			background:url('/elka/images/confetti.png') 0 0 no-repeat;
		}

	#confetti .color2 div {
		left:-11px;
	}

	#confetti .color3 div {
		left:-22px;
	}

	#confetti .color4 div {
		left:-33px;
	}

	#confetti .color5 div {
		left:-44px;
	}

	#confetti .color6 div {
		left:-55px;
	}

	#confetti .color7 div {
		left:-66px;
	}

#poly {
	position:absolute;
	left:0;
	top:0;
	z-index:1000;
}

#calendar {
	display:none;
	position:absolute;
	left:50px;
	top:0;
	text-align:center;
	line-height:1.2em;
	font-size:9px;
	background:url('/elka/images/calendar.jpg') center top no-repeat;
	width:100px;
	height:57px;
	padding-top:21px;
}

.next-year {
	background:url('/elka/images/calendar_new.jpg') center top no-repeat;
}

div.holiday {
	color:red;
}

#month {
	display:block;
}

#frame {
	left:35%;
	margin-left:-120px;
	top:0;
}

#box-container {
	left:-450px;
	top:100px;
}

#box {
	background:url('/elka/images/box.png') 0 0 no-repeat;
	width:177px;
	height:200px;
}

#kr {
	background:url('/elka/images/kr.jpg') 0 0 no-repeat;
	width:173px;
	height:170px;
	z-index:20;
}

#tiger {
	position:absolute;
	right:0;
	top:100px;
	width:130px;
	height:133px;
	overflow:hidden;
	z-index:100;
}

#tiger-description {
	position:absolute;
	right:40px;
	top:220px;
	width:200px;
	overflow:hidden;
	padding:1em;
	z-index:1001;
	display:none;
	background:#FFE0FF;
	border:1px solid #eFc0eF;
	opacity:0.9;
	line-height:1.5em;
	font-size:0.9em;
}
	#tiger div {
		position:absolute;
		right:-133px;
		top:0;
		width:130px;
		height:133px;
		background:url('/elka/images/tiger.jpg') top left no-repeat;
	}

#g1, #g2 {
	visibility:hidden;
}

#input-message {
	display:none;
	position:absolute;
	right:60px;
	width:400px;
	top:200px;
	background:#fceeee;
	border:1px solid #ecdddd;
	padding:1em;
	z-index:1000;
	font-size:0.9em;
}

#input-message .max-length {
    position:absolute;
    right:2em;
    top:1.2em;
    color:gray;
    font-size:12px;
    visibility: hidden;
}

	#input-message .close {
		position:absolute;
		right:10px;
		top:5px;
		cursor:pointer;
	}
	
	#input-message textarea {
		width:100%;
	}
	
	#input-message div {
		margin-bottom:0.5em;
	}
		#input-message div.right {
			text-align:right;
		}
		
#message {
	width:20em;
	height:10em;
}

.ballon {
	position:absolute;
	left:0;
	top:0;
	display:none;
	background:#FFFFDF;
	border:1px solid #efefcf;
	padding:10px;
	max-width:200px;
	color:#000;
	z-index:1000;
	font-size:0.9em;
	opacity:0.92;
}

#ballon-bullfinch {
	background:#cfffcf;
	border:1px solid #afffaf;
	z-index:1000;
}

#ballon-star, .ballon-star {
	background:#cfcfff;
	border:1px solid #afafff;
	z-index:100;
}

.ballon-text {
	line-height:1.55em;
}

.ballon-author {
	padding-top:0.5em;
	line-height:1.55em;
	text-align:right;
	font-style:italic;
}

h1 {
	position:absolute;
	left:35%;
	margin-left:-140px;
	top:50px;
	font-size:2.5em;
	font-style:italic;
	font-weight:normal;
	font-family:Georgia, serif;
	color:#000;
	z-index:10;
}

#snow-container {
	overflow:hidden;
	margin-left:86px;
	margin-top:63px;
	width:114px;
	height:138px;
	position:relative;
	z-index:2;
}

#window {
	z-index:1;
	background:url('/elka/images/window.jpg') 0 0 no-repeat;
	width:299px;
	height:344px;
}

#window-opacity {
	position:absolute;
	left:80px;
	top:55px;
	z-index:2;
	width:127px;
	height:154px;
	background:url('/elka/images/window_opacity.png') top left no-repeat;
}

#sym-copyright{
	position:absolute;
	cursor:pointer;
	top:830px;
	left:35px;
	width:1em;
	height:1em;
	color:#aaa;
	font-size:10px;
	font-family:Georgia, serif;
}

#copyright {
	position:absolute;
	top:810px;
	left:75px;
	margin-left:-1em;
	margin-top:-1em;
	width:21em;
	color:#000;
	font-size:14px;
	font-family:Georgia, serif;
	line-height:1.5em;
	background:#FFFFDF;
	border:1px solid #efefcf;
	padding:1em;
	display:none;
	z-index:2000;
}

#shadow-all-messages {
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0.9;
	background:#fff;
	z-index:5000;
}

#all-messages {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:5001;
}
    #all-messages .container {
        position:relative;
        top:70px;
        left:10%;
        width:80%;
        
    }

    #all-messages .ballon {
        display:block;
        float:left;
        border:1px solid #dfdfbf;
        margin:10px;
        padding:5px 10px 30px 80px;
        position:relative;
        top:0;
        left:0;
    }

    #all-messages .ballon-star {
        display:block;
        border:1px solid #dfdfbf;
        margin:0 0 10px 30%;
        padding:5px 10px 30px 80px;
        position:relative;
        width:30%;
        top:0;
        left:0;
    }

    #all-messages .toy {
        left:15px;
        top:10px;
        cursor:default;
    }

    #all-messages .yellow-mishka {
        left:5px;
        top:-4px;
    }

    #all-messages .ded {
        left:5px;
        top:0;
    }

    #all-messages .close {
        position:absolute;
        right:20px;
        top:20px;
        font-size: 12px;
    }
        #all-messages .close span.ajax {
            color: #000;
            border-color: #000;
        }
/* toys.css */

#elka-container .toy {
	cursor:default;
}

#star {
	left:205px;
	top:-17px;
	z-index:100;
	width:46px;
	height:52px;
}
	#star div, .star div {
		position:absolute;
		left:0;
		top:0;
		width:46px;
		height:52px;
		background:url('/elka/images/toys/star.png') top left no-repeat;
	}

#toys {
	position:absolute;
	left:10px;
	top:-150px;
	z-index:15;
}

.toy {
	cursor:move;
	position:absolute;
	left:50px;
	top:10px;
	z-index:10;
}

#orange-ball {
	left:2px;
	top:267px;
}

#orange-ball div, .orange-ball div {
	width:43px;
	height:46px;
	background:url('/elka/images/toys/orange_ball.png') top left no-repeat;
}

#colored-ball {
	left:110px;
	top:213px;
}

#colored-ball div, .colored-ball div {
	width:43px;
	height:47px;
	background:url('/elka/images/toys/colored_ball.png') top left no-repeat;
}

#house-ball {
	left:110px;
	top:266px;
}

#house-ball div, .house-ball div {
	width:43px;
	height:47px;
	background:url('/elka/images/toys/house_ball.png') top left no-repeat;
}


#clock-ball {
	left:2px;
	top:215px;
}

#clock-ball div, .clock-ball div {
	width:43px;
	height:46px;
	background:url('/elka/images/toys/clock_ball.png') top left no-repeat;
}

#bullfinch {
	left:40px;
	top:369px;
	z-index:10;
}

#bullfinch div, .bullfinch div {
	width:43px;
	height:28px;
	background:url('/elka/images/toys/bullfinch.png') top left no-repeat;
	cursor:default;
}

#yellow-ball {
	left:57px;
	top:215px;
}

#yellow-ball div, .yellow-ball div {
	width:41px;
	height:45px;
	background:url('/elka/images/toys/yellow_ball.png') top left no-repeat;
}

#snow-ball {
	left:56px;
	top:268px;
}

#snow-ball div, .snow-ball div {
	width:43px;
	height:45px;
	background:url('/elka/images/toys/snow_ball.png') top left no-repeat;
}

#red-ball {
	left:55px;
	top:162px;
}

#red-ball div, .red-ball div {
	width:42px;
	height:45px;
	background:url('/elka/images/toys/red_ball.png') top left no-repeat;	
}

#blue-ball {
	left:0px;
	top:162px;
}
				
#blue-ball div, .blue-ball div {
	width:41px;
	height:44px;
	background:url('/elka/images/toys/blue_ball.png') top left no-repeat;
}

#kolokol {
	left:110px;
	top:168px;
}
				
#kolokol div, .kolokol div {
	width:37px;
	height:37px;
	background:url('/elka/images/toys/kolokol.png') top left no-repeat;
}

#ded {
	left:110px;
	top:452px;
	display:none;
}

#ded div, .ded div {
	width:48px;
	height:85px;
	background:url('/elka/images/toys/ded.png') top left no-repeat;
}

#snegurochka {
	left:30px;
	top:567px;
	display:none;
}

#snegurochka div, .snegurochka div {
	width:53px;
	height:75px;
	background:url('/elka/images/toys/snegurochka.png') top left no-repeat;
}

#yellow-mishka {
	left:30px;
	top:380px;
	display:none;
}

#yellow-mishka div, .yellow-mishka div {
	width:62px;
	height:93px;
	background:url('/elka/images/toys/yellow_mishka.png') top left no-repeat;
}

#linux {
	left:110px;
	top:552px;
	display:none;
}

#linux div, .linux div {
	width:50px;
	height:72px;
	background:url('/elka/images/toys/linux.png') top left no-repeat;
}

#firefox {
	left:30px;
	top:380px;
	display:none;
}

#firefox div, .firefox div {
	width:50px;
	height:75px;
	background:url('/elka/images/toys/firefox.png') top left no-repeat;
}

#yellow-box {
	left:30px;
	top:480px;
	display:none;
}

#yellow-box div, .yellow-box div {
	width:59px;
	height:62px;
	background:url('/elka/images/toys/yellow_box.png') top left no-repeat;
}

#blue-box {
	left:100px;
	top:380px;
	display:none;
}

#blue-box div, .blue-box div {
	width:62px;
	height:63px;
	background:url('/elka/images/toys/blue_box.png') top left no-repeat;
}

#snowman {
	left:30px;
	top:560px;
	display:none;
}

#snowman div, .snowman div {
	width:53px;
	height:74px;
	background:url('/elka/images/toys/snowman.png') top left no-repeat;
}
/* gir.css */

#switcher-gir, #switcher-sound, #switcher-all-messages {
	position:absolute;
	left:0;
	top:0;
}

#gir {
	display:none;
	position:absolute;
	left:-27px;
	top:-25px;
}

	#gir div {
		position:absolute;
		left:0;
		top:0;
		width:21px;
		height:21px;
		line-height:0;
		font-size:0;
		display:none;
		overflow:hidden;
	}
	
		#gir div div {
			background:url('/elka/images/gir.png') 0 0 no-repeat;
			display:block;
			width:150px;
		}
	
		#gir div.orange {
			left:-84px;
		}

		#gir div.red {
			left:-42px;
		}

		#gir div.blue {
			left:-126px;
		}

		#gir div.sky {
			left:-21px;
		}

		#gir div.green {
			left:-105px;
		}

		#gir div.yellow {
		}
		
		#gir div.pink {
			left:-63px;
		}

body #switcher-gir {
	top:480px;
	right:500px;
	left:auto;
	font-size:0.8em;
}
	body #switcher-gir span.off {
		color:#999;
		border-color:#999;
	}

body #switcher-sound {
	top:480px;
	right:50px;
	left:auto;
	font-size:1em;
}
	body #switcher-sound .active/*, body #switcher-sound .hover*/ {
		color:red;
		border-color:red;
	}
	
body #switcher-all-messages {
	top:300px;
	right:50px;
	left:auto;
	font-size:1em;
}	

#gir #gir1,
#gir #gir2,
#gir #gir3,
#gir #gir4,
#gir #gir5,
#gir #gir6,
#gir #gir7,
#gir #gir8,
#gir #gir9,
#gir #gir10,
#gir #gir11,
#gir #gir12,
#gir #gir13,
#gir #gir14,
#gir #gir15,
#gir #gir16,
#gir #gir17,
#gir #gir18,
#gir #gir19,
#gir #gir20,
#gir #gir21,
#gir #gir22,
#gir #gir23,
#gir #gir24,
#gir #gir25,
#gir #gir26,
#gir #gir27,
#gir #gir28,
#gir #gir29,
#gir #gir31,
#gir #gir32,
#gir #gir33,
#gir #gir34,
#gir #gir35,
#gir #gir36,
#gir #gir37,
#gir #gir38,
#gir #gir39,
#gir #gir40,
#gir #gir41,
#gir #gir42,
#gir #gir43 {
	display:block;
}