/*  Created by Teeneinstein Corporation.
 Copyright (c) 2012 Teeneinstein Corporation. All rights reserved.
 Version:03 - Modified @ July-14-2016 14:40 
*/
@charset "utf-8";
html, body {
	width: 100%;
	height: 100%;
}

#sketch {
	border: 3px solid gray;
	height: 300px;
	position: relative;
}

#tmp_canvas {
	position: absolute;
	left: 0px; right: 0;
	bottom: 0; top: 0;
	cursor: crosshair;
}/* CSS Document */

a:link {
    text-decoration: none;
	color:#000000;
}

/*** worksheet box ***/

#reports_box1
{
  position:absolute;
  width:290px;
  height:450px;	
  left:-60px;
  top:-12px;
  overflow:auto;
}
#reports_box2
{
  position:absolute;
  width:742px;
  height:390px;
  left:219px;	
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

#reports_box21
{
  position:absolute;
  width:732px;
  height:390px;
  left:231px;	
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

#reports_topics_box {
	left:0px;
	width:710px;
	height:78px;
	padding:15px;
	border-radius:0px;
    border:1px solid #999;
 	}

#reports_topics {
	width:400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:normal;
	font-weight:lighter;
	left:0px;
	padding:15px;
	cursor:pointer;
	text-decoration:none;
}

#reports_topics_date {
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:200px;
	position:absolute;
	left:495px;
	padding:15px;
	font-weight:lighter;
	text-decoration:none;
}

.reports_online {
	position:absolute;
	right:90px;
	width:50px;
	height:61px;
	background-image:url("images/worksheet_online.png");
	background-color:transparent;
	border:none;
	padding:15px;
	cursor:pointer;
}

.reports_offline {
	position:absolute;
	right:30px;
	width:50px;
	height:61px;
	background-image:url("images/worksheet_offline.png");
	background-color:transparent;
	border:none;
	padding:15px;
	cursor:pointer;
}
ul.reports
{ 
    font-family:Helvetica;
	font-weight:100;
	font-style:normal;
	font-size:18px;
	letter-spacing:1px;
	color:black; 
}

ul.reports li
{ 
position:relative;
width:716px;  
margin:20px 0px;
height:20px;
}
.lists li.rounds {
	
}
label
{
    margin: 4px 0px 2px 0px;
    float: left;
    width: 150px;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:lighter;
}
label {
  width:800px;
}




h1 {
    text-align: center;
}

.wrapper {
    width: 250px;
    margin: 40px auto;
}

.tree-menu ul { list-style: none; }

.tree-menu > ul { padding: 0; }

.tree-menu a {
  display: block;
  vertical-align: middle;
  text-decoration: none;
  padding: 6px;
  background-color: #efefef;
  border-radius: 4px;
  margin-bottom: 1px;
  color: #002888;
  -moz-transition: background-color 0.25s linear;
  -webkit-transition: background-color 0.25s linear;
  -o-transition: background-color 0.25s linear;
  transition: background-color 0.25s linear;
  -moz-transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.tree-menu a:hover {
  color: #f53d3e;
  -moz-transition: background-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.tree-menu .active > a:hover,
.tree-menu .selected > a,
.tree-menu a:hover { background-color: #c6cdde; }

.tree-menu .selected > a {
  color: #f53d3e;
  font-weight: bold;
  text-decoration: none;
}

.tree-menu .active > a { background-color: #e1e3e9; }

.tree-menu .closed > a,
.tree-menu .opened > a {
  padding-left: 24px;
  background-position: 4px 8px;
  background-repeat: no-repeat;
}

.tree-menu .closed > a { background-image: url(images/icon-expand.gif); }

.tree-menu .opened > a { background-image: url(images/icon-collapse.gif); }