#masthead { background: #ccc  }
input.username{width:15em;}
input.password{width:15em;}
#site-menu dt#general a:link, #site-menu dt#general a:visited {
    text-align:center;
}
.second-label{ /* second label for forms, for phone, mobile, home, work */
	margin-left: 1.5em;
	width:8.5em !important;
}
form em { /* red * in forms denoting required fields */
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
#content-main fieldset fieldset label {
	float:left;
	margin-right:1em;
	width:10em;
}

#content-main fieldset fieldset {
	background-color:transparent;
	background-image:none;
	border-style:none;
	margin-bottom:0;
}

span.nowrap {
    white-space:nowrap !important;
}

/*
	Wide Margin styles
	************************
*/
div.wide { 
	width:	90%;
}
fieldset.widemargin label, fieldset.widemargin  .inline .label, fieldset.widemargin .shortError {
	width: 13em !important;
}
fieldset.widemargin .second-label{
	clear:left;
	margin-left:7em;
	width:6em!important;	
	padding-top:0.4em;
}
fieldset.widemargin .field-note {
	margin-left: 14em !important;
}
/********************************************************/


/*
The appPrivileges class is available to put below the site-menu
It allows you to show the privileges a user has on each screen.
It is modelled from the site-menu
***********************************************************************/
ul.appPrivileges {
	list-style-type: none;
	background-color:#EFEFEF;
	border-top: 2px solid #C8C8C8;
	border-bottom: 2px solid #C8C8C8;
	margin-top: 2em;
	margin-left: 15px;
	color:#777777;
}

ul.appPrivileges li {
	font-size: 75%;
	text-align: right;
	margin-right: 30%;
}
/*****************************************************************/

/*
Suggestion box/list is used for ajaxsearch box
*/

.suggestionsBox {
	display:block;
	z-index:500;
	position: absolute;
   /* margin: 10px 0px 0px 0px;
    margin-left:33em !important;*/
/*    left:110%;
    margin-top: -2em !important;*/
    width: 200px;
    background-color: #212427;
    border: 2px solid #000;
    color: #fff;
    
}
.suggestionList {
    margin: 0px;
    padding: 0px;
}

.suggestionList li {
    margin: 0px 0px 3px 0px;
    padding: 0px 0px 0px 0px !important;
    padding-bottom:0px;
    cursor: pointer;
    float:none !important;
}

.suggestionList li:hover {
    background-color: #659CD8;
}
/****************************************************************/


/* Table Styles---------------------------------------------- */

.datatable-form { 
	border: 1px solid #D9D9D9; 
	font-family:Arial, Helvetica, sans-serif;
	border-collapse: collapse; 
	width: 100%; 
	line-height: 1.4em; 
	margin-bottom: 1.5em;
	table-layout: fixed; 
}
.datatable-form th {
	background-color:#E7E7E7;
	border:1px solid #CCCCCC; 
	font:bold 90% Arial, Helvetica, sans-serif; 
	color:#666666;
	padding: 4px; 
	vertical-align:top;
	text-align: left;
	width: 14em;
}
.datatable-form td{
	border: 1px solid #D9D9D9;
	padding: 4px;
	/*vertical-align: top;*/
}
.datatable-form caption{
	color:#666;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}
.datatable-form tr:hover {
	background-color: #F2F2F2;
	color: #000;
}
/************************************************************/






.errorText {
	color: #333333;
	font-weight: bold;
	font-size: 80%;
	width: 60%;
	border: 2px solid #C8C8C8;
	background-color: #FF6677;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	clear:both;
}

.successText {
	background-color: Lightgreen;
	color: #333333;
	font-weight: bold;
	font-size: 80%;
	width: 80%;
	border: 2px solid #C8C8C8;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	clear:both;
}


.inputError{
	/*background-color: #FF6677;*/
	border: thin solid crimson;
}
li.inputError{
	padding-bottom:8px !important;
	padding-top:8px !important;
	margin-top: 2px !important; 
	margin-bottom: 2px !important;	
}
div.successDiv{
    color: #595;
    font-weight: bold;
}
.errorDiv,.errorDivInline {
	color: crimson;
	font-weight: bold;
	font-size: 90%;	
	text-align: left;
	line-height:1em;
	padding-top: 0.4em;
}
.errorDiv,.successDiv {
    width: 97%;
    border-style: solid;
    clear:both;
    padding-left:2em;
    padding-top: 1em;
    padding-bottom:1em;
}
.errorDivInline {
	float:left;
	clear:left;
}
.allErrorDiv{
	text-align: left;
	line-height:1em;
	border: 1px solid crimson;
}

.nofloat {
	float: none !important;
}

/* styles for dynamic table in mange submit */
.newText, .newDate{
	clear:left;
	margin-top: 2px;
}
.newDate{
	font-size: 10pt
}

.date input { 
	/*form inputs, that are date time pickers, 
			puts a little calender icon inside the input box */
	background-image:url(../images/calendar-small.gif);
	background-position:100% 50%;
	background-repeat:no-repeat;
}
.bg-img-info {
   /* background-image:url(../images/icons/document-properties_16x16.png);
    background-position:22% 30%;
    background-repeat:no-repeat;*/
}
input.wide{
    width: 50em;
}
li.timeLI{/*ie hack: sets a background for time list item so fade works properly */
	background:#F2EFE9 none repeat scroll 0%;
}
.viewEdit{
	clear:both;
}
ol.radios_stacked {
    padding: 0 !important;
    float: left !important;
}
ol.radios_stacked li input {
    vertical-align: middle;
}
ol.radios_stacked li label {
    float: none !important;
    margin-left: 1em;
}

div.learnmore {
    background:#F2F2F2 url(/ltu_assets/images/devices/learnmore-arrow.gif) no-repeat scroll 0.5em center;
    border:1px solid #DDDDDD;
    clear:left;
    float:left;
    margin-left:14em;
    margin-bottom:1em;
    padding:0.6em 2em;
    width:55%;
}
td span.field-note {
    background:transparent url(/ltu_assets/images//devices/solid-arrow-up.gif) no-repeat scroll 0 0.7em;
    color:#666666;
    display:block;
    padding:2px 2px 2px 12px;    
}

/***********************************************************************
These styles are for customised error/success messages.
Used in:
login feedback / form submission feedback / form validation
success / error messages
***********************************************************************/
.errorText {
    color: #333333;
    font-weight: bold;
    font-size: 80%;
    width: 60%;
    border:  thin solid crimson;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    clear:both;
}
.successText {
    background-color: lightgreen;
    color: #333333;
    font-weight: bold;
    font-size: 80%;
    width: 80%;
    border: 2px solid #C8C8C8;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    clear:both;
}
a.solid {
	color: black;
}
div.reset_form {
	position: absolute;
	right: 0;
	clear: none;
	padding: 10px;
}


.inputError{
    border: thin solid crimson;
}
li.inputError{
    padding-bottom:8px !important;
    padding-top:8px !important;
    margin-top: 2px !important; 
    margin-bottom: 2px !important;  
}
.successDiv{
    color: #595;
    font-weight: bold;
    margin-bottom: 10px;
}
.warningDiv{
    color: #FF9933;
    font-weight: bold;
}
.errorDiv,.errorDivInline {
    color: crimson;
    font-weight: bold;
    font-size: 90%; 
    text-align: left;
    line-height:1em;
    padding-top: 0.6em;
}
.errorDiv,.successDiv,.warningDiv {
    width: 97%;
    border-style: solid;
    clear:both;
    padding-left:2em;
    padding-top: 1em;
    padding-bottom:1em;
}
.errorDivInline {
    float:left;
    clear:left;
}
.allErrorDiv{
    text-align: left;
    line-height:1em;
    width: 97%;
    border: 1px solid crimson;
}
/*custom autocomplete css */
input.ui-autocomplete {
	max-height: 250px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}

.ui-autocomplete a.ui-menu-item-alternate {
	background-color: #EEEEEE;
}

input.searchbox{
    background: #F2F2F2 url(/ltu_assets/images/devices/search-icon.gif) no-repeat scroll left center;    
    padding:0.1em 0.1em 0.1em 19px;
}
input.searchbox:focus {
    background:#FFFFCC url(/ltu_assets/images/devices/search-icon.gif) no-repeat scroll left center !important;
}
label.searchbox{
    color:grey;
    font-weight:bold;
}
#content-main fieldset.submitinside {
	position: relative;
    
}
#content-main  fieldset.submitinside fieldset.submit {
	background: none repeat scroll 0 center transparent;
    width: auto;
    position:absolute;
    right:0;
    bottom:0;
    padding: 10px;
    
}

#pdfdiv {
	float:right;
	text-align: center;
}
#pdfdiv a {
    height: 3em;
    vertical-align: middle;
    width: 7em;
    color: #000000;
}

fieldset.submit input.submit {
    padding: 0 6px;
}

.results {
	clear:both;
}
input, textarea {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 100%;
}
.ui-autocomplete {
	z-index: 1000 !important;
}
.boldlabels label, .boldlabels .label, .boldlabels .second-label {
	font-weight: bold;
}
input.long{
    width: 30em;
}
#pdfdiv > div {
	float: left;
}
/*********************************/
/*******************************************************************************/
/* Form styles
---------------------------------------------- */
/* imported here because dynamic popup fieldset are nested and do not pickup these styles */
.ltu_fieldset input.hidden { float:none; display:none; }
.ltu_fieldset fieldset { float:none; clear:none; width:100%; margin:1em 0 1.5em 0; padding:0; border:0 none; background:transparent; }
.jqi .ltu_fieldset fieldset { float:none; width:100%; margin:0; padding:0; border:1px solid #BFBAB0; background:#F2EFE9 url(/ltu_assets/images/devices/fieldset_gradient.jpg) repeat-x scroll 0 0; }
.ltu_fieldset legend { margin-left:1em; padding:0 2px; color:#666; font:bold 120% Arial, Helvetica, sans-serif; background-color:#fff; }
.ltu_fieldset label, .ltu_fieldset fieldset .inline .label { float: left; width:10em; margin-right:1em; }
.ltu_fieldset fieldset ol { padding:1em 1em 0 1em; list-style:none;}
.ltu_fieldset fieldset li { float:left; clear:left; width:100%; padding-bottom:1em; }
.ltu_fieldset fieldset fieldset { margin-bottom:-2.5em; border-style:none; background-color:transparent; background-image:none; }
.ltu_fieldset fieldset fieldset legend { margin-left:0; font-weight:normal; }
.ltu_fieldset fieldset fieldset label { float:none; width:auto; margin-right:auto; }
.ltu_fieldset fieldset .alt label {float:right; width:85%;}
.ltu_fieldset fieldset .inline label, .ltu_fieldset fieldset .inline input {float:none!important; margin-right:5px;}
.ltu_fieldset fieldset .inline input {margin-right:15px;}
.ltu_fieldset fieldset .field-note {display:block; margin-left:11em; padding:2px 2px 2px 12px; color:#666; background:transparent url(/ltu_assets/images/devices/solid-arrow-up.gif) no-repeat 0 0.7em;}
.ltu_fieldset fieldset.submit { background-color:#fff; float:none; width:auto; border:0 none #FFFFFF; padding-left:1.23em; }