#masthead { background: #ccc;}
#splash-image {
   /* background: #FBFBFB url('../images/accommodation.jpg') no-repeat scroll left top;*/
}
#site-menu dt#general a:link, #site-menu dt#general a:visited {
    text-align: center;
}
input#username{width:11em;}
input#password{width:11em;}

#unit_information, #selected_units{
    float:left;
    clear:both;
    width:100%;
}
p.clear{
     clear:both;
}

#nobreadcrumbs {
	margin: 0pt 0pt 25px;
	padding: 0.5em 0pt 0.6em 10px;
}
input.searchbox{
    background: #fff url(i/magnifier.png) no-repeat scroll left center;    
    padding:0.1em 0.1em 0.1em 19px;
}
label.searchbox{
    color:grey;
    font-weight:bold;
}
.wizard_header{
	/*color:#DB0000;*/
	margin-bottom: 15px;
}

div.dataTables_wrapper label {
	 width: auto !important;
}

/*
	The date class allows a little icon to display in the input type for the datepicker 
*/
.date input { 
    /*form inputs, that are date time pickers, 
            puts a little calender icon inside the input box */
    background-image:url(calendar_images/calendar-small.gif);
    background-position:100% 50%;
    background-repeat:no-repeat;
}
/***********************************************************************
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;
}


.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;
}
/*
	*********************
	default form styles
	*********************
*/
form label em, form span em, em.red, p em { /* red * in forms denoting required fields */
  font-weight: bold;
  font-style: normal;
  color:#FF0000;
}

.second-label{ /* second label for forms, for phone, mobile, home, work */
    margin-left: 1.5em;
    width:8.5em !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:5em;
    width:8em!important;    
    padding-top:0.4em;
}
fieldset.widemargin .field-note {
    margin-left: 14em !important;
}

fieldset.extrawide label, fieldset.extrawide  .inline .label, fieldset.extrawide .shortError {
    width: 30em !important;
}
fieldset.extrawide .second-label{
    clear:left;
    margin-left:5em;
    width:8em!important;    
    padding-top:0.4em;
}
fieldset.extrawide .field-note {
    margin-left: 14em !important;
}

#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;
}

#content-main fieldset.submit { 
    padding-left:15em !important;
}

fieldset.narrow label, fieldset.narrow  .inline .label, fieldset.narrow .shortError {
    width: 68em !important;
}


fieldset ol.radio_left li input,fieldset ol.radio_left li label{
    float: left !important;
    clear: none !important;
    
}
fieldset ol.radio_left li input{
    width: 3em;
    vertical-align: middle !important;
    margin-top:3px;
}
fieldset ol.radio_left li label{
    width: 90% !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%;
}
/********************************************************************/

/***************************/
/** hide Button **/
div.wrap-fr{ /* div to fix ie6 bugs*/
    float:right;/*float this div instead of div enclosed */
    position:relative;/*this div is relative*/
    margin-right:4px !important;/*then margin it properly */
    cursor: pointer;
}
.show-img-button{
    float:none;
    width: 5px; 
    height: 100px; 
    background-image: url('../images/menu-open.gif') ;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 60px !important;
    top:1%;
    position:absolute;
    cursor: pointer;
}
.hide-img-button{
    float:none;
    width: 5px; 
    height: 100px; 
    background-image: url('../images/menu-close.gif') ;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 60px !important;
    top:1%;
    position:absolute;
    cursor: pointer;
}
.hide-button {
  margin: 2px 3px !important;
  width: 180px;
  font-size: 100%;
  font-weight: bold;
  cursor: pointer;
}
.hide-button a {
  display: block;
  width: 100%;
}
.hide-button a:link,
.hide-button a:visited,
.hide-button a:hover {
    background-color:#EFEFEF;
    color:#555555;
    text-decoration: none;
    text-align:center;
}
.hide-button a:link,
.hide-button a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.hide-button a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}


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

.datatable-plain, .table-alt-row { border:1px solid #D9D9D9; font-family:Arial, Helvetica, sans-serif; border-collapse:collapse; width:100%; line-height:1.4em; margin-bottom:1.5em; }
.datatable-plain th, .table-alt-row th { border:1px solid #ccc; font:bold 110% Arial, Helvetica, sans-serif; color:gray; background-color:white; padding:4px; vertical-align:top; text-align:left; }
.datatable-plain td, .table-alt-row td { border:1px solid #D9D9D9; color:black; background-color:white; padding:5px 5px 8px 4px; vertical-align:top; }
.datatable-plain caption, .table-alt-row caption { color:white; font-family:Arial, Helvetica, sans-serif; text-align:left; padding-top:3px; padding-bottom:8px; }
.datatable-plain tr:hover, .table-alt-row tr:hover { background-color:white; color:black; }
.datatable-plain a[href^="mailto:"], .table-alt-row a[href^="mailto:"] { margin-right:18px; }

fieldset table.datatable tr:hover { background-color:transparent; color:black; }
fieldset table.datatable tr { background-color:#F2F2F2; color:black; }

.center { text-align:center; }
.width-50percent { width:50%; }

.table-alt-row .odd {background-color:#fff;}
.table-alt-row .even {background-color:#f7f7f7;}
/*custom autocomplete css */
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') left  center no-repeat !important; }
.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;  
    }
.ui-menu-short {
	width:400px !important;
}
/*******************************************************************************/
label.wide {
	margin-left:0.5em!important;
	width:20em!important;
}
input.searchbox{
    background: #F2F2F2 url(https://www.latrobe.edu.au/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(https://www.latrobe.edu.au/ltu_assets/images/devices/search-icon.gif) no-repeat scroll left center !important;
}
label.searchbox{
    color:grey;
    font-weight:bold;
}
input.foundbox{
    background-color: lightgrey;
    width: 20em;
}
input.long{
    width: 30em;
}
/*********************************/
/*******************************************************************************/
/* 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:12em; }

#spinner {
	/*display: none;*/
}

select.csleft, select.csright {
	width: 200px!important;
	height: 10em!important;
}

/*******
/* somewhere in LMS Admin is the need for a none border table, 
/* rather than break that, this is to add the border to the User Management table
*********/
table.borders td {
	border: 1px solid #D9D9D9!important;
	border-collapse: collapse;