/* CSS Document */
html, body {
	width: 100%;
	height: 100%;
	margin: auto;
	
	background-color: white;
	background-image: linear-gradient(to bottom,  rgba(100,100,100,1) 0%,rgba(255,255,255,0) 100%);

	background-attachment: fixed;
}

#container {
background: rgba(255,255,255,.5);
margin:auto;
width:950px;
min-height:100%;
}

#header {
padding-top:5px;
height:50px;
padding-left: 25px;
background: rgba(150,0,0,.5);
}

#nav {
float:left;
margin:10px 0px 0px 0px;
width:125px;
}

#nav ul {
margin:0px;
padding:0px;
list-style:none;
}
 
#nav li {
padding:5px 15px;
margin:0px;
}

#nav li:hover{
	background: rgba(150,0,0,.5);
	cursor: pointer;
}

#nav a:hover  {
	color:#ffffff;
}

#page {
padding: 5px;
}

a {
	font-family: "verdana";
	font-size: 14px;
	color:#ffffff;
	text-decoration:none;
}

a:hover {
	font-family: "verdana";
	font-size: 14px;
	color:#ffffff;
	text-decoration:none;
}

a.header_link {
	float:right;
	font-family: verdana;
	font-size: 12px;
	color: rgba(255,255,255,.8);
	text-decoration:none;
}

a:hover.header_link {
	color: rgba(255,255,255,1);
}

h1 {
margin:0px 0px 5px 0px;
font-family:verdana;
color: rgba(255,255,255,.8);
font-size:20px;
}

h2 {
margin:0px 0px 10px 0px;
font-family:verdana;
color:black;
font-size:16px;
}


h3 {
margin:0px 0px 0px 3px;
font-family:verdana;
font-size:12px;
}

p {
color:#000000;
font-size:10px;
font-family:verdana;
font-weight:normal;
margin:0px;
margin-bottom:10px;
padding:0px;
display:inline;
}

input[type=submit] {
font-family:verdana;
color:white;
border:none;
font-size:14px;
margin:0px;
padding:0px 5px;
display:inline;
float:right;
text-align:center;
height:20px;
background: rgba(150,0,0,.5);
}

input[type=submit]:hover {
background: rgba(1,1,1,.5);
cursor:pointer;
}

#table {
font-family:verdana;
margin-bottom:25px;
border-collapse:collapse;
font-size:11px;
font-weight:bold;
}

#table th{
text-align:center;
padding:8px 10px;
background:rgba(150, 2, 1, .4);
color:rgba(255, 255, 255, 1);
}

#table td, tr {
text-align:left;
padding:8px 10px;
}

#table td{
border-right: 1px dotted #cccccc;
min-height:20px;
vertical-align:top;
}

#table tr, th {
border:1px solid black;
}

#table input[type=text] {
background:none;
padding:3px 0px 3px 0px;
font-family:verdana;
border:1px gray solid;
font-size:11px;
font-weight:bold;
}

#table .row:hover input[type=text] {
background:white;
border:1px black solid;
}

#details_table {
font-family:verdana;
margin-bottom:25px;
border-collapse:collapse;
font-size:11px;
font-weight:bold;
}

#details_table th{
text-align:center;
padding:8px 10px;
background:rgba(150, 2, 1, .4);
color:rgba(255, 255, 255, 1);
border:1px solid black;
}

#details_table th:last-child{
padding:0px;
background:none;
border:none;
}

#details_table td{
padding:0px;
margin:0px;
text-align:left;
color:black;
border-right: 1px dotted #cccccc;
}

#details_table tr:not(:first-child) {
border:1px solid black;
}

#details_table input[type=date], #details_table input[type=text]{
width:100%;
height:100%;
background:none;
margin:0px;
padding:5px 0px;
font-family:verdana;
border:none;
font-size:11px;
font-weight:bold;
text-indent:5px;
}

#job_header {
font-family:verdana;
margin-bottom:10px;
font-size:11px;
font-weight:bold;
text-align:left;
}

#job_header th{
border:none;
padding:5px 5px;
background:rgba(150, 2, 1, .4);
color:rgba(255, 255, 255, 1);
}

#job_header td {
padding:0px;
margin:0px;
text-align:left;
background:white;
color:black;
}

#job_header input{
width:100%;
height:100%;
background:white;
margin:-4px 0px;
padding:4px 0px;
font-family:verdana;
border:none;
font-size:11px;
font-weight:bold;
text-indent:5px;
}

#job_header select{
width:100%;
height:100%;
background:white;
margin:0px 0px;
padding:0px 3px;
font-family:verdana;
border:none;
font-size:11px;
font-weight:bold;
}

.late {
background-color :black;
color: white;
}

.late:hover {
background-color:#FFCD82;
color:black;
cursor: pointer;
}

.urgent {
background-color: rgba(255,100,100,.9);
color:white;
}

.urgent:hover {
background-color:#FFCD82;
color:black;
cursor: pointer;
}

.important {
background-color: yellow;
}

.important:hover {
background-color:#FFCD82;
cursor: pointer;
}

.due {
background-color: lightgreen;
}

.due:hover {
background-color:#FFCD82;
cursor: pointer;
}

.row {
background-color:#ffffff;
}

.row:hover {
background-color:#FFCD82;
cursor: pointer;
}

.active {
background-color:#FFCD82;
color:black;
}

#add_job_button{
text-align:center;
width:85px;
height:20px;
}

#add_job_button:hover{
cursor:pointer;
}

#add_job_box{
z-index:2;
margin-top:-5px;
padding-top:5px;
width:940px;
background:white;
position:absolute;
display:none;
}

#black_background {
z-index:1;
display:none;
background:rgba(1, 1, 1, .9);
position:fixed;
width:100%;
height:100%;
}

#login_container{
text-align:center;
margin:75px;
}

#login{
margin:auto;
padding:5px;
width:409px;
background:rgba(255,255,255,0.8);
}

.ui-autocomplete {
    background: white;
    border-radius: 0px;
}
.ui-menu .ui-menu-item a {
    color: rgba(150,0,0,.9);
    border-radius: 0px;
}
.ui-menu .ui-menu-item a:hover {
    background: rgba(150,0,0,.5);
    color: white;
}
.ui-menu .ui-menu-item a:active {
    box-shadow: 0 0 30px black
}