html, body {
    height: 100%;
}
body {
    min-width: 980px;
}
#content {
    width: 100%;
    height: 100%;
}
#left_content {
    float: left;
    width: 180px;
    height: 100%;
    overflow: scroll;
}
#main_content {
    height: 100%;
    overflow: scroll;
}

#left_content, #main_content {
    overflow: auto;
}

#game_name {
    width: 150px;
    margin-left: 5px;
}

/* - MENU - */
#lmenu ul, #rmenu ul  {
	list-style: none;
	margin: 0;
	padding: 0;
}
#lmenu, #rmenu {
	width: 150px;
	margin: 0;
	}
#lmenu {
    margin-left: 5px;
}
#lmenu li a, #rmenu li a {
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 17px;
	line-height:17px;
	text-decoration: none;
	font-style: normal;
	}
#lmenu li a:link, #lmenu li a:visited , #rmenu li a:link, #rmenu li a:visited{
	font-weight: normal;
	font-size: 13px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #feeb9f;
	display: block;
	background:  url("img/menu.gif");
	padding: 0 0 0 10px;
	margin: 0 0 1px 0;
	}
#lmenu li a:hover, #rmenu li a:hover  {
	color: #FFF;
	background:  url("img/menu.gif") 0 -17px;
	padding: 0 0 0 10px;
	}
#lmenu .header, #rmenu .header {
	background:  url("img/menuh.gif");
	text-align: center;
	font: 14px bold Arial;
	line-height:17px;
	color: #fff;
	margin-top:4px;
}
/*************/
a
{
	text-decoration: none;
	color: #D6BF61;
}
a:hover
{
	color: #000000;
   	text-decoration: none;
	background: #FFFFFF;
}
a.button:hover
{
	background: none;
}
body
{
	color: #FFFFAA;
	background-color: #101010;
	font-size: 10pt;
	font-family: arial;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}
table
{
	margin-left: auto;
	margin-right: auto;
}
td
{
	text-align: left;
	font-size: 10pt;
}
th
{
	text-align: center;
	font-size: 10pt;
}

hr {
    color:              #fff;
    background-color:   #fff;
    border:             0;
    height:             1px;
	width: 700px;
}


.guide td
{
	text-align: center;
	color: white;
	font-size: 10pt;
}
.guide th
{
	font-size: 10pt;
	color: white;
	background-color: #4F4F4F;
}
.menus td
{
	color: white;
	text-align: center;
	background-color: #2F2F2F;
}
.menus th
{
	color: white;
	background-color: #4F4F4F;
}
.inputtable {
	background-color: #111111;
	border: 1px solid #C6FA0C;
	padding: 2px;
}
.inputtable input{
/*border: 1px solid #fff;*/
border: 1px;
height: 16px;
padding: 0 3px 0 3px;
margin:0;
}
.inputtable select {
border: 1px solid #000;
height: 18px;
padding: 0px;
margin:0;
}
.inputtable td
{
	font-size: 10pt;
	color: white;
}
.inputtable th
{
	font-size: 10pt;
	height:20px;
	color: white;
	background: url("img/scoreheader.gif") repeat-x;
}

div#nholder{
	border: 1px solid #C6FA0C;
	width: 700px;
	margin: 0 auto 0 auto;
}
div#nholderc{
margin-top: 6px;
padding: 4px;
}
.newstable {
	overflow: hidden;
	background-color: #333333;
}
.newstable th
{
	font-size: 10pt;
	height:20px;
	color: white;
	background: url("img/scoreheader.gif") repeat-x;
}
.newstable td{
	font: normal 12px Arial;
}


.debug{
border: 1px solid #111111;
background-color: #444444;
color: #fff;
margin-left: auto;
margin-right: auto;
width: 600px;
}

table.scorestable
{
	width: 700px;
	border: 1px solid #C6FA0C;
	background-color: #333333;
}
table.clanstatstable
{
	border: 1px solid #C6FA0C;
	background-color: #333333;
}
.scorestable th, .clanstatstable th
{
	color: white;
	font-size: 10pt;
	background: url("img/scoreheader.gif");
}
.scorestable td
{
	font-size: small;
}
.scorestable tr {
	/*background-color: #333333;*/
}
.empstatustable {
background-color: #333333;
border: 1px solid #C6FA0C;
}
.empstatus  {
color: #fff;
border: 1px solid #C6FA0C;
}
.empstatus th { text-align: left; 
font: bold 12px Arial, Tahoma;
border: 1px solid #000;
background-color: #4D4D4D;
}
.empstatustitle th {
/*background-color: #808080;*/
background: url("img/statsheader.gif");
border: 1px solid #000;
color: #fff;
}
.empty  th {
background: none;
border: 0;
}
.empstatus td { 
font: normal 12px Arial, Tahoma;
text-align: right; 
border: 1px solid #000;
background-color: #4D4D4D;
}

.mnormal { color: white; }
.mdisabled, .mdisabled td { color: yellow; }
.mself, .mself td { color: aqua; }
.mally { color: #9FBFDF; }
.mprotected, .mprotected td { color: #9FDF9F; }
.mdead, .mdead td { color: red; }
.madmin { color: #FF7FFF; }
.cgood, td.cgood { color: lime; }
.cwarn, td.cwarn { color: yellow; }
.cbad, td.cbad { color: red; }
.cneutral, td.cneutral { color: #fff; }
.cdisabled  { color: #808080;}

/* GUIDE RACES COMPARATOR */
.compBetter{ background: #0c7b00; }

.img_link img{

border: 0;
}

.era1
{
	color: white;
	background-color: navy;
	font-size: large;
	background: url("img/statsheaderbig.gif");
	border: 1px solid black;
}
.era2
{
	color: white;
	background-color: maroon;
	background: url("img/statsheaderbig.gif");	
	font-size: large;
}
.era3
{
	color: white;
	background-color: #005F00;
	background: url("img/statsheaderbig.gif");	
	font-size: large;
}
.era0
{
	color: white;
	background-color: maroon;
	background: url("img/statsheaderbig.gif");	
	font-size: large;
}

.statsbar{
border: 1px solid #C6FA0C;
color: #fff;
background-color: #333333;
}
.statsbar td {
text-align: center;
background-color: #232323;
}
.statsbarheader td {
background: url("img/scoreheader.gif");
}
.statsbarheader2 td {
background: url("img/scoreheaderbig.gif");
}
.enhance1 {
	color:#C6FA0C;
  	font-size:14px;
  	font-family:arial, verdana;
  	font-weight:bold;
}
.enhance2 {
	font: bold 14px Verdana;
	line-height: 15px;
	text-align:center;
	color: white;
}
.content1 {
	background-color: #333333;
	border: 1px solid #C6FA0C;
	padding: 5px;
	width: 500px;
	margin-left:auto;
	margin-right:auto;
}
.content2{
	background-color: #263326;
	border: 1px solid #C6FA0C;
	padding: 5px;
	width: 500px;
	margin-left:auto;
	margin-right:auto;
}
#div_error, #div_note, #div_mail, #div_news, #div_att {
margin-left: auto;
margin-right: auto;
margin-top: 1px;
padding: 5px;
/*width: 500px;*/
text-align: left;
}
#div_att{
border: 1px solid #fff;
color: #3d3b3b;
background: url("img/bg_attention.gif");
}
#div_error {
border: 1px solid #ffaeae;
background: url("img/bg_error.gif");
}
#div_note{
border: 1px solid #bbffae;
background: url("img/bg_note.gif");
}
#div_mail {
border: 1px solid #fff;
background: url("img/bg_mail.jpg");
}
#div_mail a:link, #div_mail a:visited {
color: #532700;
}
#div_mail a:hover {
color: #000;
}
#div_news {
border: 1px solid #fff;
background: url("img/bg_note.gif");
}
.main_content{
width: 660px;
}
.div_light {
border: 1px solid #fff;
background-color: #131313;
}

.ddark {
background-color: #232323;
}
.dlight{
background-color: #282828;
}
.header {

}
#cash_pile {
    float:left; 
    margin: 8px 4px 8px 1px;
}
#tickets {
    text-align: center;
    position: relative;
    margin:5px auto;
    width: 300px;
}
.ticket{
    display: inline-block;
    width: 93px;
    height: 29px;
    margin: 0 auto;
    line-height: 27px;
    text-align: left;
    text-indent: 17px;
    background: url("img/ticket.png") no-repeat;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.text15w {
font: bold 15px Verdana;
color: #fff;
}
.clantxta {
height: 400px;
width: 340px;
border: 0;
background-color: #282828;
color: #fff;
text-align: center;
}
.clantb1 td {
color: #C6FA0C;
font-size: 11pt;
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.clantb1 th {
color: #fff;
font-size: 10pt;
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.clanrank {
margin-right: 1px;
float: left;
background: url("img/clan_rank.gif") no-repeat;
width: 10px;
height: 10px;
}
.bt_one{
padding-left: 10px;
height: 20px;
background: url("img/bt_one.gif") no-repeat;
z-index: 1;
max-width: 180px;
margin-left: auto;
margin-right: auto;
text-align:center;
}
.bt_one a {
line-height: 19px;
padding: 0 1px 0 1px;
}
.bt_one a:link, .bt_one a:visited{
color: #000;
}
.bt_one a:hover{
background:none;
color: #7a0404;
}
.bt_one:hover{
background: url("img/bt_one.gif") 0 -20px;
}
.bt_ones {
z-index: 10;
height: 20px;
padding-right: 10px;
background: url("img/bt_one.gif");
background-position:top right; 
}
.bt_one2{
padding-left: 10px;
height: 20px;
background: url("img/bt_one.gif") no-repeat;
z-index: 1;
max-width: 180px;
text-align:center;
float: left;
margin-left: 5px;
}
.bt_one2 a {
line-height: 19px;
padding: 0 1px 0 1px;
}
.bt_one2 a:link, .bt_one2 a:visited{
color: #000;
}
.bt_one2 a:hover{
background:none;
color: #7a0404;
}
.bt_one2:hover{
background: url("img/bt_one.gif") 0 -20px;
}
.bt_one2s {
z-index: 10;
height: 20px;
padding-right: 10px;
background: url("img/bt_one.gif");
background-position:top right; 
}
.clanimage{
max-width: 700px;
max-height: 400px;
overflow: hidden;
text-align: center;
}
.span_version{
padding: 0 5px 0 5px;font: bold 15px Verdana;color:#fff;background-color:#555555;width:48px;height:16px;border: 1px solid #fff;
}
#logpanel {
width:500px;height:239px;margin-left:auto;margin-right:auto;	background-color: #333333; border: 1px solid #C6FA0C; padding: 2px;
background: url("img/log_bg.jpg") no-repeat;
}
#logpanel input {
border: 1px solid #000;
}
.spnote1{float:left;margin-right:5px;}
.spnote2{float:left;margin-top:5px;margin-bottom:2px;}
.clear{clear:both}

.aleft { text-align: left; }
.acenter { text-align: center; }
.aright { text-align: right; }


/* Graph Bars */
.graph .bar { 
	display: block;
	position: relative;
	/*background: #B1D632; */
	text-align: center; 
	color: #000; 
	height: 1em;
	line-height: 1em;
	font: 11px bold Times;
}
.graph_red { border: 1px solid #dd0000; }
.graph .bar_red { background: #dd0000; }
.graph_green { border: 1px solid #39ff00; }
.graph .bar_green { 	background: #39ff00; }
.graph_yellow { border: 1px solid #ffec4d; }
.graph .bar_yellow { background: #ffec4d; }
.graph .bar span { position: absolute; left: 1em; }


dl { 
	margin: 0; 
	padding: 0;                     
}
dt { 
	position: relative; /* IE is dumb */
	clear: both;
	display: block; 
	float: left; 
	width: 65px; 
	height: 15px; 
	line-height: 15px;
	margin-right: 17px;              
	font-size: .75em; 
	text-align: right; 
}

#ddd { 
	position: relative; /* IE is dumb */
	display: block;                 
	float: right;     
	width: 197px; 
	height: 20px; 
	margin: 0; 
	background: url("img/g_colorbar2.jpg"); 
 }
 * html ddd { float: none; } 
/* IE is dumb; Quick IE hack, apply favorite filter methods for 
wider browser compatibility */

#ddd div { 
	position: relative; 
	background: url("img/g_colorbar.jpg"); 
	height: 20px; 
	text-align:right; 
 }
 #ddd div strong { 
	z-index: 5;
	position: absolute; 
	right: -5px; 
	top: -1px; 
	display: block; 
	background: url("img/g_marker.gif"); 
	height: 20px; 
	width: 9px; 
	text-align: left;
	text-indent: -9999px; 
	overflow: hidden;
 }
 
 /*GCOLORBAR2START*/
dd { 
	position: relative; /* IE is dumb */
	display: block;                 
	float: right;
	width: 100px; 
	height: 16px; 
	margin: 0; 
	background: url("img/g_colorbara2.gif"); 
	border: 1px solid #60ca58;
 }
 * html dd { float: none; } 
/* IE is dumb; Quick IE hack, apply favorite filter methods for 
wider browser compatibility */
 dd div { 
	position: relative; 
	background: url("img/g_colorbara.gif"); 
	height: 16px; 
	text-align:right;
	color: #244625;
	font: bold 11px Verdana;
	text-align: left;
 }
 /*END*/

 
 /* MESSAGE TABLES */
a img {
    border:             0;
}
/* odd items 1,3,5,7,... */
table tr.odd th,
.odd {
    /*background: #a7c7f2;*/
	background: #a7c7f2;
	background: url("img/mail_row_bg.gif");
}
/* even items 2,4,6,8,... */
table tr.even th,
.even {
   /* background: #80a3d2;*/
   background: #a7c7f2;
   background: url("img/mail_row_bg.gif");
}
/* odd table rows 1,3,5,7,... */
table tr.odd th,
table tr.odd,
table tr.even th,
table tr.even {
    text-align:         left;
}
/* marked table rows */
table tr.marked th,
table tr.marked {
    background:   #FFCC99;
    color:   #000000;
}
/* hovered items */
.odd:hover,
.even:hover,
.hover {
    background: #CCFFCC;
    color: #000000;
}
/* hovered table rows */
table tr.odd:hover th,
table tr.even:hover th,
table tr.hover th {
    background:   #CCFFCC;
    color:   #000000;
}
#msg_tbl {
	background: #1a3c6b;
	/*backgrounnd: #333333;*/
	color: #333333;
	border: 1px solid #fff;
	width: 680px;
}
#msg_tbl th {
	background: #1a3c6b;
	/*background: url("img/scoreheader.gif");*/
	color: #fff;
}
#msg_tbl .p {
cursor: pointer;
}
a.msg_del, a.msg_reply {
	display:block;
	width: 16px;
	height: 16px;
	float: left;
}
a.msg_reply {margin: 0 6px 0 5px;}
a.msg_del {background: url("img/mail_row_del.gif") no-repeat 0 0;}
a.msg_reply {background: url("img/mail_row_reply.gif") no-repeat 0 0;}
a.msg_del:hover, a.msg_reply:hover{
	background-position: 0 -16px;
}
div#msg_links{
	position: relative;
	background-color: #1a3c6b;
	border: 1px solid #fff;
	color: #fff;
	/*padding: 2px;*/
	width:600px;
	margin-left:auto;
	margin-right:auto;
	height: 20px;
}
div#msg_links a:link, div#msg_links a:visited{
	color: #8f8f8e;
}
div#msg_links a:hover{
	background: none;
	background-position: center;
	color: #c6ff00;
}

div#msg_links .openbox2{
	/*position: absolute;*/
	background: url("img/mail_openbox.gif") no-repeat;
	/*background-position: center;*/
	/*display: block;*/
	/*top: 0;*/
	width: 8px;
	height: 20px;
	/*left: 10px;*/
	text-align: center;
	float: left;
}

ul#msglinks {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#msglinks li{
	float: left;
	margin-left: 10px;
    width: 135px;
}
ul#msglinks li a {
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 19px;
	line-height:19px;
	text-decoration: none;
	font-style: normal;
}
ul#msglinks .openbox {
	background:  url("img/mail_openbox.gif") no-repeat;
	background-position: center top;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	height: 19px;
	padding: 0 0 0 8px;	
	line-height:19px;
	display: block;

}
ul#msglinks li a:link, ul#msglinks li a:visited {
	font-weight: normal;
	font-size: 13px;
	color: #8f8f8e;
	display: block;
	padding: 0 0 0 8px;
	margin: 0 0 1px 0;
	background:  url("img/mail_closedbox.gif") no-repeat;
	background-position: center top;	
	}
ul#msglinks li a:hover {
	color: #FFF;
	background:  url("img/mail_openbox.gif") no-repeat;
	background-position: center top;
	}
table.guidetable
{
	width: 700px;
	border: 1px solid #C6FA0C;
	background-color: #333333;
	color: #fff;
}
table.guidetable td {
    text-align: justify;
}
table.guideeras td {
    text-align: center;
}
table.guidetable th {
	font-weight: bold;
}
table.guidetable .title {
	font: bold 15px Verdana;
	line-height: 12px;
	text-align:center;
	color: white;
	background: url("img/scoreheader.gif");
}

/* MAIN BOXES */
div.mbox {
padding: 1px;
border: 1px solid #C6FA0C;
width: 200px;
float:left;
margin:8px;
background-color: #232323;
text-align: left;
min-height: 100px;
}
span.mheader{
	font: bold 14px Verdana;
	color: #fff;
	text-align:center;
	width: 100%;
	display: block;
	margin-bottom: 3px;
	background: url("img/scoreheader.gif") repeat-x;
}
div.mcontent {
padding: 2px 2px 2px 10px;
}
.personalnotes {
	border: 1px solid #202020;
	border-width:thin;
	margin: 5px auto 10px auto;
	width: 310px;
	color: #939393;
	background-color: #101010;
}
.pnoteschange {
	border: 1px solid #ff3939;
	background-color: #eeeeee;
	color: #000;
}

/* MAIN PAGE DIVS */
div#mainholder{
width:700px;
position:relative;
margin: 0 auto 0 auto;
}
div.mcholder{
float:left; 
width: 343px;
height:632px;
border:1px solid #c6fa0c;
background: #101010;
}
div.mcbox{
position:relative;
text-align: left;
height:25px;
background: url('img/mn_header.gif'); 
font: bold 14px Arial; 
color: #000; 
padding: 5px 0 0 40px;
}
div.mcontent {
padding: 5px 8px 5px 8px;
font: normal 13px Arial;
color: #d6bf61;
text-align: justify;
}
div.mcontent a:link, div.mcontent a:visited {
color: #7a6201;
}
div.mcontent a:hover {
background: none;
color: #fdefb5;
}

#notesheader{
position: relative;
text-align: center;
}
#linknote {
position:absolute;
font: normal 11px Verdana;
float: right;
top:2px;
right:5px;
}
#savenote {
 color: red;
}

/* Prevent text area resize for Safari and Chrome, global setting will affect any textarea element. It don't validate in CSS 2.1 */
textarea {
    resize: none;
}

#gamenews_icon {
    margin: -4px 0 -3px 0;
}

.market_black {
    font: bold 15px Verdana;
    color: #000;
}
.market_pub {
    font: bold 15px Verdana;
    color: #fff;
}

#logo_black_market, #logo_public_market {
    display: block;
    width: 325px;
    height: 48px;
    margin: 0 auto 0 auto;

}
#logo_black_market{
    background: url("img/page_black_market.png") no-repeat;
}
#logo_public_market{
    background: url("img/page_public_market.png") no-repeat;
}
input[type=submit],input[type=button]{
	padding: 2px;
	margin: 2px;
	height: 22px;
	border-radius: 6px;
	cursor: pointer;
	/*border: 1px solid #999999;*/
	background-color: #fff;
	background: linear-gradient(to bottom,#fff 0%, #666666 100%);
}
input[type=submit]:hover,input[type=button]:hover{
	border-color: #fff;
	background-color: #333333;
	background: linear-gradient(to bottom,#fff 0%, #222222 15%, #333333 50%, #666666 85%,#222222 87%, #fff 100%);
	color: #fff;
}

ul#changelog {
	margin: 0 5px 0 5px;
	padding: 0 20px 0 20px;
}
ul#changelog ul li, ul#gamenews ul li {
	text-align: justify;
}
ul#gamenews {
    list-style: none;
    margin: 0;
    padding: 5px;
    
}
ul#gamenews ul {
    margin: 0;
    padding: 5px 14px 5px 14px;
    border: 1px solid #232323;
    background: #1a1919;
}
ul#gamenews li {
    padding: 4px;
    text-align: center;
    color: #C5FA0C;
}
ul#gamenews ul li {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    list-style: none;
    color: #fff;
}

.report_loan, .report_wartax {
    color: yellow;
}
#graphs {
    margin: 3px;
    padding: 0 0 20px 0;
    position: relative;
    color: #7CA0AC;
}
#graphs .legend {
    cursor: default;
}
#graphs .legend:hover .empire_info {
    visibility: visible;
}
#graphs .empire_info {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 110;
    border-radius: 12px;
    background: rgba(255,255,255,0.1);
    padding: 1px 3px 1px 3px;
    color: #787878;
    visibility: hidden;
}
#graphs .empire_info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#graphs .empire_info li {
    /*border-left: 1px solid #000;*/
}
#graphs .graphholder {
    /*border: 1px solid #fff;*/
    position: relative;
    border: none;
    background: rgba(155,155,155,0.05);
    border-radius: 10px;
    padding: 5px 18px 8px 18px;
    margin: 0 0 4px 0;
}
#graphs .graphholder:hover {
    background: rgba(255,255,255,0.05);
}
#graphs .graphholder:hover .empire_info {
    visibility: visible;
}

#graphs .graph{
    width: 600px;
}
#graphs .graph2 {
    width: 300px;
}          
#graphs .bar, #graphs .bar2, #graphs .bar3 {
        position: relative;
        display: block;
        height: 26px;
        z-index: 90;
        -moz-box-shadow: 0 10px 10px hsla(0,0%,0%,.2);
        -webkit-box-shadow: 0 10px 10px hsla(0,0%,0%,.2);
        box-shadow: 3px 2px 2px hsla(0,0%,0%,.2);
}
#graphs .bar:hover, #graphs .bar:hover .start, #graphs .bar2:hover, #graphs .bar2:hover .start {
        background:rgba(184,203,205,1);
}
#graphs .bar:hover .ball, #graphs .bar2:hover .ball {
        background:rgba(194,213,215,1);
}
#graphs .value {
    cursor: default;
    position: absolute;
    color: #c3f0ff;
    right: 18px;
    font-family: Arial, Serif;
    font-size: 12px;
    font-weight: 200;
    top: 7px;
    z-index: 100;
}
#graphs .ball {
        position: absolute;
        z-index: 100;
        display: block;
        /*background-color:rgba(86,111,215,1); */
        /*background: -moz-linear-gradient(90deg, #1a6c90, #14506b); */
        /*background: -webkit-gradient(linear, 0 top, 0 bottom, from(#1a6c90), to(#14506b));*/
        position:absolute;
        right: -13px;
        width: 26px;
        height:26px;
        -moz-border-radius: 26px/26px;
        -webkit-border-radius: 26px 26px;
        border-radius: 26px/26px;
       
}
#graphs .start {
        position: absolute;
        left: -13px;
        width: 26px;
        height: 26px;
        -moz-border-radius: 26px/26px;
        -webkit-border-radius: 26px 26px;
        border-radius: 26px/26px;      
}

#graphs .info {
    cursor: default;
    z-index: 110;
    left: 15px;
    top: -7px;
    padding: 1px 10px 1px 10px;
    display: none;
    font-family: Arial, Serif;
    font-size: 12px;
    white-space:nowrap;
    position: absolute;
    min-width: 80px;
    color: #000;
    background: #fff;
    height: 17px;
    line-height: 17px;
    text-align: left;
    border-radius: 10px;
    box-shadow: 0px 0px 6px #000;
}
#graphs .bar:hover .info, #graphs .bar2:hover .info {
    display: block;
}

/* COLORS */
#graphs .bar {
    background: -moz-linear-gradient(90deg, #1a6c90, #14506b); 
    background: -webkit-gradient(linear, 0 top, 0 bottom, from(#1a6c90), to(#14506b));
}
#graphs .bar .start {
    background: -moz-linear-gradient(90deg, #1a6c90, #14506b); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#1a6c90), to(#14506b));           
}
#graphs .bar .ball {
    background: linear-gradient(to top, rgba(140,187,204,1), rgba(31,101,140,1));
}
#graphs .bar2 {
    background: -moz-linear-gradient(90deg, #145f6c, #1a8f88); 
    background: -webkit-gradient(linear, 0 top, 0 bottom, from(#145f6c), to(#1a8f88));
}
#graphs .bar2 .start {
    background: -moz-linear-gradient(90deg, #145f6c, #1a8f88); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#145f6c), to(#1a8f88));           
}
#graphs .bar2 .ball {
    background: linear-gradient(to top, #2fa4a5, #156667);
}
#graphs .bar3 {
    background: -moz-linear-gradient(90deg, #88BE86, #32632C); 
    background: -webkit-gradient(linear, 0 top, 0 bottom, from(#88BE86), to(#32632C));
}
#graphs .bar3 .start {
    background: -moz-linear-gradient(90deg, #88BE86, #32632C); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#88BE86), to(#32632C));           
}
#graphs .bar3 .ball {
    background: linear-gradient(to top, #6FC380, #699677);
}

#graphs .graphLegend {
    position: absolute;
    right: 0;
    bottom: 0;
    /*border: 1px solid #fff;*/
    border-radius: 2px;
    /*background: rgba(255,255,255,0.1);*/
    color: #C3F0FF;
    /*box-shadow: 0px 0px 6px #000;*/
    width: 200px;
    /*height: 150px;*/
    padding: 2px;
    text-align: center;
    font-size: 11px;
}
#graphs .graphLegend3 {
    width: 300px;
}

#graphs .graphLegend .bar, #graphs .graphLegend .bar2, #graphs .graphLegend .ball , #graphs .graphLegend .start  {
    height: 12px;
}
#graphs .graphLegend .ball, #graphs .graphLegend .start {
    width: 12px;
    border-radius: 12px;
}
#graphs .graphLegend .start {
    left: -6px;
}
#graphs .graphLegend .ball {
    right: -6px;
}

.changelogTip {
    margin: 0;
    font-family: Arial, Serif;
    color: #9f9f9f;
    font-size: 11px;
    padding: 0 2px 0 20px;
}