/**********************************************************
 *** START SECTION RELATED TO IE6 Star Hacks           ****
 This hack was introduced by Joe Lanman to make the popup
 scrollable in IE6 (he took the idea from http://ryanfait.com/resources/fixed-positioning-in-internet-explorer).
 IMPORTANT : to keep the code clean these hacks should be 
 removed once IE6 will become obsolete
**********************************************************/

* {
    margin: 0;
}
* html, * html body {
    height: 100%;
    overflow: auto;
}
* html .wholePageContainer {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}

/**********************************************************
 *** START SECTION RELATED TO "NORMAL" DEFAULTS   ****
***********************************************************/
body { color:#606060; font-family:arial;}
table, tr, th, td {font-size:1em;font-weight:normal;text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }
A { color: #1a7189; font-weight: normal; text-decoration: none; }
A:visited { color: #1a7189; }
A:hover { color: black; }

A.crumlink { color: black; }
A:visited.crumlink { color: black; }
A:hover.crumlink { color: white; }

A.crumloginlink { color: #666; font-weight: bold; }
A:visited.crumloginlink { color: #666; font-weight: bold; }
A:hover.crumloginlink { color: #888; font-weight: bold; }

A.greylink { color: #606060; }
A:visited.greylink { color: #747474; }
A:hover.greylink { color: black; }

form { display: inline;}

/* Added the "width" only to help IE6 to display correctly*/
.headbord { background-color: #29A6C9;width:100%}
.headbord .leftSide {float:left;font: 0.875em/0.875em arial; color: white; font-weight: bold; padding: 20px 0 15px 17px;}
.headbord .rightSide {float:right;margin: 0; padding: 0;}
/* Set the min-height to have IE 7 to display the floating "log out" text on the right + added the "width" only to help IE6 to display correctly */
.headcrum { background-color: #D0E1F0; min-height:30px;width:100%}
.headcrum .leftSide{float:left; margin-left: 10px; padding-top: 3px; }
.headcrum .rightSide{float:right;margin-right:10px;padding-top:3px;padding-bottom:2px;}
.headcrum .rightSide .acadYear{font-size:0.8em;font-weight:bold;color:black;}

.crumb { font: 0.6875em/1.125em verdana; color: white;}
.foot { font: 15px verdana; background: rgba(0, 119, 133, .1); border-top: 1px solid #D6E7F7; margin: 75px 0 0 0; padding: 10px 0 10px 20px; }

.search {
  font: 9px/12px verdana;
  height: 12px;
  color: #606060;
  border: 1px solid #9C9C9C;
  background: white;
  margin: 0 10px 0 0;
}

.hide { display: none; }
.show { display: block; }
.line { display: inline; }

/* Grouping selectors to the same style: both a first children of body and an element with id functionTitle 
   will share the same style. This is done to align the element functionTitle, placed in the header as it is used almost 
   everytime, and align it with content of the rest of the page */
body .content, #functionTitle { padding: 5px 20px; }

h1.title {
  font: 1.5em arial;
  color: #369fb9;
  letter-spacing: -1px;
  border-bottom: 1px solid #369fb9;
  margin: 0 5% 0 0;
  padding: 5px 0 0;
}

h2.title {
  font: 1.3em arial;
  color: #2B7391;
}

h3.title {
  font: 1.3em/0.95em arial;
}

#functionTitle {
    position: relative;
}

#functionTitle .moodleref {
    position: absolute;
    bottom: 11px;
    right: 5%;
    margin-right: 7px;
    padding-right: 0.7em;
}

#functionTitle .moodleref a {
    background-color: #175B6E;
    color: white;
    padding: 3px 6px 2px 5px;
    position: relative;
    border-radius: 0.2em;
}


/* ONE STYLE BUTTON */
.button { font: 9px/14px arial;}
.btn-l { padding-right: 5px; float: left; }
.btn-r { padding-left: 5px; float: right; }
.btn-bg { font-size: 0.6875em; line-height: 1.45; }
.btn-xl { font-size: 0.9em; line-height: 1.4; }
.button .tl { background: url(../images/bttn-tl.gif) 0 0 no-repeat; }
.button .tr { background: url(../images/bttn-tr.gif) 100% 0 no-repeat; }
.button .bl { background: url(../images/bttn-bl.gif) 0 100% no-repeat; }
.button .br { background: url(../images/bttn-br.gif) 100% 100% no-repeat; }
.button span { color: #1B7287; text-transform: uppercase; padding: 4px; }
.button span a { cursor: pointer; cursor: hand; }
.button a:hover { color: #0C3038; }
.button img { padding: 3px 4px 4px; border: none; cursor: pointer; cursor: hand;}
.button img.arrow { padding: 5px 4px 4px; }
.button.disable .tl { background: url(../images/bttn-tl-gr.gif) 0 0 no-repeat; }
.button.disable .tr { background: url(../images/bttn-tr-gr.gif) 100% 0 no-repeat; }
.button.disable .bl { background: url(../images/bttn-bl-gr.gif) 0 100% no-repeat; }
.button.disable .br { background: url(../images/bttn-br-gr.gif) 100% 100% no-repeat; }
.button.disable span a { cursor: default; }
.button.disable span { color: #747474; }
.button.disable span a:hover { color: #747474; }

/* 
  - Using the property display: table to let Firefox to understand the text-align:center property 
  - Added z-index property otherwise IE6 doesn't display it over the module table in the create custom timetable page
 */
.simplePopupMessage {
  font-size: 1.1em;
  color: black;
  text-align: center;
  background-color: #CCFFCC;
  width: 30%;
  border: 1px solid green;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 5px;
  position: absolute;
  top: 45%;
  left: 33%;
  display: table;
  z-index: 1;
}

/*
  Default styles for the list presented by the autosuggest rendered by TTAS
*/

.autoSuggestList {
  background: white;
  border: 1px solid #A3DFED;
  z-index: 1;
}
.autoSuggestList li.asLi { background-color: #F1FBFC; }
.autoSuggestList a { font-size: 0.8em; color: #333333; padding: 4px 5px; display: block; }
.autoSuggestList a:hover { background-color: #D5F0F7; }
.autoSuggestList li.asLi a:hover { background-color: #C7EBF3; }
.autoSuggestList span { display: none; }

/*
  In case we need it we may associate this simple set of styles instead of the standard
  one to display the autosuggest result's in horizzontal.
  These CSS may be improved to give a better graphic effect
.autoSuggestListHoriz {
  background: white;
  min-width: 350px;
  max-width: 500px;
  border: 1px solid #A3DFED;
  z-index: 1;
  display: inline;
  padding:3px;
}

.autoSuggestListHoriz li { display: inline; margin:5px;}
.autoSuggestListHoriz li.asLi a { color: #336699; }
.autoSuggestListHoriz a:hover { background-color: #D5F0F7; }
.autoSuggestListHoriz li.asLi a:hover { background-color: #C7EBF3; }
.autoSuggestListHoriz span { display: none; }


*/





/* ERRORS */
.errorTitle { font-family: verdana,arial,helvetica,sans-serif; font-size: 14px; font-weight: bold; text-decoration:underline; color:#800517 }
.error{font-family: verdana,arial,helvetica,sans-serif; font-size: 11px; font-weight: bold; color:#800517;}

#notauthorised { font-weight: bold; margin: 10px 0 20px; }
#notauthorised + ul li { line-height: 2; list-style: outside none disc; margin-left: 2em; }