/**
 * CSS for ContractConnect Staff contract index
 */

/* contracts list container */
main > ul#contracts {
	font-family: Calibri, Segoe UI, Tahoma, Arial;
	font-size: 18px;
}
	/* contract list item */
	main > ul#contracts > li {
		display: block;
		padding: 10px;
	}
	
	/* available contract list item */
	main > ul#contracts > li[ContractID] {
		cursor: pointer;
	}
	
		/* alternating backgrounds */
		main > ul#contracts > li:nth-child(even) {
			background: white;
		}
		main > ul#contracts > li:nth-child(odd) {
			background: rgba(0,0,0,.2);
		}
		
		/* entrance icon */
		main > ul#contracts > li > .entrance-icon {
			position: absolute;
			right: 10px;
			color: rgba(100,100,150,.75);
			font-size: 75px;
		}
			main > ul#contracts > li:hover > .entrance-icon,
			main > ul#contracts > li:active > .entrance-icon {
				color: rgba(100,100,150,1);
			}
		
		/* customer/company name */
		main > ul#contracts > li > h4 {
			color: black;
			font-weight: bold;
			margin-top: 15px;
		}
			/* no margin on first header */
			main > ul#contracts > li > h4:first-of-type {
				margin-top: 0px;
			}
		
		/* ContractorPurchaseOrder */
		main > ul#contracts > li > div.ContractorPurchaseOrder {
			margin: 5px 0px 5px 0px;
			
			font-size: 22px;
			color: rgba(0,0,0,.65);
			font-weight: bold;
		}
			/* hide PO# when empty */
			main > ul#contracts > li > div.ContractorPurchaseOrder:empty {
				display: none;
			}
		
		/* address */
		main > ul#contracts > li > address {
			display: inline-block;
			margin: 5px 0px 5px 0px;
			color: rgba(0,0,0,.75);
		}
		
		/* contact info line */
		main > ul#contracts > li > div.contact {
			font-size: 16px;
			color: rgba(0,0,0,.65);
		}
		
		/* staff onsite */
		main > ul#contracts > li > div.staff {
			margin-top: 15px;
			font-size: 20px;
		}