/*
    Document   : TableStyle
    Created on : 11.10.2012, 11:26:17
    Author     : DavidStein
    Description:
        Purpose of the stylesheet follows.
*/
div .datagrid{
          width: 370px;
          display:  inline-block;
          margin-left: 10px;
          margin-top: 10px;
          margin-bottom: 10px;
          float: left;
}
.datagridH1{
          font-size: 20px;;
          text-align: center;
}
.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } 
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #A65B1A; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.datagrid table td, .datagrid table th { padding: 3px 10px; }
.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A65B1A), color-stop(1, #7F4614) );background:-moz-linear-gradient( center top, #A65B1A 5%, #7F4614 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A65B1A', endColorstr='#7F4614');background-color:#A65B1A; color:#FFFFFF; font-size: 16px; font-weight: bold; border-left: 1px solid #BF691E; }
.datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #7F4614; border-left: 1px solid #D9CFB8;font-size: 12px;font-weight: normal; }
.datagrid table tbody .alt td { background: #F0E5CC; color: #7F4614; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }


/* Resets */
.graph-container,
.graph-container div,
.graph-container a,
.graph-container span {
    margin: 0;
    padding: 0;
}


/* Gradinet and Rounded Corners */
.graph-container, #tooltip, .graph-info a {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 100%);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* Graph Container */
.graph-container {
    position: relative;
    width: 920px;
    height: 300px;
    padding: 20px;

    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
    box-shadow: 0px 1px 2px rgba(0,0,0,.1);
}

.graph-container > div {
    position: absolute;
    width: inherit;
    height: inherit;
    top: 10px;
    left: 25px;
}

.graph-info {
    width: 960px;
    margin-bottom: 10px;
}


.graph-info a {
    position: relative;
    display: inline-block;
    float: left;
    height: 20px;
    padding: 7px 10px 5px 30px;
    margin-right: 10px;
    text-decoration: none;
    cursor: default;
}


/* Color Circles */
.graph-info a:before {
    position: absolute;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    top: 13px;
    left: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.graph-info .visitors { border-bottom: 2px solid #71c73e; }
.graph-info .returning { border-bottom: 2px solid #77b7c5; }

.graph-info .visitors:before { background: #71c73e; }
.graph-info .returning:before { background: #77b7c5; }


/* Lines & Bars Buttons */
#lines, #bars {
    width: 34px;
    height: 32px;
    padding: 0;
    margin-right: 0;
    margin-left: 10px;
    border-bottom: 2px solid #71c73e;
    float: right;
    cursor: pointer;
}

#lines.active, #bars.active {
    background: #82d344;
    background: -moz-linear-gradient(top, #82d344 0%, #71c73e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82d344), color-stop(100%,#71c73e));
    background: -webkit-linear-gradient(top, #82d344 0%,#71c73e 100%);
    background: -o-linear-gradient(top, #82d344 0%,#71c73e 100%);
    background: -ms-linear-gradient(top, #82d344 0%,#71c73e 100%);
    background: linear-gradient(to bottom, #82d344 0%,#71c73e 100%);
}

#lines span, #bars span {
    display: block;
    width: 34px;
    height: 32px;
    background: url('../images/grafy/lines.png') no-repeat 9px 12px;
}

#bars span { background: url('../images/grafy/bars.png') no-repeat center 10px; }

#lines.active span { background-image: url('../images/grafy/lines_active.png'); }

#bars.active span { background-image: url('../images/grafy/bars_active.png'); }


/* Clear Floats */
.graph-info:before, .graph-info:after,
.graph-container:before, .graph-container:after {
    content: '';
    display: block;
    clear: both;
}
#tooltip, .graph-info a {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    color: #646464;
}

.tickLabel {
    font-weight: bold;
    font-size: 12px;
    color: #666;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


.yAxis .tickLabel:first-child,
.yAxis .tickLabel:last-child { display: none; }
#tooltip {
    position: absolute;
    display: none;
    padding: 5px 10px;
    border: 1px solid #e1e1e1;
}


#mobilniStats {
  height:110px;
  position:relative;
  margin-top:15px;
}

#mobilniStats #mobilni, #mobilniStats #desktop {
  width: 80px;
  position:absolute;
  bottom:0;
  color:white;
  text-align:center;
}

#mobilniStats #mobilni span, #mobilniStats #desktop span {
  position:relative;
  top:-18px;
  font-size:18px;
  color:black;
}

#mobilniStats #desktop {
  background:#77b7c5 url('../images/grafy/Mac.png') no-repeat center center;
}

#mobilniStats #mobilni {
  left:100px;
  /*min-height:34px;*/
  background: #82d344 url('../images/grafy/iPhone.png') no-repeat center center;
}
.dashboardCall {
  display:block;
  clear:both;
  border:1px solid #eee;
  border-radius:3px;
  background:rgba(0,0,0,0.15);
  max-width:948px;
  font-size:10px;
  text-transform:uppercase;
  margin-top:8px;
  padding:6px;
  color:black;
  text-shadow:1px 1px 0 rgba(255,255,255,0.5);
  text-decoration:none;
}
.dashboardCall:hover {
  background:rgba(0,0,0,0.1);
  border:1px solid #ccc;
  cursor:hand;
  cursor:pointer;
}