/* These properties are used by the application and are not directly used for the content */

#app-search .search-input
{
  float: left;
  width: 290px;
  margin: 0;
}

#app-search .search-button
{
  background-image: url("//www.epfl.ch/img/magnifier.png");
  border: medium none;
  cursor: pointer;
  height: 25px;
  text-indent: -999em;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  width: 25px;
}

.error
{
  color: #FF0000;
}

.required
{
  color: #FF0000;
}

.confirmation
{
  color: #008100;
  border-bottom: 1px dashed #008100;
}

.commentEven
{
  background: #FFFFFF;
  border-bottom: 1px dashed #736F6E;
  padding-top: 15px;
  padding-bottom: 25px;
}

.commentOdd
{
  background: #EFEFEF;
  border-bottom: 1px dashed #736F6E;
  padding-top: 15px;
  padding-bottom: 25px;
}

#content form:first-child
{
  margin-top: 10px;
}

/* fix for folder icons in file manager */
table.table img
{
  margin: 0;
}

/* Framework */

/* variables */
/* framework */
.right
{
  text-align: right;
}

.left
{
  text-align: left;
}

.center
{
  text-align: center;
}

.justify
{
  text-align: justify;
}

.clear
{
  clear: both;
}

a.tooltip span
{
  border-radius: 4px;
  box-shadow: 5px 5px 8px #ccc;
  display: none;
  margin-top: -2.5em;
  margin-left: 1em;
  padding: 1em;
  width: 15em;
  z-index: 10;
}

a.tooltip:hover
{
  cursor: help;
  text-decoration: none;
}

a.tooltip:hover span
{
  background: #fffaf0;
  border: 2px solid black;
  color: #111;
  display: inline;
  position: absolute;
}

div.info, div.success, div.warning, div.error
{
  border:1px solid;
  border-radius: 7px;
  padding: 1em 0 1em 3.5em;
  vertical-align: text-bottom;
  margin-bottom: 1em;
  margin-top: 1em;
}

div.info
{
  color: #00529B;
  background: #bde5f8 url("/static/images/info.png") 0.5em center no-repeat;
}

div.success
{
  color: #4F8A10;
  background: #dff2bf url("/static/images/success.png") 0.5em center no-repeat;
}

div.success-small
{
  color: #356a0b;
  padding: 0.5em 0 0 2em;
  background: url("/static/images/success.png") 0 center no-repeat;
}

div.warning
{
  color: #9F6000;
  background: #feefb3 url("/static/images/warning.png") 0.5em center no-repeat;
}

div.error
{
  color: #D8000C;
  background: #ffbaba url("/static/images/error.png") 0.5em center no-repeat;
}

ul.progress
{
  margin: 1em 0 0 0;
  padding: 0 0 2em 0;
}

ul.progress li
{
  background: linear-gradient(white, #fcfaf8);
  background: -webkit-linear-gradient(white, #fcfaf8);
  background-color: #fcfaf8;
  border: 1px solid #d3d3d4;
  display: inline;
  margin-right: 0.6em;
  padding: 1em 0.5em 1em 0.5em;
  border-radius: 6px;
}

ul.progress li.selected
{
  background: linear-gradient(#fcfaf8, #eeeeee);
  background: -webkit-linear-gradient(#fcfaf8, #eeeeee);
  background-color: #eeeeee;
  font-weight: bold;
}

ul.tabs
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.tabs li
{
  background: linear-gradient(#fcfaf8, #eeeeee);
  background: -webkit-linear-gradient(#fcfaf8, #eeeeee);
  background-color: #eeeeee;
  border: 1px solid #bbb;
  border-bottom-width: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: darkblue;
  cursor: pointer;
  float: left;
  margin-left: 0.3em;
  padding: 0.3em 1em;
  text-align: center;
}

ul.tabs :hover
{
  background: #ddf;
  color: red;
}

ul.tabs :hover a
{
  color: red;
}

ul.tabs .selected
{
  background: white;
  border-color: #bbb;
  color: black;
  cursor: default;
  position: relative;
  top: 1px;
}

div.tabs-content-selected
{
  border-top: 1px solid black;
  clear:both;
  padding-top: 1em;
}

div.tabs-content
{
  display: none;
}

table.lister
{
  border-collapse: collapse;
  margin-bottom: 1em;
  width: 100%;
}

table.lister th
{
  background: linear-gradient(white, #fcfaf8);
  background: -webkit-linear-gradient(white, #fcfaf8);
  background-color: #fcfaf8;
  border-bottom: 1px solid #d3d3d4;
  border-top: 1px solid #d3d3d4;
  padding: 0.5em;
}

table.lister td
{
  border-bottom: 1px dotted #d3d3d4;
  padding: 0.5em;
}

table.lister tr:hover
{
  background: linear-gradient(white, #fcfaf8);
  background: -webkit-linear-gradient(white, #fcfaf8);
  background-color: #fcfaf8;
}

table.lister tfoot td
{
  border-top: 1px solid #d3d3d4;
  border-bottom: none;
  padding: 0.5em 0.3em 0.5em 0.3em;
}

table.formBox
{
  border-collapse: collapse;
  width: 100%;
}

table.formBox td
{
  padding: 0.3em;
}

table.formBox td.formHeader
{
  background: linear-gradient(white, #fcfaf8);
  background: -webkit-linear-gradient(white, #fcfaf8);
  background-color: #fcfaf8;
  font-weight: bold;
  border-bottom: 1px solid #d3d3d4;
  border-top: 1px solid #d3d3d4;
  padding: 0.5em;
}

td.formErrorHeader
{
  background-color: #ffcf8b;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  color: red;
  font-weight: bold;
  height: 3em;
  text-align: center;
}

td.formLabel
{
  text-align: right;
  white-space: nowrap;
  width: 5%;
}

td.formLabel:after, td.formError:after
{
  content: " :";
}

td.formAdvice
{
  color: #736F6E;
  vertical-align: top;
}

td.formHelp
{
  border-left: 1px dashed #DAE6E6;
}

td.formError
{
  color: red;
  vertical-align: bottom;
}

input.formError, textarea.formError
{
  border: 1px solid red;
}

td.formSubmit
{
  background-color: #dce6d9;
  border-bottom: 1px solid black;
  border-top: 1px black solid;
  font-weight: bold;
}

td.formSubmit input
{
  font-weight: bold;
}