/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}


html{background-color:#708800;padding:0%;}

body{
font-family:Arial;
height:100%;
background-color:#849bff; /* Для старых браузров */
background: -moz-linear-gradient(top, #849bff, #708800); /* Firefox 3.6+ */
/* Chrome 1-9, Safari 4-5 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#849bff), color-stop(100%,#708800));
/* Chrome 10+, Safari 5.1+ */
background: -webkit-linear-gradient(top, #849bff, #708800);
background: -o-linear-gradient(top, #849bff, #708800); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #849bff, #708800); /* IE10 */
background: linear-gradient(top, #849bff, #708800); /* CSS3 */
} 


#control{
display:block;
padding:5px;
color:#ddd;
font-size:10px;
vertical-align:middle;
text-align:center;
z-index:15;
}

#control div{
width:30px;height:30px;
border:#ddd 2px solid;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;
margin:0% 5px;
float:right;
}

#control div:hover{color:#777;border:#777 2px solid;cursor:pointer;}

#control div.active{
color:#fff;
background-color:#c00;
}



#viz{
border:rgba(0,0,0,0) 1px dotted;-webkit-border-radius: 130px;-moz-border-radius: 130px;border-radius: 130px;
background-repeat:no-repeat;
background-position:-68px -12px;
}


#ffon{
background-image:URL('/i/yaelf2bg.png');
background-repeat:no-repeat;
}

#viz input{width:100px;border:#777 1px solid;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin:10px;padding:0% 10px;}
#viz form{font-size:12px;}
#viz form strong{display:inline-block;width:50px;text-align:right;}

#submit{
cursor:pointer;
}

#viz.active{
height:260px;
}

#viz.active h1{margin:30px 0% 20px;}

#back{
position:absolute;
bottom:0%;left:0%;
z-index:1;
height:255px;
width:100%;
background-image:URL('/i/bgelf2.png');
background-repeat:repeat-x;
}