/*
LLS Teal 0A3B58
Purple 6a3594
Light grey bfbfbf
*/
* {
	font-family: Trebuchet MS, Arial, Geneva, Helvetica, Sans-Serif;
}

html, body {
	margin: 0;
}

html {
	background-color: #fff;
}

@media screen, handheld, tv {

	form {
		margin: 0;
		padding: 0;
		text-align: left;
	}

	div#header {
		height: 112px;
		background-color: #fff;
		margin: 0;
	}

	div#header img {
		position: absolute;
		top: 0;
		left: 0;
	}

	div#header h1 {
		display: none;
		margin: 0;
		font-size: 18px;
	}

	div#footer {
		clear: both;
		font-size: 8px;
		color: #888;
		margin: 0;
		padding: 2px 20px;
		height: 40px;
		background: #fff url('Background.jpg') no-repeat top right;
	}

	div#footer p {
		font-size: 11px;
		margin: 0;
		position: relative;
		top: 5px;
		left: 0;
		color: #888;
	}

	a img {
		border: none;
		vertical-align: middle;
	}

	label, dt {
		width: 200px;
		font-size: 13px;
		padding: 3px;
		color: #0A3B58;
		margin-bottom: 10px;
	}

	label {
		display: block;
		float: left;
		clear: left;
	}
	
	label.option {
		display: inline;
		width: auto;
		clear: none;
		float: none;
	}
	
	fieldset {
		margin-top: 4px;
		border: solid 1px #eee;
		padding: 10px;
		width: 400px;
	}
	
	legend {
		color: #0A3B58;
		font-size: 14px;		
	}
	
	dd {
		font-size: 13px;
		color: #0A3B58;
		display: block;
	}

	label em {
		text-decoration: underline;
		font-weight: normal;
		font-style: normal;
	}

	h1, h2, h3 {
		color: #0A3B58;
		margin: 0;
	}

	h1 {
		font-size: 18px;
	}

	h3 {
		font-size: 12px;
	}

	div#TopInclude_nav {
		background: #fff url('NavLeft.jpg') no-repeat scroll top left;
		padding: 3px 3px 10px 120px;
		margin: 0;
		min-height: 26px;
		/*height: 90px;*/
	}

	div#TopInclude_nav ul li:last-child {
		padding-right: 16px;
	}

	div#TopInclude_nav ul {
		behavior: url('Assets/LLS/NavigationBar.htc');
		margin: 0 2px 6px 2px;
		padding: 0;
		max-height: 26px;
		background: #fff url('ButtonLeft.gif') no-repeat scroll top left;
		padding-left: 16px;
		float: left;
	}
	
	div#TopInclude_nav h3 {
		display: none;
	}

	div#TopInclude_nav li {
		list-style-type: none;
		font-size: 12px;
		padding: 0;
		float: left;
   	background: #fff url('ButtonRight.gif') no-repeat scroll top right;
	}

	div#TopInclude_nav a {
		color: #222;
		font-size: 13px;
		text-decoration: none;
		padding: 4px 10px;
		display: block;
		float:left;
		margin: 0;
		height: 18px;
		background: #fff url('ButtonBackground.gif') repeat-x scroll top left;
	}

	div#TopInclude_nav a:hover {
		text-decoration: underline;
	}

	div#TopInclude_nav a:active {
		text-decoration: none;
	}

	div#TopInclude_nav img {
		display: none;
	}

	ul.errorList {
		padding: 0;
		margin: 0;
	}

	ul.errorList li, p.errorMsg {
		color: #f44;
		padding: 0;
		margin: 0;
	}

	div#content {
		padding: 5px 20px 20px 20px;
		clear: both;
		margin: 0;
		margin-collapse: none;
		background-color: #D4E1E8;
		border-top: solid 1px #0A3B58;
		border-bottom: solid 1pt #0A3B58;
	}
	
	div#content ul {
		max-width: 600px;
		padding: 20px;
		margin: 0 0 20px 0;
		background: #fff; /* url('Background.jpg') no-repeat bottom right;*/
		border: 1px inset;
	}
	
	div#content ul#A_UserList, div#content div#A_OrgTree {
		float: left;
		margin: 10px 10px 0 10px;
		border: solid 2px #ddd;
		font-size: 12px;
		height: 260px;
		width: 310px;
		padding: 20px;
		overflow: auto;
		background: #fff;
	}
	
	div#content ul#ValidationErrorList, div#content ul#errorList, div#content ul#ValidationErrors {
		padding: 0;
		margin: 0;
		background: transparent;
		border: none;
	}

	div#content p {
		font-size: 14px;
	}
	
	h2#TopInclude_ph {
		height: 24px;
	}

	div#content h2 {
		font-size: 18px;
		padding: 4px;
		margin: 0;
		border-bottom: 1px solid #eee;
	}

	div#content h2 a:link, div#content h2 a:visited {
		color: #8D4900;
		margin-left: 2px;
	}

	div#content h3 {
		color: #0A3B58;
		padding: 3px;
		font-size: 14px;
		margin-top: 10px;
		width: 98%;
	}
	
	td {
		text-align: left;
	}
 
	tr.row td, tr.row1 td {
		font-size: 13px;
		padding: 4px;
		background: #feffef; /*#FFE8CF;*/
	}

	tr.rowAlt td, tr.row2 td {
		font-size: 13px;
		padding: 4px;
		background: #fff;/*#FFD3A3;*/
	}
	
	li {
		white-space: nowrap;
	}

	span.objectName, span.objectNameAlt, a.objectName, a.objectNameAlt, a.objectFn {
		float: left;
		width: 305px;
		height: 18px;
		padding: 5px;
		font-size: 14px;
		margin-right: 10px;
		border: 1px outset;
		overflow: hidden;
	}

	a.userName {
		font-size: 14px;
	}

	span.objectName, a.objectName {
		background: #feffef/*#FFE8CF; Darker#FFE8CF; Original#ffe*/
	}

	span.objectNameAlt, a.objectNameAlt {
		background: #fff; /*#FFD3A3; #eef*/
	}

	a.objectFn {
		background: #fff;
	}

	div#content a:link, div#content a:visited {
		color: #0A3B58;
		text-decoration: none;
	}

	div#content a:hover, div#content a:active {
		color: red;
	}

	div#content li {
		list-style-type: none;
		padding: 0;
		margin: 0;
		height: 32px;
	}

	table {
		border: solid 1px #222;
		border-collapse: collapse;
		width: 600px;
	}
	
	table.inlineList {
		width: 563px;
		margin: 0;
	}

	th {
		/*background-image: url('ButtonBackground.gif');*/
		background-color: #fff;
		border-bottom: solid 1px #0A3B58;
		color: #0A3B58;
		font-size: 13px;
		text-align: center;
		padding: 4px;
	}

	td {
		font-size: 14px;
		padding: 2px;
	}

	table.apList tr td {
		padding: 0 12px 0 12px;
	}

	td.fn {
		text-align: center;
	}

	td.footer {
		text-align: right;
	}

	td.check {
		text-align: center;
	}

	td.userName {
		width: 140px;
	}

	input.listFunction, input.disabledListFn {
		font-size: 11px;
		background-color: #fff;
		color: #0A3B58;
		padding: 2px;
		margin: 1px;
		width: 77px;
		border: solid 1px #777;
	}

	input.disabledListFn {
		background-color: #aaa;
	}

	input, textarea {
		font-size: 13px;
		padding: 2px;
	}
	
	textarea, input.text, input.bigText, input.smallText, input.xlText {
		border: solid 1px #0A3B58;
	}

	textarea {
		width: 220px;
		height: 70px;
	}

	input.text {
		/*width: 160px;*/
		width: 180px;
	}

	input.bigText {
		width: 378px;
	}

	input.xlText, textarea.xl {
		width: 495px;
	}
	
	textarea#Profile {
		background-color: #ffe;
	}
	
	p#Key img {
		border: outset 1px #eee;
		margin-left: 10px;
		margin-right: 4px;
	}

	input.smallText {
		width: 70px;
	}

	div.col1 {
		margin-right: 5px;
		padding-bottom: 30px;
		width: 470px;
		float: left;
	}

	div.col2 {
		width: 470px;
		float: left;

	}

	div.submitButton {
		text-align: right;
		clear: left;
		margin: 5px 0;
		padding: 0;
		font-size: 13px;
		width: 98%;
	}

	input.submitButton, input.smallSubmit {
		background-image: url('ButtonBackground.gif');
		border: outset 1px #eee;
		color: #000;
		padding: 0 4px;
		height: 26px;
		font-weight: bold;
	}

	input.smallSubmit {
		width: 30px;
	}

	div#content p {
		margin: 14px 0;
	}

	table.standardList {
		margin-top: 20px;
	}

	.annotation {
		padding: 5px;
		margin: 10px 0;
		width: 98%;
		text-align: right;
	}

	.annotation img {
		vertical-align: middle;
	}

	.annotation p {
		text-align: center;
	}

	h3.markingHeader {
		cursor: pointer;
	}

	table.markingTable {
		display: none;
	}

	table.markingTable input {
		width: 18px;
		padding: 1px;
		text-align: center;
	}

	table.apList {
		width: 99%;
	}

	td.markCol, td.short {
		text-align: center;
	}

	a.headerLink {
		display: block;
		float: left;
		border: 1px outset #eee;
	}

	p.info {
		border-bottom: solid 1px #222;
		background: #fff;
		color: #556;
		padding: 4px;
		font-size: 10px;
		height: 20px;
	}

	span.grp {
		display: inline-block;
		border: solid 1px #aaa;
		color: #aaa;
		font-size: 11px;
		margin-left: 5px;
		padding: 1px 2px;
	}
	
	img.userPicture {
		border: solid 2px #aaa;
		margin: 20px;
		float: right;
	}

	span.note {
		font-size: 60%;
		font-weight: bold;
		float: right;
		display: block;
		margin-top: -15px;
		padding-right: 10px;
		height: 10px;
	}
	
	div#content h2.userName {
		font-size: 32px;
		border-bottom: solid 3px #aaa;
	}
	
	div.userProfile {
		padding: 5px 20px;
		border: 1px inset;
		width: 800px;
		margin: 0 auto;
		background: #fff url('ProfileBg.gif') scroll no-repeat top right;
	}
	
	div.userProfile p {
		font-size: 13px;
		color: #000;
		padding-bottom: 10px;
	}
	
	div#content ul.static {
		background-color: transparent;
		border-width: 0;
		padding: 0 0 20px 0;
		border-bottom: 1px solid #aaa;
	}
	
	div.userProfile div.col1 {
		width: 330px;
		border-right: 1px solid #aaa;
	}
	
	div.userProfile div.col2 {
		padding-left: 10px;
		width: 420px;
	}
	
	h3.alt {
		border-bottom: 1px solid #aaa;
	}
	
	/* new content */
	
	div.diaryThread {
		padding: 2px 6px 0 6px;
		border: 1px inset;
		background: #eee;
		margin: 10px auto;
		max-width: 600px;
		text-align: right;
	}
	
	div.diaryThread h2 {
		text-align: left;
	}
	
	div#content div.diaryEntry h3 {
		border-bottom: 1px solid #ccc;
		font-size: 13px;
		margin: 1px;
	}
	
	div#content div.diaryEntry p {
		margin: 3px 0 5px 0;
	}
	
	div#content div.diaryEntry p {
		font-size: 13px;
	}
	
	div.diaryEntry {
		border: solid 1px #0A3B58;
		background: #fff;
		padding: 4px 7px;
		margin: 0 0 10px 0;
		text-align: left;
	}
	
	div.diaryThread a {
		margin: 0;
	}
	
	div.ribbon {
		height: 22px;
		text-align: right;
		font-size: 12px;
	}
	
	div.ribbon a {
		font-size: 12px;
	}

	div.diary div.col1 {
		width: 520px;
	}
	
	div.diary div.col2 {
		padding-left: 10px;
		width: 330px;
		float: right;
	}
	
	div#content ul.diary {
		background-color: transparent;
		border-width: 0;
		padding: 9px 2px;
	}
	
	textarea.xxxxxxl {
		width: 800px;
		height: 200px;
	}
	
	/* ----------- */
}

@media print {

	div#header {
		text-align: center;
		border-bottom: solid 1pt #0A3B58;
	}

	div#footer {
		text-align: center;
	}

	label {
		display: block;
		width: 350px;
	}

	a img {
		border: none;
		vertical-align: middle;
	}

	div#TopInclude_nav {
		display: none;
	}

	span.objectName, span.objectNameAlt, a.objectName, a.objectNameAlt, a.objectFn {
		float: left;
		width: 350px;
		height: auto;
		padding: 5px;
		color: #0A3B58;
		overflow: hidden;
	}


	textarea {
		height: 70px;
	}

	input, textarea {
		width: 100%;
		border-width: 0;
		overflow: auto;
	}

	input.submitButton, input.smallSubmit, input.listFunction {
		display: none;
	}

	.annotation img {
		vertical-align: middle;
	}

	.annotation p {
		text-align: center;
	}

	table.markingTable input {
		width: 18px;
		padding: 1px;
		text-align: center;
	}
}