/* CSS Document */

.mainContent {
	width:100%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
.mainContent .pageTitle {
	display:block;
	text-align:center;
	font-size:28px;
	font-weight:bold;
	margin-top:15px;
	text-transform:uppercase;
}
.mainContent .pageTitle .subTitle {
	color:#999999;
	font-size:18px;
	
}
.mainContent .taskList {
	margin:0px auto;
	width:950px;
	margin-top:20px;
}
.mainContent .taskList th {
	text-align:center;
	font-size:bold;
	text-transform:uppercase;
	text-decoration:none;
	border-bottom:solid 1px #333333;
}
.mainContent .taskList th.done {
    background-image:url(../../dealer/images/checkbox.png);
	background-position:-3px 5px;
	background-repeat:no-repeat;
	background-size:auto;
}
.mainContent .taskList th a {
	text-decoration:underline;
	color:#000000;
}
.mainContent .taskList th a.sortByJob.displaying:before, .mainContent .taskList th a.sortByJob:hover:before {
	content:"";
	display:block;
	position:absolute;
	margin-left:29px;
	margin-top:4px;
	width:0px;
	height:0px;
	border-top:solid 9px #000000;
	border-left:solid 5px transparent;
	border-right:solid 5px transparent;
	
}
.mainContent .taskList th a.sortByAssignment.displaying:before, .mainContent .taskList th a.sortByAssignment:hover:before {
	content:"";
	display:block;
	position:absolute;
	margin-left:-2px;
	margin-top:4px;
	width:0px;
	height:0px;
	border-top:solid 9px #000000;
	border-left:solid 5px transparent;
	border-right:solid 5px transparent;
	
}
.mainContent .taskList .thisIsDone, .mainContent .taskList .thisIsDone td, .mainContent .taskList .thisIsDone input, .mainContent .taskList .thisIsDone select, .mainContent .taskList .thisIsDone textarea {
	color:#aaaaaa !important;
	text-decoration:line-through;
}
.mainContent .taskList td {
	text-align:center;
	border-top:solid 1px #333333;
}
.mainContent .taskList .done {
	width:30px;
}
.mainContent .taskList .priority {
	width:45px;
}
.mainContent .taskList .job {
	width:160px;
}
.mainContent .taskList .room {
	width:120px;
}
.mainContent .taskList .task {
	
}
.mainContent .taskList .assignment {
	width:150px;
}
.mainContent .taskList input, .mainContent .taskList select, .mainContent .taskList textarea {
	padding:4px;
	border:solid 1px transparent;
	text-align:center;
	resize:none;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
}
.mainContent .taskList input:hover, .mainContent .taskList select:hover, .mainContent .taskList textarea:hover {
	border:solid 1px #999999;
}
.mainContent .taskList input:focus, .mainContent .taskList select:focus, .mainContent .taskList textarea:focus {
	border:solid 1px #111111;
	outline:0;
}
.mainContent .taskList .itemDone {
	
}
.mainContent .taskList .itemPriority, .mainContent .taskList .newPriority {
	width:100%;
}
.mainContent .taskList .itemJob, .mainContent .taskList .newJob {
	width:100%;
}
/* .mainContent .taskList .itemJob, .mainContent .taskList .newJob {
	text-transform:lowercase;
} */
.mainContent .taskList .itemRoom, .mainContent .taskList .newRoom {
	width:100%;
}
.mainContent .taskList .itemTask, .mainContent .taskList .newTask {
	width:100%;
}
.mainContent .taskList .itemAssignmentContainer {
	border:solid 1px transparent;
	overflow-x:hidden;
	cursor:pointer;
}
.mainContent .taskList .itemAssignmentContainer:hover {
	border:solid 1px #999999;
}
.mainContent .taskList .itemAssignmentContainer:focus {
	border:solid 1px #111111;
}
.mainContent .taskList .itemAssignment {
	border:none !important;
	width:120%;
	cursor:pointer;
}
.mainContent .taskList .newAssignment {
	width:100%;
}
.mainContent .noEdit {
	border:none !important;
}
.mainContent .taskList .extraOption {
	width:100px;
	text-align:center;
	border:none;
}
.mainContent .taskList .extraOption .enterButton {
	border:solid 1px #999999;
	padding:5px;
	width:80px;
	font-size:18px;
	background-color:transparent;
	cursor:pointer;
	opacity:0;
}
.mainContent .taskList .extraOption .enterButton:hover {
	border:solid 1px #111111;
}
.mainContent .taskList .extraOption .enterButton:active {
	border:solid 1px transparent;
	background:#111111;
	color:#ffffff;
}
.mainContent .taskList .extraOption .deleteButton {
	border:solid 1px #999999;
	padding:5px;
	width:80px;
	font-size:18px;
	background-color:transparent;
	cursor:pointer;
	opacity:0;
}
.mainContent .taskList tr:hover .extraOption .deleteButton {
	opacity:1;
}
.mainContent .taskList .extraOption .deleteButton:hover {
	border:solid 1px #111111;
}
.mainContent .taskList .extraOption .deleteButton:active {
	border:solid 1px transparent;
	background:#111111;
	color:#ffffff;
}

input[type="checkbox"] {
    opacity:0;
	position:relative;
	top:7px;
	left:0px;
	z-index:10;
	cursor:pointer;
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:13px;
    height:13px;
	position:relative;
	/* top:-11px;
	left:7px; */
	top:-10px;
	left:0px;
	z-index:9;
    vertical-align:middle;
    background:url(../../dealer/images/checkbox.png) 0px top no-repeat;
	border:solid 1px #999999;
    cursor:pointer;
}
input[type="checkbox"]:hover + label span {
	border:solid 1px #000000;
}
input[type="checkbox"]:checked + label span {
    background:url(../../dealer/images/checkbox.png) -13px top no-repeat;
}