/**
 * Stylesheet for the website, contains all the styles for the HTML elements
 * This stylesheet is divided into styles according to the type of HTML element.
 * For example, it will first define all the styles for <table> elements and then 
 * for <td> elements. 
 */
 
body {
	margin: 0;
	margin-top: 10px;
}

a, a:visited {
	text-decoration: none;
	color: #000000;
}

a.listSelectAll {
	margin-left: 520px;	
	color: #0000ff;
}

table.main {
	width: 900px;
	border: 2px solid #2299ff;
	background-color: #88ccff;
	margin-left: auto;
	margin-right: auto;	
	padding: 5px;
	vertical-align: middle;
}

td {
	vertical-align: top;
	font-size: 12pt;	
}

td.headerLicenseText {
	width: 700px;
}

td.headerSpacer {
	height: 15px;	
}

td.menuItem {
	width: 100px; 
	padding: 3px;
	border: 1px solid #000000;	
	background-color: #ffffff;
}

td.loginText {
	padding-top: 25px;
	padding-bottom: 10px;	
}

td.userTableHeader {
	width: 100px;	
	padding-bottom: 5px;
	padding-left: 5px;
}

td.userData {
	vertical-align: middle;
	padding: 3px;	
}

td.message {
	padding-bottom: 10px;
	color: #ff0000;	
}

td.listDisplay {
	padding-right: 100px;	
}

td.listHeader {
	width: 100px;
	padding-top: 2px; 
	padding-bottom: 3px;
	text-align: center;
	background-color: #ffffff;
	border: 1px solid #000000;	
}

td.listHeaderCheckbox {
	background-color: #ffffff;
	border: 1px solid #000000;	
	width: 30px;		
}

td.listNoLicenses {
	background-color: #ffffff;
	border: 1px solid #000000;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;	
}

td.listLicenseEntry {
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 4px;
	vertical-align: middle;	
}

td.listSelectedItems {
	padding-top: 15px;	
}

hr.headerSep {
	height: 1px;
	border: none;
	background-color: #000000;	
}

textarea.addLicenses {
	width: 850px;
	height: 300px;
	border: 1px solid #000000;	
}