@charset "utf-8";
/* CSS Document Version 2. Created on December 5th. Testversion for eventual implementation. */

/* Kladblok sectie voor herstructurering.

Document Main Structure:

1:RESET
2:TAGS
3:STRUCTURE
4:PER FUNCTION
5:PAGE-SPECIFIC EXCEPTIONS
6:COMMON

*/

/* ================== 1:RESET ================== */

html {
    min-height: 100%;
    margin-bottom: 1px;
}

img {
    border: 0;
}

a {
    text-decoration: none;
}

/* ================== 2:TAGS ================== */

body {
    margin: 0;
    font-size: 76%;
    font-family: Arial,Verdana,Tahoma;
	background: #F2F2F2 url("/css/v2/BGANSSelfService.png") center top repeat-y;
    color: #5d5d5d;
    text-align: center;
}

textarea {
    resize: vertical;
}

hr {
	color: #DCDBDB;
	background-color: #DCDBDB;
}

a, a:hover, td a:hover, p a:hover, #subnav span a:hover  {
    color: #0094CD;
}

a:hover, td a:hover, p a:hover, #subnav span a:hover {
    text-decoration: underline;
}

h1,h2,h3,h4,h5,p {
    margin: 0 0 0.5em 0;
}

h1,h2,h3,h4,h5 {
    text-align: justify;
}

h2,h3,h4,h5 {
    font-family: Verdana;
}

h2 {
    color:#585D5E;
    font-size: 18px;
}

h3 {
    color:#646B6B;
    Font-size: 16px;
}
h4 {
    color:#0094CD;
    Font-size: 11px;
}
h5 {
    color:#646B6B;
    font-size: 9px;
}

legend {
    color: #0094CD;
    text-decoration: none;
}

p {
    line-height: 1.5em;
}

table {
    font-size: 1em;
}

/* buttons*/
a.button, .backToOverview {
    color: #636363;
    font-size: 0.9em;
    margin: 0 0 0 0.2em;
    text-decoration: none;
    font-weight: bold;
    padding: 0.3em 0.4em;
}

a.backToOverview:hover  {
    color: #4C4C4C;
}

a.nobutton {
    display: none;
}

#cursus_onderdelen div .backToOverview {
   margin: auto;
   padding-left: 0;
   font-family: arial;
   float: left;
}

a.white_button {
    color: #d9d9d9;
    font-size: 12px;
    margin: 0 0 0 0.2em;
    text-decoration: none;
    background: #FFFFFF;
    font-weight: bold;
    padding: 0.3em 0.35em;
    border-width: 0 0.05em 0.05em 0;
    border-style: solid;
    border-color: #d2d2d2;
}

a.white_button2 {
    color: #636363;
    font-size: 12px;
    margin: 0 0 0 0.2em;
    text-decoration: none;
    background: #FFFFFF;
    padding: 0.3em 0.35em;
    border-width: 0 0.05em 0.05em 0;
    border-style: solid;
    border-color: #d2d2d2;
}

div.button {
    color: #636363;
    font-size: 12px;
    margin: 0 0 0 0.2em;
    text-decoration: none;
    background: #f3f3f3;
    font-weight: bold;
    padding: 0.3em 0.4em;
    border-width: 0 0.05em 0.05em 0;
    border-style: solid;
    border-color: #d2d2d2;
}

input.formbutton {
    font-weight: normal;
    font-family: verdana;
    color: #000000;
    border:1px solid #B9B9B9;
    background: #F5F5F5;
    background: -webkit-gradient(linear, left top, left bottom, from(#F7F9F9), to(#E6EDFF));
    background: -moz-linear-gradient(top, #F7F9F9, #E6EDFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F9F9', endColorstr='#E6EDFF');
     border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}

input.formbutton:hover {
    font-weight: normal;
    font-family: verdana;
    color: #000000;
    border:1px solid #B9B9B9;
    background: #DEEDFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#EBF9F9), to(#DEEDFF));
    background: -moz-linear-gradient(top, #EBF9F9, #DEEDFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBF9F9', endColorstr='#DEEDFF');
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}

input.button {
    font-weight: normal;
    font-family: verdana;
    color: #000000;
    border:1px solid #B9B9B9;
    background: #F5F5F5;
    background: -webkit-gradient(linear, left top, left bottom, from(#F7F9F9), to(#E6EDFF));
    background: -moz-linear-gradient(top, #F7F9F9, #E6EDFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F9F9', endColorstr='#E6EDFF');
     border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}

input.button:hover {
    font-weight: normal;
    font-family: verdana;
    color: #000000;
    border:1px solid #B9B9B9;
    background: #DEEDFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#EBF9F9), to(#DEEDFF));
    background: -moz-linear-gradient(top, #EBF9F9, #DEEDFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBF9F9', endColorstr='#DEEDFF');
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}



/* -------------------------------------------------------------------------------------------------------- */
/* ================== 3:STRUCTURE ================== */
/* Formed after the main structure of the HTML it is connected to. */

/* Sequence: Container > Header > Top half Header (User nav) > Bottom half header(Main Nav) > Content > Footer.*/

/* ===== Container ===== */

#container {
	width: 100%;
    height: auto;
    padding: 0px;
	margin: 1.5em  auto; /* TODO not to sure about this, but Margin-top should overwrite. */
    margin-top: 0px;
	border: none; /* TODO might need to be removed due to tenants *//
    background: none; /* TODO might need to be removed due to tenants  */
    text-align: left;
}

#container #content {
    width: 921px;
	margin: -15px auto auto auto;
	background: none;
	text-align: left;
    *clear: both;
}

/* ===== Header ===== */

#header {
    width: 100%;
	background: url("/css/v2/ANSSelfServiceHeader.png") center top no-repeat;
	height: 225px;
}

#header a {
    float: none;
}

#img_logo {
    width: 24.8em;
    height: 4.95em;
}

/* =====Upper part of Header, User options===== */

#h_top {
	margin-left: auto;
	margin-right: auto;
	height: 110px;
	width: 971px;
	text-align: left;
    margin-bottom: 0px;
}

#user {
    float: right;
	padding-top: 5px;
	padding-right: 25px;
	color: #585D5E;
    font-family: Verdana;
}

#user a {
    color: #585D5E;
    font-size: 12px;
}

#user span a {
	color: #FFFFFF;
	font-size: 10px;
}

#helpButton {
    background:#0096D2;
    padding:1px 5px 3px 5px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

#helpButton a {
    color:#FFF;
    font-family:Arial,Helvetica,sans-serif;
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
}

#helpButton a:hover {
    text-decoration:none;
}

/* =====Lower part of Header, Navigation===== */

#navi {
    margin-left: auto;
    margin-right: auto;
    width: 921px;
}

#navi ul {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
    float: left;
	width: 100%;
	padding: 0;
    list-style: none;
}

#navi li {
    float: left;
    margin: 0.3em 0.2em 0 0;
    padding: 0;
}

#navi a {
    display: block;
	padding: 0.5em 1em;
    color: #646B6B;
	font-family: verdana;
    font-weight: normal;
	font-size: 14px;
    text-decoration: none;
}

#navi a:hover {
    text-decoration: none;
}

/* Button of currently selected Menu item */

#navi li#current {
    background: url("/css/v2/ANSSelfServiceNaviRight.jpg") right top;
}

#navi li#current a {
    background: url("/css/v2/ANSSelfServiceNaviLeft.jpg") left top no-repeat;
	color: #FFFFFF;
}

#navi li#current a:hover {
    text-decoration: none;
}

#navi_options {
    margin: 0 20.5em 0 0;
}

#navi_options.signedin {
    margin: 0;
    width: 43%;
}

#navi_options p {
    padding: 0 0 0 0.8em;
}

#navi_options .box {
    margin: 0 0 0.8em 0;
}

#navi_options .box h2 {
    margin: 0.3em 0 0.3em 0.6em;
}

#navi_options .box p {
    margin: 0.3em 0 0.3em 1em;
    padding: 0 0 1em 0;
}

/* Subnav(Breadcrumb) */
#subnav {
    padding: 0.6em 0;
	width: 921px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	text-align: left;
    list-style: none;
}

/* IE 7 only subnav Hack */
html #subnav {
    *margin-top: 30px;
}

/* IE 6 only subnav Hack */
html #subnav {
    _margin-top: 30px;
}

#subnav span {
    color: #0094CD;
	font-size: 12px;
	font-weight:normal;
}

#subnav a {
    color: #0094CD;
	font-size: 12px;
	font-weight:normal;
}

#subnav a:hover {
    text-decoration: none;
    color: blue;
}

/* =====Content===== */

#content h1 {
    font-size: 1.4em;
}

#content h2 {
    font-size: 1.5em;
}

#content h3 {
    font-size: 1.2em;
}

#content h4 {
    font-size: 1em;
}

#left h2 {
    font-size: 1.2em;
}

#left h3 {
    font-size: 1em;
    font-weight: normal;
}

/* =====Footer===== */

#footer {
    margin: 1.3em 0;
    width: 100%;
    text-align: center;
    font-size: 0.9em;
    display: block;
    line-height: 2em;
}

/* -------------------------------------------------------------------------------------------------------- */
/* ================== 4:PER FUNCTION ================== */
/*  */

/* Sequence: */

/* Display for credit balance */
.balance {
  font-size: 24px;
  font-weight: bold;
}

.balance.positive {
  color: green;
}

.balance.negative {
  color: red;
}

/* Login & Inputcode box */
#toolboxesLeft {
    float: right;
}

.tool_box {
    padding: 0.5em;
    margin: 0;
    width: 18em;
    border: 0.06em solid #d2d2d2;
    background-color: #EDF3F4;
    text-align: right;
 	border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.tool_box a {
    font-size: 0.8em;
}

.tool_box p {
    text-align: left;
    font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 1.167em;
	color: #646B6B;
}

.tool_box dl {
    margin: 0 0 0.5em 0;
    padding: 0;
    width: 100%;
}

.tool_box dt {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: left;
}

.tool_box dd {
    margin: 0;
}

.tool_box label {
    display: block;
    padding: 0.3em 0;
}

.tool_box input.text {
    width: 100%;
    font-size: 1.3em;
    margin: 0.1em 0;
}

.accesscode_input_field {
    background-image:url("/css/input_accesscode.gif");
    background-repeat:no-repeat;
    background-color:transparent;
    width:194px;
    height:40px;
    border:medium none;
    color:#191919;
    font-family:Courier New;
    font-size:21.4px;
    font-weight: bold;
    letter-spacing:6px;
    line-height:25px;
    outline-style:none;
    outline-width:medium;
    padding:1px 0px 0px 5px;
}

.tool_box input.button {
    font-size: 1.1em;
}

.tool_box form dl dd select {
    max-width:100%;
    width:100%;
}

/* =====Table===== */

table.status {
    border: 0px solid #008800;
}

.dijitSlider td {
    border:0;
}

#contentTable_Items img {
    margin: 0;
}

/* Action Containers (Tables fall in these mostly) */
.actionContainer, .conditionContainer {
    border: #ebebeb solid 1px;
    background: #fafafa;
    padding: 5px;
}


.conditionContainer {
    margin-top: 0.5em;
}

.actionContainer {
    border: #E6EEEF solid 1px;
    background: #fafafa;
    padding: 5px;
}

.topContainer {
    margin-bottom: 5px;
}


.middleContainer {
    margin-bottom: 5px;
    margin-on: 5px;
}

.bottomContainer {
    margin-top: 5px;
}

.dialogContainer {
    margin: 10px -10px -10px;
    text-align: right;
}

/* =====myTable===== */
.myTable, .myFilledTable {
    width: 100%;
    margin-top: 2px;
    font-size: 1em;
}

.myTable {
    border: 1px #d2d2d2 solid;
}

.myTable tr.header, myFilledTable tr.header {
	background: url("/css/v2/ANSmtTableHeader.jpg") repeat-x bottom left;
    border: 1px #E6EEEF solid;
}

.myTable img {
    border: 0;
    margin-left: 5px;
    vertical-align: middle;
}

.myTable2 tr.header2 {
    background: white;
    border-bottom: 1px red solid;
}

.myTable2, .myTable2 tr.header2 {
    border: 1px #d2d2d2 solid;
    width: 100%;
}

.myFilledTable tr.subHeader {
    background: white;
    color: #a3a2a2;
}

.subHeader {
    background: #f3f3f3;
    color: #a3a2a2;
}

.subHeader td {
    padding-right: 5px;
}

.myFilledTable tr.even {
    background: white;
}

.myFilledTable .archivedUser {
    background-color:#EAEAEA;
    border-bottom:thin solid darkgray;
    border-top:thin solid darkgray;
}

.myFilledTable .archivedUser p {
    float:right;
}

.myTable .borderRight {
    border-right: 1px #d2d2d2 solid;
}

.myTable .borderBottom {
    border-bottom: 1px #d2d2d2 solid;
}

.myTable , .myTable2 , .myFilledTable {
    font-size: inherit;
    *font-size: 1em;
    _font-size: 1em;
}

/* =====mtTable(SortableTable + TreeTable)===== */
.mtTable {
    border-top:1px solid #E6EEEF;
    border-left:1px solid #E6EEEF;
    border-bottom:1px solid #E6EEEF;
    border-right:1px solid #E6EEEF;
    font-size: 1em;
}

.mtTable img {
    padding: 0 3px 0 3px;
    vertical-align: middle;
    border: 0;
}

.mtTable thead {
    background:#fff url("/css/v2/ANSmtTableHeader.jpg") repeat-x bottom left;
    font-weight: bold;
}

.mtTable thead input {
    margin-top: 0;
}

.mtTable thead td {
    padding: 4px;
}

.mtTable td {
    border-right:1px solid #E6EEEF;
    padding: 2px 4px 2px 4px;
}

.mtTable .sortable{
    cursor: pointer;
}

.mtTable .newItemRow {
    background: #DDDDFF;
}

.mtTable .highlightRow {
    background: #DDDDFF;
}

.mtTable .sortedUp .sortIcon{
    background:url('/pub_images/icons/up.gif') no-repeat;
}

.mtTable .sortedDown .sortIcon{
    background:url('/pub_images/icons/down.gif') no-repeat;
}

.mtTable .sortIcon{
    height: 14px;
    width: 14px;
    margin-left: 4px;
}

.mtTable .zebra {
    background: #F7F9F9;
}

.mtTable .highlighted {
    background: #ECF9B7;
}

.mtTable .hoverable{
    background: #ECF9B7;
}

.hiddenByTableFilter {
    display: none;
}

.hiddenByCheckBoxFilter {
    display: none;
}

.hiddenByTablePagination {
    display: none;
}

.hiddenByTreeTable {
    display: none;
}

.mtTable span.separator {
    border-right:1px solid #bfbfbf;
    margin: 0 4px 0 4px;
}

.mtTable .zebra span.separator {
    border-right:1px solid #ffffff;
}

/* TreeTable Specific */
.mtTable .folder-collapsed {
    background: url(/pub_images/plus.gif) no-repeat 3px 3px;
    cursor: pointer;
}

.mtTable .folder-expanded {
    background: url(/pub_images/minus.gif) no-repeat 3px 3px;
    cursor: pointer;
}

.mtTable .leaf {
    background: url(/pub_images/bullet.gif) no-repeat;
}

.mtTable .node-icon {
    width: 20px;
    height: 15px;
    padding-right: 3px !important;
    float: left;
}

.mtTable .clickable {
    cursor: pointer;
}

.dijitTreeLabel{
    white-space: nowrap;
}

.dijitTreeNodeSelected{
    font-weight: bold;
}

.dijitTreeContainer img {
    margin: 0;
}

/* TableFilter Dojo Widget */
.tableFilter .label {
    margin-left: 1em;
    margin-right: 1em;
    font-weight: bold;
}

.tableFilter .reset {
    margin-left: 1em;
    margin-right: 1em;
    cursor: pointer;
}

.tableFilter .filter {
    margin-left: 1em;
    cursor: pointer;
}

.checkBoxFilter .checkBoxFilterLabel {
    padding-right: 1em;
}

/* Pagination Dojo Widget */
.mtTablePagination span {
    margin-left: 5px;
    margin-right: 5px;
}

.mtTablePagination select {
    margin-left: 5px;

}

.mtTablePagination .pageSpan {
    padding: 3px;
    cursor: pointer;
}

.mtTablePagination .current {
    background: #000000;
    color: #ffffff;
    cursor: default;
}

/* Button Dojo Widget */
.mtButton span.buttonBase {
    line-height: 1em;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: solid 1px #9A9A9A;
    text-shadow: none;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin: 2px;
}

.mtButton span.buttonBase img {
    vertical-align: middle;
    border: 0;
    margin: 2px;
}

.mtButton span.button:hover {
    color: #777777;
    border: 1px solid #7788A0;
    text-decoration: none;
}

a.mtButton:hover {
    text-decoration: none;
}

.mtButton span.button:active {
    position: relative;
    top: 1px;
}

.mtButton span.buttonDisabled {
    border: 1px solid #D4D4D4;
    cursor: default;
    color: #C9C9C9;
    background: #E8E8E8;
    background: -webkit-gradient(linear, left top, left bottom, from(#E4E4E4), to(#EBEBEB));
    background: -moz-linear-gradient(top, #E4E4E4, #EBEBEB);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4E4E4', endColorstr='#EBEBEB');
}

.mtButton span.buttonDisabled img {
    opacity: 0.2;
}

.mtButton span.buttonColor {
    font-weight: bold;
    color: #FFFFFF;
    border:1px solid #78BECE;
    background: #63C3E0;
    background: -webkit-gradient(linear, left top, left bottom, from(#63C3E0), to(#0094CD));
    background: -moz-linear-gradient(top, #63C3E0, #0094CD);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63C3E0', endColorstr='#0094CD');
}

.mtButton span.buttonColor:hover {
    font-weight: bold;
    color: #0094CD;
    border:1px solid #78BECE;
    background: #D7D7D7;
    background: -webkit-gradient(linear, left top, left bottom, from(#DEE5DE), to(#F7F9F9));
    background: -moz-linear-gradient(top, #DEE5DE, #F7F9F9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEE5DE', endColorstr='#F7F9F9');
}

.mtButton span#expandAll_span.buttonColor {
    font-weight: normal;
    color: #5D5D5D;
    background: #D7D7D7;
    background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#D0D0D0));
    background: -moz-linear-gradient(top, #DDDDDD, #D0D0D0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#D0D0D0');
}

.mtButton span#collapseAll_span.buttonColor {
    font-weight: normal;
    color: #5D5D5D;
    background: #D7D7D7;
    background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#D0D0D0));
    background: -moz-linear-gradient(top, #DDDDDD, #D0D0D0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#D0D0D0');
}

.mtButton span.buttonColor:hover img {
    opacity: 0.8;
}

.mtButton span.buttonColor:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#49494A), to(#7E7E7E));
    background: -moz-linear-gradient(top, #49494A, #7E7E7E);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49494A', endColorstr='#7E7E7E');
}

.mtButton span.thin {
    margin: 0;
	font-weight: normal;
    color: #646B6B;
    border:1px solid #EBEBEB;
    background: #63C3E0;
    background: -webkit-gradient(linear, left top, left bottom, from(#F7F9F9), to(#E6EDFF));
    background: -moz-linear-gradient(top, #F7F9F9, #E6EDFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F9F9', endColorstr='#E6EDFF');
}

.mtButton span.thin:hover {
    font-weight: normal;
    background: #DDDDDD;
    color: #FFFFFF;
    border:1px solid #61C837;
    background: -webkit-gradient(linear, left top, left bottom, from(#78DE47), to(#A6F58B));
    background: -moz-linear-gradient(top, #78DE47, #A6F58B);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78DE47', endColorstr='#A6F58B');
}

.mtButton span.thin.buttonDisabled {
    font-weight: normal;
    color: #DCE0EA;
    border:1px solid #EBEBEB;
    background: #63C3E0;
    background: -webkit-gradient(linear, left top, left bottom, from(#F7F9F9), to(#E6EDFF));
    background: -moz-linear-gradient(top, #F7F9F9, #E6EDFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F9F9', endColorstr='#E6EDFF');
}


.mtButton span.thin img {
    margin: 0;
}

/* Table Separator */

.odd {
    background-color:#E8E8E8;
}

.even {
    background-color: #FFFFFF;
}

/* do?action=viewStatisticsOverview, Teach > Course > Dashboard */
.containTableDimension{
    width: 100%;
    max-height: 600px;
    overflow-y: scroll;
    overflow-x: scroll;
    white-space: nowrap;
}

/* Specific Tables for ContentPart Configuration */
.tundra .templateTable .dijitTitlePaneTitle {
    background:none;
    border-width:1px 1px 0 1px;
    border-style:solid;
    border-color:#CCCCCC;
    border-radius-topleft:8px;
    border-radius-topright:8px;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    -webkit-border-radius-topleft:8px;
    -webkit-border-radius-topright:8px;
}

.tundra .templateTable .dijitTitlePaneContentOuter {
    border-width:0 1px 1px 1px;
    border-style:solid;
    border-color:#CCCCCC;
    border-radius-bottomleft:8px;
    border-radius-bottomright:8px;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-radius-bottomleft:8px;
    -webkit-border-radius-bottomright:8px;
}

.tundra .templateTable .dijitClosed {
    border:1px solid #CCCCCC;
    border-radius-bottomleft:8px;
    border-radius-bottomright:8px;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-radius-bottomleft:8px;
    -webkit-border-radius-bottomright:8px;
}

.tundra .templateTable .dijitClosed .dijitTitlePaneTextNode {
    border:none;
}

.tundra .templateTable .dijitTitlePane .dijitArrowNode {
    display:none;
}

.tundra .templateTable .dijitTitlePaneTextNode, .tundra .flashHeader {
    padding:3px;
    border-bottom:1px dotted #CCCCCC;
    display:block;
}

/* specific Table for ContentPart, FlashEditor. */
.flashTable {
    background:none;
    border-width:1px;
    border-style:solid;
    border-color:#CCCCCC;
    padding: 3px 4px;
    border-radius-topleft:8px;
    border-radius-topright:8px;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    -webkit-border-radius-topleft:8px;
    -webkit-border-radius-topright:8px;
    border-radius-bottomleft:8px;
    border-radius-bottomright:8px;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-radius-bottomleft:8px;
    -webkit-border-radius-bottomright:8px;
}

/* Formbox */
form div.formBox div input {
    width: 15em;
}

form div.formBox {
    border: 0.05em #d2d2d2 solid;
    padding: 1em;
    margin-top: 1em;
}

form div.formBox div {
    display: block;
    clear: both;
    padding-top: 1em;
}

form div.formBox div label, form div.formBox div.checkBox {
    width: 10em;
    float: left;
    text-align: right;
    font-weight: bold;
    margin-right: 0.5em;
}

/* Learning Objective Tagging */
.tag {
    display:block;
    overflow-y:auto;
}

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

.tag li {
    float:left;
    margin: 2px;
    padding: 2px 5px 2px 7px;
    background-color: #F3F7FD;
    border: 1px solid #BBD8FB;
    white-space:nowrap;
    width: auto;
}

.tag img {
    cursor:pointer;
    padding-left:0.3em;
    position:relative;
    top:0.05em;
}

.tag .notSubmitted {
    border: 1px solid #F0FF00;
    background-color: #FAFFAB;
}

.tag .forDeletion {
    border: 1px solid #FF0000;
    background-color: #FFCACA;
}

/* Discussions moderations, Found in CoursePartPlayer and general page of CourseParts. */
/* MESSAGE AVATARS */
.teacherAvatar {
    background: url('/pub_images/icons/48x48/teacher.png') no-repeat;
    width: 48px;
    height: 48px;
}

.userAvatar {
    background: url('/pub_images/icons/48x48/user1_message.png') no-repeat;
    width: 48px;
    height: 48px;
}

.moderatorAvatar {
    background: url('/pub_images/icons/48x48/user1_monitor.png') no-repeat;
    width: 48px;
    height: 48px;
}

/* Discussions */

.discussion {
    background-color: #F5F5F5;
    margin-top: 3px;
    padding: 3px;
}

.discussion.teacher { background-color: #EEE;
}

.discussion.root {
    background-color: #FFFFFF;
    margin: 3px 0 3px 0;
}

.discussion.root .subject {
	font-size: 11px;
	font-weight: bold;
}

.discussion.root .body {
	color: #646B6B;
	font-size: 10px;
	font-weight: normal;
}

.discussion.root .from {
 	font-size: 11px;
	font-weight: bold;
}

.discussion.root .profileDescription {
	color: #646B6B;
	font-size: 10px;
	font-weight: bold;
}

.discussion.root.teacher {
    background-color: #EEEEEE;
}

.discussion.root.teacher .subject {
	font-size: 11px;
	font-weight: bold;
}

.discussion.root.teacher .body {
	color: #646B6B;
	font-size: 10px;
	font-weight: normal;
}

.discussion.root.teacher .from {
	font-size: 11px;
	font-weight: bold;
}

.discussion.root.teacher .profileDescription {
	color: #646B6B;
	font-size: 10px;
	font-weight: bold;
}

.discussionIndent {
    width: 40px;
    max-width: 40px;
}

.discussion .date {
    font-size: smaller;
    font-style: italic;
    margin-top: 0.5em;
}

.discussion .urlDescription {
    color: #a9a9a9;
    font-size: smaller;
    font-style: italic;
    margin-top: 0.5em;
}

#newThreadForm h4 {
	color: #202628;
	font-size: 11px;
	font-weight: bold;
}

#newThreadForm textarea {
    height: 75px;
}

.messageTable .messageModerator .messageBlock {
    background-color: #FAF6D5;
    border: none;
}

.messageTable .messageBlock {
    background-color: #EEEEEE;
    border: none;
}

.messageTable .messageEdited {
    font-size: 0.8em;
    color: #A2A2A2;
}

.replyInput {
    margin: 3px 0 3px 0;
}

#messageDialog {
    text-align: left;
}

.discussion.teacher { background-color: #EEE;
}

.tundra .dijitButtonNode .threadIcon{ display: none; }


/* PART OF TEACHER / manager SECTION > PRINTS ViewExerciseResults and licences to EXCEL format file  */
.exportToCSV{
    vertical-align:top;
    height:30px;
    float:right;
    margin: 3px;
    text-align:right;
}

/* Calendar */
#calendar .dateRow {
    background-color: #EAEAEA;
    font-weight: bold;
}

#calendar .eventTime {
    font-weight: bold;
}

#calendar .passedEvent {
    color: #AAAAAA;
}

#calendar .underwayEvent {
    font-weight: bold;
}

#calendar .eventLocation {
    font-size: smaller;
    color: #AAAAAA;
}

#calendar .eventDescription {
    font-size: smaller;
}

#calendar .dateSpacing {
    font-size: 3px;
}

/* "Like" system */
.like.down_trigger {
    margin-left: 7px;
}

.like {
    background: transparent url(/pub_images/likes.png) no-repeat center center;
    text-align: center;
    float: left;
    width: 53px;
    height: 27px;
}

div.likes a.up_trigger {
    background-position : 0px -28px;
    cursor: pointer;
}

div.likes a.down_trigger {
    background-position : 0px 0px;
    cursor: pointer;
}

div.likes a.up_trigger:hover {
    background-position : -61px -28px;
    cursor: pointer;
}

div.likes a.down_trigger:hover {
    background-position : -61px 0px;
    cursor: pointer;
}

.like.up a, .like.down a {
    display: block;
    padding-top: 12px;
    padding-left: 13px;
    line-height: 18px;
}

.like span.counter {
    font-weight : normal;
    font-size : 12px;
    color: #5E5E5E;
    float: right;
    text-align: right;
    padding-right: 4px;
    padding-top: 5px;
    height: 22px;
}

.numberOfLikes {
    color: blue;
}

/* Gamefication Ranking */
.ranking.hiddenRank {
    display: none;
}

.ranking .showHideAll {
    cursor: pointer;
}

.ranking.currentUser {
    background-color: #EEEEEE;
}

.ranking h2 {
    margin: 0 0.5em 0 0.5em;
    text-align: right;
}

.ranking img {
    vertical-align: middle;
    border: 0;
}

.ranking td {
    border-bottom: #dcdcdc 1px solid;
}

.ranking tr.rankTitle {
    font-size: larger;
    font-weight: bold;
}

.ranking td.userName {
    text-align: left;
}

/* Header Icon Classes */
/*
#header .personalDataIcon {
    background: url(/css/norm_right_on.gif) no-repeat;
    width: 16px;
    height: 16px;
}
*/

/* =====Global definer for icons, after which specific icon definitions follow===== */
.mtIcon48 {
    width: 48px;
    height: 48px;
    border: 0;
}

/* =====Icon Classes, icons for different licences. Defines these icons as they are set in "setContentLabelName" (creating a new content label) and "setTemplateName" (creating a new course template)===== */
.blendedLicenceIcon {
    background: url(/pub_images/icons/48x48/blended.png) no-repeat;
}

.demoLicenceIcon {
    background: url(/pub_images/icons/48x48/demo.png) no-repeat;
}

.distanceLicenceIcon {
    background: url(/pub_images/icons/48x48/distance.png) no-repeat;
}

.elearningLicenceIcon {
    background: url(/pub_images/icons/48x48/elearning.png) no-repeat;
}

.evaluationLabelIcon {
    background: url(/pub_images/icons/48x48/evaluation.png) no-repeat;
}

.examLicenceIcon {
    background: url(/pub_images/icons/48x48/exam.png) no-repeat;
}

.gamingLicenceIcon {
    background: url(/pub_images/icons/48x48/gaming.png) no-repeat;
}

.knowledgeLabelIcon {
    background: url(/pub_images/icons/48x48/exam.png) no-repeat;
}

.trainingLicenceIcon {
    background: url(/pub_images/icons/48x48/training.png) no-repeat;
}

/* =====Global definer for icons, after which specific icon definitions follow===== */
/* TODO: Alfabetisch */

.mtIcon {
    width: 16px;
    height: 16px;
    border: 0;
    vertical-align: middle;
}

/* Global icon classes */

.addCourseIcon {
    background: url(/pub_images/icons/16x16/book_yellow_course_instance_add.png) no-repeat;
}

.addCourseIconDisabled {
    background: url(/pub_images/icons/16x16/book_yellow_course_instance_add_grey.png) no-repeat;
}

.addIcon {
    background: url(/pub_images/icons/16x16/add2.png) no-repeat;
    width: 16px;
    height: 16px;
}

.addIconDisabled {
    background: url(/pub_images/icons/16x16/add2_grey.png) no-repeat;
}

.announcementIcon {
    background: url('/pub_images/icons/about.png') no-repeat;
    width: 16px;
    height: 16px;
}

.archiveIcon {
    background: url(/pub_images/icons/16x16/folder_into_archive.png) no-repeat;
}

.archiveIconDisabled {
    background: url(/pub_images/icons/16x16/folder_into_archive_grey.png) no-repeat;
}

.backIcon {
    width: 14px;
    height: 10px;
    vertical-align: middle;
    background: url(/pub_images/back.png) no-repeat;
}

.calendarIcon {
    background: url(/pub_images/icons/16x16/calendar.png) no-repeat;
    width: 16px;
    height: 16px;
}

.calendarIconDisabled {
    background: url(/pub_images/icons/16x16/calendar_grey.png) no-repeat;
    width: 16px;
    height: 16px;
}

.cancelIcon {
    background: url(/pub_images/icons/forbidden.png) no-repeat;
    width: 16px;
    height: 16px;
}

.collapseIcon {
    background: url(/pub_images/minus.gif) no-repeat;
    width: 9px;
    height: 9px;
}

.contentLabelIcon {
    background: url(/pub_images/icons/cubes.png) no-repeat;
    width: 16px;
    height: 16px;
}

.contentPartIcon {
    background: url(/pub_images/icons/document_text.png) no-repeat;
    width: 16px;
    height: 16px;
}

.copyIcon {
    background: url(/pub_images/icons/16x16/documents_copy.png) no-repeat;
}

.copyIconDisabled {
    background: url(/pub_images/icons/16x16/documents_copy_grey.png) no-repeat;
}

.courseIcon {
    background: url(/pub_images/icons/16x16/book_yellow_course_instance.png) no-repeat;
    width: 16px;
    height: 16px;
}

.dashboardIcon {
    background: url('/pub_images/icons/dashboard.gif') no-repeat;
    width: 16px;
    height: 16px;
}

.dearchiveIcon {
    background: url(/pub_images/icons/16x16/folder_out_dearchive.png) no-repeat;
}

.dearchiveIconDisabled {
    background: url(/pub_images/icons/16x16/folder_out_dearchive_grey.png) no-repeat;
}

.deleteIcon {
    background: url(/pub_images/icons/16x16/delete2.png) no-repeat;
    width: 16px;
    height: 16px;
}

.deleteIconDisabled {
    background: url(/pub_images/icons/16x16/delete2_grey.png) no-repeat;
}

.depublishIcon {
    background: url(/pub_images/icons/16x16/earth_delete_depublish.png) no-repeat;
}

.depublishIconDisabled {
    background: url(/pub_images/icons/16x16/earth_delete_depublish_grey.png) no-repeat;
}

.detestIcon {
    background: url(/pub_images/icons/16x16/view_delete_detesten.png) no-repeat;
}

.discussionIcon {
    background: url('/pub_images/icons/messages.png') no-repeat;
    width: 16px;
    height: 16px;
}

.downIcon {
    background: url(/pub_images/icons/16x16/nav_down_blue.png) no-repeat;
}

.downIconDisabled {
    background: url(/pub_images/icons/16x16/nav_down_grey.png) no-repeat;
}

.downIconGreen {
    background: url(/pub_images/icons/16x16/nav_down_green.png) no-repeat;
}

.eCoachingIcon {
    background: url('/pub_images/icons/teacher.png') no-repeat;
    width: 16px;
    height: 16px;
}

.eCoachingLinkIcon {
    background: url('/pub_images/icons/eCoaching.png') no-repeat;
    width: 18px;
    height: 16px;
}

.editIcon {
    background: url(/pub_images/icons/16x16/pencil2_edit.png) no-repeat;
}

.editIconDisabled {
    background: url(/pub_images/icons/16x16/pencil2_edit_grey.png) no-repeat;
}

.eventExamIcon {
    background: url('/pub_images/icons/flag_checkered.png') no-repeat;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    margin-right: 3px;
}

.eventExamPassedIcon {
    background: url('/pub_images/icons/flag_checkered_gray.png') no-repeat;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    margin-right: 3px;
}

.expandIcon {
    background: url(/pub_images/plus.gif) no-repeat;
    width: 9px;
    height: 9px;
}

.exportIcon {
    background: url('/pub_images/icons/export.png') no-repeat;
    width: 16px;
    height: 16px;
}

.facebookIcon {
    background: url(/pub_images/icons/facebook_logo_small.png) no-repeat;
    width: 16px;
    height: 16px;
}

.fileIcon {
    background: url(/pub_images/icons/document_notebook.png) no-repeat;
}

.filesIcon {
    background: url(/pub_images/icons/16x16/diskdrive.png) no-repeat;
}

.findIcon {
    background: url(/css/find2.png) no-repeat;
    width: 16px;
    height: 16px;
    margin-right:8px;
    margin-top:3px;
}
.fromArchiveIcon {
    background: url('/pub_images/icons/16x16/folder_out_dearchive.png') no-repeat;
    width: 16px;
    height: 16px;
}

.fromArchiveIconDisabled {
    background: url('/pub_images/icons/16x16/folder_out_dearchive_grey.png') no-repeat;
    width: 16px;
    height: 16px;
}

.glossaryIcon {
    background: url('/pub_images/icons/document_notebook.png') no-repeat;
    width: 16px;
    height: 16px;
    border:none;
}

.helpIcon {
    background: url('/css/v2/help.png') no-repeat;
    width: 16px;
    height: 16px;
    border: 0;
}

.importIcon {
    background: url(/pub_images/icons/16x16/import1.png) no-repeat;
}

.inboxIcon {
    background: url('/pub_images/icons/folder_blue.png') no-repeat;
    width: 16px;
    height: 16px;
}

.infoIcon {
    background: url('/pub_images/icons/information2.png') no-repeat;
    width: 16px;
    height: 16px;
}

.itemIcon {
    background: url(/pub_images/icons/unknown.png) no-repeat;
    width: 16px;
    height: 16px;
}

.leftIcon {
    background: url(/pub_images/icons/16x16/nav_left_blue.png) no-repeat;
}

.leftIconDisabled {
    background: url(/pub_images/icons/16x16/nav_left_grey.png) no-repeat;
}

.libraryIcon {
    background: url(/pub_images/icons/book_open.png) no-repeat;
    width: 16px;
    height: 16px;
}

.linkedInIcon {
    background: url(/pub_images/icons/linkedin_logo_small.png) no-repeat;
    width: 16px;
    height: 16px;
}

.linkIcon {
    background: url('/pub_images/icons/link.png') no-repeat;
    width: 16px;
    height: 16px;
}

.listIcon {
    background: url(/pub_images/icons/table_view.png) no-repeat;
    width: 16px;
    height: 16px;
}

.loadingIcon {
    background: url(/pub_images/icons/loading_transp.gif) no-repeat !important;
}

.measuresIcon {
    background: url(/pub_images/icons/16x16/bookmark.png) no-repeat;
}

.memotrainingIcon {
    background: url('/pub_images/icons/brain.png') no-repeat;
    width: 16px;
    height: 16px;
}

.memotrainingLinkIcon {
    background: url('/pub_images/memotrainerIcon.png') no-repeat;
    width: 24px;
    height: 22px;
    padding-bottom: 4px;
}

#memoTrainerAppIcons img {
   margin-top: 5px;
}
.messageIcon {
    background: url('/pub_images/icons/16x16/message.png') no-repeat;
    width: 16px;
    height: 16px;
}

.messageIconDisabled {
    background: url('/pub_images/icons/16x16/message_grey.png') no-repeat;
    width: 16px;
    height: 16px;
}

.objectiveIcon {
    background: url(/pub_images/icons/cube_green.png) no-repeat;
    width: 16px;
    height: 16px;
}
.offIcon {
    background: url(/pub_images/icons/bullet_ball_glass_grey.png) no-repeat;
}

.okIcon {
    background: url(/pub_images/icons/check.png) no-repeat;
    width: 16px;
    height: 16px;
}

.onIcon {
    background: url(/pub_images/icons/bullet_ball_glass_blue.png) no-repeat;
}

.overviewIcon {
    background: url(/pub_images/icons/table_view.png) no-repeat;
}

.propertiesIcon {
    background: url('/pub_images/icons/gears.png') no-repeat;
    width: 16px;
    height: 16px;
}

.publishIcon {
    background: url(/pub_images/icons/16x16/earth_publish.png) no-repeat;
}

.publishIconDisabled {
    background: url(/pub_images/icons/16x16/earth_publish_grey.png) no-repeat;
}

.readIcon {
    background: url('/pub_images/icons/icon-msg-read.gif') no-repeat;
    width: 16px;
    height: 16px;
}

.refreshIcon {
    background: url(/pub_images/icons/refresh.png) no-repeat;
}

.renameIcon {
    background: url(/pub_images/icons/16x16/rename.png) no-repeat;
    width: 16px;
    height: 16px;
}

.renameIconDisabled {
    background: url(/pub_images/icons/16x16/rename_grey.png) no-repeat;
}

.replyIcon {
    background: url('/pub_images/icons/icon-msg-reply.gif') no-repeat;
    width: 16px;
    height: 16px;
}

.rightIcon {
    background: url(/pub_images/icons/16x16/nav_right_blue.png) no-repeat;
}

.rightIconDisabled {
    background: url(/pub_images/icons/16x16/nav_right_grey.png) no-repeat;
}

.saveIcon {
    background: url(/pub_images/icons/disk_blue_add.png) no-repeat;
    width: 16px;
    height: 16px;
}

.section {
    background: url(/pub_images/icons/16x16/folder_add.png) no-repeat;
}

.sectionAddIcon {
    background: url(/pub_images/icons/16x16/folder_add.png) no-repeat;
}

.sectionIcon {
    background: url(/pub_images/icons/16x16/folder.png) no-repeat;
}

.sectionMoveIcon {
    background: url(/pub_images/icons/16x16/folder_into_archive.png) no-repeat;
}

.settingsIcon {
    background: url(/pub_images/icons/16x16/wrench_settings.png) no-repeat;
}

.settingsIconDisabled {
    background: url(/pub_images/icons/16x16/wrench_settings_grey.png) no-repeat;
}

.skypeIcon {
    background: url(/pub_images/icons/skype.png) no-repeat;
    width: 16px;
    height: 16px;
}

.starIcon {
    background: url(/pub_images/star.png) no-repeat;
    width: 13px;
    height: 13px;
}

.statisticsIcon {
    background: url('/pub_images/icons/column-chart.png') no-repeat;
    width: 16px;
    height: 16px;
}

.subObjectiveIcon {
    background: url(/pub_images/icons/cube_blue.png) no-repeat;
    width: 16px;
    height: 16px;
}

.templateIcon {
    background: url(/pub_images/icons/16x16/book_open_template.png) no-repeat;
    width: 16px;
    height: 16px;
}

.termsIcon {
    background: url(/pub_images/icons/16x16/graduation_hat2.png) no-repeat;
}

.testIcon {
    background: url(/pub_images/icons/16x16/view_testen.png) no-repeat;
}

.testIconDisabled{
    background: url(/pub_images/icons/16x16/view_testen_grey.png) no-repeat;
}

.threadIcon {
    background: url('/pub_images/icons/messages.png') no-repeat;
    width: 16px;
    height: 16px;
}

.toArchiveIcon {
    background: url('/pub_images/icons/16x16/folder_into_archive.png') no-repeat;
    width: 16px;
    height: 16px;
}

.toArchiveIconDisabled {
    background: url('/pub_images/icons/16x16/folder_into_archive_grey.png') no-repeat;
    width: 16px;
    height: 16px;
}

.topicIcon {
    background: url(/pub_images/icons/cube_yellow.png) no-repeat;
    width: 16px;
    height: 16px;
}

.trashIcon {
    background: url(/pub_images/icons/garbage.png) no-repeat;
    width: 16px;
    height: 16px;
}

.twitterIcon {
    background: url(/pub_images/icons/twitter_logo_small.png) no-repeat;
    width: 16px;
    height: 16px;
}

.unreadIcon {
    background: url('/pub_images/icons/icon-msg-unread.gif') no-repeat;
    width: 16px;
    height: 16px;
}

.upIcon {
    background: url(/pub_images/icons/16x16/nav_up_blue.png) no-repeat;
}

.upIconDisabled {
    background: url(/pub_images/icons/16x16/nav_up_grey.png) no-repeat;
}

.upIconGreen {
    background: url(/pub_images/icons/16x16/nav_up_green.png) no-repeat;
}

/*
.userIcon {
    background: url(/pub_images/icons/user1.gif) no-repeat;
    width: 16px;
    height: 16px;
}
*/

.usersIcon {
    background: url(/pub_images/icons/users2.png) no-repeat;
    width: 16px;
    height: 16px;
}

.warningIcon {
    background: url(/pub_images/icons/warning.png) no-repeat;
}

.youTubeIcon {
    background: url('/pub_images/icons/16x16/youtube.png') no-repeat;
}

/* conditionele statements */

.conditionTime {
    background: url(/pub_images/icons/48x48/document_time.png) no-repeat;
}

.conditionBlockComplete {
    background: url(/pub_images/icons/48x48/document_check.png) no-repeat;
}

.conditionComplete {
    background: url(/pub_images/icons/48x48/document_check.png) no-repeat;
}

.conditionScore {
    background: url(/pub_images/icons/48x48/document_certificate.png) no-repeat;
}

div#conditionSelect tr {
    cursor: pointer;
}

/* -------------------------------------------------------------------------------------------------------- */
/* ================== 5:PAGE-SPECIFIC EXCEPTIONS ================== */
/* Structured in the same way as the flow of the site itself. */

/* Sequence: IE6GlobalHeader > environmentStart.jsp > myCourses.jsp > viewExercises.jsp(cursus_onderdelen) > ProgressBars > CoursePartPlayer > Matrixtables*/

/* IE 6 Header to avoid Opaque opacity morphing due to PNG image. */
* html #container #header {
    width: 100%;
    height: 225px;
	background: url("/css/v2/ANSSelfServiceHeaderIE6.png") center top no-repeat;
}

/* createAccount.jsp */
body#createAccount tbody .header td { font-weight: normal; }
body#createAccount .myTable { border-left: none; border-right: none; border-bottom: none; }
body#createAccount .myTable .header {background: none; }

/* page environmentStart.jsp */
/* addOn Pane on environmentStart.jsp */
.addOnButton .header {
    color: #0096D2;
    font-weight: bold;
}

.addOnButton .header img {
    color: #0096D2;
    font-weight: bold;
    padding-left: 15px;
}

.addOnButton .bigButton .dijitButtonNode {
    color: white;
    background: #03B8EF;
    background: -webkit-gradient(linear, left top, left bottom, from(#03B8EF), to(#0096D2));
    background: -moz-linear-gradient(top, #03B8EF, #0096D2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03B8EF', endColorstr='#0096D2');
}

.addOnButton .bigButtonGrey .dijitButtonNode {
    color: white;
    background: #949494;
    background: -webkit-gradient(linear, left top, left bottom, from(#949494), to(#707070));
    background: -moz-linear-gradient(top, #949494, #707070);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949494', endColorstr='#707070');
}

.addOnButton .warning {
    font-size: 14px;
    font-style: italic;
}

.addOnButton .spacer {
    padding-top: 15px;
    padding-bottom: 15px;
}

.dijitButtonDisabled {
    color: #cccccc;
    background:#e4e4e4;
}

/* Page myCourses.jsp */

#notifications .dijitTitlePane .dijitTitlePaneTitle {
    border-radius: 3px;
    border: none;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    font-weight: bold;
    color: #565656;
    background: #F3F3F3;
/*  TODO gone mayhaps
    background: -webkit-gradient(linear, left top, left bottom, from(#A1A3A5), to(#FFFFFF));
    background: -moz-linear-gradient(top, #A1A3A5, #FFFFFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A1A3A5', endColorstr='#FFFFFF');
*/
}

#notifications thead {
   background-image: none;
}

#myCourses .block {
    padding: 0;
    margin: 0.4em 0 1em 0;
	background-color: #E6F0F0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#myCourses h3 {
    margin: 0 0 1.7em 0;
	font-family: verdana;
	font-weight: bold;
	font-size: 15px;
	color: #644940;
	position: relative;
	left: 15px;
	top: 10px;
}

#myCourses .block .right {
    float: right;
    text-align: right;
    padding: 10px 15px 0px 0px
}

#myCourses .block .right a {
    font-family: verdana;
    font-size: 14px;
	font-weight: bold;
	color: #0094CD;
    margin-top: 10px;
}

#myCourses .block .right img {
    display: none;
}

#myCourses .block .right strong {
    font-size: 0.75em;
	font-family: Verdana, Geneva, sans-serif;
	position: relative;
	top: 2px;
    color: #B3B3B3;
}

/* myCourses barmodifier */

#myCourses .block #voortgang {
	padding: 0 10px 0 10px;
    height: 5em;
}

#myCourses .block #voortgang p.link {
    text-align: right;
}

#myCourses .block #left {
    width: 49%;
    float: left;
    margin: 0 1em 0 0;
}

#myCourses .block #right {
    width: 49%;
    float: left;
}

#myCourses .block .progressTable table {
    border:1px solid #E4E9EA;
	height:19px;
}

#myCourses dl.inactive {
    list-style: none;
    margin: 0;
    padding: 0;
}

#myCourses dl.inactive a {
	color: #0094CD;
	font-size: 1em;
	font-weight: bold;
}

#myCourses dl.inactive dt {
    height: 1.53em;
    padding: 0.4em 0.6em;
    margin: 0.16em 0;
    color: #636363;
    background: url("/css/v2/ANSSelfserviceBehindDT.png") repeat-y;
}

#myCourses dl.inactive strong {
	color: #646B6B;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.083em;
	font-weight: normal;
}


/* TODO Kan waarschijnlijk weg en moet naar gekeken worden, waarschijnlijk afbeelding verwijderen. */
#myCourses dl.inactive dt img {
	display: none;
	background: none;
}

#myCourses dl.inactive dt span {
    float: right;
    height: 1.55em;
}

/* Mycourses Progressbars, and Course Results page bars. */

.progressTable  table p {
    font-size: 0.9em;
	margin-bottom: 3px;
    position: relative;
    color: #0094CD;
    font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}

.progressTable .title {
    font-size: 0.9em;
	padding: 0.2em 0.4em;
	margin-bottom: 3px;
	position: relative;
	color: #585D5E;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
    line-height:28px;
}

.progressTable .barTable {
    width: 100%;
    height: 19px;
    text-align: right;
	background: #F7F9F9;
}

.progressTable .barTable img {
    float: right;
    height: 100%;
}

/* Targets text directly that is only available in active Courses with active existing progress / knowledge bars */
.progressTable .barTable p {
    margin: 0;
    padding: 0.1em 0 0 0;
    color: #0094CD;
    font-weight: bold;
    font-size: 12px;
    text-align:center;
    line-height:1.4em;
}

.progressTable .barTable .progressBarFront {
    margin: 0;
    padding: 0.1em 0.2em 0 0;
    color: white;
    font-weight: bold;
    text-align:right;
    line-height:1.0em;
}

.progressTable .barTable .progressBarBack {
    margin: 0;
    padding: 0.1em 0 0 0;
    color: #6e6e6e;
    font-weight: bold;
    text-align:center;
    line-height:1.0em;
}

.barTable .progressFull {
    background:url("/css/v2/ANSSelfServiceProgress.jpg") left top;
}

.barTable .progressEmpty {
	background:#F7F9F9;
}

.progressTable .bar_empty {
    width: 100%;
    height: 19px;
    text-align: center;
    /* background: url(../progressbar_back.png); */ /* TODO might need to be replaced, but gone for now */
    background: #F7F9F9;
}

.conditionComplete {
    background: url(/pub_images/icons/48x48/document_check.png) no-repeat;
}

.progressTable .bar_empty p {
    margin: 0;
	color: #0094CD;
    padding: 0.1em 0 0 0;
    font-weight: bold;
    font-size: 12px;
    text-align:center;
    line-height:1.4em;
}

/* Page viewExercises.jsp */
/* Specific Body background for viewExercises.jsp. */
body#viewExercises {
 	background: #F2F2F2 url("/css/v2/BGANSSelfServiceCourseBlocks.png") center top repeat-y;
}

/* IE7 Specific margins  for viewExercises (Course Blocks and Widgets) */
*:first-child+html body#viewExercises div#left { margin: 0.5em 0 0 0; }
*:first-child+html body#viewExercises div#right { margin-top: 0.5em; }

#cursus_onderdelen .plain {
    width: 95%;
    font-size: inherit;
    border: 0;
}

#cursus_onderdelen .plain2 {
    width: 95.7%;
    font-size: inherit;
    border: 0;
}

#cursus_onderdelen #left {
    width: 65.5%;
    margin: 0 1.6em 0 0;
    float: left;
}

#cursus_onderdelen .block h4 {
    margin: 0.5em 0;
}

#cursus_onderdelen .block {
    margin: 0 0 1em 0;
    padding: 5px;
    background-color: #E6EEEF;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family: Verdana, Geneva, sans-serif;
}

#cursus_onderdelen .block .level1{
    padding: 0 10px;
}

#cursus_onderdelen .block .level2{
    padding: 0 20px;
}

#cursus_onderdelen .block .level3{
    padding: 0 30px;
}

#cursus_onderdelen .block .dijitTitlePaneTextNode{
    color:#644940;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}

#cursus_onderdelen .block a p {
    text-decoration: underline;
}

#cursus_onderdelen .block p {
    padding: 0.1em 0.8em 1em 0.8em;
}

#cursus_onderdelen .block .lessonSection a {
    font-weight: normal;
    font-size:10px;
    color:#646B6B;
}

#cursus_onderdelen .block .lessonSection {
   padding-top: 2px;
   padding-bottom: 2px;
}

#cursus_onderdelen #left a.button img, .suggestions a.button img {
    display: none;
}

#cursus_onderdelen .block .coursePartHeader, #cursus_onderdelen .block h3, #cursus_onderdelen .block h4 {
    padding: 0 0.8em;
}

#cursus_onderdelen .block .coursePartHeader {
    padding: 0.8em 0.6em 0.8em 15px;
    margin: auto 0.8em 0.7em 1em;
    background-color: #F7F9F9;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color: #646B6B;
	font-size: 0.917em;
}

#cursus_onderdelen .block .coursePartHeader.enabled {
    border-color: #8ecd0b;
    font-weight: bold;
}

#cursus_onderdelen .block img.graph {
    padding: 0.3em 0.8em 0 0.8em;
}

#cursus_onderdelen .block .bottom {
    width: auto;
    height: 0.3em;
    font-size: 0.4em;
}

#cursus_onderdelen .block .part {
    width: 95%;
    margin: 0 0.3em 0 0.8em;
    padding: 0.3em 0;
}

#cursus_onderdelen .block .part .coursePartHeader {
    height: 1.53em;
    margin: 0.16em 0;
    background: #F7F9F9;
    padding: 8px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.toBeScored {
    float: right;
    font-weight: bold;
    margin-right: 0.6em;
}

.toBeScored img {
    display: none;
}

.coursePartSections {
    background:#F7F9F9 none;
    border:none;
    padding: 0.6em 0.6em 0.6em 15px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    color:#646B6B;
    font-family:Verdana;
    font-weight:normal;
    font-size:10px;
    margin: auto 0.8em 0.7em 2em;
}

#cursus_onderdelen .block form {
    margin: 4pt 0 0 0;
    padding: 0 0;
}

#cursus_onderdelen a.button, .suggestions a.button {
    text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	background: #0094CD none;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.buttonRow a.button {
    text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	background: none;
}

#cursus_onderdelen .button.startButton, .suggestions .button.startButton {
    background-color: #48C400;
}

#cursus_onderdelen .button.reviewButton, .suggestions .button.reviewButton {
    background-color: #CCCCC0;
}

#cursus_onderdelen .button.printButton {
    background-color: #E5E5D9;
}

#cursus_onderdelen .button.continueButton, .suggestions .button.continueButton {
    background-color: #FF9D00;
}

#cursus_onderdelen .button.redoButton, .suggestions .button.continueButton {
    background-color: #FF9D00;
}

#cursus_onderdelen .button.scoreEssayButton, .suggestions .button.scoreEssayButton  {
    background-color: #CCCCC0;
}

#cursus_onderdelen .button.resultsButton, .suggestions .button.resultsButton  {
    background-color: #CCCCC0;
}

#cursus_onderdelen .button.finishedButton, .suggestions .button.resultsButton  {
    background-color: #CCCCC0;
}

#cursus_onderdelen .block a.button {
    float: right;
    padding: 0.3em 0.4em;
    height: 1.35em;
    margin-right: 0.3em;
    margin-top: -3px;
}


#cursus_onderdelen .fo_block {
    margin: 0 0 1em 0;
    padding: 5px;
    background-color: #F0F5F2;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
    font-family: Verdana, Geneva, sans-serif;
}

#cursus_onderdelen .blockExplanation {
    background: none;
}

#cursus_onderdelen .blockExplanationTemplate {
    background: none;
    margin: -13px 0 0 0;
}

#cursus_onderdelen .fo_block.blockExplanation {
    color: #D0DEEA;
}

#cursus_onderdelen .fo_block .dijitTitlePaneTextNode{
    color: #D0DEEA;

    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}

#cursus_onderdelen .fo_block h3 {
    margin: 0.5em 0;
    color: #a9a9a9;
}

#cursus_onderdelen .fo_block dl, #cursus_onderdelen .fo_block h3, #cursus_onderdelen .fo_block h4 {
    padding: 0 0.8em;
    color: #d2d2d2;
    margin: 0.5em 0;
}

#cursus_onderdelen .fo_block img.graph {
    padding: 0.3em 0.8em 0 0.8em;
}

#cursus_onderdelen .fo_block a p {
    text-decoration: underline;
}

#cursus_onderdelen .fo_block p {
    padding: 0.1em 0.8em 1em 0.8em;
}

#cursus_onderdelen .fo_block .coursePartHeader {
    padding: 0.8em 0.6em 0.8em 15px;
    margin: auto 0.8em 0.7em 1em;
	/* padding: 8px; */
	padding-left: 15px;
    background-color: #F7F9F9;
    color: #CEDCE0;
	border-radius: 4px;
	-moz-border: 4px;
	-webkite-border-radius: 4px;
	font-weight: normal;
	font-size: 0.917em;
}

#cursus_onderdelen .fo_block .coursePartHeader.enabled {
    border-color: #d2d2d2;
    font-weight: bold;
    color: #d2d2d2;
}

.fo_block .coursePartSections {
    display: none
}

#cursus_onderdelen .fo_block a.button {
    float: right;
    height: 1.35em;
    color: #d2d2d2;
    padding: 0.3em 0.4em;
}

#cursus_onderdelen .fo_block .bottom {
    width: auto;
    height: 0.3em;
    font-size: 0.4em;
}

#cursus_onderdelen .fo_block .dijitTitlePane .dijitClosed .dijitArrowNode {
    background-position:-42px 0;
}

#cursus_onderdelen .fo_block .dijitTitlePane .dijitOpen .dijitArrowNode {
    background-position:-28px 0;
}

#cursus_onderdelen .dijitTitlePane .dijitArrowNode {
    /*display: none;*/
}

#cursus_onderdelen .block .dijitTitlePaneTitle, #cursus_onderdelen .fo_block .dijitTitlePaneTitle{
    margin:0 0 0 3px;
    padding:0;
    border: 0;
    background: none;
}

#cursus_onderdelen .block .dijitTitlePane, #cursus_onderdelen .fo_block .dijitTitlePane{
    margin: 0 -2px 0 0;
    border-color: transparent;
    border-style: solid;
    border-width: 0.2em;
}

/* IE 6 bug fix, (black border in course blocks) */
* html #cursus_onderdelen .block .dijitTitlePane { border-color: #E6EEEF; }

/* IE 6 bug fix, (black border in course blocks) */
* html #cursus_onderdelen .fo_block .dijitTitlePane{ border-color: #F0F5F2; }

#cursus_onderdelen .block .dijitTitlePaneContentOuter{
	background-color: #E6EEEF;
    border-style: none;
    margin:5px 0 -2px;
}

#cursus_onderdelen .fo_block .dijitTitlePaneContentOuter{
	background-color: #F0F5F2;
	border-style: none;
	margin: 5px 0 -2px;
}

#cursus_onderdelen .adaptiveBlock .dijitTitlePaneContentOuter{
	background-color: #E6EEEF;
	border-style: none;
	margin: 5px 0 -2px;
}

#cursus_onderdelen .block .dijitTitlePaneContentInner, #cursus_onderdelen .fo_block .dijitTitlePaneContentInner{
    margin: 0 0 0 5px;
    padding: 0;
}

body#manageCourse #cursus_onderdelen .adaptiveBlock h3{
    color: #0094CD;
}

/* TODO Right. */

#cursus_onderdelen #right {
    width: 31.5%;
    float: right;
}

#cursus_onderdelen #right ol {
    list-style-type: none;
    /*padding-bottom: 1em; */
    line-height: 1.5em;
}

#viewExercises #cursus_onderdelen #right li{
    margin-left: -35px;
}

#cursus_onderdelen #right ol li span {
    font-weight: bold;
}

#cursus_onderdelen #right a {
    margin: 1em 0 0.5em 0;
}

/* Widget overriding */

.tundra #cursus_onderdelen #right .dijitTitlePaneTitle {
    background:none;
	border: none;
}

.tundra #cursus_onderdelen #right .dijitTitlePaneTitle {
    background: url("/css/v2/ANSSelfServiceWidgetBottom.jpg") left top repeat-x;
	border:none;
	font-weight:bold;
	color:#585D5E;
	padding: 9px 0px 9px 5px
}

.tundra #cursus_onderdelen #right .dijitClosed {
    border:none;
}

.tundra #cursus_onderdelen #right .dijitClosed .dijitTitlePaneTextNode {
    border:none;
    margin-top: 3px;
}

.tundra #cursus_onderdelen #right .dijitTitlePane {
    background: none;
}

/* TODO ArrnowNodes moeten weg, of gewoon Display: none of overriden? */
.tundra #cursus_onderdelen #right .dijitTitlePane .dijitArrowNode {
    display:none;
}

.tundra #cursus_onderdelen #right .dijitTitlePaneTextNode {
    /* TODO  */
	border-bottom: none;
    margin-left: 0px;
    font-size: 12px;
}

.tundra #cursus_onderdelen  #right .dijitTitlePaneContentOuter {
	background: none;
	border:none;
	padding:0 0 0 0;
}

.tundra #cursus_onderdelen #right .dijitTitlePaneContentInner {
	background: none;
	width:auto;
    padding: 0px 10px 10px 10px;
}

.tundra #cursus_onderdelen #right #library_pane {
	background: none;
	width: auto;
}

.findIcon, .memotrainingIcon, .libraryIcon, .usersIcon, .statisticsIcon, .announcementIcon, .eCoachingIcon, .discussionIcon, .propertiesIcon, .infoIcon, .calendarIcon {
	display: none;
}

#viewExercises .button .findIcon, #searchContentParts .button .findIcon{
    display: inline;
}

#searchContentParts #cursus_onderdelen .button {
    background:  none;
}

/* right widget skype icons. */
#studentList_pane div{
    margin-top: 0px !important;
}

#teacherList_pane div{
    margin-top: 0px !important;
}

/* Widget Adjust for Search Content Parts Specific */
#searchContentParts input.text {
	color:#005B5D;
	font-size:12px;
	margin-bottom:4px;
	margin-right:7px;
	width:55%;
    background-color: #EDF3F4;
	border: 1px solid #889091;
}

/*
#cursus_onderdelen #right #searchContentParts_pane.dijitTitlePaneContentInner .button img {
	display:none;
} */

#cursus_onderdelen #right #searchContentParts_pane.dijitTitlePaneContentInner .button {
 	border:none;
	background:none;
	padding:0px 0px 0px 0px;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
    color: #0094CD;
}

#cursus_onderdelen #right #searchContentParts_pane.dijitTitlePaneContentInner a:hover{
    text-decoration: underline;
}

.tundra #right .dijitProgressBarTile {
    background-color: #FFFFFF;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
}

.dijitProgressBar {
    /*border-radius:14px;*/
    width: 80%;
    float:left;
}

#cursus_onderdelen #right .dijitProgressBar{
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    width: 87%
}

#cursus_onderdelen #right .dijitProgressBarFull {
    border-right: none;
}

/* To change the fill of the progressBars, change the background
.dijitProgressBarFull {
    background: url("/pub_images/progressBarFull.png") repeat-x scroll center center #F0F0F0;
}*/


#cursus_onderdelen #right .links{
    margin-top: -5px;
}

#viewExercises .dijitProgressBarLabel {
    visibility: hidden;
}

.progressBarLabel {
    float: right;
    margin-top: 2px;
    font-weight: bold;
    font-size: 12px;
    width:24px;
}

/* Shows current students and teachers that partake the current course in widget */
.selectedProfile {
    background-color: #FAF6D5;
}

/* tabcontainer for learning objectives and courseblocks */

.dijitTabContainerTop-tabs {
   border-bottom: 1px solid #DCDBDB;
}

.tundra #cursus_onderdelen #left .dijitTab {
   border: 1px solid #DCDBDB;
}

.tundra #cursus_onderdelen #left .dijitTabContainerTop-tabs .dijitTab {
   background-color: #F5F5F5;
   background-image: none;
   color: /*#636363*/ #69696D;
   -webkit-border-radius: 4px 4px 0 0;
   -moz-border-radius: 4px 4px 0 0;
   border-radius: 4px 4px 0 0;
   font-family: Verdana;
   font-weight: bold;
}

.tundra #cursus_onderdelen #left .dijitTabContainerTop-tabs .dijitTabChecked {
   background-color: #FFF;
   -webkit-border-radius: 4px 4px 0 0;
   -moz-border-radius: 4px 4px 0 0;
   border-radius: 4px 4px 0 0;
   font-family: Verdana;
   border-bottom: 1px solid #FFF;
}

.tundra #cursus_onderdelen #left .dijitTabContainerTop-tabs .dijitTab:hover {
   border-top: 1px solid #CCC;
   border-right: 1px solid #CCC;
   border-left: 1px solid #CCC;
   text-decoration: underline;
}

.tundra #cursus_onderdelen #left .dijitTabPaneWrapper {
  border: none;
}

#cursus_onderdelen #left  #dijit_layout_TabContainer_0 {
   margin-top: 30px;
}

#cursus_onderdelen #left #activitiesTab {
   margin-top: 1em;
}

#cursus_onderdelen #left #objectivesTab {
   margin-top: 1em;
}

/* activities, learning Goals and knowledge intake #right bars */
.tundra #cursus_onderdelen #right .dijitProgressBarTile {
   background: #F0F0F0 url("/css/v2/ProgressBarBackground.png") repeat-x center center;
}

/* page admin.jsp */

body#admin #navi_options .box {
	border: 1px solid #E6EEEF;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background: #E6EEEF;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

body#admin #navi_options .box h2 {
	font-size:14px;
	margin:10px;
	border: none;
	padding-bottom:5px;
}

body#admin #navi_options .box p {
	padding: 0px;
}

body#admin #navi_options .box p {
	background: #F7F9F9;
	border: 1px solid #F7F9F9;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	max-height: 25px;
	margin:10px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

body#admin #navi_options .box p {
	color: #0094CD;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
}

body#admin #navi_options .box a {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
}

/* =====CoursePartPlayer===== */

/* DIJIT DIALOG  CoursePartPlayer Overlay for warningmessages before starting or during course.*/
.dijitDialogUnderlay {
    background:#EDF3F4 none repeat scroll 0 0;
    opacity:0.8;
}

.courseParts{
    padding-left:20px;
}

.coursePartResults{
    text-align:left;
    padding-left:20px;
    font-size:11px;
}

.coursePartResults .details{
    float:right;
    font-size:10px;
}

body.coursePartPlayer {
    background: url("/css/v2/ANSCoursePartPlayerBg.jpg") left top repeat;
}

.coursePartPlayer table {
    background:none;
}

.coursePartPlayer #header h1 {
    font-size: 150%;
    font-weight:bold;
    margin: 0 0 5px 1px;
    color: #644940;
}

.coursePartPlayer #header {
    background:#EDF3F4;
    padding: 5px 5px 9px 5px;
}

.coursePartPlayer #content_container {
    margin-top:50px;
    margin-bottom:50px;
    filter: none;
}

/* removing previous Shadows around CoursePartPlayer content container. */
.coursePartPlayer .content_wrapper .content {
    -moz-box-shadow: none; /* Firefox / Mozilla shadow remover */
    -webkit-box-shadow: none; /* Safari / Chrome shadow remover */
    box-shadow: none;  /* Opera shadow remover */
}

/*reapplying new shadow around CoursePartPlayer content container. */
.coursePartPlayer .content_wrapper .content {
    -moz-box-shadow: 1px 1px 1px #E2E2E2; /* Firefox / Mozilla shadow */
    -webkit-box-shadow: 3px 3px 4px #E2E2E2; /* Safari / Chrome shadow */
    box-shadow: 3px 3px 4px #E2E2E2;  /* Opera shadow */
}

/* getLesson.jsp Topleft selectors / indicators */
.coursePartPlayer .done {
    background-color:#0094CD;
}

.coursePartPlayer .done:hover {
    background-color:#63C3E0;
}

.coursePartPlayer #messageDialog #messageFormDiv input {
    font-weight:bold;
    margin: 0 0 5px 1px;
    color: #644940;
}

.coursePartPlayer .discussion_wrapper {
    background:#FFF;
    padding:10px;
    width:850px;
}

.coursePartPlayer .discussion_wrapper hr {
    display:none;
}

div.inlineFeedback {
    background: #F3F9FA;
	border: 1px solid #E7E7E7;
}

.inlineFeedback td {
    text-align : left
}

.visualFeedbackCorrectAnswer {
    background-color: #ECF9B7;
}

.multimediaAnswer {
    font-size: inherit;
    font-style: inherit;
    font-family: inherit;
    line-height: inherit;
}

.visualFeedbackIcon {
    background-color: #FFFFFF;
}

.answerTable td {
    border-bottom: 2px solid white;
}

.definition {
    border-bottom: 1px dotted;
    cursor: pointer;
}

.definitionPopup {
    max-width: 600px;
}

.definitionPopup:focus {
    outline: none;
}

#lessonEnd {
   max-width: 40%;
}

#lessonEnd h3 {
   font-size: 14px;
}

#lessonEnd strong{
   font-size: 12px;
}

#lessonEnd .backToOverview {
   font-size: 12px;
   padding: 0px;
}

#lessonEnd .suggestions {
   margin-left: 5px;
}

.individualCourseOverview{
    padding:8px;
    padding-top:25px;
}

div#displayTopicContent, div#displayPartNavi {
    border: 0.05em #d2d2d2 solid;
    width:35em;
}

div#displayTopicContent div#header, div#displayPartNavi div#header {
    background: #d2d2d2;
    font-weight: bold;
}

.dummyLabel {
    font-style: italic;
    color: #999999;
}

/* exercise and status style 3.0 */
div#sendEssay, div.essayItem {
    display: none;
    width: 100%;
    z-index: 0;
}

div.itemCaseDiv {
    display: none;
    width: 640px;
}

div.itemDiv {
    display: none;
    width: 100%;
}

form div.partNaviSelected {
    background: white;
}

form div.partNavi span.unselected {
    line-height: 1em;
}

form div.partNavi span.selected {
    background: black;
    line-height: 1em;
}

.answerValue {
    background-color: #EEEEEE;
    text-align: center;
    width: 12%;
    border-style: solid;
    border-width: thin;
    font-size:12px;
}

.questionCell {
    color: #585D5E;
	font-size: 1.333em;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}

.questionContentNumber {
    float: left;
    margin-right: 10px;
}

.bodycell{
    text-align:left;
}

/* Status.jsp */
.mainLeft {
    width: 70%;
    margin: 0 1.6em 0 0;
    float: left;
}

.mainWidget {
    width: 27%;
    float: left;
}

/* Matrixtable */
.matrixTable {
    empty-cells: hide;
    width: 100%;
    text-align: center;
}

.matrixTable .subQuestion {
    text-align: justify;
    width: 100%;
}

.matrixTable abc rb_cb {
    width: 25px;
}

.matrixTable .answerText {
    text-align:left;
}

.matrixTable .correctAnswer {
    text-align: left;
    color: green;
    font-weight:bold;
}

.matrixTable .semiCorrect {
    text-align: left;
    font-weight:bold;
    color: orange;
}

.matrixTable .incorrectAnswered {
    text-align:left;
    color: red;
    font-weight:bold;
}

.matrixTable .incorrectNotAnswered {
    text-align:left;
    color: #D1D1D1;
}

.matrixEvaluationTable {
    empty-cells: hide;
    width: 100%;
    text-align: center;
}

.matrixEvaluationTable td {
    border-color: #DDDDDD;
    border-style: solid;
    border-width: thin;
}

.matrixEvaluationTable subQuestion {
    background-color: #EEEEEE;
    text-align: justify;
    width: 30%;
    border-style: solid;
    border-width: thin;
}

/* part of Courses */
span.correctAnswerGiven {
    color: green;
    font-weight:bold;
}

span.correctAnswerNotGiven {
    color: green;
}

span.wrongAnswerGiven {
    color: red;
    font-weight:bold;
}

span.wrongAnswerNotGiven {
    color: #999999;
}

span.correct {
    font-size: 20px;
    color: green;
}

span.incorrect {
    font-size: 20px;
    color: red;
}

span.unscored {
    font-size: 20px;
    color: blue;
}

span.ghost {
    color: #d2d2d2;
}

span.notdone {
    font-size: 20px;
    color: yellow;
}

hr.answer {
    color: #008800;
}

hr.feedback {
    color: #008800;
}

.statusHeader {
    font-style: italic;
}

.suggestions {
    background: #FFF7C0;
    padding: 10px 10px 5px 10px;
    margin-bottom: 1em;
    -webkit-box-shadow: 1px 1px 4px 1px #E2E2E2;
    -moz-box-shadow: 1px 1px 4px 1px #E2E2E2;
    box-shadow: 1px 1px 4px 1px #E2E2E2;
}

#cursus_onderdelen .suggestions hr {
   margin-top: 10px;
   color: #FFFFFF;
   background-color: #FFFFFF;
   border: 1px solid #FFF;
   width: 102%;
   margin-left: -5px;
   border-top: 1px solid #FFF7C0;
   border-bottom: 1px solid #FFF;
}

.suggestions h3 {
    margin-left: 5px;
}

.suggestions td {
    padding-bottom: 4px;
}

.suggestions table {
  margin-left: 0px;
}

.suggestionsTable span {
    margin-top: 20px;
}

.suggestionsTable em {
    font-style: normal;
    font-weight: bold;
    margin-left: 5px;
}

.suggestions a.button {
    font-size: 12px;
    padding: 0.8em 0.8em;
    font-weight: Bold;
    Font-family: verdana;
    font-size: 11px;
}

.suggestions .memoTrainerLink {
    color: #0094cd;
    text-align: right;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 4px
}

.suggestions .suggestionPart {
  background: #FBFFFF;
  font-weight: bold;
  margin: auto auto auto 2em;
  padding: 0.4em 0.6em 0.4em 0.5em;
  width: auto;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  color: #668440;
}

.suggestionsTable {
    font-size: 1.1em;
}

.suggestions img.arrow {
    width: 16px;
    height: 10px;
    vertical-align: middle;
    background: url(/pub_images/arrowNext.png) no-repeat;
}

/* Part of Exams */

.disabled {
    color: #AAAAAA;
}

/* do?action=Teach, has to do with Teachers and their dashboard */
.courseInfo{
    color: #a3a2a2;
}

/* configureEvaluation -> configureProfile popup */
#configureProfileForm .header {
    font-weight: bold;
    text-align: center;
}

#configureProfileForm tr .left {
    text-align: left;
}
/* ------- */

/* -------------------------------------------------------------------------------------------------------- */
/* ================== 6:Common ================== */
/*  */

/* geen structure class */
input.textbox, textarea {
    font-size:1.2em;
}

.clickable {
    cursor: pointer;
    !important
}

.lowlighted {
    color: #BACCCC;
}

#pageHelpText {
    margin-bottom: 0.5em;
}


/* Messages that display errors, succeeded actions etcetera underneath the breadcrumb.  */
#message {
    font-size:1em;
    padding: 4px;
    margin: 1em;
    clear: both;
}

/* classes part of Errormessages */
.OK {
    border: 1px solid #8ECD0B;
    background-color: #F0FADC;
}

.INFO {
    border: 1px solid #0068FF;
    background-color: #C0DAFF;
}

.WARNING {
    border: 1px solid #F0FF00;
    background-color: #FAFFAB;
}

.ERROR {
    border: 1px solid #FF0000;
    background-color: #FFCACA;
}

.OK .icon {
    background: url(/pub_images/icons/24x24/check.png) no-repeat;
    margin-right: 1em;
}

.INFO .icon {
    background: url(/pub_images/icons/24x24/information.png) no-repeat;
    margin-right: 1em;
}

.WARNING .icon {
    background: url(/pub_images/icons/24x24/warning.png) no-repeat;
    margin-right: 1em;
}

.ERROR .icon {
    background: url(/pub_images/icons/24x24/error.png) no-repeat;
    margin-right: 1em;
}

.withDivider {
    border-right:1px solid #bfbfbf;
}

.no-Wrap {
    white-space: nowrap !important;
}

.no-Border {
    border: 0 !important;
}

.no-Margin {
    margin: 0 !important;
}

.smallest{
    width: 1% !important;
    white-space: nowrap !important;
}

.biggest{
    width: 100% !important;
}

/* widgethandler */
.questionContentTitle .dijitTitlePane .dijitTitlePaneContentOuter .dijitReset .dijitTitlePaneContentInner,  #internalLink .dijitTitlePaneContentOuter .dijitReset .dijitTitlePaneContentInner,  .essayItem .dijitTitlePane .dijitTitlePaneContentOuter .dijitReset .dijitTitlePaneContentInner {
    height: 100%;
    overflow-y: hidden;
}

/* do?action=manageStudentSubscriptions (userId required) part of Studentsubscriptions, catalog, user status in Manager or Widget parts. */
#right #library .dijitTitlePaneContentInner {
    width: 100%;
    overflow-x: hidden;
}

/* TextEditor */
/* do?action=manageStudentSubscriptions (userId required)  */
.editorPane .dijitTitlePaneContentInner {
    padding: 0;
}

.editorPane .dijitEditor {
    width: 100%;
    border: 0;
}

.tundra .dijitEditorIconMtContentPartSelector {
    background: url(/pub_images/icons/document_text.png) no-repeat;
    width: 16px;
    height: 16px;
    text-align: center;
}

.tundra .dijitEditorIconInsertFile {
    background: url(/pub_images/icons/folder_document.png) no-repeat;
    width: 16px;
    height: 16px;
    text-align: center;
}

.tundra .dijitEditorIconMtLatex {
    background: url(/pub_images/icons/text_formula.png) no-repeat;
    width: 16px;
    height: 16px;
    text-align: center;
}

.tundra .dijitDisabled .dijitEditorIconMtContentPartSelector {
    background: url(/pub_images/icons/document_text.png) no-repeat;
    width: 16px;
    height: 16px;
    text-align: center;
}

.tundra .dijitDisabled .dijitEditorIconInsertFile {
    background: url(/pub_images/icons/folder_document.png) no-repeat;
    width: 16px;
    height: 16px;
    text-align: center;
}

.tundra .dijitDisabled .dijitEditorIconMtLatex {
    background: url(/pub_images/icons/text_formula.png) no-repeat;
    width: 16px;
    height: 16px;
    text-align: center;
}

/* Mainteacherpage, just isnt being displayed so i'm not sure it has a function. */
.unreadNumber{
    font-size: 9px;
    vertical-align:35%;
}

/*manageTeacherStudents under Teach > course > Settings > Manage students */
.withDivider {
    border-right:1px solid #bfbfbf;
}

/* do?action=Teacher & studentStatistics */
.customUserLeaf {
    background: url(/pub_images/icons/user1.gif) no-repeat;
}

.customSelectedUserLabel {
    font-weight: bold;
}

/* do?action=Teach, in Status.jsp & Teacherstatus.jsp */
td.correct {
    background-color: green;
}

td.incorrect {
    background-color: red;
}

td.unscored {
    background-color: blue;
}

td.notdone {
    background-color: yellow;
}

A.number {
    text-decoration: none;
}

/* Content Panes in some parts of the website (Seperate two-part tables / columns ( Studentstatistics for example )) */
#borderContainer {
    width: 100%;
    height: 100%;
    border:0;
}

#leftContentPane {
    border: 0;
    border-right: 1px #CCCCCC solid;
    background-color: #FFFFFF;
    padding: 0 !important;
    overflow: auto;
}

#rightContentPane {
    border: 0;
    border-left: 1px #CCCCCC solid;
    background-color: #FFFFFF;
    padding: 0 !important;
    overflow-x: hidden;
}

/* do?action=viewLearningObjectives */
.tundra .extraBarFull {
    background: none;
    border-right: 0px;
    overflow: visible;
}

.tundra .extraBarsParent {
    overflow: visible;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 14px;
}

.tundra .emptyProgressBar {
    border-right: 0px;
    width: 0px;
}

.tundra .extraBarTileNone {
    background: none;
    border-right: 5px solid #B8B8B8;
    margin-top: -5px;
    margin-bottom: -5px;
}

.tundra .extraBarTile_green {
    background: url('/pub_images/progressBarFull_green.png') repeat-x scroll center center #F0F0F0;
    border-radius: 14px 0px 0px 14px;
}

.tundra .extraBarTile_greyTo {
    background: url('/pub_images/progressBarFull_greyTo.png') repeat-x scroll center center #F0F0F0;
    border-radius: 14px 0px 0px 14px;
}

.tundra .extraBarTile_orange {
    background: url('/pub_images/progressBarFull.png') repeat-x scroll center center #F0F0F0;
    border-radius: 14px 0px 0px 14px;
}

.tundra .extraBarTile_red {
    background: url('/pub_images/progressBarFull_red.png') repeat-x scroll center center #F0F0F0;
    border-radius: 14px 0px 0px 14px;
}

/* No exact location, but Dijit elements are an exception */

.dijitTab {
    background:#e4e4e4 top repeat-x;
}

.header .dijitDropDownButton {
    margin: 1px;
}

.dijitMenu{
    font-size: 1em;
}

.dijitSplitterV{
    background:#CCCCCC;
    border:0;
    width:5px;
}

.courseProgressBar{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.knowledgeIntakeBar {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}