#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;
}
#maintained-by,#approved-by,#last-updated{
    color:#999999 !important;
    background: 0 !important;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 23px !important;
    text-indent:0;
    font-size: 1em;
}
/*.ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: none;}*/
#footer{
    margin:0 0 1em;
}
#footer a[href^="mailto:"] {
    border-left:0 !important;
    color:#666633 !important;
    font-weight:normal !important;
    padding-left:0 !important;
    padding-right:15px !important;
}
#footer a[href^="mailto:"]:hover{
    color: #CC0000 !important;
}
#frmGetEmail #name,#frmGetEmail #planner_email{
    width: 17em;
}
input,textarea{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 100%;
}

.hidden {
    display: none;
}
input#username{width:11em;}
input#password{width:11em;}

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#tblSelectedSessions{
    border-color: #595;
    border-style: solid;
    border-width:2px;
    clear: both;
    padding: 1em 0.2em 4em 0.2em;
    margin-bottom: 1em;
}
#content-main fieldset {
    margin-top: 0 !important;  /** to put stuff highter on th page...**/
}
#content-main fieldset.submit.right {
    float: right !important;
    margin: 0 0.5em 0 0;
}

#content-main input.submit {
    width: 7em;
}

#club_management fieldset.details {
    padding: 0 25px 1em 25px;
    width: 54em;
}
#club_management fieldset.details legend {
    margin-left: -1em;
}
#club_management fieldset.details label {
    width: 13em;
}
#club_official_details .officials_data {
    float: left;
     width:33em;
}

li.facultyLI{
  /* opacity: 0.33;*/
  /*ie hack: sets a background for time list item so fade works properly */
    background: #F2EFE9 none repeat scroll 0%;
}
h1 a:link,
h1 a:visited,
h1 a:hover{
    color: #555555;
    text-align: center;
    text-decoration: none;
}
h1 a:active{
    text-decoration: none;
    color: red;
}
h1 a:hover{
    color: black;
}
a.noline:link,
a.noline:visited,
a.noline:hover{
    text-decoration: none;
    text-align: center;
}
a.noline:hover{
    color: red;
}
a.noline:active{
    color: red;
}

a.button:link,
a.button:visited,
a.button:hover{
    color: black;
    text-decoration: none;
    text-align: center;
}
a.button:hover{
    color: #555555;
}
a.button:active{
    color: red;
}
a.solid:link,
a.solid:visited,
a.solid:hover{
    color: #555555;
    text-align: center;
}
a.solid:active{
    text-decoration: none;
    color: red;
}

p.clear,div.clear{
    clear: both;
}
.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;
}
#nobreadcrumbs {
	margin: 0pt 0pt 25px;
	padding: 0.5em 0pt 0.6em 10px;
}

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 !important;
}
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;
}
input.foundbox{
    background-color: lightgrey;
    width: 20em;
}
.clearboth {
    clear: both;
}
.clearleft{
    clear: left;
}
.clearright {
    clear: right;
}

.pushleft{
    clear:left;
    float:left;
}
div.linkList{
    margin-top:10px;
}
.linkList li {
    border-top:1px solid #DDDDDD;
}

.floating_buttons .button{
    float: right;
    width: 10em;
    margin-top: 0.3em !important;
}
.floating_buttons {
    top:10em;
    width:12em;
    float: right;
}
/***********************************************************************
These styles are for customised error/success messages.
Used in:
login feedback / form submission feedback / form validation
success / error messages
***********************************************************************/
.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-top:8px !important;
    padding-bottom:1px !important;
    margin-top: 2px !important; 
    margin-bottom: 1px !important;  
}
div.successDiv{
    color: #595;
    font-weight: bold;
    margin-bottom: 10px;
}
.padbotm{
     padding-bottom: 0.6em;
}
.errorDiv,.errorDivInline {
    color: crimson;
    font-weight: bold;
    font-size: 90%; 
    text-align: left;
    line-height:1em;
    padding-top: 0.6em;
}
.errorDiv,.successDiv {
    width: 97%;
    border-style: solid;
    clear:both;
    padding-left:2em;
    padding-top: 1em;
    padding-bottom:1em;
}
.errorDivInline {
    float:left;
    clear:left;
    padding:0.6em;
}
.allErrorDiv{
    text-align: left;
    line-height:1em;
    width: 97%;
    border: 1px solid crimson;
}
/*
	*********************
	default form styles
	*********************
*/
form label em, form span em, em.red{ /* 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;
}
fieldset li span.label{
    float:left;
}
/*
    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;
}

#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-wide { 
    padding-left:15em !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%;
    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;
}

/***********NESTED LISTS***************/
ol#activity_list, ol#activity_list ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
ol#activity_list li {
    background-image: url(page.png);
    background-position: 0 1px;
    background-repeat: no-repeat;
    padding-left: 20px;
    clear: left;
}
ol#activity_list a {
    color: #000000;
    cursor: pointer;
    text-decoration: none;
}
ol#activity_list a:hover {
    text-decoration: underline;
}
ol#activity_list li.folder {
    background-image: url(folder.png);
}
ol h3{
    /*border-bottom: 1px solid #386785;
    border-top: 1px solid #386785;*/
    margin: 0;
    padding: 1px;
    width: 338px;
}
ol.General li{
    padding-left: 40px !important;
}
ol h4{
    border-bottom: 1px solid #555555;
    border-top: 1px solid #555555;
    cursor: pointer;
    margin: 0;
    padding: 1px;
    width: 338px;
}
div.item{
    width: 400px;
    clear: both;
}
div.item p{
    width: 350px;
}
a.alignright{
   float: right;
}
p.alignleft{
    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: left; clear: left; width: 100%; margin: 1em 0 1.5em 0; padding: 0; border: 1px solid #BFBAB0; background: #F2EFE9 url(/ltu_assets/images/devices/fieldset_gradient.jpg) repeat-x; }
.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: 14em; }


.ltu_fieldset_wide input.hidden { float: none; display: none; }
.ltu_fieldset_wide fieldset { float: left; clear: left; width: 100%; margin: 1em 0 1.5em 0; padding: 0; border: 1px solid #BFBAB0; background: #F2EFE9 url(/ltu_assets/images/devices/fieldset_gradient.jpg) repeat-x; }
.ltu_fieldset_wide legend { margin-left: 1em; padding: 0 2px; color: #666; font: bold 120% Arial, Helvetica, sans-serif; background-color: #fff; }
.ltu_fieldset_wide label, .ltu_fieldset_wide fieldset .inline .label { float: left; width: 13em; margin-right: 1em; }
.ltu_fieldset_wide fieldset ol { padding: 1em 1em 0 1em; list-style: none;}
.ltu_fieldset_wide fieldset li { float: left; clear: left; width: 100%; padding-bottom: 1em; }
.ltu_fieldset_wide fieldset fieldset { margin-bottom: -2.5em; border-style: none; background-color: transparent; background-image: none; }
.ltu_fieldset_wide fieldset fieldset legend { margin-left: 0; font-weight: normal; }
.ltu_fieldset_wide fieldset fieldset label { float: none; width: auto; margin-right: auto; }
.ltu_fieldset_wide fieldset .alt label {float: right; width: 85%;}
.ltu_fieldset_wide fieldset .inline label, .ltu_fieldset_wide fieldset .inline input {float: none!important; margin-right: 5px;}
.ltu_fieldset_wide fieldset .inline input {margin-right: 15px;}
.ltu_fieldset_wide 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_wide fieldset.submit { background-color: #fff; float: none; width: auto; border: 0 none #FFFFFF; padding-left: 14em; }


.filter_keywords label {
    width: 15em !important;
    float: none !important;
    
}
.filter_keywords {
   /*border: 1px solid #BFBAB0;
    height:100px;*/
   /* width: 30em !important;
    margin-left: 25%;
    
    padding: 10px;
    background: #F2EFE9 url(/ltu_assets/images/devices/fieldset_gradient.jpg) repeat-x; */
}
.filter_keywords ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 1em 1em 0;
}
.filter_keywords input[type=submit] {
    border: 1px solid #D8D8D8;
    height: 20px;
    margin: 1px 0 4px;

}
a.faqhover1, a.faqhover2,div.moreoptions > a{
    color: #555555;
    text-decoration: none;
}
/***********************************?
/* table widths */
table.fixed{
    table-layout: fixed;
    width: 100%;
}
table.planner{
        clear: both;
}
table.planner th{
    font-variant: small-caps;
}
.textleft{
    text-align: left !important;
}
.textright{
    text-align: right !important;
}
.textcenter{
    text-align: center !important;
}


/*******************/
/*missing styles in v4*/
.button { color: #102132; border: 1px #ccc solid; padding: 0 4px; }
.fieldcellInput, .button {background-color: #F2F2F2; }
input:focus { background-color: #ffc; } /* style form elements on focus */
/*********************/
.keyword_list{
    color: #996633;
}
#no_search_yet{
    height: 60px;
    padding-left: 42px;
    margin-left: 04em;
    
    vertical-align:middle;
    text-align:left; 
    /*background: #FBFBFB url('../images/accommodation.jpg') no-repeat scroll left top*/
    /*background-color: #000000*/
}
.more_sessions{
    color: #996633;
}

.more_sessions a:visited,.more_sessions a:link {
 color:#996633;
}
.more_sessions a:hover {
color:#CC0000;
}

.start_collision td{
    border-top: 1px dotted #CC0000 !important;
    border-left: 1px dotted #CC0000 !important;
    border-right: 1px dotted #CC0000 !important;
}
.continue_collision td{
    border-left: 1px dotted #CC0000  !important;
    border-right: 1px dotted #CC0000  !important;
}
.end_collision td{
    border-left: 1px dotted #CC0000 !important;
    border-right: 1px dotted #CC0000  !important;
    border-bottom: 1px dotted #CC0000  !important;
}
.start_new_collision td{
    border: 1px dotted #CC0000  !important;
    /*border-left: 1px dotted #CC0000 !important;
    border-right: 1px dotted #CC0000 !important;
    border-bottom: 1px dotted #CC0000  !important;*/
}
.collision_warning {
    border: 1px dotted #CC0000 !important;
    padding:2px;
}
.warning{
    border: 1px dotted #CC0000 !important;
    clear: both;
}
.warning.image{
    padding: 2px 2px 2px 30px;
    background-image: url(../images/Oxygen-Refit/16x16/status/dialog-warning.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
}
span.nowrap {
    white-space:nowrap !important;
}

.preloader { 
    position:absolute; 
    top:-1000px; 
    left:-1000px; 
} 
td.checkboxes, th.checkboxes {
    padding: 1px !important;
}

ol.bold-list li{font-weight: bold}
ol.bold-list li span{font-weight: normal}
#emailMsg,#ajaxErrorMsg {text-align:center;padding-left:0.2em;padding-right:0.2em;}

span.summary_label {
    float:left;
    width:15em;
}

span.summary_value {
	float:right;
}

#content-main fieldset.tailored {
	width: 52em;
	padding: 0.8em 0;
}

#content-main fieldset.tailored dl {
	float: left;
	padding: 0;
	width: 25em;
	margin: 0 0 0.5em;
}
#content-main fieldset.tailored dt ,
#content-main fieldset.tailored dd {
	float: left;
	margin: 0;
	padding:0;
	line-height:1.3em;
}
#content-main fieldset.tailored dt {
	clear: left;
	width: 12em;
	padding-left: 1em;
	text-align: left;
}

#content-main fieldset.tailored dd {
	width: 10em;
	text-align: right;
}

dt.dl_header {
	float:none !important;
	padding-bottom: 0.4em !important;
}

dt.dt_info {
	font-weight: normal !important;
}

dl.dl_total {
	margin-left: 25% !important;	
}
dl.dl_total dt {
	text-align: right !important;
}
dl.dl_total dd {
	text-align: left !important;
	padding-left: 0.5em !important;
}

#content-main fieldset.cashbook_filter {
	width: 58em;
	padding: 0.8em 0 0;
}

#content-main fieldset.cashbook_filter dl.left {
	float: left;
	padding: 0;
	width: 35em;
}
#content-main fieldset.cashbook_filter dl.right {
	float: left;
	padding: 0;
	width: 23em;
}
#content-main fieldset.cashbook_filter dt ,
#content-main fieldset.cashbook_filter dd {
	float: left;
	margin: 0;
	padding-bottom:0.5em;
	line-height:1.5em;
}
#content-main fieldset.cashbook_filter dt {
	clear: left;
	width: 14em;
	text-align: right;
}

#content-main fieldset.cashbook_filter dt.right {
	width: 11em;
}

#content-main fieldset.cashbook_filter dd.left{
	width: 20em;
	padding-left: 1em;
}

#content-main fieldset.cashbook_filter dd.right {
	width: 11em;
	padding-left: 1em;
}

#content-main fieldset.tailored_w {
	width: 48em;
	padding: 0.8em 0;
}

#content-main fieldset.tailored_w dl {
	float: left;
	padding: 0;
	width: 24em;
	margin: 0 0 0.5em;	
}
#content-main fieldset.tailored_w dt ,
#content-main fieldset.tailored_w dd {
	float: left;
	margin: 0;
	padding:0;
	line-height:1.3em;
	text-align: right;		
}
#content-main fieldset.tailored_w dt {
	clear: left;
	width: 15em;
	text-align: left;
	padding-left: 1em;
}

#content-main fieldset.tailored_w dd {
	width: 7em;
}

dd.submenu {
    background: transparent url(./images/submenuB-doubleBullet.gif) no-repeat scroll 0 4px;
    padding-left: 10px !important;		
}

dd.submenu_item {
	padding-left:25px !important;
}

ul.sports_help_disc {
	list-style: disc;
}

ul.sports_help_disc li {
	margin-left: 2em;
}

ol.sports_help_num li {
	margin-left: 2em;
}

ol.sports_help_none {
	list-style: none;
}

ul.sports_help_none li {
	margin-left: 2em;
}