body {
    background-color:#fff;
    padding:0px;
    margin:0px;
}

body, th, td {
    font-family:Sans-Serif;
    font-size:1.0em;
	line-height: 1.0em;
}

a {
    color:#0000FF;
    text-decoration:underline;
}

h1 img {
	display:inline;	
	height:24px;
}

h2 {
    color: #000;
    font-weight:normal;
	background: #fff;
	padding-bottom: 10px;
	font-size: 20px;
	box-sizing: border-box;
	border-bottom: #ccc dotted 1px;
}

header h2 {
	background:none;
	color:#333;
	padding:0px;
	margin:0px;
	border:none;
}

input, textarea, select, button {
	font-size: 15px;
	font-family: inherit;
	box-sizing: border-box;
	max-width:100%;
}

input[type="text"], 
input[type="number"], 
input[type="email"], 
input[type="password"], 
input[type="tel"], 
input[type="date"], 
input[type="datetime"], 
input[type="datetime-local"], 
select, textarea {
	min-width: 300px;
	padding:3px;
	border: solid 1px #ccc;
	background: #fff;
}

input[type="number"] {
	width:100px;
}

.nowrap {
	white-space:nowrap;
}

.wrap {
    display:block;
    width:1000px;
    margin:auto;
    padding:10px;
}

.max100 {
	max-width:100%;
}

.max50 {
	max-width:50%;
}

.or:before {
    content: "ili";
    padding-left: 10px;
    padding-right: 10px;
}

.right {
    float:right;
}

.left {
    float:left;
}

.disabled {
	opacity: 0.5;
}

.document {
	float:left;
	display:block;
	width:120px;
	padding-top:100px;
	text-align:center;
	font-size:10px;
	overflow:hidden;
	margin-right:10px;
	margin-bottom:10px;
	background:url(../img/list.png) center center no-repeat #efefef;
	text-shadow: 0px 0px 3px #fff;
}

.pseudolink {
	color: #000;
	text-decoration:none;
}

.pseudolink:hover {
	color:blue;
	text-decoration:underline;
}

footer {
    box-shadow: 0px 0px 10px #ccc;
    background-color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	line-height:1.4em;
}

header {
    color:#000;
    padding:0px;
    background: #fff;
	padding-top:20px;
	padding-bottom:10px;
	box-shadow: 0px 0px 5px #ccc;
}

header h2 {
    margin:0px;
    padding:0px;
    font-size:1.5em;
	padding-bottom:20px;
	padding-top:20px;
    color:#ccc;
}

header .spacer:before {
    content: '▸'; 
    color:#C0C0C0;
}

header .wrap {

}

header img {
    height:48px; 
    margin-right:20px;
}

header h1 {
    font-size: 30px;
    margin:0px;
    padding:0px;
}

content {
    background: #fff;
    display:block;
    margin:auto;
    min-height:500px;
}

#proj_icon {
	height:90px;
	width:90px;
	border-radius:20px;
	background-color:#efefef;
	background-repeat: no-repeat;
	background-size: cover;
}

.image_preview {
    display:inline-block;
    width:90px;
    height: 90px;
    cursor:pointer;
    margin-bottom:10px;
    margin-top:0px;
    background: url(../img/new.png) no-repeat center center;
    border: solid 1px #999;
}

textarea {
    height: 150px;
    width:500px;
}

textarea.small {
    height:100px;
    width:200px;
}

.small, small {
	font-size:12px;
	color:#666;
}

.red {
	color:#FF0000;
}

.green {
	color:#008000;
}

.blink {
	animation: blinker 2s step-start infinite;
}



.hide {
    display:none;
}

.arrow:before {
	content: ' / ';
	color: #C0C0C0;
}

menu {
    margin:0px;
    padding:0px;
}

menu h1 {
    font-size:2em;
    padding:0px;
    margin:0px;
    color:#333;
}

menu ul {
    margin:0px;
    padding:0px;
}

menu ul li {
    list-style:none;
    display:inline-block;
    float:left;
}

menu a {
    text-decoration:none;
    color: #333;
    margin-left:20px;
    display:block;
    padding:2px;
    border:none;
}

menu a.active {
	opacity:0.5;
}

menu a:hover img {
	margin-top:-3px;
	transition: 0.1s;
}

menu img {
    height: 32px;
    vertical-align: middle;
}

table.grid {
    border: solid 1px #ccc;
    border-collapse: collapse;
    width:100%;
}

.grid_wrap {
    display:block;
    max-width:100%;
    overflow: auto;
}

table.grid meter {
	width:50px;
	height:10px;
}

table.grid th {
    color:#555;
    padding:5px;
    background:#efefef;
}

table.grid th a {
    color: #555;
    text-decoration:none;
}

table.grid th a:hover {
    text-decoration:underline;
    color:#0000ff;
}

table.grid tr:nth-child(odd) {
    background: #efefef;
}

table.grid tr:hover {
	background:#FFFFBB;
}

table.grid td, table.grid th {
    border-collapse: collapse;
    border: solid 1px #ccc;
    font-size: inherit;
    padding:5px;
}

form label {
	float: left;
	width: 120px;
	margin-bottom: 5px;
	padding-right:20px;
	margin-bottom: 20px;
	padding:3px;
	cursor:pointer;
}

.comment, .box {
	display:inline-block;
	min-width:300px;
	padding: 10px;
	margin-top:10px;
	border: solid 1px #ccc;
	font-size:12px;
	background: url(../img/avatar.png) no-repeat 9px 12px #efefef;
	padding-left:50px;
	box-sizing:border-box;
}


.comment hr {
    background:#ccc;
    border:none;
    margin-top:5px;
    margin-bottom:5px;
    color:#ccc;
}

.box {
	min-width:150px;
	margin:0px;
	margin-right: 10px;
	float:left;
	padding:10px;
	background:#efefef;
	white-space:nowrap;
}

.big_text {
	font-size: 50px;
	font-weight:bold;
	display:inline;

}

.spaced {
    margin-right:10px;
}

.comment h3, .comment p {
	margin-bottom:5px;
}

.comment small {
	font-size:10px;
}

#message {
    position:fixed;
    background: rgb(0, 0, 0, 0.2);
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index: 10000;
    text-align:center;
}

.dialog {
    padding: 10px;
    padding: 20px;
    background: #fff;
    text-align: left;
    display: block;
    max-width: 400px;
    margin: auto;
    padding-bottom: 20px;
    margin-top: 100px;
    box-shadow: 0px 0px 10px #000;
}

.full_width {
    width:100%;
}

.clear {
	clear: both;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}