@charset "utf-8";

table.fixed {table-layout:fixed; width:600px;}/*Setting the table width is important!*/
table.fixed td {overflow:hidden;}/*Hide text outside the cell.*/
table.fixed td:nth-of-type(1) {width:200px;}/*Setting the width of column 1.*/
table.fixed td:nth-of-type(2) {width:200px;}/*Setting the width of column 2.*/
table.fixed td:nth-of-type(3) {width:200px;}/*Setting the width of column 2.*/

table.fixedpercentage {table-layout:fixed; width:100%}/*Setting the table width is important!*/
table.fixedpercentage td {overflow:hidden;}/*Hide text outside the cell.*/
table.fixedpercentage td:nth-of-type(1) {width:33%;}/*Setting the width of column 1.*/
table.fixedpercentage td:nth-of-type(2) {width:33%;}/*Setting the width of column 2.*/
table.fixedpercentage td:nth-of-type(3) {width:33%;}/*Setting the width of column 2.*/

table.scroll {
    /* width: 100%; */ /* Optional */
    /* border-collapse: collapse; */
    border-spacing: 0;
    width: 100%;
}

table.scroll tbody,
table.scroll thead { display: block; }

table.scroll thead tr th {
    height: 30px;
    line-height: 30px;
    /* text-align: left; */
}

table.scroll tbody {
    height: 120px;
    overflow-y: auto;
    overflow-x: hidden;
}

table.scrolltbody { border-top: 2px solid black; }

table.scrolltbody td, table.scroll thead th {
    /* width: 20%; */ /* Optional */
    border-right: 1px solid black;
    font-size: small;
    /* white-space: nowrap; */
}

table.scroll tbody td:last-child, table.scroll thead th:last-child {
    border-right: none;
}

table.scroll tr.spaceUnder > td
{
  font-size: small;
}

table.scroll tr >  td
{
    font-size: small;
    padding-right: 5px;
}

table.scroll tr:nth-child(even) {
    background-color: #6c9fcf;
}

table.scroll tr:nth-child(odd) {
    background-color: #FFFFFF;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url("http://themes.googleusercontent.com/static/fonts/opensans/v8/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff") format("woff");
}

body, html
{
    background-color: #F1F1F1;
    font-family: Route, Verdana, 'Bitstream Vera', sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
}

fieldset
{
    border-color: #333333;
    border: 1px solid;
    margin: 10px;
    width: 75%;
}

#bordertable
{
    border: 1px solid #333333;
}

#bordertable td
{
    border: 1px solid #333333;
}

legend
{
    font-family: Route, Verdana, 'Bitstream Vera', sans-serif;
}

#content h1
{
    font-size: 23px;
}

#sidebar
{
    background-color: #333333;
    float: left;
    width: 9%;
    height: 100%;
}

#content
{
    height: 100%;
    margin: auto;
    padding: 5px;
    overflow: scroll;
}

#content li
{
    margin: 5px;
}

#loginbox
{
    border: 1px solid #333333;
    width: 340px;
    height: 190px;
    font-size: small;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0px 0px 0px 0px;
}

#loginsidebar
{
    background-color: #222222;
    width: 80px;
    height: 180px;
    float: left;
    padding: 5px;
    margin-right: 5px;
}

#button {
	background-color:#63b8ee;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #3866a3;
	display:inline-block;
	color:#14396a;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	height:26px;
	line-height:26px;
	width:89px;
	text-decoration:none;
	text-align:center;
}#button:hover {
	background-color:#468ccf;
}#button:active {
	position:relative;
	top:1px;
}

#inputtext
{
    border: 1px solid #DDDDDD;
}

.clickbtn {
  color: #000000;
  font-size: 20px;
  background: #F1F1F1;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border-style: solid;
}

.clickbtn:hover {
  background: #f0f0f0;
  text-decoration: none;
}