/*
 * @Campus Stylesheet for MyCampus Webapplications
 * Copyright (C) University of Twente
 */

/*
 * Page + NonPrintable
 */
@page {
  margin: 0.5in;
}

BODY {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
}

TABLE {
  font-size: 100%;
  border-color: #CCCCCC;
}

FORM {
  margin: 0px; /* IE fix */
}

.NonPrintable {
}

@media print {
  .NonPrintable {
    display: none;
  }
}

.AtCampusPage {
}

/*
 * PageHeader
 */
.AtCampusPageHeader {
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: bold;
  color: #000000;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: top left;
  border-bottom: 1px solid #999999;
  padding-left:10px;
}

.AtCampusPageHeader A {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

.AtCampusPageHeader A:hover {
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
}

.AtCampusPopupHeader {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: top left;
  border-bottom: 1px solid #999999;
  padding-left:10px;
}

.AtCampusPopupHeader A {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

.AtCampusPopupHeader A:hover {
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
}

/*
 * PageNavigator
 */
.AtCampusPageNavigator {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  padding-left:3px;
}

.AtCampusPageNavigator A {
  color: #000099;
  text-decoration: none;
}

.AtCampusPageNavigator A:hover {
  color: #000099;
  text-decoration: underline;
}

.AtCampusPageNavigatorLink {
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #999999;
}

.AtCampusPageNavigatorLink A {
  color: #333333;
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 3px;
}

.AtCampusPageNavigatorLink A:hover {
  color: #333333;
  text-decoration: none;
  background-color: #E5E5E5;
  font-weight: bold;
}

.AtCampusPageNavigatorLink A STRONG {
  color: #333333;
  text-decoration: none;
  font-style: normal;
  font-weight: bold;
}

.AtCampusPageNavigatorLink A:hover STRONG {
  color: #333333;
  text-decoration: none;
  font-style: normal;
  font-weight: bold;
}

.AtCampusPageNavigatorLink A.AtCampusPageNavigatorSubLink {
  font-weight: normal;
  font-size: 11px;
}

.AtCampusPageNavigatorLink A.AtCampusPageNavigatorSubLink:hover {
  font-weight: normal;
  font-size: 11px;
}

/*
 * PageBody
 */
.AtCampusPageBody {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

.AtCampusPageBody A {
  color: #000099;
  text-decoration: none;
}

.AtCampusPageBody A:hover {
  color: #000099;
  text-decoration: underline;
}

.AtCampusPageBody H1 {
  font-family: Arial, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  margin-top: 0em;
  margin-bottom: 0.5em;
}

.AtCampusPageBody H1 A {
  color: #000066;
  text-decoration: none;
}

.AtCampusPageBody H1 A:hover {
  color: #000066;
  text-decoration: underline;
}

.AtCampusPageBody H2 {
  font-family: Arial, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #365F91;
  text-decoration: none;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.AtCampusPageBody H2 A {
  color: #000099;
  text-decoration: none;
}

.AtCampusPageBody H2 A:hover {
  color: #000099;
  text-decoration: underline;
}

.AtCampusPageBody H3 {
  font-family: Arial, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #4F81BD;
  text-decoration: none;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.AtCampusPageBody H3 A {
  color: #000099;
  text-decoration: none;
}

.AtCampusPageBody H3 A:hover {
  color: #000099;
  text-decoration: underline;
}

.AtCampusPageBody HR {
  height: 0px;
  border-top: 1px solid #999999;
  border-right: none;
  border-bottom: none;
  border-left: none;
  margin-top: 6px;
  margin-bottom: 6px;
}

.AtCampusPageBody P {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.AtCampusPageBody OL {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.AtCampusPageBody UL {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.AtCampusPageBody EM {
  font-style: italic;
}

.AtCampusPageBody STRONG {
  font-weight: bold;
}

.AtCampusFootNote {
  font-style: italic;
}

.AtCampusHighlightedText {
  color: #4F81BD;
}

/*
 * PageFooter
 */
.AtCampusPageFooter {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666666;
  border-top: 1px solid #999999;
  padding-top:3px;
  padding-left:3px;
}

.AtCampusPageFooter A {
  color: #000099;
  text-decoration: none;
}

.AtCampusPageFooter A:hover {
  color: #000099;
  text-decoration: underline;
}

/*
 * TabBar
 */
TABLE.AtCampusTabBar {
  font-family: Arial, Helvetica, Arial, sans-serif;
  font-size: 100%;
  border: none;
  margin-bottom: 5px;
}

TD.AtCampusTabSeparator {
  border-bottom: 1px solid #999999;
}

TD.AtCampusTab {
  color: #000000;
  background: #E5E5E5 url("/atcampus/images/tab_bg.png") repeat-x left bottom;
  white-space: nowrap;
  border-top: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
}

TD.AtCampusTab A {
  color: #000000;
  text-decoration: none;
  display:block;
  padding: 5px;
}

TD.AtCampusTab A:hover {
  color: #000000;
  text-decoration: none;
  background: #F3F3F3 url("/atcampus/images/tab_bg.png") repeat-x left bottom;
}

TD.AtCampusTabSelected {
  white-space: nowrap;
  color: #000000;
  background: #FFFFFF;
  border-top: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #FFFFFF;
  border-left: 1px solid #999999;
}

TD.AtCampusTabSelected A {
  color: #000000;
  text-decoration: none;
  display:block;
  padding: 5px;
}

TD.AtCampusTabSelected A:hover {
  color: #000000;
  text-decoration: none;
  background: #F3F3F3;
}


/*
 * ToolBar
 */
.AtCampusToolBar {
  color: #000000;
  background: #E5E5E5 url("/atcampus/images/tab_bg.png") repeat-x left bottom;
}

.AtCampusToolBar TD {
  border-width: 1px !important;
  border-style: solid none solid none;
  border-color: #CCCCCC !important;
}

.AtCampusToolBar TH {
  border-width: 1px !important;
  border-style: solid none solid none;
  border-color: #CCCCCC !important;
}

TD.AtCampusToolBar {
  border-width: 1px !important;
  border-style: solid none solid none;
  border-color: #CCCCCC !important;
}

TH.AtCampusToolBar {
  border-width: 1px !important;
  border-style: solid none solid none;
  border-color: #CCCCCC !important;
}

/*
 * Table
 */
.AtCampusTable {
  border-width: 1px !important;
  border-style: none none none none;
  border-color: #7BA0CD !important;
}

.AtCampusTableHeader {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #4F81BD;
}

.AtCampusTableHeader TD {
  border-width: 1px !important;
  border-style: solid none solid none;
  border-color: #7BA0CD !important;
}

.AtCampusTableHeader TH {
  border-width: 1px !important;
  border-style: solid none solid none;
  border-color: #7BA0CD !important;
}

TD.AtCampusTableHeader {
  border-width: 1px !important;
  border-style: solid none solid none;
  border-color: #7BA0CD !important;
}

TH.AtCampusTableHeader {
  border-width: 1px !important;
  border-style: solid none solid none;
  border-color: #7BA0CD !important;
}

.AtCampusTableHeader A {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

.AtCampusTableHeader A:hover {
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
}

.AtCampusTableSubHeader {
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #4F81BD;
}

.AtCampusTableSubHeader TD {
  border-width: 1px !important;
  border-style: solid none solid none;
  border-color: #7BA0CD !important;
}

.AtCampusTableSubHeader TH {
  font-weight: bold;
  border-width: 1px !important;
  border-style: solid none solid none;
  border-color: #7BA0CD !important;
}

TD.AtCampusTableSubHeader {
  font-weight: bold;
  border-width: 1px !important;
  border-style: solid none solid none;
  border-color: #7BA0CD !important;
}

TH.AtCampusTableSubHeader {
  font-weight: bold;
  border-width: 1px !important;
  border-style: solid none solid none;
  border-color: #7BA0CD !important;
}

.AtCampusTableSubHeader A {
  font-weight: bold;
  color: #000099;
  text-decoration: none;
}

.AtCampusTableSubHeader A:hover {
  font-weight: bold;
  color: #000099;
  text-decoration: underline;
}

.AtCampusTableRow {
}

.AtCampusTableRow.Banding {
  background-color: #D3DFEE !important;
}

.AtCampusTableRow TD {
  border-width: 1px !important;
  border-style: none none none none;
  border-color: #7BA0CD !important;
}

.AtCampusTableRow TH {
  border-width: 1px !important;
  border-style: none none none none;
  border-color: #7BA0CD !important;
}

TD.AtCampusTableRow {
  border-width: 1px !important;
  border-style: none none none none;
  border-color: #7BA0CD !important;
}

TH.AtCampusTableRow {
  border-width: 1px !important;
  border-style: none none none none;
  border-color: #7BA0CD !important;
}

.AtCampusTableRow A {
  color: #000099;
  text-decoration: none;
}

.AtCampusTableRow A:hover {
  color: #000099;
  text-decoration: underline;
}

.AtCampusHighlightedRow {
  color: #365F91;
  background-color: #A7BFDE !important;
}

.AtCampusHighlightedRow.Banding {
  color: #4F81BD;
  background-color: #A7BFDE !important;
}

.AtCampusHighlightedRow TD {
  border-width: 1px !important;
  border-style: none none none none;
  border-color: #CCCCCC !important;
}

.AtCampusHighlightedRow TH {
  border-width: 1px !important;
  border-style: none none none none;
  border-color: #CCCCCC !important;
}

TD.AtCampusHighlightedRow {
  border-width: 1px !important;
  border-style: none none none none;
  border-color: #CCCCCC !important;
}

TH.AtCampusHighlightedRow {
  border-width: 1px !important;
  border-style: none none none none;
  border-color: #CCCCCC !important;
}

.AtCampusHighlightedRow A {
  color: #000099;
  text-decoration: none;
}

.AtCampusHighlightedRow A:hover {
  color: #000099;
  text-decoration: underline;
}

.AtCampusTableFooter {
  font-weight: bold;
  color: #000000;
  background-color: #A7BFDE;
}

.AtCampusTableFooter TD {
  border-width: 1px !important;
  border-style: solid none solid none;
  border-color: #7BA0CD !important;
}

.AtCampusTableFooter TH {
  border-width: 1px !important;
  border-style: solid none solid none;
  border-color: #7BA0CD !important;
}

TD.AtCampusTableFooter {
  border-width: 1px !important;
  border-style: solid none solid none;
  border-color: #7BA0CD !important;
}

TH.AtCampusTableFooter {
  border-width: 1px !important;
  border-style: solid none solid none;
  border-color: #7BA0CD !important;
}

.AtCampusTableFooter A {
  font-weight: bold;
  color: #000099;
  text-decoration: none;
}

.AtCampusTableFooter A:hover {
  font-weight: bold;
  color: #000099;
  text-decoration: underline;
}

/*
 * Icon
 */
IMG.AtCampusIcon {
  height: 14px;
  width: 14px;
  border: none;
  vertical-align: text-bottom;
}

IMG.AtCampusSpacerIcon {
  height: 14px;
  width: 1px;
  border: none;
  vertical-align: text-bottom;
}


/*
 * Button + Button Bar
 */
BUTTON {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

BUTTON.AtCampusButton {
  padding: 2px 5px 2px 5px;
}

INPUT.AtCampusButton {
  padding: 2px 5px 2px 5px;
}

TABLE.AtCampusButtonBar {
  border: none;
}

TABLE.AtCampusButtonBar TD {
  border: none;
}

.AtCampusTableFooter .AtCampusButtonBar {
  border: none;
  margin: -2px; /* correction cellpadding */
}

/*
 * Input
 */
INPUT {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

LABEL {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

INPUT.AtCampusInputText {
}

INPUT.AtCampusInputText[readonly] {
  background-color: #EBE9ED;
  border: 1px inset #EBE9ED;
}

INPUT.AtCampusInputNumber {
  font-family: "Courier New", Courier, mono;
  text-align: right;
}

INPUT.AtCampusInputNumber[readonly] {
  background-color: #EBE9ED;
  border: 1px inset #EBE9ED;
}

INPUT.AtCampusInputDate {
  font-family: "Courier New", Courier, mono;
}

INPUT.AtCampusInputDate[readonly] {
  background-color: #EBE9ED;
  border: 1px inset #EBE9ED;
}

INPUT.AtCampusInputPassword {
}

INPUT.AtCampusInputPassword[readonly] {
  background-color: #EBE9ED;
  border: 1px inset #EBE9ED;
}

INPUT.AtCampusInputCheckbox {
}

LABEL.AtCampusInputCheckbox {
  color: #000099;
  text-decoration: none;
}

LABEL.AtCampusInputCheckbox:hover {
  color: #000099;
  text-decoration: underline;
}

INPUT.AtCampusInputRadio {
}

LABEL.AtCampusInputRadio {
  color: #000099;
  text-decoration: none;
}

LABEL.AtCampusInputRadio:hover {
  color: #000099;
  text-decoration: underline;
}

INPUT.AtCampusInputFile {
}

INPUT.AtCampusInputFile[readonly] {
  background-color: #EBE9ED;
  border: 1px inset #EBE9ED;
}

/*
 * Select
 */
SELECT {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
}

SELECT.AtCampusInputSelect {
}

SELECT.AtCampusInputSelect[readonly] {
  background-color: #EBE9ED;
}

OPTGROUP {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-style: normal;
  font-weight: bold;
}

OPTION {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
}

OPTION.AtCampusInputOption {
}

SELECT.AtCampusInputSelect[readonly] OPTION.AtCampusInputOption {
  background-color: #EBE9ED;
}

/*
 * TextArea
 */
TEXTAREA {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
}

TEXTAREA.AtCampusInputArea {
  overflow: auto;
}

TEXTAREA.AtCampusInputArea[readonly] {
  background-color: #EBE9ED;
  border: 1px inset #EBE9ED;
}

/*
 * Calendar
 */
.AtCampusCalendar {
  font-size: 10px;
  background: #E5E5E5;
  border: 1px solid #CCCCCC;
}

.AtCampusCalendarHeader {
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  background: #333333 url("/atcampus/images/tablehdr_bg.png") repeat-x left bottom;
  border-bottom: 1px solid #CCCCCC;
}

.AtCampusCalendarHeader A {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: normal;
  border: 1px solid #333333;
  padding: 0px 2px 0px 2px;
}

.AtCampusCalendarHeader A:hover {
  color: #FFFFFF;
  text-decoration: none;
  border: 1px outset #333333;
  padding: 0px 2px 0px 2px;
}

.AtCampusCalendarSubHeader {
  text-align: center;
  vertical-align: middle;
  color: #000000;
  border-bottom: 1px solid #CCCCCC;
}

.AtCampusCalendarWeek {
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #CCCCCC;
}

.AtCampusCalendarInnerDate {
  text-align: center;
  vertical-align: middle;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.AtCampusCalendarOuterDate {
  text-align: center;
  vertical-align: middle;
  background: #E5E5E5;
  border: 1px solid #E5E5E5;
}

TD.AtCampusCalendarCurrentDate {
  border: 1px solid #000000 !important;
}

.AtCampusCalendarSelectedDate {
  font-weight: bold;
  color: #FFFFFF;
  background: #000099;
}

.AtCampusCalendarSelectedDate A {
  color: #FFFFFF;
}

.AtCampusCalendarSelectedDate A:hover {
  color: #FFFFFF;
}

/*
 * Fieldsets
 */

FIELDSET {
  border: 1px solid #CCCCCC;
  padding: 5px 3px 5px 3px;
  margin: 0px;
}

FIELDSET LEGEND {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #365F91;
}

.AtCampusPageNavigator FIELDSET {
  font-size: 11px;
  text-align: right;
}

.AtCampusPageNavigator FIELDSET LEGEND {
  font-size: 11px;
  text-align: left;
}

FIELDSET.AtCampusInfoMessages {
  font-style: italic;
  border: 1px solid #0098C3;
}

FIELDSET.AtCampusInfoMessages LEGEND {
  font-style: italic;
  color: #0098C3;
}

FIELDSET.AtCampusInfoMessages UL {
  font-style: italic;
  list-style-type: square;
  padding-left: 20px;
  margin-left: 0px;
}

FIELDSET.AtCampusWarningMessages {
  font-style: italic;
  border: 1px solid #DC0C30;
}

FIELDSET.AtCampusWarningMessages LEGEND {
  font-style: italic;
  color: #DC0C30;
}

FIELDSET.AtCampusWarningMessages UL {
  font-style: italic;
  list-style-type: square;
  padding-left: 20px;
  margin-left: 0px;
}

FIELDSET.AtCampusException {
  border: 2px solid #DC0C30;
}

FIELDSET.AtCampusException UL {
  font-style: italic;
  list-style-type: square;
  padding-left: 20px;
  margin-left: 0px;
}