path { 
    stroke: steelblue;
    stroke-width: 2;
    fill: none;
}

.axis path,
.axis line {
    fill: none;
    stroke: grey;
    stroke-width: 1;
    shape-rendering: crispEdges;
}
/* Addon 5,6,7 - part 1*/
.grid .tick {
    stroke: lightgrey;
    stroke-opacity: 0.7;
    shape-rendering: crispEdges;
}
.grid path {
          stroke-width: 0;
}

.axis text {
	fill: #fff;
}

#tr2 {
 background: none;
color: black;
}

caption{
color: white;
 background: silver;

}

#table33 {
background: white;
padding: 10px; 
width: 400px;
box-shadow: 10px 10px 5px #888888;
}

#chart1 {
/*background: black; */
color: white;
}

#last5events {
    border-radius: 25px;
    border: 2px solid red;
    background: white;
    padding: 10px; 
    width: 440px;
   /* height: 160px; */
    text-align:center;
    box-shadow: 10px 10px 5px #888888;
   /* position:absolute;left:32%;top:76%;  */
}

tr:nth-child(even) {background-color: #e2e2e2}

A:link { 
COLOR: Orange; 
TEXT-DECORATION: none 
}

A:visited { 
COLOR: Orange; 
TEXT-DECORATION: none 
}

A:hover {
COLOR: Green;
text-shadow 3px 3px #e2e2e2; 
}

.circle {
display:block;
width:100px;
height:100px;
/* border: 2px solid blue;*/
border-radius:50%;
color:#fff;
line-height:100px;
text-shadow:2px 2px 3px #666;
text-align:center;
text-decoration:none;
/*box-shadow:3px 3px 4px #000;background:#cccbbb; */
opacity:0.95;
font-size:10px;
font-family:arial;
font-weight:bold;
box-shadow:
        inset 6px 3px 5px 1px rgba(0,0,0,0.1),
        1px 1px 0 rgba(255,255,255,0.4),
        0 0 10px 2px rgba(0, 0, 0, 0.5);

}

.green{
background:linear-gradient(to bottom, #99CC00, #ffffff);
}

.orange{
background:linear-gradient(to bottom, #ff9900, #ffffff);
}

.red{
background:linear-gradient(to bottom, #ff3300, #ffffff);
}

.blueorange{
background: red; /* For browsers that do not support gradients */
background: -moz-radial-gradient(circle, #ff9900 30%, #002e4d 70%);
/*background:linear-gradient(to bottom, #0764D2, #ff3300); */
/*background: radial-gradient(#ff3300 66%, #0764D2 33%); */
}


.bluered{
background: red; /* For browsers that do not support gradients */
background: -moz-radial-gradient(circle, red 30%, #002e4d 70%);
/*background:linear-gradient(to bottom, #0764D2, #ff3300); */
/*background: radial-gradient(#ff3300 66%, #0764D2 33%); */
}


.blue{
background:linear-gradient(to bottom, #0764D2, #ffffff);
}
.blue:hover{
color:#eee;
text-shadow:2px 2px 3px #666;
text-decoration:none;
box-shadow:0 0 4px #222 inset;
color:#fff;
background:linear-gradient(to bottom, #0764D2, #ffffff); 
opacity:1;
}


.inset2{
display:block;
width:150px;
height:150px;
border-radius:50%;
font-size:20px;
color:#fff;
line-height:150px;
text-shadow:1px 2px 0 #666;
text-align:center;
text-decoration:none;
box-shadow:3px 3px 4px #000;background:#cccbbb;
opacity:0.95;
background:linear-gradient(to bottom, #0764D2, #ffffff);
}

.ribbon {
 font-size: 24px !important;
 /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */

 width: 30%;
    
 position: relative;
 background: #609732;
 color: #fff;
 text-align: center;
 padding: 1em 2em; /* Adjust to suit */
 margin: 2em auto 3em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
 border: 1.5em solid #3e7213;
 z-index: -1;
}
.ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbon:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #224c00 transparent transparent transparent;
 bottom: -1em;
}
.ribbon .ribbon-content:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
 right: 0;
 border-width: 1em 1em 0 0;
}