.relative .moveable { position:relative;display:block;top:0;left:0;}
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
img {
	border:none;
}
#jquery-colour-picker {
	z-index:4000!important;
}
#sharing iframe {
	border:none;
	padding:0;
}
h1,h2 {
	margin:0;
	font-weight:normal;
	padding:0;
}
a strong,a:hover strong,a:visited strong,a:link strong {
	color:#000;
}
#header {
	display:none;
}
#sblock button {
	min-width:60px;
} 
img {
	border:none;
}
a {
	text-decoration:none;
}
#sblock h1 {
	margin-left:0;
}
#addbuttons {
	position:fixed;
	bottom:50px;
	right:50px;
	display:none;
}
.sideicon {
	position:relative;
	margin-top:20px;
	cursor:pointer;
}
body, html {	
	margin:0;
	font-family: Arial, sans-serif;
	font-size:13px;
	overflow:hidden;
	height:100%;
}
#sharer {
	box-shadow: 0 0 10px 10px rgba(29,29,29,0.5);
	position:absolute;
	left:50%;
	top:50%;
	padding:20px;
	text-align:center;
	background:#fff;
	z-index:30;
	border-radius:5px;
	behavior: url(http://infogr.am/include/pie.htc);
}
#sharer h3 {
	color:#3b3b3b;
	font-weight:100;
	font-size:16px;
	margin:10px;
}
.link {
	margin-bottom:20px;
}
.unpublish span {
	border-bottom:1px solid #404040;
	cursor:pointer;
	font-weight:700;
}
.embedcode {
	font-size:11px;
	width:300px;
	padding-left:25px;
}
.unpublish {
	font-size:14px;
	margin-top:10px;
}
#sharer button {
	display:block;
}
#sharer button .b2 {
	width:300px;
}
#sharecontainer {
	z-index:99;
	position:relative;
}
.editChartData{
	position:absolute;
	border-radius:3px;
        behavior: url(http://infogr.am/include/pie.htc);
	background:rgba(10,10,10,0.3);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#660a0a0a', endColorstr='#660a0a0a');
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	color:#eee;
	font-size:26px;
	left:50%;
	top:50%;
	margin-left:-150px;
	margin-top:-20px;
}
.sharetop {
	width:0px;
	height:0px;
	position:relative;
	z-index:100;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid white;
	margin-left:40px;
}
.sh1 {
	background:white;
	padding:5px;
	border-bottom:1px solid #aaa;
	color:#222;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}
.sh1:hover {
	background:#eee;
}
#container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
body {
	background:url(../../../i/fons.png);
	background:url(../../../beta/i/white.png) no-repeat center center,url(../../../beta/i/fons.png) repeat center center;
	background-attachment:fixed;

}
.moveable textarea {
	background:#fff !important;
	color: #000 !important;
	border: 1px #e1e1e1 !important;
}
#overlay textarea,#overlay input {
	border:none;
	outline:none;
}
.blue {
	background:#d31b19;
	background:rgba(211,27,25,0.2);
	filter: alpha(opacity = 30);
	position:absolute;
	left:0;
	top:0;
        outline:1px dashed red;
	text-align:center;
}
.blue .button {
	position:absolute;
	top:50%;
	color:#fff;
	background:rgba(0,0,0,0.8);
	margin-top:-14px !important;
	left:50%;
	border-radius:5px;
        behavior: url(http://infogr.am/include/pie.htc);
	padding-top:0px;
	padding-bottom:0px;
	margin-left:-65px !important;
	text-shadow:none !important;
	font-size:18px !important;
}
.blue span {
	background:none !important;
}
.noblue .blue {
	display:none !important;
}
.something {
	position:absolute;
	left:0;
	font-size:12px;
	text-align:center;
}
.peleks {
	border:1px solid #81a5b9;
}
#login {
	font-family: HelveticaNeue-light, Helvetica, Arial, sans-serif;
	position:absolute;
	width:314px;
	height:212px;
	top:50%;
	left:50%;
	margin-top:-106px;
	margin-left:-157px;
	background:#292929;
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10', MakeShadow='true', ShadowOpacity='0.40');
	-moz-box-shadow: 0 0 5px 5px rgba(29,29,29,0.5);
	-webkit-box-shadow: 0 0 5px 5px rgba(29,29,29,0.5);
	box-shadow: 0 0 5px 5px rgba(29,29,29,0.5);
}
#chartform {
	position:absolute;
	width:380px;
	height:195px;
	top:50%;
	left:50%;
	margin-top:-106px;
	margin-left:-190px;
	background:#292929;
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10', MakeShadow='true', ShadowOpacity='0.40');
	-moz-box-shadow: 0 0 5px 5px rgba(29,29,29,0.5);
	-webkit-box-shadow: 0 0 5px 5px rgba(29,29,29,0.5);
	box-shadow: 0 0 5px 5px rgba(29,29,29,0.5);
}
#chartform h2 {
	margin:0;
	color:#a9a9a9;
	font-weight:normal;
	font-size:20px;
	font-family: HelveticaNeue-light, Helvetica, Arial, sans-serif;
	text-shadow:black 0 2px;
	margin-bottom:15px;
}
#chartform input, #chartform textarea {
	width:340px;
	padding:5px;
	color:#484848;
	font-family:Arial;
	font-size:16px;
	background:#1d1d1d;
	border:none;
	font-weight:bold;
	margin-bottom:5px;
}
.logmes{	
	text-align:center;
	font-size:18px;
	color: #cdcdcd;
	text-shadow:black 0 2px;
	padding-top:53px;
	padding-bottom:22px;
	font-family: HelveticaNeue-light, Helvetica, Arial, sans-serif;
}
#right .H,#middle .H {
	margin-left:10px;
	margin-top:8px;
	margin-bottom:8px;
	color:#969696;
	font-size:30px;
	font-weight:normal;
}
.loginbutton {
	float:left;
	height:40px;
	background:#3e3e3e;	
}
.loginbutton:last-child {
	float:right;
}
.p10 {
	padding:10px;
	padding-left:12px;
	padding-right:12px;
}
.p15 {
	position:relative;
	padding:15px;
}
.p35 {
	position:relative;
	padding:35px;
}
.p0 {
	position:relative;
	padding:0;
}
#loginlogo{
	position:absolute;
	top:14px;
	right:14px;	
	width:80px;
	height:29px;
	background:url(../../../beta/i/infogram.png);
}
#logo {
	position:fixed;
	right:10px;
	top:10px;
	cursor:pointer;
	z-index:10000;
}
#avatarholder,#headeravatar {
	width:46px;
	height:46px;
	overflow:hidden;
	margin-bottom:5px;
}
#avatar {
	background-size:cover;
}
#header {
	padding:10px;
}
#headeravatar {
	float:left;
	margin-right:10px;
}
#headertitle {
	float:left;
	clear:right;
	color:#2e2e2e;
	font-size:26px;
	font-family:Arial;
	margin-bottom:10px;
}
#headertime {
	float:left;
	color:#2e2e2e;
	font-size:10px;
	margin-left:55px;
} 
#left {
	position:fixed;
	height:100%;
	left:0;
	top:0;
	z-index:5;
	padding:10px;
	padding-left:8px;
	padding-right:7px;
}
#left>div {
	width:64px;
	height:64px;
	margin-bottom:15px;
	margin-left:6px;
	text-align:center;
}
#menuholder {
	position:absolute;
	width:880px;	
	top:50%;
	left:50%;
	margin-top:-110px;
	margin-left:-425px;
}
#mainmenu {
	font-family: HelveticaNeue-light, Helvetica, Arial, sans-serif;
	position:relative;
}
.element {
	cursor:pointer;
	position:relative;
	float:left;
	width:200px;
	margin-right:20px;	
	text-align:center;
	font-size:18px;
	color:#cdcdcd;
}
.element:last-child {
	margin-right:0;
}
.element span {
	text-shadow: #000 0px 2px 2px;
	margin-left:15px;
}
.element img:hover {
	background:url('../../../i/desktop/active.png') 8px 8px no-repeat;
}
#newchart {
	position:absolute;
	width:230px;
	height:240px;
	left:50%;
	top:50%;
	margin-top:-120px;
	margin-left:-215px;
	font-family: HelveticaNeue-light, Helvetica, Arial, sans-serif;
}
#newgraph {
	position:absolute;
	width:350px;
	height:230px;
	left:50%;
	top:50%;
	margin-top:-115px;
	margin-left:-465px;
	font-family: HelveticaNeue-light, Helvetica, Arial, sans-serif;
}
#cblocks {
	background:#211f20;
	padding:10px;
	padding-bottom:0;
	overflow:auto;
}
.cblock {
	text-align:center;
	margin-right:10px;
	color:#cdcdcd;
	float:left;
	width:100px;
	height:100px;
	background:#272526;
	margin-bottom:10px;
}
.gblock {
	text-align:center;
	margin-right:10px;
	margin-bottom:10px;
	color:#cdcdcd;
	float:left;
	width:160px;	
	height:205px;
	background:#272526;	
	cursor:pointer;
}
.gblock.right {
	margin-right:0;
}
.gblock span {
	display:block;
	font-size:16px;
	color:#cdcdcd;
	font-weight:bold;
	
}
.gblock img {
	margin-top:25px;
	margin-bottom:15px;
}
.cblock img {
	margin-bottom:10px;
	display:block;
	padding-left:20px;
	padding-top:10px;
	text-align:center;
}
.cblock.right {
	margin-right:0;
}
#cbottom {
	margin:auto;
	width:20px;
}
#carrow {
	width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #211f20;	
}
#left #avatarholder {
	width:74px;
	height:74px;
	margin-left:0px;
	border-radius:37px; 
	background:url(../../../i/desktop/me.png) no-repeat;
        behavior: url(http://infogr.am/include/pie.htc);
	overflow:hidden;
}
#pro {
	position:absolute;
	left:59px;
	top:15px;
	color:#eee;
}
#left #avatar {
	margin-left:7px;
	margin-top:7px;
	width:61px; 
	height:61px;
	background-position:center center;
	cursor:pointer;
	border-radius:40px;
        behavior: url(http://infogr.am/include/pie.htc);
}
.icon {
	background:transparent;
	width:50px;
	height:50px;
	float:left;
	border-right:1px solid #d7d7d7;
	margin-right:20px;
	position:relative;
}
.greybox {
	cursor:default; 
	width:60px;height:80px;opacity:0.6;background:white;cursor:pointer;position:absolute;top:0;left:0;
	  filter: alpha(opacity = 60);
}
.icon.chart1 {
	background-position:0 -250px;
}
.icon.chart2 {
	background-position:0 -400px;
}
.icon.chart3 {
	background-position:0 -200px;
}
.icon.chart4 {
	background-position:0 -600px;
}
.icon.chart5 {
	background-position:0 -850px;
}
.icon.chart6 {
	background-position:0 -300px;
}
.icon.infographic {
	background: url(../../../i/desktop/ikona-infografiks.png) 18px 10px no-repeat;
}
.previewitem {		
	clear:both;
	overflow:auto;
	position:relative;
}
.prevsep {
	margin-bottom:17px;
	background:url(../../../beta/i/liinija.png) no-repeat;
	height:1px;
}
.previewitem:nth-child(odd) {
	background:#f5f5f5;
}
.mask {
	
}
.previewitem:first-child{
	border-top:none;
} 
#previewblock .previewitem:last-child {
	border-bottom:none;
}
#preview,#settings {
	min-width:15px;
}
#settings .b2 {
	padding-right:10px;
} 
#preview {
	margin-left:-10px;
}
#preview .b2 {
	padding-left:10px;
}
#settings {
	margin-right:-2px;
	margin-left:5px;
}
#publish{
	margin-right:-23px !important;
}
#sharebutton {
	margin-right:-31px !important;
}
.previewdesc, .previewpic {
	display:none;
}
.previewdate {
	font-style:italic;
	color:#e5e5e5;
	font-size:11px;
	margin-bottom:10px;
}
.previewurl a,.previewurl a:visited{
		color:#48a0c8;
		font-weight:bold;
		font-style:italic;
		text-decoration:none;
		font-size:12px;
}
.previewdelete {
	position:absolute;
	top:10px;
	right:10px;
	display:none;
	color:#5e5e5e;
	width:39px;
	height:37px;
	cursor:pointer;
	background:url(../../../i/desktop/close-button.png) no-repeat;

}
.previewitem:hover .previewdelete{
	display:block;
}
.featured {
position: absolute;
left: -20px;
top: 10px;
}
.previewpic {
	float:right;
	margin-left:12px;
	background:url(../../../beta/i/thumbnail.png);
	cursor:pointer;
	overflow:hidden;
	height:125px;
	width:175px;
}
#main{		
		width:740px;
		margin:auto;
		margin-top:70px;
		position:relative;
}
input.maptitle,input.mapvalue {
	width:90px;
	font-size:11px;
	color:#2e2e2e;
}
div.regtitle {
	font-size:14px;
	color:#b8b8b8;
	background:url(../../../beta/i/a00.png) 0px 4px no-repeat;
	padding-left:12px;
	border-bottom:1px solid #fff;	
	cursor:pointer;

}
div.minimize {
	float:right;
	cursor:pointer;
}
input.maptitle {
	background:transparent;
	border:none;
	font-weight:bold;
}
.del,.del1 {
	padding-top:2px;
	float:right;
	color:#828385;
	display:none;
	font-size:10px;
}
.del1 {
	display:block;
}
.padding8 {
	padding:8px;
	position:relative;
}
.padding12 {
	padding:12px;
	position:relative;
}
.block:hover .del,.block:focus .del {
	display:block;
}
.addrow {
	text-align:right;
	font-size:13px;
	cursor:pointer;
}
.blockcontent {
	background:#fff;
	padding:12px;
	overflow:hidden;
	box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.25); 
	display:none;
}
.blockcontent .spacer {
	margin-left:-12px;
	width:234px;
	height:1px;
	margin-top:8px;
	margin-bottom:8px;
	border-top:1px solid #b8b8b8;
}
#addItem {
	float:left;
	margin-top:15px;
	margin-left:0;
}
#additem {
	background:rgba(0,0,0,0.95);
	color:#fff;
	height:100%;
	text-align:center;
	position:fixed;
}
#out {
	height:100%;
	width:50px;
	position:fixed;
}
.visible {
	margin-top:12px;
	display:block !important;
}
.T {
	color:#666;
	font-weight:bold;
	margin-bottom:5px;
	font-size:14px;
}
.V input {
	margin:0px;
	border:none;
	background:transparent;
	padding:0px;
	color:#4d4d4d;
	width:210px;
}
.w80 input {
	width:80px !important;
}
.w80 img {
	margin-left:5px;
	vertical-align:bottom;
}
div.code {
	font-size:12px;
	overflow:hidden;
}

.ui-widget-header {
	border: none;
	background: transparent;
}
#dialog-confirm {
	display:none !important;
}
.ui-widget-content {
	border:none;
}
.eimage img{

}
.etitle {
	text-align:center;
	color:#4D4D4D;
	font-size:14px;
	font-weight:bold;
}
.eauthor {
	text-align:center;
	color:#B8B8B8;
	font-size:12px;
}
.placeholder{
	background:transparent;
	border:1px dashed #a79f99;
	text-align:center;
	position:absolute;

}
.placeholder .button {
	margin:auto;
	margin-top:51px;
	margin-bottom:51px;
	float:none;
	width:90px;
}
#right{	
	overflow:hidden;
	height:100%;
	left:0px;
	top:0;
	position:fixed;
	width:0;
	z-index:20;
	background: url("../../../i/dark.png") repeat;
    color: #777;
	box-shadow:         inset 0 0 5px #000000;	
}
.blocktitle {
	font-size:14px;
	font-weight:bold;
	color:#4d4d4d;
	background:url(../../../beta/i/a00.png) 0px 4px no-repeat;
	padding-left:12px;
	padding-bottom:8px;
	border-bottom:1px solid #fff;
	margin-top:16px;	
	cursor:pointer;
}
.blockcontent {
	background:#fff;
	padding:12px;
	overflow:hidden;
	display:none;
}
.blockcontent .spacer {
	margin-left:-12px;
	width:234px;
	height:1px;
	margin-top:8px;
	margin-bottom:8px;
	border-top:1px solid #b8b8b8;
}
.barblock .regtitle {
	background:transparent;
}
.barblock .group {
	border:none;
	background:transparent;
	width:150px;
}
.addxml {
	border-bottom: 1px solid #B8B8B8;
	padding-bottom:4px;
	margin-bottom:4px;
	overflow:auto;
} 
#overlay {
	position:absolute;
	background:#383838;
	z-index:3;
	margin:auto;
	margin-left:50% !important;
	top:0;
	box-shadow: 0px 0px 8px 8px rgba(0,0,0,0.3);
}
.H, .previewtitle {
	font-family: HelveticaNeue-light, Helvetica, Arial, sans-serif;
}
#black {
	z-index:50;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
	display:none; 
}
#addsomething,#deleteblock {
	width:600px;
	height:185px;
	background:white;
	box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.5);
	position:fixed;
	border-radius:5px;
        behavior: url(http://infogr.am/include/pie.htc);
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-92px;
	z-index:100;
}
#deleteblock {
	text-align:center;
	padding:30px;
	width:auto;
	height:auto;
	margin-left:-150px;
	margin-top:-65px;

}
#addsomething .addtitle,#sharer h2 {
	font-family:"Just Me Again Down Here";
	font-size:34px;
	font-weight:100;
	text-align:center;
	color:#292929;
	margin-top:-15px;
	margin-bottom:-15px;	
}
#addsomething .icons {
	text-align:center;
	margin-top:18px;	
	padding-left:40px;
}
#addsomething .icon {
	cursor:pointer;
	border-right:none;
	width:50px;
	margin-right:18px;
}
#addsomething .icon:last-child {
	margin-right:0;
}
#overlay .description {
	margin-top:-5px;
	color:#424242;
	background:#eee;
	padding:10px;
	font-size:10px;
}
#fbLogin {
	margin-top:-1px;
}
#twLogin {
	margin-top:-2px;
	display:block;
}
.inactive span {
	opacity:0.5;	
	filter: alpha(opacity = 50);
	cursor:auto;
}
.over {
	background:#353535 !important;
}
#frontover {
	position:absolute;
	top:12px;
	left:12px;
}
.element img {
	margin:20px;
}
.cblock:hover,.gblock:hover,.lblock:hover {
	background:#353535;
	cursor:pointer;
}
.cblock div {
	margin-top:15px;
	margin-left:25px;
	margin-right:25px;
	padding-top:50px;
	background: url(../../../beta/i/ikonas.png) no-repeat;
}
.c1 div {
	background-position:-100px -250px;
}
.c2 div {
	background-position:-100px -400px;
}
.c3 div {
	background-position:-100px -200px;
}
.c4 div {
	background-position:-100px -650px;
}
.c5 div {
	background-position:-100px -850px;
}
.c6 div {
	background-position:-100px -300px;
}
#owerlay {
	margin-bottom:-3px;
	position:relative;
}
#infogram {
		float:right;
		margin-top:-5px;
		margin-right:-10px;
}
#made {
	float:right;
	margin-right:5px;
}
.disclaimer {
	font-size:10px;
	padding:10px;
	padding-top:5px;
	padding-bottom:4px;
	background:white;
	height:14px;
}
#infoblock {
	background:url(../../../beta/i/i2.png) 0px 0px no-repeat;
	float:left;
	width:14px;
	margin-right:6px;
	height:14px;
	cursor:poiner;
}
.previewtitle {
	color:#101010;
	font-size: 16px;
	line-height:18px;
	margin-bottom:3px;
	cursor:pointer;
}
.previewdesc {
	color: #EDEDED;
	font-size: 16px;	
	cursor:pointer;
}
.p15 .H {
	margin-bottom:10px;
}
.mask {
	margin:5px;
	width:165px;
	overflow:hidden;
}
#main .p15 {
	padding-bottom:30px;
}
.slimScrollBar {
	right:10px !important;
	height:100px !important;
}
#sblock {
	padding:8px;
	width:234px;
}
.setblock {
	position:relative;
}
input {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #989898;    
}
#share {
    background:url(../../../beta/i/ikonas.png) 0 -50px;
	margin-left:-1px;
	cursor:pointer;
}
#share,#share:hover,#share.active {
    background:url(../../../beta/i/ikonas.png) -50px -50px;
}
#lib {
    background:url(../../../beta/i/ikonas.png) -50px -750px;
	margin-left:-1px;
	cursor:pointer;
}
#lib:hover,#lib.active {
    background:url(../../../beta/i/ikonas.png) -50px -750px;
}
.pback {
	text-align:center;
}
.pback textarea {
		width:400px;
		padding:20px;
		height:55px;
		background:#3e3e3e;
		color:#ccc !important;
		font-family:Arial;
		text-align:center;
		border:none !important;
		resize:none;
}
.ptitle {
	color:#e8e8e8;
	margin-bottom:20px;
	font-size:18px;
	font-family: Helvetica, Arial;
}
.pdesc {
	margin:auto;
	width:400px;
	margin-top:20px;
	color:#a3a4a5;
	font-size:14px;
	font-family: Helvetica, Arial;
}
#logout{
	background:url(../../../i/desktop/logout.png);
	cursor:pointer;
}
#home{
	background:url('../../../i/desktop/home.png');
	cursor:pointer;
}
#library1{
	background:url('../../../i/desktop/library-m.png');
	cursor:pointer;
}
#loader {
	width:16px;
	height:11px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-5px;
	margin-left:-8px;
}
.button {
	font-size:14px;
	min-width:90px;
	color:#fff;	
	background:transparent;
	border:none;	
	cursor:pointer;
	font-family: HelveticaNeue-light, Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px #000;
}
.button .b4 {
	width:30px;
	height:25px;
	float:left;
	margin-top:-5px;
	margin-left:-5px;
	margin-right:5px;
	background:url(../../../beta/i/buttons_1.png) 0 0;
}
.button .b1 {
	float:left;
	width:4px;
	height:21px;
}
.button .b2 {
	float:left;
	height:21px;
	padding:4px;
}
.button .b3 {
	float:left;
	width:4px;
	height:21px;
}
#chartform button {
	float:right;
	margin-left:10px;
}
#editData{
	position:absolute;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#2F4ec2cf', EndColorStr='#2F4ec2cf');
	background:rgba(74,194,207,0.2);
	left:0;
	top:0;
}
.editData span,#editData span {
	top:50%;
	left:50%;
	position:absolute;
	background:#4ec2cf;
	opacity:0.8;
	filter: alpha(opacity = 80);
	border-radius:10px;
        behavior: url(http://infogr.am/include/pie.htc);
	color:#fff;
	font-size:20px;
	padding-left:40px;
	padding-right:40px;
	padding-top:20px;
	padding-bottom:20px;
}
.lb-v-dummy { width: 100%; display: block; height: 1px; }
.lb-h-dummy { height: 100%; display: block; width: 1px; }
.lb-clear { clear: both; }
.lb-wrap { z-index: 0; overflow: auto; position: relative; }
.lb-v-scrollbar { z-index: 1; position: absolute; right: 2px; top: 2px; width: 7px; height: 100%; background: #cfcfcf; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.lb-h-scrollbar { z-index: 1; position: absolute; bottom: 2px; left: 2px; width: 100%; height: 7px; background: #cfcfcf; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.lb-v-scrollbar-slider { position: absolute; width: 7px; height: 50px; left: 0; top: 0; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.lb-h-scrollbar-slider { position: absolute; height: 7px; width: 50px; left: 0; top: 0; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }

#expl {
	position:fixed;
	left:80px;
	top:0;
	z-index:1000;
}
.expltriangle{
	width: 0;
	height: 0;
    border-top: 7px solid transparent;
    border-bottom: 6px solid transparent; 
    border-right:6px solid black;
	float:left;	
}
.expltriangleright{
	width: 0;
	height: 0;
    border-top: 7px solid transparent;
    border-bottom: 6px solid transparent; 
    border-left:6px solid black;
	float:left;	
}
.dashed {
	border:1px dashed #999 !important;
}
.expltext {
	float:left;
	color:white;
	font-size:12px;	
	background:#000;
	padding:7px;
	padding-left:10px;
	padding-right:10px;	
	border-radius:5px;
	-moz-border-radius:5px;
	margin-top:-8px;	
        behavior: url(http://infogr.am/include/pie.htc);
}
#libraryview{
	position: absolute;
	width: 350px;
	height: 225px;
	left: 50%;
	top: 50%;
	margin-top: -115px;
	margin-left: -52px;
	font-family: HelveticaNeue-light, Helvetica, Arial, sans-serif;
}
.librarycount, .librarycount span {
	font-size:10px;
	text-shadow:none;
	background:url(../../../i/desktop/sprite_number.png) no-repeat;
}
.librarycount {
	background-position:right -13px;
	padding-right:4px;
	margin-left:2px !important;
}
.librarycount span {
	background-position:0% 0%;
	padding-left:3px;
	margin-left:0px !important;
}
#lholder {
	background: #211f20;
	color:#535152;
	overflow:auto;
}
.lblock{
	background:#272526;
	margin:7px;
	clear:both;
	overflow:auto;	
	cursor:pointer;
}
.ltitle {
	float:left;
	color:#cecccd;
	margin:10px;
	margin-left:0;
	font-size:15px;
	width:270px;
}
#gmore {
	font-size:14px;
	text-align:center;
	margin-bottom:7px;
	cursor:pointer;
}
.separator{
	display:none;
	height:0px !important;
	border-top:1px solid black;
	border-bottom:1px solid #444444;
	margin-left:-8px !important;
	margin-right:-9px !important;
	width:65px !important;
	
}
.moveable {
	display:inline;
	cursor:move;
}
iframe {
	border:none;
	position:relative;
}
.addback {
	position:absolute;
	height:1px;
	top:7px;
	border-top:1px dashed #d7e8d3;
	width:100%;
}
.addbut {
	width:100%;
	position:absolute;
	cursor:pointer;
}
.addbut .main {
	background:#c0c0c0;
	color:#fff;
	padding-left:60px;
	padding-right:60px;
	text-transform:uppercase;
}
.adr {
border-bottom: 7px solid transparent;
border-left: 8px solid #c0c0c0;
border-top: 8px solid transparent;
font-size: 0px;
height: 0px;
position: relative;
top: -4px;
width: 0px;
}
.adl {
border-bottom: 7px solid transparent;
border-right: 8px solid #c0c0c0;
border-top: 8px solid transparent;
font-size: 0px;
height: 0px;
position: relative;
top: -4px;
width: 0px;
}
.addbut div {
	display:inline;
}
#main .H {
	background: url(../../../beta/i/biglibrary.png) no-repeat 400px 20px;
	padding-top:40px;
	padding-bottom:40px;
	margin-top:0;
	margin-bottom:0;
}
#edittitle {
	position:absolute;
	top:10px;
	height:25px;
	left:10px;
}
#edittitle:hover{
	border:1px dashed #999;
}
#TITLE {
	display:block;
	padding:3px;
	border:1px dashed #999;
	background:#fff;
	font-size:18px;
	position:absolute;
	top:8px;
	left:10px;
	color:#424242;
}
#CLOSETITLE {
	position:absolute;
	top:6px;
	left:6px;
	width:8px;
	height:8px;
	background:url(../../../beta/i/twitter.png) no-repeat;
}
#EDIT {
	background:url(../../../beta/i/twitter.png) no-repeat;
	width:20px;
	height:20px;
	position:absolute;
	top:12px;
	right:26px;
}
#TITLE:focus,#DISCLAIMER:focus {outline: none;}
.description textarea {
	border:none;
	background:#fff;
	height:40px;	
	color:#424242;
	font-family:Arial;
	font-size:11px;
	width:100%;
}
.description:focus {outline: none;border:1px dashed #999;}
#source {
	float:left;
	padding:1px;
	color:#4b4b4b;
}
#source.active:hover {
	padding:0px;
	border:1px dashed pink;
}
#DISCLAIMER {
	margin-top:-5px;
	width:300px;
	font-size:10px;
	background:#fff;
}
.pback {
	background-color: rgba(0, 0, 0, 0.85);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#cc000000', EndColorStr='#cc000000');
	height:100%;	
	position:absolute;
	top:0;
	left:0;
}
.hide {
	visibility:hidden;
}
#DESCRIPTION {
	background:transparent;
}
.editDATA,#editDATA {
	position:absolute;
	background-color: rgba(0, 0, 0, 0.7);
	box-shadow: 0px 0px 5px #000;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#80000000', EndColorStr='#99000000');
	text-align:center;
	top:50%;
	height:120px;
	padding:15px;
	cursor:pointer;
}
.editDATA,#editDATA img {
	position:absolute;
	top:30px;
}
#ED,.ED {
	background:url(../../../beta/i/add-data.png) no-repeat 0 0;
	height:120px;
}
#inputfile {
	position: absolute;
	height: 40px;
	width: 160px;
	top: 10px;
	right: 55px;
}
#inputfile button,#inputfile input {
	position: absolute;
	left:0;
	top:0;
}
#inputfile input {
	opacity:0.01;
	filter: alpha(opacity = 1);
	overflow:hidden;
	height:30px;
	width:150px;
	font-size:80px;
}
#cleardata {
	position: absolute;
	top: 25px;
	right: 180px;
	width: 120px;
	color:#e2e2e2;
}
#done {
	position: absolute;
	top: 25px;
	left: 525px;
	width: 120px;
}

.logatruna {
	font-size:11px;
	font-style:italic;
	font-family: georgia, times new roman, times, serif;
	position: absolute;
	top: 185px;
	text-align: center;
	color: #6D6D6D;
	padding-left: 3px;

}
.fb-comments {
	background:white;
}
#cleardata {
	cursor:pointer;
}
#charter {
	position:absolute;
	left:65px;
	background:#292929;
	height:50px;
}
#charter div {
	float:left;
	width:50px;
	height:50px;
}
#ac1 {
    background:url(../../../beta/i/ikonas.png) -0px -250px;
}
#ac1:hover {
    background:url(../../../beta/i/ikonas.png) -50px -250px;
}
#ac2 {
    background:url(../../../beta/i/ikonas.png) -0px -400px;
}
#ac2:hover {
    background:url(../../../beta/i/ikonas.png) -50px -400px;
}
#ac3 {
    background:url(../../../beta/i/ikonas.png) -0px -200px;
}
#ac3:hover {
    background:url(../../../beta/i/ikonas.png) -50px -200px;
}
#ac6 {
    background:url(../../../beta/i/ikonas.png) -0px -300px;
}
#ac6:hover {
    background:url(../../../beta/i/ikonas.png) -50px -300px;
}
#imageitem #image {
	height:45px;
	opacity:0.0001;
	filter: alpha(opacity = 1);
}
.pdel,.pdel_ {
	position:absolute;
	left:-15px;
	top:-15px; 
	color:transparent;
	width:39px;
	height:37px;
	cursor:pointer;
	display:block;
	background:url(../../../i/desktop/close-button.png) no-repeat;
}
.del1 {
	float:right;
	color:#999;
	display:none;
	cursor:pointer;
}
.w80:hover .del1 {
	display:block;
}
button {
	font-size:14px;
	min-width:90px;
	color:#fff;	
	background:transparent;
	border:none;	
	cursor:pointer;
	font-family: HelveticaNeue-light, Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px #000;
}
button .b4 {
	width:30px;
	height:25px;
	float:left;
	margin-top:-5px;
	margin-left:-5px;
	margin-right:5px;
	background:url(../../../beta/i/buttons_1.png) 0 0;
}
button:active .b4 {
	background:url(../../../beta/i/buttons.png) -30px 0px;
}
button .b1 {
	float:left;
	width:9px;
	background:url(../../../beta/i/buttons.png) -420px -60px;
	height:30px;
}
button .b2 {
	float:left;
	height:20px;
	padding:5px;
	background:url(../../../beta/i/buttons.png) -0px -60px;
}
button .b3 {
	float:left;
	width:9px;
	background:url(../../../beta/i/buttons.png) -400px -60px;
	height:30px;
}
button:hover .b1 {
	background:url(../../../beta/i/buttons.png) -420px -90px;
}
button:hover .b2 {
	background:url(../../../beta/i/buttons.png) -0px -90px;
}
button:hover .b3 {
	background:url(../../../beta/i/buttons.png) -400px -90px;
}
button:active .b1,button.active .b1 {
	background:url(../../../beta/i/buttons.png) -420px -120px;
}
button:active .b2, button.active .b2 {
	background:url(../../../beta/i/buttons.png) -0px -120px;
	padding-top:6px;
	padding-bottom:4px;
}
button:active .b3, button.active .b3 {
	background:url(../../../beta/i/buttons.png) -400px -120px;
}


button.green .b1 {
	float:left;
	width:9px;
	background:url(../../../beta/i/buttons.png) -420px -150px;
	height:30px;
}
button.green .b2 {
	float:left;
	height:20px;
	padding:5px;
	background:url(../../../beta/i/buttons.png) -0px -150px;
}
button.green .b3 {
	float:left;
	width:9px;
	background:url(../../../beta/i/buttons.png) -400px -150px;
	height:30px;
}
button.green:hover .b1 {
	background:url(../../../beta/i/buttons.png) -420px -180px;
}
button.green:hover .b2 {
	background:url(../../../beta/i/buttons.png) -0px -180px;
}
button.green:hover .b3 {
	background:url(../../../beta/i/buttons.png) -400px -180px;
}
button.green:active .b1 {
	background:url(../../../beta/i/buttons.png) -420px -210px;
}
button.green:active .b2 {
	background:url(../../../beta/i/buttons.png) -0px -210px;
	padding-top:6px;
	padding-bottom:4px;
}
button.green:active .b3 {
	background:url(../../../beta/i/buttons.png) -400px -210px;
}



button.grey .b1 {
	float:left;
	width:9px;
	background:url(../../../beta/i/buttons.png) -420px -240px;
	height:30px;
}
button.grey .b2 {
	float:left;
	height:20px;
	padding:5px;
	background:url(../../../beta/i/buttons.png) -0px -240px;
}
button.grey .b3 {
	float:left;
	width:9px;
	background:url(../../../beta/i/buttons.png) -400px -240px;
	height:30px;
}
button.grey .b5 {
	float:left;
	width:20px;
	background:url(../../../beta/i/buttons.png) -460px -240px;
	height:30px;
}
button.grey .b6 {
	float:left;
	width:20px;
	background:url(../../../beta/i/buttons.png) -440px -240px;
	height:30px;
}

button.grey:hover .b1 {
	background:url(../../../beta/i/buttons.png) -420px -270px;
}
button.grey:hover .b2 {
	background:url(../../../beta/i/buttons.png) -0px -270px;
}
button.grey:hover .b3 {
	background:url(../../../beta/i/buttons.png) -400px -270px;
}
button.grey:hover .b5 {
	background:url(../../../beta/i/buttons.png) -460px -270px;
}
button.grey:hover .b6 {
	float:left;
	width:20px;
	background:url(../../../beta/i/buttons.png) -440px -270px;
	height:30px;
}

button.grey:active .b1 {
	background:url(../../../beta/i/buttons.png) -420px -300px;
}
button.grey:active .b2 {
	background:url(../../../beta/i/buttons.png) -0px -300px;
	padding-top:6px;
	padding-bottom:4px;
}
button.grey:active .b3 {
	background:url(../../../beta/i/buttons.png) -400px -300px;
}
button.grey:active .b5 {
	background:url(../../../beta/i/buttons.png) -460px -300px;
}
button.grey:active .b6 {
	float:left;
	width:20px;
	background:url(../../../beta/i/buttons.png) -440px -30t0px;
	background:url(../../../beta/i/buttons.png) -440px -300px;
	height:30px;
}

button.grey .b1 {
	float:left;
	width:9px;
	background:url(../../../beta/i/buttons.png) -420px -240px;
	height:30px;
}
button.grey .b2 {
	float:left;
	height:20px;
	padding:5px;
	background:url(../../../beta/i/buttons.png) -0px -240px;
}
button.grey .b3 {
	float:left;
	width:9px;
	background:url(../../../beta/i/buttons.png) -400px -240px;
	height:30px;
}
button.grey:hover .b1 {
	background:url(../../../beta/i/buttons.png) -420px -270px;
}
button.grey:hover .b2 {
	background:url(../../../beta/i/buttons.png) -0px -270px;
}
button.grey:hover .b3 {
	background:url(../../../beta/i/buttons.png) -400px -270px;
}
button.grey:active .b1 {
	background:url(../../../beta/i/buttons.png) -420px -300px;
}
button.grey:active .b2 {
	background:url(../../../beta/i/buttons.png) -0px -300px;
	padding-top:6px;
	padding-bottom:4px;
}
button.grey:active .b3 {
	background:url(../../../beta/i/buttons.png) -400px -300px;
}


button.grey .b1 {
	float:left;
	width:9px;
	background:url(../../../beta/i/buttons.png) -420px -240px;
	height:30px;
}
button.grey .b2 {
	float:left;
	height:20px;
	padding:5px;
	background:url(../../../beta/i/buttons.png) -0px -240px;
}
button.grey .b3 {
	float:left;
	width:9px;
	background:url(../../../beta/i/buttons.png) -400px -240px;
	height:30px;
}
button.grey:hover .b1 {
	background:url(../../../beta/i/buttons.png) -420px -270px;
}
button.grey:hover .b2 {
	background:url(../../../beta/i/buttons.png) -0px -270px;
}
button.grey:hover .b3 {
	background:url(../../../beta/i/buttons.png) -400px -270px;
}
button.grey:active .b1 {
	background:url(../../../beta/i/buttons.png) -420px -300px;
}
button.grey:active .b2 {
	background:url(../../../beta/i/buttons.png) -0px -300px;
	padding-top:6px;
	padding-bottom:4px;
}
button.grey:active .b3 {
	background:url(../../../beta/i/buttons.png) -400px -300px;
}



button.biggreen .b1 {
	float:left;
	width:9px;
	background:url(../../../beta/i/buttons.png) -420px -330px;
	height:45px;
}
button.biggreen .b2 {
	float:left;
	height:25px;
	padding:10px;
	background:url(../../../beta/i/buttons.png) -0px -330px;
	color:#fff;
}
button.biggreen .b3 {
	float:left;
	width:9px;
	background:url(../../../beta/i/buttons.png) -400px -330px;
	height:45px;
}
button.biggreen:hover .b1 {
	background:url(../../../beta/i/buttons.png) -420px -375px;
}
button.biggreen:hover .b2 {
	background:url(../../../beta/i/buttons.png) -0px -375px;
}
button.biggreen:hover .b3 {
	background:url(../../../beta/i/buttons.png) -400px -375px;
}
button.biggreen:active .b1 {
	background:url(../../../beta/i/buttons.png) -420px -420px;
}
button.biggreen:active .b2 {
	background:url(../../../beta/i/buttons.png) -0px -420px;
	padding-top:11px;
	padding-bottom:9px;
}
button.biggreen:active .b3 {
	background:url(../../../beta/i/buttons.png) -400px -420px;
}
button.biggrey, button.biggreen {
	margin-bottom:10px;
	margin-top:10px;
	font-family: “Helvetica Neue Light”, HelveticaNeue-Light, Arial, Helvetica, sans-serif;
	font-size:22px;
	text-shadow: #000 0px 1px 1px;
}
button.biggrey .b1 {
	float:left;
	width:9px;
	background:url(../../../beta/i/buttons.png) -420px -465px;
	height:45px;
}
button.biggrey .b2 {
	float:left;
	height:25px;
	padding:10px;
	background:url(../../../beta/i/buttons.png) -0px -465px;
	color:#fff;
}
button.biggrey .b3 {
	float:left;
	width:9px;
	background:url(../../../beta/i/buttons.png) -400px -465px;
	height:45px;
}
button.biggrey:hover .b1 {
	background:url(../../../beta/i/buttons.png) -420px -510px;
}
button.biggrey:hover .b2 {
	background:url(../../../beta/i/buttons.png) -0px -510px;
}
button.biggrey:hover .b3 {
	background:url(../../../beta/i/buttons.png) -400px -510px;
}
button.biggrey:active .b1 {
	background:url(../../../beta/i/buttons.png) -420px -555px;
}
button.biggrey:active .b2 {
	background:url(../../../beta/i/buttons.png) -0px -555px;
	padding-top:11px;
	padding-bottom:9px;
}
button.biggrey:active .b3 {
	background:url(../../../beta/i/buttons.png) -400px -555px;
}
#plus {
	position:fixed;
	bottom:40px;
	right:40px;
	cursor:pointer;
}
#topper {
	position:fixed;
	height:50px;
	top:0px;
	padding-top:8px;
	width:100%; 
	left:-20px;
	text-align:center;
	background-image:url(../../../beta/i/white.png),url(../../../beta/i/fons.png);
	background-position: center center,center center;
	background-repeat: no-repeat,repeat;
	background-attachment:fixed;
	z-index:4;
}
#scrolltrick {
	position:fixed;
	top:55px;
	left:50%; 
	opacity:0;
	filter: alpha(opacity = 0);
	display:none;
}
#scrolltrick div {
	float:left;
}
.twenty {
	margin-top:20px !important;
}
#scrolltrick #as2 {
	background-image:url(../../../beta/i/02.png);
	background-position: left top;
	background-repeat: repeat;
	height:35px;
}
#topper #topcontent {
	width:800px;
	margin:auto; 
	padding-top:5px;
}
#topcontent #share,#topcontent #edit {
width: 40px;
height: 48px;
float: left;
margin-top: -5px;
}
#topcontent #share {
	background:url(../../../beta/i/share.png) no-repeat;
	margin-left:-5px;
}
#savedon {
	margin-top:10px;
	margin-right:5px;
	float:right;
	padding-left:25px;
	padding-top:3px;
	font-size:10px;
	color:#9f9f9f;
	background:url(../../../beta/i/cloud.png) no-repeat 0px 2px;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: 1 !important;
	filter: Alpha(Opacity=100) !important;
background-image: none;
}
#big {
	position:absolute;
	top:10px;
	width:70%;
	margin-left:15%;
	text-align:center;
	font-family:"Just Me Again Down Here";
	font-size:34px;
	color:#cdcdcd;
	text-shadow:black 0px 2px 2px;
}
#themes {
	position:absolute;
	top:50%;
	margin-top:-250px;
	left:-150px;
	margin-left:50%;
	width:10000px;
}
.theme img {
	border-radius:3px;
        behavior: url(http://infogr.am/include/pie.htc);
	margin-bottom:20px;
	position:relative;
}
.theme {
	float:left;
	margin-right:30px;
	cursor:pointer;
}
.theme img:hover {
	box-shadow: 0 0 3px 3px #4696d1;
}
.thumbnail {
	margin-bottom:15px;
	cursor:pointer;
}
.thumbnail img:hover {
	box-shadow: 0 0 3px 3px #4696d1;
}
.shadow {
	display:none !important;
	background:url('../../../i/eena4.png') no-repeat;
	width:300px;
	background-size:100% 40px;
	height:40px;
	position:absolute;
	bottom:0px;
}
#big.bigred {
	position:absolute;
	top:-100px;
	text-shadow:none;
	left:0;
	font-family:"Just Me Again Down Here";
	width:100%;
	background:#de4041;
	padding-bottom:4px;
	color:white;
	font-size:24px;
	text-align:center;
	z-index:300;
}
.fileborder {
	margin-left:5px;
	margin-right:10px;
	background:#efefef;
	padding:3px;
	border:1px solid #cecece;
	border-radius:5px;
        behavior: url(http://infogr.am/include/pie.htc);
	font-size:12px;
	overflow:auto;
}
.fileborder input {
	float:left;
	font-size:11px;
}
.explain {
	font-weight:bold;
}
.fileborder div {
	float:left;
	margin-left:5px;
	color:#5a5a5a;
	margin-top:5px;
}
.uploadtext,.or{
	font-family:"Just Me Again Down Here";
	font-size:26px;
	margin-left:5px
}
.or {
	text-align:center;
}
#filedrag.hover
{
	opacity:1;
		  filter: alpha(opacity = 100);

}
fieldset {
	border:none;
}
#messages
{
	padding: 0 10px;
	margin: 1em 0;
	border: 1px solid #999;
	display:none;
	position:absolute;
	bottom:0;
	z-index:1000;
}

#progress p
{
	display: block;
	width: 240px;
	padding: 2px 5px;
	margin: 2px 0;
	border: 1px inset #446;
	border-radius: 5px;
        behavior: url(http://infogr.am/include/pie.htc);
	background: #eee url("http://infogr.am/include/css/progress.png") 100% 0 repeat-y;
}

#progress p.success
{
	background: #0c0 none 0 0 no-repeat;
}

#progress p.failed
{
	background: #c00 none 0 0 no-repeat;
}
#upload {
	z-index:3000;
	background:white;
	position:absolute;
	top:50%;
	margin-top:-180px;
	left:50%;
	margin-left:-250px;
	background:#fff; 
	box-shadow:0px 0px 40px 10px rgba(0,0,0,0.7);
	display:none;
} 
.halo {
	display:none;
	position:absolute;
	left:0;
	top:0;
}
.navibutton {
	position:relative;
}
#right .halo,.navibutton .halo,.sideicon .halo {
	left:4px;
	top:4px;
}
#right .navigation:hover .halo,.navibutton:hover .halo, .sideicon:hover .halo {
	display:block;
}
#avatar .halo {
	left:8px;
	top:10px;
}
#avatar:hover .halo {
	display:block;
}
h1 span,#h1 span {
	display:block;
} 
h1 br,#h1 br {
	display:none;
}
#madewith {
	position:absolute;
	right:105px;
	bottom:22px;
	font-family:Arial;
	font-size:13px;
	font-style:italic;
	color:#4b4b4b;
}
#preview img {
	margin-top:3px !important;
}
#madewith a,#madewith a:link,#madewith a:hover,#madewith a:visited,#madewith a:active{color:#4b4b4b !important;}

.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
        behavior: url(http://infogr.am/include/pie.htc);
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
        behavior: url(http://infogr.am/include/pie.htc);
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    width: 10px;
    height: 10px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}
#myprofile {
	padding:20px;
}
.aright {
	text-align:right;
}
.acenter {
	text-align:center;
}
#avatar-big {
	width:90px;
	height:90px;
	margin:15px;
	border-radius:100px;
        behavior: url(http://infogr.am/include/pie.htc);
	background-size:cover;	
	background-position:50% 50%;
	background-repeat: no-repeat;
}
#avatarholder-big {
	position:relative;
	margin-left:50px;
	margin-bottom:20px;
}
#avatar-nymbus {
	position:absolute;
	top:-11px;
	left:5px;
}
#right .small {
	font-size:12px;
	margin-bottom:20px;
}
#right .small span,#right .bigger span  {
	color:#fff;
}
#right .bigger {
	color:#fff;
	cursor:pointer;
	font-size:16px;
	margin-top:20px;
}
#bigname {
	color:#fff;
	font-size:16px;
	margin-top:20px;
	margin-bottom:20px;
}
#bigname input {
	background:transparent;
	color:#fff;
	font-size:16px;
	text-align:center;
	outline:none;
	border:none;
	margin:-2px;
}
.listtitle {
	margin-top:20px;
	text-align:center;
	font-size:16px;
}
.listdata {
	text-align:left;
	padding-left:50px;
}
#avatarupload {
	position: absolute;
	left: 45px;
	top: 75px;
	width: 120px;
	height: 30px;
	opacity: 0.01;
	filter: alpha(opacity = 1);
	cursor:pointer;
}
#avatarpreview {
	float:right;
}
				.col {
					float:left;
					width:240px;
				}
				
				.infographic {
					overflow:visible;
					width:212px;
					position:relative;
					margin-right:30px;
					margin-bottom:15px;
					padding-bottom:15px;
					background: url('../../../i/eena.png') no-repeat center bottom;
				}
				#infographics {
					padding-left:13px;
					padding-top:25px;
				} 
.box {
	background: url(../../../i/eena2.png) no-repeat;
	width: 200px;
	height: 130px;
}
#middle .thumbnail a, #middle .thumbnail a:visited, #middle .thumbnail a:hover {
	color: black;
}
#middle .thumbnail {
padding: 6px;
font-size: 13px;
font-weight: 700!important;
color: #2E2E2E;
background: white;
text-align: center;
padding-bottom: 14px;
position: relative;
margin-bottom: 0;
}
.pic {
width: 200px;
height: 130px;
cursor:pointer;
}
#right .infographic {
	margin-left:15px;
	background:none;
	padding-bottom:0;
}
#right .infographic .title {
	font-size:12px !important;
}
#loginmain {
	z-index:1000;
	position:absolute;
	top:10px;
	left:10px;
}
#loginmain > div {
	margin-right:20px;
	float:left;
}
#loginmain div {
	float:left;
}
#menubuttons {
	margin-top:20px;
}
#loginmain .register {
	background:url(../../../i/desktop/register.png) no-repeat;
	color:#fff;
	font-weight:bold;
	padding-left:10px;
	font-size:13px;
	padding-right:15px;
	padding-top:3px;
	padding-bottom:6px;
	margin-left:10px;
}
#loginmain .register1 {
	background:url(../../../i/desktop/login-sprites.png) no-repeat;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:6px;
	padding-left:15px;
	cursor:pointer;
}
#loginmain .register1:hover {
	background-position: 0px -27px;
}
#loginmain .register1:active {
	background-position: 0px -54px;
}
 .logbutton {
	background:url(../../../i/desktop/login-sprites.png) no-repeat -110px 0;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:6px;
	margin-left:10px;
	padding-left:10px;
	cursor:pointer;
	float:left;
}
.logbutton:hover {
	background-position: -110px -27px;
}
.logbutton:active {
	background-position: -110px -54px;
}
.logbutton1 {
	float:left;
	margin-left:10px;
	height:27px;
	width:148px;
	background:url(../../../i/desktop/login-sprites.png) no-repeat -167px 0;
	font-weight:bold;
	font-size:13px;
	color:#fff;
	position:relative;
}
#inact {
	padding:5px;
	padding-left:7px;
}
#tw2, #fb2 {
	position:absolute;
	top:0px;
	width:25px;
	height:25px;
	cursor:pointer;
}
#tw2 {
	right:28px;
}
#fb2 {
	right:2px;
}
.or {
	float:left;
	margin-left:10px;
	background:url(../../../i/desktop/login-sprites.png) no-repeat -92px 0;
	width:15px;
	height:27px;
}
button.grey {
	background:transparent;
}
#right {
	z-index:3000;
}
#loginmain .sep1{
	width:2px;
	height:26px;
	background:url(../../../i/desktop/line1.png);	
	margin-top:-2px;
}
#fb1, #tw1 {
	margin-left:10px;
	margin-right:10px;
	cursor:pointer;
	padding-top:4px;
}
#signin {
	color:#fff;
	font-size:13px;
	padding-top:3px;
	margin-right:10px;
	font-weight:700;
	cursor:pointer;
}
.thumbnail {
	width:200px;
}
#loginwindow {
	background:rgba(0,0,0,0.9) url(../../../i/auth/background-gradient.png) center center no-repeat;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3000;
}
#regbox {
	width:329px;
	height:321px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-165px;
	margin-top:-160px;
	background:url(../../../i/desktop/register-social1.png) no-repeat;
} 
#newbox {
	width:334px;
	height:194px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-167px;
	margin-top:-97px;
	background:url(../../../i/auth/new-pass.png) no-repeat;
}
#emailaddress {
	top:87px;
}
#forgotbox {
	width:334px;
	height:194px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-167px;
	margin-top:-97px;
	background:url(../../../i/auth/pass-recover.png) no-repeat;
}
#loginbox {
	width:329px;
	height:282px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-165px;
	margin-top:-141px;
	background:url(../../../i/desktop/sign-in.png) no-repeat;
}
#loginwindow input {
	background:transparent;
	outline:none;
	border:none;
	position:absolute;
	font-size:15px;
	color:#636363;
	width:265px;
	left:35px;
}
#USERNAME {
	top:78px;
}
#PASSWORD {
	top:114px;
	font-size:30px !important;
}
.gobutton {
	text-align:center;
}
.greybut {
	float: left;
	width:80px;
	height:26px;
	background:url(../../../i/auth/button.png);
}
.greybut:hover {
	background:url(../../../i/auth/button-mouse-over.png);
}
#loginbox .gobutton {
	position:absolute;
	top:165px;
	left:10px;
	width:100%;
}
#regbox .gobutton,#forgotbox .gobutton, #newbox .gobutton {
	position:absolute;
	bottom:18px;
	left:10px;
	width:100%;
}
#regbox .gobutton {
	bottom:73px;
}
#forgotbox .gobutton, #newbox .gobutton {
	bottom:25px;
}
#UNAME {
	top:81px;
}
#EMAIL {
	top:124px;
}
#PWD {
	top:159px;
	font-size:30px !important;
}
.connectwith {
	position: absolute;
	top: 235px;
	left: 114px;
} 
#regbox .connectwith {
	top:279px;
}
.connectwith div {
	margin-right:30px;
	cursor:pointer;
}
.connectwith div.gright {
	margin-right:0;
}
.lreg {
	position:absolute;
	top:35px;
	right:30px;
}
.lreg div {
	float:left;
	color:#6e6e6e;
	text-decoration:underline;
	margin-left:10px;
	font-size:12px;
	cursor:pointer;
}
.register {
	cursor:pointer;
}
.notice {
position: absolute;
}
.notice {
font-size: 15px;
color: white;
}
.notice.bad .triangle {
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
width: 0px;
height: 0px;
margin-top: 7px;
border-right: 6px solid #D44B0F;
}
.notice .triangle, .notice .body {
float: left;
}
.notice.bad .body {
background: #D44B0F;
}
.notice .body {
padding: 5px;
}
.notice.good .triangle {
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
width: 0px;
height: 0px;
margin-top: 7px;
border-right: 6px solid #809F06;
}
.notice.good .body {
background: #809F06;
}
.p20 {
	padding:20px;
}
.p50 {
	padding-left:70px;
	padding-right:70px;
	margin-top:20px;
}
#sharer input,#sharer textarea {
	display:block;
	width:300px;
	margin-top:15px;
	font-family: Helvetica, Arial, sans-serif;
	color:#3e3e3e;
	font-size:14px;
	padding:5px;
}
#dater,#timer {
	font-size:12px !important;
	float:left;
}
#dater {
	width:120px !important;
}
#timer {
	margin-left:10px;
	width:45px !important;
}
#sharer textarea {
	height:50px;
}
.pmore {
	margin-right:10px;
	font-size:11px;
	cursor:pointer;
}
#publishmore {
	margin-top:10px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br  {
	border-radius:0 !important;
	-moz-border-radius:0 !important;
        behavior: url(http://infogr.am/include/pie.htc);
}
#Path {
	display:inline !important;
	width:203px !important;
	margin-left:5px;
	font-size:13px !important;
}
#Pubtitle {
	font-weight:bold;
}
.pathr {
	color:#3e3e3e;
}
#datep,#pubpassw {
	margin-top:2px;
	color:#999;
	background:#eee;
	padding:5px;
	display:none;
	overflow:auto;
}
.dl,.dr {
	font-size:10px;
}
.dl {
	float:left;
}
.dr {
	float:right;
	cursor:pointer;
	text-transform:uppercase;
}
.l {
	clear:both;
	margin-top:-3px;
}
#addsomething .addtitle {
	padding-top:20px;
	padding-bottom:20px;
}
#addsomething .addingblock {
	text-align:center;
}
#addsomething input {
	font-size:20px;
}
#addsomething {
	width:300px;
	margin-left:-150px;
	height:150px;
	margin-top:-75px;
}
#addsomething .addtitle {
	padding-top:0;
	padding-bottom:0;
}
.libbuttons {
	position: relative;
margin-top: -30px;
height:40px;
margin-bottom: 20px;
background: url(../../../i/desktop/lib/lib_1.png);
width: 214px;
}
.libbuttons span {
	width:40px;
	height:37px;
	margin-top:1px;
	width:51px;
	cursor:pointer;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:center center;
}
.libbuttons span.lsep {
	width:2px;
	background: url(../../../i/desktop/lib/div.png);

}
.Lpublish {
	background: url(../../../i/desktop/lib/library-edit.png);
}
.Lduplicate {
	background: url(../../../i/desktop/lib/duplicate.png);

}
.Ldelete {
	background: url(../../../i/desktop/lib/del.png);
}
.Lview {
	background: url(../../../i/desktop/lib/view.png);
}
#hmain {
position: absolute;
left: 150px;
top: 0px;
padding: 30px;
width: 500px;
height: 90px;
}
#logg {
padding: 12px;
}
#lleft {
	float:left;
	width:127px;
	height:127px;
	text-align:center;
}
#userprofile {
position: relative;
width: 722px;
height: 152px;
background: url(../../../i/desktop/profile.png) no-repeat;
}
#userprofile h2 {
color: white;
font-size: 16px;
}
#userprofile h3 {
color: #919191;
font-size: 14px;
margin-top: 0px;
}
#userstats {
text-align: right;
position: absolute;
right: 15px;
top: 20px;
color: white;
}
.filterl {
	color: white;
	margin-top: 10px;
	margin-left: 11px;
	margin-bottom: -10px;
	font-size:12px; 
}
.filterl span {
	margin-left:5px;
	margin-right:5px;
	color:#999;
}
.filterl span.active {
	color:#fff;
}
.filterl span:hover {
	text-decoration:underline;
	cursor:pointer;
}
.filterl span.active:hover {
	text-decoration:none;
	cursor:default;
}
#head {
background-image: url(../../../beta/i/white.png),url(../../../beta/i/fons.png) !important;
background-position: center center,center center !important;
background-repeat: no-repeat,repeat !important;
background-attachment: fixed !important;
}
.shead .filter2 {
	margin-top:10px;
	padding-left:20px;
}
.shead .filter2 span {
	margin-right:20px;
}
.shead .active {
	font-weight:700;
}
.nav a,.shead .nav a:hover,.shead .nav a:visited {
	color:#777;
	font-weight:700;
	font-size:12px;
}
.nav a.active,.nav a.active:hover,.nav a.active:visited {
	font-weight:700 !important;
}
.nav {
	padding:20px;
	background:white;
	font-size:13px;
	overflow:auto;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.shead h1 {
	padding:20px;
	padding-bottom:0px;
}
#sitemap a,#sitemap a:visited,#sitemap a:active,#sitemap a:hover {
	display:block;
	color:#333;
	font-size:16px;
	padding:10px;
	padding-left:20px;
	margin-top:10px;
	border-bottom:1px solid #aaa;
}
#chart_menu {
	text-align:left;
	width:148px;
	position:absolute;
	left:0;
	top:0;
}
.chartitem:first-child {
	border-top-left-radius:5px;
	border-top:none;
        behavior: url(http://infogr.am/include/pie.htc);
}
.chartitem:last-child {
	border-bottom-left-radius:5px;
	border-bottom:none;
        behavior: url(http://infogr.am/include/pie.htc);
}
.chartitem {
	background:url(../../../img/charts/menu-noise.png) #ededed;
	border-bottom: 1px solid #dfdfdf;
	border-top: 1px solid #fcfdfd;
	padding:6px;
	min-height:16px;
	padding-left:15px;
	font-family: Arial;
	font-size:13px;
	color:#262626;
	cursor:pointer;
}
.chartitem img {
	padding-right:10px;
	float:left;
}
#addsomething .pdel {
	z-index:50;
}
.chartitem div {
	float:left;
}
.chartitem span {
	background:url(../../../img/charts/arrow-menu.png) 100% center no-repeat;
	float:right;
	margin-right:5px;
	height:15px;
	width:15px;
}
.chartitem.active {
	background:white;
	color:#818080;
}
.chartitem.active span {
        background:url(../../../img/charts/arrow-menu-hover.png) 100% center no-repeat;
}
#chartpreview {
	position: absolute;
	height: 350px;
	width: 427px;
	right: 0;
	top: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
        behavior: url(http://infogr.am/include/pie.htc);
}
#chartt {
	padding:15px;
	font-family: Arial;
	font-size:16px;
	padding-top:25px;
	color:#000;
	font-weight:700;
	padding-bottom:10px;
}
#chartpr {
	position:relative;
	height:235px;
	margin-top:5px;	
	margin-bottom:30px;
}
#chartleft, #chartright {
	position:absolute;
	top:112px;
	width:12px;
	height:18px;
	cursor:pointer;
}
#chartleft {
	left:20px;
	background:url(../../../img/charts/arrow-left.png);

}
#chartright {
	right:20px;
        background:url(../../../img/charts/arrow-right.png);
}
#chartoptions{
	margin-bottom:15px;
}
#chartoptions span {
	cursor:pointer;
	width:10px;
	height:10px;
	background:url(../../../img/charts/switch-dot.png);
	margin-right:5px;
	margin-left:5px;
	display:inline-block
}
#chartoptions span.active {
        background:url(../../../img/charts/switch-dot-selected.png);
}
#chartimg {
	width:318px;
	height:238px;
	position:absolute;
	left:55px;
	top:0;
	border:1px solid #dedede;
	border-radius:2px;
        behavior: url(http://infogr.am/include/pie.htc);
	background:white 50% 0%;
	background-contain:contain;
	margin-bottom:10px
}
#chartpreview button {
	margin-top:13px;
}


#store {
position: absolute;
background:url(../../../i/desktop/store/blured-bckgrnd.png) 50% 150px no-repeat;
top: 60px;
left: 50%;
width: 1024px;
height: 630px;
margin-left: -512px;
}
.storeblock {
	float:left;
	width:220px;
	margin-left:40px;
	margin-right:40px;
}
.superbig, .mediumbig {
        font-family: HelveticaNeue-light, Helvetica, Arial, sans-serif;
	color:#fff;
	text-align:center;
}
.superbig {
	font-size:48px;
}
.mediumbig {
	font-size:24px;
}
.storebox {
	margin-left:60px;
	width:239px;
	height:224px;
	position:relative;
	background-repeat:no-repeat;
	background-position:0% 100%;
}
.storebox.free {
	background-image:url(../../../i/pricing/free-box.png);
}
.storebox.personal {
        background-image:url(../../../i/pricing/pro-box.png);
}
.storebox .badge {
	width:84px;
	height:84px;
	position:absolute;
	right:35px;
	background-repeat:no-repeat;
	bottom:00px;
}
.personal .badge {
        background-image:url(../../../i/pricing/badge-sign-up.png);
}
.pricing {
	width:152px;
	height:44px;
	background-repeat:no-repeat;
	background-position:50% 0%;
}
.pricing.free {
        background-image:url(../../../i/pricing/free.png);
}
.pricing.personal {
        background-image:url(../../../i/pricing/pro.png);
}
.price {
	background-repeat:no-repeat;
	width:194px;
	height:61px;
	background-position:50% 0%;
}
.price.free {
	background-image:url(../../../i/pricing/free-price.png);
}
.price.personal {
        background-image:url(../../../i/pricing/pro-price.png);
}
#store .button {
	width:169px;
	height:39px;
	text-align:center;
	background-repeat:no-repeat;
	background-image:url(../../../i/desktop/store/buttons.png);
	color: black;
	text-shadow: 0px 1px 1px white;
	font-weight: 700;
	line-height:39px;
	margin-left:20px;
	margin-right:20px;
}
#store .button:hover {
	background-position:0px -39px;
}
#store .button:active {
	background-position:0px -78px;
}
#store .button.personal {
	background-position:0px -117px;
}
#store .button.personal:hover {
        background-position:0px -156px;
}
#store .button.personal:active {
        background-position:0px -195px;
}
#A_paypal input {
	border:none !important;
	background:transparent !important;
}
.storeblock {
	text-align:center;
}
.storeblock>div {
	display:inline-block;
}
.storeblock .minidesc {
	padding-top:5px;
	font-size:10px;
	color:#ababab;
	font-family: Helvetica, Arial, sans-serif;
}
.storeblock .features {
	display:block;
	margin-top:10px;
	margin-bottom:20px;
}
.storeblock ul {
        background:url(../../../i/desktop/store/line.png) 0% 0% repeat-x;
}
.storeblock ul, .storeblock li {
	margin:0;
	padding:0;	
}
.storeblock li {
	list-style:none inside;
	font-size:15px;
        color:#fff;
	padding-top:3px;
	padding-bottom:3px;
	background:url(../../../i/desktop/store/line.png) 0% 100% repeat-x;
        font-family: Helvetica, Arial, sans-serif;
}
.storeblock .storebutton {
	display:block;
	margin-top:5px;
	margin-bottom:20px;
}
.storebutton div {
	display:inline-block;
	cursor:pointer;
}
.storebutton div {
	width:23px;
	height:23px;
	background:url(../../../i/desktop/store/radio-button.png) no-repeat;
}
.storebutton.active div {
        background:url(../../../i/desktop/store/radio-button-active.png) no-repeat;
}
#infosettings {
                width:596px;
                height:73px;
                background:url(../../../i/settings/settings-bckgrnd.png) no-repeat;
        }
.charttype {
	background:url(../../../i/settings/chart-bckgrnd.png);
	width:41px;
	height:41px;
	float:left;
	margin-left:20px;
	margin-top:10px;
	cursor:pointer;
}
.charttype.active {
        background:url(../../../i/settings/chart-bckgrnd-active.png);
}
.charttype img {
	margin:6px;
}
.togglebutton {
	text-align:center;
	margin-left:20px;
	display:inline-block;
}
#infotoggle {
	float:right;
	margin-top:10px;
	margin-right:10px;
}
.togglebutton span {
	background:url(../../../i/settings/off.png) no-repeat;
	width:49px;
	height:21px;
	display:inline-block;
}
.togglebutton.active span {
        background:url(../../../i/settings/on.png) no-repeat;
}
#sup,#sdown {
	position:fixed;
	width:100%;
	z-index:6000;
	height:40px;
	left:0;
	background:rgba(255,0,0,0.5);

}
#sup {
	top:0;
}
#sdown {
	bottom:0;
}
#themeslider {
	position:fixed;
	bottom:30px;
	background:white;
	height:10px;
	border-radius:5px;
        behavior: url(http://infogr.am/include/pie.htc);	
	width:500px;
	left:50%;
	margin-left:-250px;
}
.innertext,.bodytext,.bodytitle {
	text-overflow: ellipsis;
	overflow:hidden;
}
#owerlay>#ilogo {
	bottom:0px !important;
}
#sliderhandle {
	background:black;
	border-radius:4px;
        behavior: url(http://infogr.am/include/pie.htc);
	width:40px;
	height:10px;
	cursor:pointer;
}
#klik:hover,#klik:active {
        background:url('../../../i/desktop/go-arrow-active.png') no-repeat;
}
#klik {
	background:url('../../../i/desktop/go-arrow-default.png') no-repeat;
	width:34px;
	height:34px;
	cursor: pointer;
	float:right;
	position:absolute;
	top:22px;
	right:29px;
}
#unpublic form input {
	background: transparent;
	color: #d5d5d5;
	font-size: 14px;
	position: absolute;
	top: 29px;
	padding:0px;
	left: 32px;
	border: none;
	outline: none;
}
#unpublic form input-placeholder {
	color:#d5d5d5;
}
#previewframe {
	position:absolute;
	top:50px;
	left:50%;
}
.togglebutton {
	margin-top:8px;
}
.charcustom {
	margin-top:7px;
	margin-left:20px;
	vertical-align:top;
	display:inline-block;
}
    #exampleGrid {
       background:#fff;
    }
    #toolbar, #sheets {
        float:right;
    }
    #sheets button {
        float:right;
    }
    #chartiframe button {
        min-width:30px;
        border-bottom-right-radius:3px;
        border-bottom-left-radius:3px;
        background:#282828;
        padding:6px;
        padding-left:10px;
        padding-right:10px;
    }
    #chartiframe button#selectFirst {
      float: left;
      margin-right: 10px;
    }
        #sheets button.active {
                background:#5f5f5f;
        }
        #chartiframe .container {
                margin:0;
		position:relative;
        }
	#right td {
		color:#000;
	}
        #transpose {
                cursor:pointer;
                position: absolute;
                top: 5px;
                left: 25px;
        }
        #foot {
                width:600px;
                margin-top:7px;
                overflow:auto;
        }
#exampleGrid {
        border: 1px solid #333;
        border-radius: 2px;
}
        .htCore tr:first-child td, .htCore th+td {
                font-weight:bold;
        }