@import url('base.css');
div#sidebar > ul.nav
{
background-color:white;
display:block;
padding:0;
width:100%;
text-align:left;
margin:0;
}

.userflag
{
display:block;
float:left;
background-color: rgb(29,45,68);
margin:10px;
width: 260px;
height: 64px;
position:relative;
border-radius:5px;
font-weight: bold;
border: 2px solid rgb(0,162,232);
transition: background-color 0.1s;
}

tr.timeRow:hover > td
{
  font-size: 18px;
  cursor: pointer;
}

.userflag:hover
{
  background-color: rgb(0,162,232);
  cursor:default;
}

.userflag.admin:hover
{
  cursor: pointer;
  background-color: orange;
}

div#modify
{
  position: relative;
  padding: 10px;
}
div#personalInfo
{
  position: relative;
  width: 100%;
	display: inline-block;
}
.statusbulb[status="1"]
{
  border: 2px solid white;
  background-color: #00FF33;
}
.statusbulb[status="0"]
{
  border: 2px solid black;
  background-color: #CC0033;
}

.statusbulb
{
  border-radius:10px;
  position:absolute;
  display:block;
  left: 5px;
  width: 26px;
  height:24px;
  top:20px;
}

span.edit
{
	text-decoration: underline;
	color: blue;
}
span.edit:hover
{
	cursor: pointer;
	text-decoration: none;
}
div#personalInfo > div
{
  width: 100%;
  background-color: rgb(29,45,68);
  border-bottom: 2px solid rgb(0,162,232);
  font-size:20px;
  font-weight:bold;
  height: 250px;
  color: white;
}
div#personalInfo > div > div
{
  height: 100%;
  display: table;
  width:100%;
}
div#personalInfo > div > div > div
{
  display:table-cell;
  position:static;
  vertical-align: middle;
}
div#personalInfo > div > div > div >span
{
  padding: 10px;
  display:block;
}
div#topnav > ul
{
	list-style: none;
	display: inline-block;
}
div#topnav > ul > li
{
	display: inline-block;
	padding:10px;
	margin-right:10px;
	border-bottom: 1px solid black;
	transition: background-color 0.25s;
	border-radius: 10px;
}
div#topnav > ul > li:hover
{
	background-color:orange;
	border-bottom: 1px solid rgb(76,143,251);
	cursor: pointer;
}
tr.highlight > td:hover
{
	cursor: pointer;
	padding: 20px;
}

table.report
{
overflow: auto;
}
table.report > tbody
{
width: 100%;
}
table.report > tbody > tr:nth-child(odd) > td
{ background-color: white; }
table.report > tbody > tr:nth-child(even) > td
{
background-color: rgb(200,215,230);
border-bottom: 1px solid black;
}
table.report > tbody > tr
{
width: 100%;
}

div#user > span:hover
{
  text-decoration: underline;
}
div#user:hover
{
  cursor: pointer;
}
div#userlnks > ul
{
  list-style: none;
  text-align: left;
  padding:5px;
}
div#userlnks > ul > li:hover > span
{ margin-left: 20px; }
div#userlnks > ul > li > span
{
  transition: margin-left .25s;
  display: inline-block;
  width:100%;
  height: 100%;
}
div#userlnks > ul > li > span > a
{

  display:inline-block;
  width: 100%;
  height: 100%;
}
div#userlnks > ul > li:hover
{
  border-bottom: 2px solid orange;
  cursor: hover;
}
div#userlnks > ul > li
{
  border: none none flat none;
  display: inline-block;
  border-bottom: 2px solid gray;
  padding:10px;
  width:100%;
  background-color:white;
  color: black;
  left: 0;
}
div#userlnks
{
  z-index: 999;
position:absolute;
bottom:0xp;
background-color:rgb(76,143,251);
width:100%;
left:0px;
display:none;
border-radius: 10px;
margin-top: 15px;
}

ul.nav > li > span
{
transition: margin-left 0.25s;
}

ul.nav > li[selected=false]:hover > span
{
margin-left: +30px;
}

ul.nav > li[selected=true] > span:hover
{ cursor: default; }

ul.nav > li[selected=true] > span
{
margin-left: +30px;
}

#puncher[status="1"]:hover
{
  background-color: red;
}

#puncher[status="0"]:hover
{
  background-color: green;
}

ul.nav > li[selected=true]
{
background-color: white;
border-bottom: 2px solid orange;
list-style: none;
display: block;
padding:15px;
}

input[type="button"][disabled="true"]
{
  background-color: gray;
}
ul.nav > li[selected=false]:hover
{
cursor: pointer;
background-color: rgb(223,243,249);
}

ul.nav > li[selected=false]
{
border-bottom: 1px solid rgb(128,128,128);
list-style: none;
display: block;
padding:15px;
}

div#wrapper
{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
display:
inline-block;
overflow:auto;
}

div#viewwrap
{
  position: absolute;
  left: 281px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
}

div#viewport
{
  position: relative;
  display: inline-block;
  overflow: auto;
  width: 100%;
  height: 100%;
}
div#sidebar
{
position:absolute;
left: 0px;
top: 0px;
bottom: 0px;
width: 280px;
z-index: 999;
display:inline-block;
float:left;
border-style: none solid none none;
border-right: 2px solid rgb(230,230,230);
background-color: rgb(250,250,250);
}
div#titlebar
{
    position:relative;
    display:inline-block;
    float:left;
    width:100%;
    height:81px;
    border-style: none none solid none;
    border-bottom:3px solid rgb(0,162,232);
    background-color:rgb(29,45,68);
}