html, body {
    padding: 0px;
    margin: 0px;
    background: url('htimg/elfa/background.png');
    background-size: cover;

}

div.float {
    margin: 0px;
    padding: 0px;
    float: left;
}

/*  +--------------------------------------+  */
/*  |           FONT DEFINITIONS           |  */
/*  +--------------------------------------+  */

a {
    margin: 0px;
    padding: 0px;
    border: 0px;
    color: #cccccc;
}

a:hover {
	color: #FFFFFF;
}

p {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font: 12px/15px verdana,sans;
	color: #FFF;
}

h1 {
    margin: 30px 0px 0px 0px;
    padding: 5px 18px 10px 18px;
    font: bold 28px/28px verdana,sans;
    color: #000000;
    background: #AAAAAA;
}

h2 {
    margin: 0px;
    padding: 0px;
    font: bold 22px/22px verdana,sans;
    color: #db1c16;
}
    
h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFF
}

span.average {
	font: 24px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFF
}
	

/*  +--------------------------------------+  */
/*  |              CONTAINERS              |  */
/*  +--------------------------------------+  */

#main {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

div.content-wrapper {
    position: fixed;
    top: 20px;
    left: 40px;
    right: 40px;
    bottom: 20px;
    margin: 0px;
    padding: 0px;
    z-index: 10;
}

div.content-container {
    position: absolute;
    top: 16px;
    left: 16px;
    right: 16px;
    bottom: 24px;
    margin: 0px;
    padding: 0px;
    background: url('htimg/elfa/backgroundb.png');
	background-repeat: repeat-x;
}

div.content {
	position: absolute;
	top: 44px;
	bottom: 20px;
	left: 16px;
	right: 5px;
	margin: 0px;
	padding: 0px;
	color: #000000;
	overflow: auto;
}

div.content-ul {
    position: absolute;
    top: -16px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width: 16px;
    height: 16px;
    background: url('htimg/window/ul.png');
}

div.content-ur {
    position: absolute;
    top: -16px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    width: 16px;
    height: 16px;
    background: url('htimg/window/ur.png');
}

div.content-dl {
    position: absolute;
    bottom: -16px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width: 16px;
    height: 16px;
    background: url('htimg/window/dl.png');
}

div.content-dr {
    position: absolute;
    bottom: -16px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    width: 16px;
    height: 16px;
    background: url('htimg/window/dr.png');
}

div.content-ufill {
    position: absolute;
    top: -16px;
    right: 16px;
    left: 16px;
    margin: 0px;
    padding: 0px;
    height: 16px;
    background: url('htimg/window/uf.png');
}

div.content-dfill {
    position: absolute;
    bottom: -16px;
    right: 16px;
    left: 16px;
    margin: 0px;
    padding: 0px;
    height: 16px;
    background: url('htimg/window/df.png');
}

div.content-rfill {
    position: absolute;
    right: -16px;
    top: 0px;
    bottom: 0px;
    margin: 0px;
    padding: 0px;
    width: 16px;
    background: url('htimg/window/rf.png');
}

div.content-lfill {
    position: absolute;
    left: -16px;
    top: 0px;
    bottom: 0px;
    margin: 0px;
    padding: 0px;
    width: 16px;
    background: url('htimg/window/lf.png');
}

div.content-panel {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    height: 44px;
    background: url('htimg/window/panel.png');
}

div.content-panel-goback {
    margin: 0px 0px 0px 10px;
    padding: 0px;
    width: 112px;
    height: 44px;
    background: url('htimg/window/button-back.png');
}

/*  +--------------------------------------+  */
/*  |                 ELFA                 |  */
/*  +--------------------------------------+  */

div.elfa-container {
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    z-index: 1;
    
    
}

div.elfa {
    margin: 0px auto;
    padding: 0px;
    width: 980px;
    height: 650px;
    overflow: hidden;
}

.elfa-11 {
	margin: 0px;   padding: 0px;
     width: 980px;  height: 479px;
    background: url('htimg/elfa/11copy4.png');
    float: none;
}

.elfa-21 {
    margin: 0px;   padding: 0px;
     width: 541px;  height: 48px;
    background: url('htimg/elfa/21copy.png');
    float: left;
}

.elfa-22 {
    margin: 0px;   padding: 0px;
     width: 41px;   height: 48px;
    background: url('htimg/elfa/22-n.jpg');
    float: left;
} .elfa-22:hover { background: url('htimg/elfa/22-p.jpg'); }

.elfa-23 {
    margin: 0px;   padding: 0px;
     width: 36px;   height: 48px;
    background: url('htimg/elfa/23-n.jpg');
    float: left;
} .elfa-23:hover { background: url('htimg/elfa/23-p.jpg'); }

.elfa-24 {
    margin: 0px;   padding: 0px;
     width: 36px;   height: 48px;
    background: url('htimg/elfa/24-n.jpg');
    float: left;
} .elfa-24:hover { background: url('htimg/elfa/24-p.jpg'); }

.elfa-25 {
    margin: 0px;   padding: 0px;
     width: 37px;   height: 48px;
    background: url('htimg/elfa/25-n.jpg');
    float: left;
} .elfa-25:hover { background: url('htimg/elfa/25-p.jpg'); }

.elfa-26 {
    margin: 0px;   padding: 0px;
     width: 289px;  height: 48px;
    background: url('htimg/elfa/26copy.png');
    float: left;
}

.elfa-31 {
    margin: 0px;   padding: 0px;
     width: 980px;  height: 161px;
    background: url('htimg/elfa/31copy.png');
    float: left;
}

.babina {
    position: relative;
    right: 92px;
    bottom: 642px;
    margin: 0px;
    padding: 0px;
    width: 325px;
    height: 325px;
    float: left;
}

.babina2 {
    position: relative;
    right: 75px;
    bottom: 642px;
    margin: 0px;
    padding: 0px;
    width: 325px;
    height: 325px;
    float: left;
}

.counter {
    position: relative;
    right: 720px;
    bottom: 311px;
    margin: 0px;
    padding: 0px;
    width: 90px;
    height: 20px;
    float: left;
}

.volmeter {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 31px;
	height: 277px;
}

div.xspf-player {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	right: 457px;
	bottom: 586px;
}

div.reg-button {
	position: relative;
	width: 135px;
	height: 49px;
	float: left;
	margin: 0px;
	padding: 0px;
	right: 85px;
	bottom: 548px;
	background: url('htimg/elfa/reg-unpressed.png');
}

div.reg-button:hover {
	background: url('htimg/elfa/reg-pressed.png');
}

/*  +--------------------------------------+  */
/*  |             MISC WINDOWS             |  */
/*  +--------------------------------------+  */

div.follow-us {
    position: fixed;
    bottom: 10px;
    left: 20px;
    margin: 0px;
    padding: 0px;
    width: 400px;
    height: 96px;
    background: url('htimg/followus.png');
    z-index: 8;
}

div.bubble {
    position: relative;
    left: 748px;
    bottom: 580px;
    margin: 0px;
    padding: 18px 31px 32px 4px;
    width: 138px;
    height: 28px;
    text-align: center;
    background: url('htimg/bubble.png');
    font: bold 20px/20px verdana,sans;
    color: #FFFFFF;
    float: left;
    visibility: hidden;
}

div.flag-lt {
	position: relative;
	left: 750px;
	bottom: 542px;
	margin: 0px;
	padding: 0px;
	width: 56px;
	height: 48px;
	float: left;
	background: url('htimg/elfa/flag-lt.png');
} div.flag-lt-en {
	background: url('htimg/elfa/flag-lt-enabled.png');
}

div.flag-gb {
	position: relative;
	left: 782px;
	bottom: 542px;
	margin: 0px;
	padding: 0px;
	width: 56px;
	height: 48px;
	float: left;
	background: url('htimg/elfa/flag-gb.png');
} div.flag-gb-en {
	background: url('htimg/elfa/flag-gb-enabled.png');
}

div.download-button {
	position: relative;
	left: 258px;
	bottom: 558px;
	margin: 0px;
	padding: 0px;
	width: 66px;
	height: 52px;
	float: right;
}

div.ruler {
	width: 95%;
	height: 2px;
	background: #666666;
	margin: 6px 2px 14px 3px;
	padding: 0px;
}

/* TOOLBAR'as */