/* Font Addons */

.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}


/*.bodyclass table tbody tr:not(:hover) a.inactive {opacity:.75;}*/


/* end font addon */

@font-face {
  font-family: 'casus';
  src: url('../font/casus.eot?91249149');
  src: url('../font/casus.eot?91249149#iefix') format('embedded-opentype'),
       url('../font/casus.woff2?91249149') format('woff2'),
       url('../font/casus.woff?91249149') format('woff'),
       url('../font/casus.ttf?91249149') format('truetype'),
       url('../font/casus.svg?91249149#casus') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*
@font-face {
    font-family: 'rubik';
    src: url('../font/rubik-variablefont_wght-webfont.woff2') format('woff2'),
         url('../font/rubik-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} 
*/

/*@font-face {
    font-family: 'rubik';
    src: url('../font/rubiklight-wght400-webfont.woff2') format('woff2'),
         url('../font/rubiklight-wght400-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

/* rubik-regular - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../font/rubik-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../font/rubik-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* rubik-700 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../font/rubik-v21-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../font/rubik-v21-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* rubik-italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../font/rubik-v21-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../font/rubik-v21-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* rubik-700italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('../font/rubik-v21-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../font/rubik-v21-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'casus';
    src: url('../font/casus.svg?91249149#casus') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "casus";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-exclamationmark_circle:before { content: '\e800'; } /* '' */
.icon-ok:before { content: '\e801'; } /* '' */
.icon-circle:before { content: '\e802'; } /* '' */
.icon-circle-empty:before { content: '\e803'; } /* '' */
.icon-camera:before { content: '\e804'; } /* '' */
.icon-attach-1:before { content: '\e805'; } /* '' */
.icon-calendar:before { content: '\e806'; } /* '' */
.icon-cancel:before { content: '\e807'; } /* '' */
.icon-lightbulb:before { content: '\e808'; } /* '' */
.icon-wrench:before { content: '\e809'; } /* '' */
.icon-cog-alt:before { content: '\e80a'; } /* '' */
.icon-cog-1:before { content: '\e80b'; } /* '' */
.icon-home-1:before { content: '\e80c'; } /* '' */
.icon-chart-bar:before { content: '\e80d'; } /* '' */
.icon-smile:before { content: '\e80e'; } /* '' */
.icon-frown:before { content: '\e80f'; } /* '' */
.icon-meh:before { content: '\e810'; } /* '' */
.icon-anchor:before { content: '\e811'; } /* '' */
.icon-sitemap:before { content: '\e812'; } /* '' */
.icon-star-half-1:before { content: '\e813'; } /* '' */
.icon-print:before { content: '\e814'; } /* '' */
.icon-folder:before { content: '\e815'; } /* '' */
.icon-folder-open:before { content: '\e816'; } /* '' */
.icon-download:before { content: '\e817'; } /* '' */
.icon-upload:before { content: '\e818'; } /* '' */
.icon-doc:before { content: '\e819'; } /* '' */
.icon-docs:before { content: '\e81a'; } /* '' */
.icon-doc-text:before { content: '\e81b'; } /* '' */
.icon-search:before { content: '\e81c'; } /* '' */
.icon-right-hand:before { content: '\e81d'; } /* '' */
.icon-star-empty:before { content: '\e81e'; } /* '' */
.icon-star-half:before { content: '\e81f'; } /* '' */
.icon-user-add:before { content: '\e820'; } /* '' */
.icon-picture:before { content: '\e821'; } /* '' */
.icon-attach:before { content: '\e822'; } /* '' */
.icon-lock:before { content: '\e823'; } /* '' */
.icon-lock-open:before { content: '\e824'; } /* '' */
.icon-eye:before { content: '\e825'; } /* '' */
.icon-eye-off:before { content: '\e826'; } /* '' */
.icon-down-open:before { content: '\e827'; } /* '' */
.icon-star:before { content: '\e828'; } /* '' */
.icon-cog:before { content: '\e829'; } /* '' */
.icon-right-open:before { content: '\e82a'; } /* '' */
.icon-up-open:before { content: '\e82b'; } /* '' */
.icon-minus:before { content: '\e82c'; } /* '' */
.icon-feedback:before { content: '\e82d'; } /* '' */
.icon-exit:before { content: '\e82e'; } /* '' */
.icon-bubbles:before { content: '\e82f'; } /* '' */
.icon-bubble:before { content: '\e830'; } /* '' */
.icon-questionmark_circle-1:before { content: '\e831'; } /* '' */
.icon-left-open:before { content: '\e832'; } /* '' */
.icon-left-hand:before { content: '\e833'; } /* '' */
.icon-down-hand:before { content: '\e834'; } /* '' */
.icon-mail:before { content: '\e835'; } /* '' */
.icon-record:before { content: '\e836'; } /* '' */
.icon-stop:before { content: '\e837'; } /* '' */
.icon-play:before { content: '\e838'; } /* '' */
.icon-trash:before { content: '\e839'; } /* '' */
.icon-location:before { content: '\e83a'; } /* '' */
.icon-home:before { content: '\e83b'; } /* '' */
.icon-plus:before { content: '\e83c'; } /* '' */
.icon-pencil:before { content: '\e83d'; } /* '' */
.icon-questionmark_circle:before { content: '\e83e'; } /* '' */
.icon-triangle_filled_exclamationmark:before { content: '\e83f'; } /* '' */
.icon-person:before { content: '\e840'; } /* '' */
.icon-arrows_updown:before { content: '\e841'; } /* '' */
.icon-rounded_square_filled:before { content: '\e842'; } /* '' */
.icon-rounded_square_ok:before { content: '\e843'; } /* '' */
.icon-rounded_square_pencil:before { content: '\e844'; } /* '' */
.icon-rounded_square_questionmark:before { content: '\e845'; } /* '' */
.icon-rounded_square_three_points:before { content: '\e846'; } /* '' */
.icon-rounded_square:before { content: '\e847'; } /* '' */
.icon-glasses:before { content: '\e848'; } /* '' */
.icon-mail-alt:before { content: '\e849'; } /* '' */
.icon-video:before { content: '\e84a'; } /* '' */
.icon-videocam:before { content: '\e84b'; } /* '' */
.icon-ok-circled:before { content: '\e84c'; } /* '' */
.icon-ok-circled2:before { content: '\e84d'; } /* '' */
.icon-ok-squared:before { content: '\e84e'; } /* '' */
.icon-cancel-circled:before { content: '\e84f'; } /* '' */
.icon-cancel-circled2:before { content: '\e850'; } /* '' */
.icon-plus-1:before { content: '\e851'; } /* '' */
.icon-plus-circled:before { content: '\e852'; } /* '' */
.icon-plus-squared:before { content: '\e853'; } /* '' */
.icon-plus-squared-alt:before { content: '\e854'; } /* '' */
.icon-minus-circled:before { content: '\e855'; } /* '' */
.icon-minus-squared:before { content: '\e856'; } /* '' */
.icon-minus-squared-alt:before { content: '\e857'; } /* '' */
.icon-minus-1:before { content: '\e858'; } /* '' */
.icon-help-circled:before { content: '\e859'; } /* '' */
.icon-info-circled:before { content: '\e85a'; } /* '' */
.icon-info:before { content: '\e85b'; } /* '' */
.icon-link:before { content: '\e85c'; } /* '' */
.icon-unlink:before { content: '\e85d'; } /* '' */
.icon-link-ext:before { content: '\e85e'; } /* '' */
.icon-link-ext-alt:before { content: '\e85f'; } /* '' */
.icon-lock-open-1:before { content: '\e860'; } /* '' */
.icon-pin:before { content: '\e861'; } /* '' */
.icon-thumbs-up:before { content: '\e862'; } /* '' */
.icon-thumbs-down:before { content: '\e863'; } /* '' */
.icon-thumbs-up-alt:before { content: '\e864'; } /* '' */
.icon-thumbs-down-alt:before { content: '\e865'; } /* '' */
.icon-reply:before { content: '\e866'; } /* '' */
.icon-reply-all:before { content: '\e867'; } /* '' */
.icon-forward:before { content: '\e868'; } /* '' */
.icon-code:before { content: '\e869'; } /* '' */
.icon-export:before { content: '\e86a'; } /* '' */
.icon-export-alt:before { content: '\e86b'; } /* '' */
.icon-pencil-squared:before { content: '\e86c'; } /* '' */
.icon-edit:before { content: '\e86d'; } /* '' */
.icon-comment:before { content: '\e86e'; } /* '' */
.icon-chat:before { content: '\e86f'; } /* '' */
.icon-comment-empty:before { content: '\e870'; } /* '' */
.icon-chat-empty:before { content: '\e871'; } /* '' */
.icon-attention-alt:before { content: '\e872'; } /* '' */
.icon-attention-circled:before { content: '\e873'; } /* '' */
.icon-trash-1:before { content: '\e874'; } /* '' */
.icon-doc-inv:before { content: '\e875'; } /* '' */
.icon-doc-text-inv:before { content: '\e876'; } /* '' */
.icon-folder-empty:before { content: '\e877'; } /* '' */
.icon-folder-open-empty:before { content: '\e878'; } /* '' */
.icon-box:before { content: '\e879'; } /* '' */
.icon-rss:before { content: '\e87a'; } /* '' */
.icon-rss-squared:before { content: '\e87b'; } /* '' */
.icon-login:before { content: '\e87c'; } /* '' */
.icon-logout:before { content: '\e87d'; } /* '' */
.icon-volume-off:before { content: '\e87e'; } /* '' */
.icon-volume-down:before { content: '\e87f'; } /* '' */
.icon-volume-up:before { content: '\e880'; } /* '' */
.icon-clock:before { content: '\e881'; } /* '' */
.icon-block:before { content: '\e882'; } /* '' */
.icon-resize-full-alt:before { content: '\e883'; } /* '' */
.icon-resize-vertical:before { content: '\e884'; } /* '' */
.icon-resize-horizontal:before { content: '\e885'; } /* '' */
.icon-move:before { content: '\e886'; } /* '' */
.icon-zoom-in:before { content: '\e887'; } /* '' */
.icon-zoom-out:before { content: '\e888'; } /* '' */
.icon-down-circled2:before { content: '\e889'; } /* '' */
.icon-up-circled2:before { content: '\e88a'; } /* '' */
.icon-left-circled2:before { content: '\e88b'; } /* '' */
.icon-right-circled2:before { content: '\e88c'; } /* '' */
.icon-down-dir:before { content: '\e88d'; } /* '' */
.icon-up-dir:before { content: '\e88e'; } /* '' */
.icon-right-dir:before { content: '\e88f'; } /* '' */
.icon-down-open-1:before { content: '\e890'; } /* '' */
.icon-left-dir:before { content: '\e891'; } /* '' */
.icon-left-open-1:before { content: '\e892'; } /* '' */
.icon-right-open-1:before { content: '\e893'; } /* '' */
.icon-up-open-1:before { content: '\e894'; } /* '' */
.icon-angle-left:before { content: '\e895'; } /* '' */
.icon-angle-right:before { content: '\e896'; } /* '' */
.icon-angle-up:before { content: '\e897'; } /* '' */
.icon-angle-down:before { content: '\e898'; } /* '' */
.icon-angle-circled-left:before { content: '\e899'; } /* '' */
.icon-angle-circled-right:before { content: '\e89a'; } /* '' */
.icon-angle-circled-up:before { content: '\e89b'; } /* '' */
.icon-angle-circled-down:before { content: '\e89c'; } /* '' */
.icon-angle-double-left:before { content: '\e89d'; } /* '' */
.icon-angle-double-right:before { content: '\e89e'; } /* '' */
.icon-angle-double-up:before { content: '\e89f'; } /* '' */
.icon-angle-double-down:before { content: '\e8a0'; } /* '' */
.icon-down:before { content: '\e8a1'; } /* '' */
.icon-left:before { content: '\e8a2'; } /* '' */
.icon-right:before { content: '\e8a3'; } /* '' */
.icon-up:before { content: '\e8a4'; } /* '' */
.icon-down-big:before { content: '\e8a5'; } /* '' */
.icon-left-big:before { content: '\e8a6'; } /* '' */
.icon-right-big:before { content: '\e8a7'; } /* '' */
.icon-up-big:before { content: '\e8a8'; } /* '' */
.icon-up-hand:before { content: '\e8a9'; } /* '' */
.icon-left-circled:before { content: '\e8aa'; } /* '' */
.icon-right-circled:before { content: '\e8ab'; } /* '' */
.icon-up-circled:before { content: '\e8ac'; } /* '' */
.icon-down-circled:before { content: '\e8ad'; } /* '' */
.icon-cw:before { content: '\e8ae'; } /* '' */
.icon-ccw:before { content: '\e8af'; } /* '' */
.icon-arrows-cw:before { content: '\e8b0'; } /* '' */
.icon-level-up:before { content: '\e8b1'; } /* '' */
.icon-level-down:before { content: '\e8b2'; } /* '' */
.icon-expand:before { content: '\e8b3'; } /* '' */
.icon-collapse:before { content: '\e8b4'; } /* '' */
.icon-expand-right:before { content: '\e8b5'; } /* '' */
.icon-collapse-left:before { content: '\e8b6'; } /* '' */
.icon-play-1:before { content: '\e8b7'; } /* '' */
.icon-play-circled:before { content: '\e8b8'; } /* '' */
.icon-play-circled2:before { content: '\e8b9'; } /* '' */
.icon-stop-1:before { content: '\e8ba'; } /* '' */
.icon-pause:before { content: '\e8bb'; } /* '' */
.icon-to-end:before { content: '\e8bc'; } /* '' */
.icon-to-end-alt:before { content: '\e8bd'; } /* '' */
.icon-to-start:before { content: '\e8be'; } /* '' */
.icon-to-start-alt:before { content: '\e8bf'; } /* '' */
.icon-fast-fw:before { content: '\e8c0'; } /* '' */
.icon-fast-bw:before { content: '\e8c1'; } /* '' */
.icon-eject:before { content: '\e8c2'; } /* '' */
.icon-tablet:before { content: '\e8c3'; } /* '' */
.icon-mobile:before { content: '\e8c4'; } /* '' */
.icon-flash:before { content: '\e8c5'; } /* '' */
.icon-off:before { content: '\e8c6'; } /* '' */
.icon-floppy:before { content: '\e8c7'; } /* '' */
.icon-key:before { content: '\e8c8'; } /* '' */
.icon-sort:before { content: '\e8c9'; } /* '' */
.icon-sort-down:before { content: '\e8ca'; } /* '' */
.icon-sort-up:before { content: '\e8cb'; } /* '' */
.icon-sort-alt-up:before { content: '\e8cc'; } /* '' */
.icon-sort-alt-down:before { content: '\e8cd'; } /* '' */
.icon-sort-name-up:before { content: '\e8ce'; } /* '' */
.icon-sort-name-down:before { content: '\e8cf'; } /* '' */
.icon-sort-number-up:before { content: '\e8d0'; } /* '' */
.icon-sort-number-down:before { content: '\e8d1'; } /* '' */
.icon-stethoscope:before { content: '\e8d2'; } /* '' */
.icon-ambulance:before { content: '\e8d3'; } /* '' */
.icon-medkit:before { content: '\e8d4'; } /* '' */
.icon-hospital:before { content: '\e8d5'; } /* '' */
.icon-building:before { content: '\e8d6'; } /* '' */
.icon-facebook:before { content: '\e8d7'; } /* '' */
.icon-facebook-squared:before { content: '\e8d8'; } /* '' */
.icon-gplus-squared:before { content: '\e8d9'; } /* '' */
.icon-gplus:before { content: '\e8da'; } /* '' */
.icon-easel:before { content: '\e8db'; } /* '' */
.icon-list-alt:before { content: '\e8dc'; } /* '' */
.icon-casus_logo:before { content: '\e8dd'; } /* '' */
.icon-user:before { content: '\e8de'; } /* '' */
.icon-th-large:before { content: '\e8df'; } /* '' */
.icon-help:before { content: '\e8e0'; } /* '' */
.icon-lock-open-alt:before { content: '\e8e1'; } /* '' */
.icon-attention:before { content: '\e8e2'; } /* '' */
.icon-file-pdf:before { content: '\e8e3'; } /* '' */
.icon-file-word:before { content: '\e8e4'; } /* '' */
.icon-file-excel:before { content: '\e8e5'; } /* '' */
.icon-file-powerpoint:before { content: '\e8e6'; } /* '' */
.icon-file-image:before { content: '\e8e7'; } /* '' */
.icon-file-archive:before { content: '\e8e8'; } /* '' */
.icon-file-audio:before { content: '\e8e9'; } /* '' */
.icon-file-video:before { content: '\e8ea'; } /* '' */
.icon-menu:before { content: '\e8eb'; } /* '' */
.icon-calendar-empty:before { content: '\e8ec'; } /* '' */
.icon-resize-small:before { content: '\e8ed'; } /* '' */
.icon-resize-full:before { content: '\e8ee'; } /* '' */
.icon-table:before { content: '\e8ef'; } /* '' */
.icon-spinner:before { content: '\e8f0'; } /* '' */
.icon-calendar_day:before { content: '\e8f1'; } /* '' */
.icon-case_card_statistic:before { content: '\e8f2'; } /* '' */
.icon-case_use_detail:before { content: '\e8f3'; } /* '' */
.icon-doc_edge_down:before { content: '\e8f4'; } /* '' */
.icon-doc_log:before { content: '\e8f5'; } /* '' */
.icon-doc_summary:before { content: '\e8f6'; } /* '' */
.icon-easel_ok:before { content: '\e8f7'; } /* '' */
.icon-session_week:before { content: '\e8f8'; } /* '' */
.icon-summary_case:before { content: '\e8f9'; } /* '' */
.icon-user-md:before { content: '\e8fa'; } /* '' */
.icon-beaker:before { content: '\e8fb'; } /* '' */
.icon-users-1:before { content: '\e8fc'; } /* '' */
.icon-diagnostic:before { content: '\e8fd'; } /* '' */
.icon-card_for_all:before { content: '\e8fe'; } /* '' */
.icon-card_intro:before { content: '\e8ff'; } /* '' */
.icon-card_summary:before { content: '\e900'; } /* '' */
.icon-hotspot_info:before { content: '\e901'; } /* '' */
.icon-hotspot:before { content: '\e902'; } /* '' */
.icon-syringe:before { content: '\e903'; } /* '' */
.icon-book:before { content: '\e904'; } /* '' */
.icon-users:before { content: '\e905'; } /* '' */
.icon-anamnese:before { content: '\e906'; } /* '' */
.icon-certificate:before { content: '\e907'; } /* '' */
.icon-graduation-cap:before { content: '\e908'; } /* '' */
.icon-share-squared:before { content: '\e909'; } /* '' */
.icon-share:before { content: '\e90a'; } /* '' */
.icon-cme-ok:before { content: '\e90b'; } /* '' */
.icon-create-from-theme:before { content: '\e90c'; } /* '' */
.icon-door_open:before { content: '\e90d'; } /* '' */
.icon-door:before { content: '\e90e'; } /* '' */
.icon-quiz:before { content: '\e90f'; } /* '' */
.icon-x-ray:before { content: '\e910'; } /* '' */
.icon-zertifikate:before { content: '\e911'; } /* '' */
.icon-circle-filled-2:before { content: '\e912'; } /* '' */
.icon-rounded_square_filled-2:before { content: '\e913'; } /* '' */
.icon-closewin:before { content: '\f2d4'; } /* '' */

/* GLOBAL #####################################*/ 

br.clear_all {
	clear: both;
	font-size:1px;
	line-height:1px;
}

i.onclick {
	cursor: pointer;
}
.left{float:left;}
.right{float:right;}

.clearfloat{clear:both; height:0px; width:100%;line-height:1%}

a {
	text-decoration: none;
}
a:hover,a:focus {
	text-decoration: underline;
}

/* TYPOGRAPHY  #####################################*/ 
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .5em 0;
	line-height: 1.2;
	font-weight:bold;
	
	
}
h1 {font-size: 22px;}
h2 {font-size: 19px;}
h3 {font-size: 16px;}
h4 {font-size: 15px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
p {
	margin:0;
	padding:0;
	margin-bottom: 1em;
}

strong { font-weight: bold }

b { font-weight: bold }

small { font-size: 8px; }

hr {
	color:#999999;
	background-color:#999999;
	border: 0 none;
	/*border:solid #333333 1px;*/
	height:1px;
	/*noshade;*/
}

.nobr { white-space: nowrap }

.margin_top10 {
	margin-top: 10px;
}

.margin_bt10 {
	margin-bottom: 10px;
}	

.greenBkg { background: rgb(209, 217, 208) none repeat scroll 0 0; }
.greenFont{ color:#4a843e;font-weight: normal; }
.redFont{ color:#990000;font-weight: normal; }
.yellowFont{ color:#ffff00;font-weight: normal; }

.blackFont{ color:black; }
.greyFont{ color:#a5a5a5; }

.green_color{ color:green; }
.red_color{ color:red; }
.yellow_color{ color:#f6c143; }

.icon_transparent {color:#ffffff;opacity: 0.0;width:1px;max-width:0px;}

/* used in reports */
.invisible_submit {
	width: 0px; 
	height: 0px; 
	position: absolute; 
	left: -50px; 
	top: -50px;	
}

/* used in reports */
.display_none {
	display:none;
}

.icon_theme_red_base{color:#8b1b3f;}
.icon_theme_blue_base{color:#006699;}
.icon_theme_grey_base{color:#999999;}

#s3col_middle em, #s3col_middle i, 
.footer_content em, .footer_content i, 
#jdialog_expert em, #jdialog_expert i,
.jdialog_hl em, .jdialog_hl i {
	font-style: italic;
}

body.report_index .all_content .mainContent {
    border: none;
    padding: 0;
}

body.cm_no_container .all_content .mainContent {
    border: none;
    padding: 0;
}

#jquery_namedListMembers_content .namedListMemberStatus {
	vertical-align:super;
	font-size:80%
}

#jquery_namedListMembers_content .cohmem_search {
	float:left;
	width:400px;
}

#jquery_namedListMembers_content .cohmem_action_container {
	margin-bottom:7px;
}

/*
 * home
 */
 
 html body.bodyclass.home div#page_container div#topbar div.right ul.menu li.lang ul {
 	left:-20px;
 }
 
 html body.bodyclass.home div#page_container div#topbar div.right ul.menu li.help ul {
	left:-50px;
}


/*
 * homepage / login page
 */

.all_content .mainContent .box_login .no_login ul li {
    background-image: none;
    padding-left: 0px;
}

#act_info blockquote {
	margin-left: 20px;
}

/* ########################################################*/
/* Mainmenu ######################################*/
/* ########################################################*/ 

body.summary #content {
	margin-top:70px;
	margin-left:3%;
	margin-right:3%;
}

body.menu #content{
	margin-top:70px;
	margin-left:3%;
	margin-right:3%;
}

body.courseSelection .widget {
margin-left: 0;
margin-right: 0;
}

.vertical_line {
  border-left: 2px solid #333333;
  margin-right: 15px;
}

.min_width100 {
  min-width:100px;
}



.boxes .box{
 width:23%;
 margin-left:1%;
 margin-right:1%;
 float:left;
 text-align:center;
}



.nonDashboardCourseSelection #widget_spec_reviewer.db_box,
.menupage #widget_spec_reviewer.db_box{
	display:block;
  	width:auto;
 	padding:0px;
 	border:1px solid #cccccc;
 	background:#ffffff;
 	margin-bottom:20px;
    margin-left: 1%;
    margin-right: 1%;
	 text-align:left;
	 -webkit-box-shadow: 7px 7px 5px 0px rgba(188, 188, 188, 0.75);
	-moz-box-shadow:    7px 7px 5px 0px rgba(188, 188, 188, 0.75);
	box-shadow:         7px 7px 5px 0px rgba(188, 188, 188, 0.75);
	/*font-size:120%;*/
	position: relative;	
	 float: left;
}

.nonDashboardCourseSelection #widget_spec_reviewer.db_box {
	margin-left: 0%;
    margin-right: 0%;
}

.nonDashboardCourseSelection #widget_spec_reviewer.db_box .db_box_title,
.menupage #widget_spec_reviewer.db_box .db_box_title{
    font-size:120%; /* as h2 */
    height:25px;
    /*padding:5px;*/
    padding:3px;
   /* padding-left:5px;*/
	 background:#eeeeee;
 	font-weight: bold;
 	/*width:100%;*/
}

.nonDashboardCourseSelection #widget_spec_reviewer.db_box .db_box_content,
.menupage #widget_spec_reviewer.db_box .db_box_content{
	font-size:110%; /* as h2 */
    padding:3px;
}

.nonDashboardCourseSelection #widget_spec_reviewer.db_box .db_box_row,
.menupage #widget_spec_reviewer.db_box .db_box_row {
	padding-bottom:0.6em;
}

/* admin menu stats */

#widget_admin_menu_stats {
}


#widget_admin_menu_stats.db_box{
	display:block;
	width:98%;
 	padding:0%;
 	border:1px solid #eeeeee;
 	background:#ffffff;
 	margin-bottom:20px;
    margin-left: 1%;
    margin-right: 1%;
	 -webkit-box-shadow: 7px 7px 5px 0px rgba(188, 188, 188, 0.75);
	-moz-box-shadow:    7px 7px 5px 0px rgba(188, 188, 188, 0.75);
	box-shadow:         7px 7px 5px 0px rgba(188, 188, 188, 0.75);
	/*font-size:120%;*/
	position: relative;	
	 float: left;
}

#widget_admin_menu_stats.db_box .db_box_title{
    font-size:120%; /* as h2 */
    height:25px;
    /*padding:5px;*/
    padding:3px;
   /* padding-left:5px;*/
	 background:#eeeeee;
 	font-weight: bold;
 	/*width:100%;*/
}

#widget_admin_menu_stats.db_box .db_box_content{
	font-size:110%; /* as h2 */
    padding:5px;
}

#widget_admin_menu_stats.db_box .db_box_row {
	padding-bottom:0.6em;
}

#widget_admin_menu_stats.db_box .stats {
	float: left;
	padding-right:30px;
}

#widget_admin_menu_stats.db_box .stats label{
	padding:3px;
	float: left;
	border-radius: 3px;
	margin-bottom: 5px;
	display: inline-block;
	color: #000000;
	background: #eeeeee;;
}

#widget_admin_menu_stats.db_box .stats span{
	padding:3px;
	display: inline-block;
	width: 50px;
	text-align:right;
}

#stacked_barchart svg {
    font: 10px sans-serif;
    shape-rendering: crispEdges;
  }

#stacked_barchart  .axis path,
#stacked_barchart  .axis line {
    fill: none;
    stroke: #000;
  }
 
#stacked_barchart  path.domain {
    stroke: none;
  }
 
#stacked_barchart  .y .tick line {
    stroke: #ddd;
  }

/* .reportindex tr:hover{background:none;} */

.reportindex.boxes.rpi2016 .box.box_small {
	width:20%;
}

.reportindex .box {
	width:18%;
}

.charts svg{
	width: 100%;
	height: 100%;
}
.charts path.slice{
	stroke-width:2px;
}

.charts polyline{
	opacity: .3;
	stroke: black;
	stroke-width: 2px;
	fill: none;
}

.reportindex_section {
	width:98%;
	margin-bottom:10px;
	min-height: 60px;
}

.mychart_header {
	text-align:center;
	font-size:12px;
	font-weight: bold;
}

.reportindex_section_info {
  width: 41%;
  float: left;
  padding-left: 5px;
  padding-top: 5px;
  font-size: 95%;
  font-weight: normal;
}

.reportindex.boxes.rpi2016 .box {
	text-align: center; float: left;
	width:48%;
	/*height: 3em;
	min-height: 0px;*/
}

.reportindex.boxes.rpi2016 .box.box_important a {
	text-align: center;
	min-height: 120px;
	padding-top: 10px;
	font-size: 120%;
}

.reportindex.boxes.rpi2016 .box.box_small i {
    font-size: 150%;
    padding-bottom: 1px;
    display: inline-block;
}

.reportindex.boxes.rpi2016 .box.box_small a {
	min-height:70px;
	padding-bottom:1px;
}

.reportindex.boxes.rpi2016 .box.box_important_header {
	width: 98%;
}

.reportindex.boxes.rpi2016 .box.box_important span {
	position: relative;
	/*top:-0.5em;*/
}

.reportindex.boxes.rpi2016 .box.box_important_header div.a_box_style {
	text-align: left;
	font-size:100%
}

.box.box_important_header2 div.box_imp_header2_div {
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    border: 1px solid rgb(204, 204, 204);
    padding: 5px;
    margin: 5px 10px 5px 5px;
    box-shadow: 7px 7px 5px 0px rgba(188, 188, 188, 0.75);
}

.box.box_important_header2.loading span {
	background-color:#eeeeee;
	color:#eeeeee;
}

.reportindex.boxes.rpi2016 .box.box_main_graphic {
	min-width:350px;
	width:98%;
}

.boxes .box div.a_box.charts {
	font-size:12px;
	min-height: 265px;
}

.reportindex_more {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
 
#filterform fieldset {
	float:left;
	border:0px;
	margin:0px;
	padding:0px;
	margin-right:15px;
	margin-bottom:5px;
}

.report_header_buttons {
	width:95%;
	margin-top:5px;
}

#content .report_header .grey {
	margin-bottom: 0px;
}

.boxes .box a{
 display:block;
 width:97%;
 text-align:center;
 padding:1%;
 padding-top:20px;
 border:1px solid #eeeeee;
 border-radius: 6px;
 background:#ffffff;
 margin-bottom:20px;
 min-height:120px;
 text-align:center;
 -webkit-box-shadow: 5px 5px 5px 0px rgba(188, 188, 188, 0.5);
-moz-box-shadow:    5px 5px 5px 0px rgba(188, 188, 188, 0.5);
box-shadow:         5px 5px 5px 0px rgba(188, 188, 188, 0.5);
font-size:120%;
}

.boxes .box div.a_box{
	display:block;
 width:97%;
 text-align:center;
 padding:1%;
 padding-top:20px;
 border:1px solid #cccccc;
 background:#ffffff;
 margin-bottom:20px;
 min-height:120px;
 text-align:center;
 -webkit-box-shadow: 7px 7px 5px 0px rgba(188, 188, 188, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(188, 188, 188, 0.75);
box-shadow:         7px 7px 5px 0px rgba(188, 188, 188, 0.75);
font-size:120%;
}

.box_main_graphic svg {
	font-size:9px;
}

.boxes .box div.a_box_style{
	display:block;
 width:97%;
 text-align:center;
 padding:1%;
 border:1px solid #cccccc;
 background:#ffffff;
 margin-bottom:20px;
 min-height:10px;
 text-align:center;
 -webkit-box-shadow: 7px 7px 5px 0px rgba(188, 188, 188, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(188, 188, 188, 0.75);
box-shadow:         7px 7px 5px 0px rgba(188, 188, 188, 0.75);
font-size:120%;
}

.reportindex .box a {
	font-size:100%;
}

.reportindex .box.ANONYMOUS_REPORTS_ONLY_2, .reportindex .box.ANONYMOUS_REPORTS_ONLY_3 {
	display:none;
}

.reportindex .box.matrix_overview {
 	display:none;
}

 .reportindex .box.ANONYMOUS_REPORTS_ONLY_3.matrix_overview {
 	display:block;
 }

.boxes .box i{
	font-size:300%;
	padding-bottom:20px;
	display:inline-block;
}

.boxes .box a:hover{
 background:#999999;
 color:#ffffff;
}

.boxes  small{ 
	margin-left:1%;
 	margin-right:1%;
}

/**
 * icon-casus_logo
 */
.casus_logo {
	color: #b5123e;
    font-size: 1600% !important;
    height: 30px !important;
    line-height: 0 !important;
    margin: 0 10px 0 -40px !important;
    overflow: hidden !important;
    padding: 17px 0 0 !important;
    text-align: left;
    width: 110px !important;
}

body {
	margin: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	font-size: 14.5px;
	line-height: 125%;
	color: #000000;
	background: #fff;
	padding: 0;
}

.errormsgkl {color:#990000; font-weight:bold; text-decoration:none}

div.errormsgkl {
	margin-bottom:10px;
}

span.errormsgkl.errormsg_highlight, div.errormsgkl.errormsg_highlight, p.errormsgkl.errormsg_highlight {
 	border: 1px solid #990000;
    background: none repeat scroll 0 0 #ffcccc;
}



li.profile	{
	white-space: nowrap;
}

.profile_link {
	display: inline;
	position:relative;
	overflow: hidden;
	text-overflow: ellipsis;
  	-o-text-overflow: ellipsis;
}

/*.header_menu_span {
	display: inline;
	position:absolute;
	top:6px;
	min-width:50px;
}*/

/*
 * home
 */
 

body.home #page_container h3 {
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0;
} 

body.home #page_container .all_content .mainContent .box_login .login_help, body.home #page_container .all_content .mainContent .box_login .no_login, body.home #page_container .forgot_password, body.home #page_container .f_button {
    margin-left: 110px;
}

body.home #page_container div.box {
    margin-bottom: 20px;
}

body.home #page_container .all_content li  {
    display: block;
    padding-bottom: 8px;
}

body.home #page_container .all_content .main {
    padding-bottom: 10px;
}

body.home #page_container .all_content {
    margin: 0 auto;
    width: 960px;
    padding-bottom: 0px;
}

body.home #page_container .logo2 {
    margin-right: 15px;
    display: none;
    height: auto;
    margin-bottom: 10px;
}
body.home #page_container .left2 {
    float: left;
}

body.home #page_container label {
    float: left;
    font-weight: bold;
    line-height: 120%;
    margin-right: 10px;
    width: 100px;
}

body.coursemgr .all_content .mainContent {
	background: none;
}

.all_content .mainContent {
	border-radius: 8px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
}

.all_content .mainContent .grey {
	background: none repeat scroll 0 0 ffffff;
    border: 1px solid #dddddd;
    border-radius: 8px;
}

body.home .all_content .mainContent {
}

body.home #page_container .all_content .mainContent .grey {
    background: none repeat scroll 0 0 ffffff;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 15px;
    width: auto;
    width: 41%;
    min-height: 375px;
}

body.home #page_container .all_content .mainContent .box_login {
    float: left;
    width: 41%;
}

body.home #page_container .all_content .mainContent .box_news {
	float: right;
    width: 50%;
}

#hp_footer{
	width: 960px;
	margin: 0 auto;
	padding-top:10px;
	min-height:100px;
}
#hp_footer .left{float:left; width:48%; text-align:left;}
#hp_footer .right{float:right; width:48%; text-align:right;}


 
/*
 * course / case selection
 */

#casesel_caseicon {
	float:right;
	padding:5px;
}

#casesel_caseicon img {
	float:right;
}

#caseselpage_actinfo {
	width:100%;
	margin-bottom:20px;
}

.course_selection_icons_container {
	background:#ffffff;
	padding:10px;
	margin-top:10px;
}

.course_selection_icons {
	/*min-width:180px;*/
	margin-right:15px;
	float:left;
}

.courseSelection.noDetails h1 {font-size: 18px;}
.courseSelection.noDetailsh h2 {font-size: 16px;}
.courseSelection.noDetails h3 {font-size: 15px;}






.ui-dialog-content #content {
	margin-top:0px;
}

body #content {
	margin-top:50px;
}

/* Topbar  #####################################*/ 
#topbar {
	height: 40px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/*min-width: 600px;*/
	z-index: 500;
	/*font-size:14px;*/
}

/* Reset */
#topbar .menu,
#topbar .menu ul,
#topbar .menu li,
#topbar .menu a {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	background-image: none;
}

/* Menu */
#topbar .menu {	
	height: 40px;
	width: 100%;
	text-align:right;
}

#topbar .menu li {
	position: relative;
	list-style: none;
	float: left;
	display: block;
	height: 40px;
}

/* Links */

#topbar .menu li a {
	display: block;
	padding: 5px 14px;
	margin: 0px 0;
	line-height: 28px;
	text-decoration: none;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

#topbar .menu li.profile a {
	overflow: hidden;
   text-overflow: ellipsis;
   height: 28px;
}

#topbar .menu li:hover > a { text-decoration:none; }

#topbar ul.menu li ul li:hover > a { text-decoration:underline; }

/* Sub Menu */

#topbar .menu ul {
	display:none;
	position: absolute;
	top: 39px;
	opacity: 0;
	width: 200px;
	background:#ffffff;
	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
}
.ie #topbar .menu ul {top: 37px;}

#topbar .menu li:hover > ul { 
	opacity: 1;
	display:block;
}

#topbar .menu ul li {
	height: 0;
	overflow: hidden;
	padding: 0;

	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}

#topbar .menu li:hover > ul li {
	height: 36px;
	overflow: visible;
	padding: 0;
}

#topbar .menu ul li a {
	width: 180px;
	padding: 4px 0 4px 20px;
	margin: 0;
	border: none;
}

#topbar .menu ul li:last-child a { border: none; }


#topbar .exitCase span{display:none;}
#topbar .help i{font-size:20px;}
#topbar .exitCase i{font-size:30px;}

#topbar .left  {
    /*display: block;*/
    line-height: 28px;
    margin: 0;
    padding: 5px 14px;
    text-decoration: none;
    transition: color 0.2s ease-in-out 0s;
}

#topbar .left  h1 {
	font-size: 14px;
	font-weight: normal;
	display: inline;
	color: #ffffff;
	margin: 0em;
	line-height: 1;
}

#topbar .menu li:hover > ul li.divider {
	height: 36px;
	overflow: visible;
	padding: 0;
}

#topbar .menu ul li a.divider {
	text-decoration: none;
	line-height:5px;
	font-size: 2px;
	height:10px;
}

#topbar .menu li:hover > ul li.divider,#topbar .menu ul li.divider {
	height:16px;

}

/* Content  #####################################*/ 

.courseSelection #mainContent{
	margin-top:70px;
	margin-left:3%;
	margin-right:3%;

}

#footer .menu ul {
  background: #ffffff;
  border: 1px solid #006699;
}

#footer .menu ul {
	display:block;
	position: fixed;
	bottom: 4em;
	opacity: 0;
	width: 200px;
	background:#ffffff;
	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
	z-index: 1002;
}

#footer .menu ul li a {
	display: inline-block;
	width: 180px;
	padding: 12px 0 12px 20px;
	margin: 0;
	border: none;
	color: #006699;
}

#footer .menu  ul li {
	height: 48px;
	display: block;
	overflow: visible;
	padding: 0;
}
#footer .menu ul li.divider {
	height: 48px;
	overflow: visible;
	padding: 0;
}

#footer .menu ul li:last-child a { border: none; }


/* CourseSelect Hide/Show Details  #####################################*/ 

.courseSelect{width:70%;margin-bottom: 10px;}

.courseSelect .logo {width:170px; float:left; margin-top:-14px;}


.toggleDetails {margin-bottom:8px;}

.toggleDetails a{width:20%;  text-align:center;padding:5px;}

.selection label {
	padding-top: 6px;
	padding-bottom: 6px;
}

/* Courses / subcourses  #####################################*/ 

 #courses{
	clear:both;
	padding-top:10px;
}
.ie7  #courses{
	padding-top:0px;
}

.subcourse {
	background: #ffffff;
}

.course.is_directory .icons .status  {
	padding-top:5px;
}

.course,
.subcourse{
	border:1px solid;
	clear:both;
	margin-bottom:5px;
}

.course,
.subcourse{
	padding:1%;
	padding-bottom:0;
}

.course .left{width:65%;}

/*.courseSelection.noDetails  .course .left{width:95%;}*/

.courseSelection.details .course .left .icons{
	/*width:20%;*/
	width:100px;
	float:left; 
}

.courseSelection.details .subcourse .left .icons{
	/*width:20%;*/
	width:70px;
	float:left; 
}
.courseSelection.noDetails .course .left .icons {
	width:15%;
	float:left; 
}

.courseSelection.noDetails .subcourse .left .icons{
	float:left; 
}

.course_msgbox {
	padding: 1%;
	background: none repeat scroll 0 0 #eeeeee;
	border: 1px solid #eeeeee;
	border-radius: 6px;
	clear: both;
}

.course, .subcourse {
    border: 1px #eeeeee solid;
    clear: both;
    margin-bottom: 5px;
    border-radius: 6px;
}

.courseSelection.noDetails .course_msgbox {
	display:none;
}

.course .icons .courseNr,
.subcourse .icons .courseNr{
	width:28px;  
	height:22px; 
	padding-top:5px;
	text-align:center;
	float:left; 
	font-size:14px;
	font-weight:bold;
	/*margin-right:10px;*/
	cursor:default;
	top:4px;
}

.courseSelection.noDetails .courseNr {
	width:22px;  
	height:19px;
	font-size:11px;
	padding-top:2px;
}

.subcourse .left .icons {
	padding-right:5px;
}

.course  .icons .status{
	width:30px;
	height:30px; 
	float:left; 
	margin-top:-0.14em;
	padding:0px;
	text-align:center; 
	font-size:32px;
	cursor:pointer;
}

.subcourse  .icons .status{
	width:30px;
	height:30px; 
	float:left; 
	margin-top:-4px;
	padding:0px;
	text-align:center; 
	font-size:32px;
	cursor:pointer;
}

.courseSelection.noDetails .course  .icons .status{
	font-size:26px;
}


.courseSelection.details h1 {font-size: 20px;}
.courseSelection.details h2 {font-size: 18px;}
.courseSelection.details h3 {font-size: 14px;}
.courseSelection.details h4 {font-size: 12px;}
.courseSelection.details h5 {font-size: 10px;}
.courseSelection.details h6 {font-size: 9px;}

.courseSelection.noDetails h1 {font-size: 20px;}
.courseSelection.noDetails h2 {font-size: 18px;}
.courseSelection.noDetails h3 {font-size: 12px;}
.courseSelection.noDetails h4 {font-size: 10px;}
.courseSelection.noDetails h5 {font-size: 9px;}
.courseSelection.noDetails h6 {font-size: 8px;}

.courseSelection.noDetails .subcourse  .icons .status{
	font-size:26px;
}

.ie .courseSelection.noDetails .course  .icons .status{
	margin-top:-12px;
}
.course  .text,
.subcourse .text{
	float:left; 
	width:76%;
}

.course .right,
.subcourse .right {
	width:30%; 
	/* height:90%; */
	text-align:right; 
	position:relative; 
}

.course .right2,
.subcourse .right2{
	width:30%; 
	position:relative; 
	float:right;
}

.course .right p,
.subcourse .right p{
	display:inline-block;
	margin-right:1%;
	width:48%;
	text-align:left; 
	padding-bottom:0px;
}

.course .right p.session,
.subcourse .right p.session {
	text-align:right !important;
	float:right;
}

.course .right p.stars,
.subcourse .right p.stars {
	text-align:right !important;
	float:right;
}

.courseSelection .rating_comment {
	border: 1px solid #cccccc;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25);
    
    background: none repeat scroll 0 0 #eeeeee;
    border-radius: 6px;
    font-size: 12px;
    margin-bottom: 5px;
    padding-bottom: 4px;
    padding-left: 2%;
    padding-right: 2%;
}

.courseSelection .rating_comment .rating_date {
	border-bottom: 1px solid #cccccc;
	color: #666666;
	font-size:80%;
}

.courseSelection .rating_comment .rating_text {
	color: #222222;
}

/*
.course .right p:nth-child(2),
.course .right p:nth-child(3),
.course .right p:nth-child(4),
.subcourse .right p:nth-child(2),
.subcourse .right p:nth-child(3),
.subcourse .right p:nth-child(4) {
	text-align:right !important;
	float:right;
}
*/

.course .right .features{padding-bottom:10px;}
.course .right .noSubmenu,
.course .right .submenu{
	clear:both;
	padding-top:5px;
	width:100%;
	padding-bottom:5px;
	}


.course .right .noSubmenu span,
.course .right .submenu span{
	cursor:pointer;  

}

.course .right .submenu span.hide{
	font-weight:bold; 
}
.course .right .submenu span.show{
	font-weight:bold; 
}

.course .right .submenu span:hover{text-decoration:underline;}

.course .right .submenu.closed .show{ display:block;}
.course .right .submenu.closed .hide{ display:none;}


.course .right .submenu.open .show{display:none;}
.course .right .submenu.open .hide{ display:block;}

.course .right .submenu span i,
.course .right .noSubmenu i{float:left; width:20px;}

.course .right .submenu span span,
.course .right .noSubmenu span{float:left;  width:90%;}



/* subcourses #####################################*/ 
.subcourses{
	clear:both;
	margin-left:10%;
	width:90%;
}
.ie7 .subcourses{ width:89.4%;}


.courseSelection.details .subcourse .left{width:65%;}
.courseSelection.details .subcourse .right, .courseSelection.details .subcourse .right2 {width:33%;}


/*.courseSelection.noDetails .subcourse .text{width:75%;}*/

.subcourse .icons .bar {
	margin-top:5px;
	width:60px;
	float:left; 

}

.subcourse .icons .status{
	width:60px;
	float:left; 
}

.courseSelection.noDetails .features, .courseSelection.noDetails .course .right2 .nodetails_hide, 
/*.courseSelection.noDetails .courseNr,*/
.courseSelection.noDetails .subcourse .right, .courseSelection.noDetails .subcourse .right2 .nodetails_hide {
	display:none;
}

.courseSelection.noDetails .subcourse .left {
	width:79%;
}

.courseSelection.noDetails .subcourse .right2 {
	width:19%;
}



.quiz_status {
	display: inline-block;
	/*width: 60px;
	height: 11px;*/
	width: 1.8em;
	height: 0.3em;
	/*border: solid 1px #333333;*/
	margin-top: 0.3em;
	margin-right: 0.2em;
	background-color: none;
	border:0.10em solid #c2c0c1;
	-moz-border-radius: 0.1em;
	border-radius: 0.1em;
	vertical-align: top;
}

.subcourses .quiz_status {
	margin-top: 0.2em;
	width: 1.5em;
	height: 0.25em;
}

#subbar_content .quiz_status {
	margin-top: 0.0em;
	width: 6em;
	height: 0.8em;
	border: 0.2em solid #888888;
	background: #eeeeee;
}

.quiz_status .quiz_status_done {
     background-color: #8a1d3f;
     height: 100%;
}

.quiz_status .quiz_status_success {
     background-color: #4e8443;
     height: 100%;
}



/*
 * Player Card
 */
 
 #s3col_main1 {
    clear: both;
    margin: 90px 0 80px;
    padding: 0;
}

/*
 * for position fixed...
 */
#s3col_right .s3col_column-in {
    margin-left: 20px;
}

/*
 * for display of panles over MM
 */
#s3col_right .s3col_column-in, #s3col_left, #cardnav.cardnav_right, #s3col_right_open {
    z-index: 50;
}

/*#aufgabe, #antwort {
    clear: both;
    margin-bottom: 20px;
}*/


/*
 *
 */
#footerOverlay #discussion_content, #footerOverlay #feedback_content, #footerOverlay #expert_content,#footerOverlay #indfeedback_content {
	display:none;
}
#footerOverlay .selected {
	/*position:fixed!important;*/
    position:absolute;
	height:400px;
	bottom:50px;
	display:none;
	z-index:1001;
	width:100%;
	margin-left:0px;
}
#footerOverlay .selected .content2 {
	height:200px;
	padding:1%;
	width:98%;
	margin-left:-10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: black;
}
#footerOverlay .selected .content2 .footer_content {
	overflow:auto;
	height:180px;
	margin-top:0px;
	padding-top:4px;
}
#footerOverlay .selected .footerClose {
	display:block;
	width:50px;
	text-align:right;
	position:absolute;
	right:20px;
}
#footerOverlay #discussion_content.selected .content2 {
	border: 2px solid;
}
#footerOverlay #feedback_content.selected .content2 {
	border: 2px solid;
}
#footerOverlay #indfeedback_content.selected .content2 {
	border: 2px solid;
}
#footerOverlay #expert_content.selected .content2 {
	border: 2px solid;
}


#footerOverlay .selected .content2 {
    background: none repeat scroll 0 0 #ffffff;
    box-shadow: 7px 7px 5px 0 rgba(2, 2, 2, 0.25);
}

#footerOverlay #expert_content.selected .content2 {
    border: 2px solid #a3907c;
}

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

.footer_button_text {
	max-width: 200px;
	width: auto;
	display: inline;
	position:relative;
}

.comm_num {
	/*dsiplay:none;*/
	font-size:80%;
	display: inline-block;
	position: relative;
	top: -0.3em;
}

div.gridbox_dhx_skyblue table.obj tr td.comm_depth1 {
	padding-left:20px;
}
div.gridbox_dhx_skyblue table.obj tr td.comm_depth2 {
	padding-left:40px;
}

/*#subbar#########################*/

#subbar {
	height: 25px;
	position: fixed;
	top: 40px;
	left: 0;
	width: 100%;
	/* min-width: 600px; */
	z-index: 400;
	/*font-size: 14px;*/
	margin:0 auto;
	text-align:center;
	padding-top:5px;
}
#subbar_content {
	text-align:left;
	margin:0 auto;
}

#subbar {
	background:#eeeeee;
}

/* footer helpers */

#ajax_save_feedback {
	height: 25px;
	position: fixed;
	bottom: 75px;
	left: 0;
	width: 100%;
    z-index: 1000001;
    display: none;
}

.ajax_save_feedback_inner {
	height: 25px;
    text-align: center;
	font-size: 150%;
    font-weight:bold;
    background: none repeat scroll 0 0 #aaaaaa;
    opacity: 0.5;
    border-radius: 6px;
    border-top: medium none;
    padding: 12px 10px 8px;
}

#ajax_save_overlay {
	height: 10000px;
	width: 10000px;
	position: fixed;
	left: 0;
	top: 0;
	background-color: none;
    opacity: 0.3;
    z-index: 1000000;
    text-align: center;
    display: none;
}

#button_solution {
    background: #006699 none repeat scroll 0 0;
    /* border: 2px solid #003366; */
    color: #ffffff;
    margin-left: 5px;
    border-radius: 6px;
    font-weight: bold;
    font-size:14px;
    margin-top: 15px;
    margin-left: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 17px;
    padding-right: 22px;
}

#button_solution:hover {
    box-shadow: 0 0 4px 2px rgba(2, 2, 2, 0.55) inset;
}

/* authoring... */
body.card.authoring .footer .left {
    width: 50%;
}
body.card.authoring .footer .right {
    width: 50%;
}

body.card.authoring table#nw_soltab td {
	text-align: center;
	padding: 2px;
}

.author_anno_icon i {
	bottom: 1px;
    position: relative;
}

.author_anno_hlcheck {
	padding:5px;
	border:1px solid #dddddd;
	margin-top:5px;
}

/* preview... */
body.card.sessiontype_10 .footer .left {
    width: 50%;
}
body.card.sessiontype_10 .footer .right {
    width: 50%;
}

/*footer#########################*/

#footer {
    box-sizing: border-content;
}

#footer {
	height: 2.8em;
    min-height: 2.8em;
	position: fixed;
	bottom: 10px;
	left: 0;
	width: 100%;
	z-index: 900;
	margin:0 auto;
	text-align:center;
}

.footer {
	text-align:left;
	margin:0 auto;
	padding: 0 5;
	height: 2.8em;
	position:relative;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:auto 10px;
	width: auto;
	border-top: none;
}

#footer .left a, #footer .right a {
	white-space: nowrap;
	vertical-align: middle;
	display: inline-block;
	margin: 0.4em;
}

.footer .left {
	width:70%;
}

.footer .right {
	width:30%;
	min-width: 160px;
	text-align:right;
}

.footer .steuerung_button_sm {
	display: inline-block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:5px;
	font-weight:bold;
	vertical-align: middle;
}

.footer .steuerung_button_sm {
	margin-left:5px;
	border: none;
}

#session_time_container {
	display: inline-block;
	color: white;
	font-weight: bold;
	margin: 0.4em;
	vertical-align: middle;
}

.narrow_footer { display: none; }
.wide_footer {display: block; }
.narrow_footer_bt_cnt { width:20%; float: left; text-align: center; vertical-align: middle; margin-top: 0.4em;}

/* footer overlay */

.footer .steuerung_button_overlay {
	height:18px;
}
	
#footerOverlay .selected {
	/*position:fixed!important;*/
    position:absolute;
	height:240px;
	bottom:50px;
	display:none;
	z-index:1002;
	width:100%;
	margin-left:0px;
}
#footerOverlay .selected .content {
	height:200px;
	padding:1%;
	width:98%;
	margin-left:-10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#footerOverlay .selected .content .footer_content {
	overflow:auto;
	height:180px;
	margin-top:10px;
}
#footerOverlay .selected .footerClose {
	display:block;
	width:30px;
	text-align:right;
	position: absolute;
	right:15px;
	top:5px;
}

#footerOverlay .selected .footerResize {
	display:block;
	width:30px;
	text-align:right;
	position: absolute;
	right:50px;
	top:5px;
}

/*
#footerOverlay .selected .footerResize {
	display:block;
	text-align:right;
	position: absolute;
	right:100px;
	left:100px;
	background:#666666;
}
*/

.ui-dialog.anno_list .ui-dialog-buttonpane button {
    cursor: pointer;
    margin: 0em 0.4em 0.5em 0;
}

.jdlg-arrow:after {
background: white;
border: 1px solid #aaaaaa;
}

.jdlg-arrow {
width: 80px;
height: 25px;
overflow: hidden;
position: absolute;
margin-left: -35px;
bottom: -25px;
}

.jdlg-arrow:after {
content: "";
position: absolute;
left: 20px;
top: -25px;
width: 60px;
height: 35px;
/* box-shadow: 6px 5px 9px -9px black;*/
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}


#jdialog_expert_zeiger {
	background-image:url(../img/background/footer_overlay_pointer1.png);
	height:28px;
	width:32px;
	position:fixed;
	display:none;
	z-index:1003;
}

#footerOverlay .selected .zeiger {
	height:30px;
	margin-top:-10px;
	padding:0px;
}
#footerOverlay #discussion_content.selected .zeiger {
	background-repeat:no-repeat;
	background-position: 60px 0px;
}
#footerOverlay #feedback_content.selected .zeiger {
	background-repeat:no-repeat;
	background-position: 180px 0px;
}
#footerOverlay #indfeedback_content.selected .zeiger {
	background-repeat:no-repeat;
	background-position: 180px 0px;
}
#footerOverlay #expert_content.selected .zeiger {
	background-repeat:no-repeat;
	background-position: 300px 0px;
}
/*
 * change when communication buttons set...
 */
#footerOverlay #expert_content.selected .zeiger {
	background-repeat:no-repeat;
	background-position: 60px 0px;
	/*background-position: 300px 0px;*/
}

/*
 * disable next previous buttons
 */ 
.footer #idx_next.nav_enabled_0, .footer #idx_prev.nav_enabled_0 {
	background:#aaaaaa;
	color:#dddddd;
}

.footer #idx_next.nav_enabled_0:hover, .footer #idx_prev.nav_enabled_0:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}

#jquery_expert_hls {
	display: none;
}

.authoring .footer #idx_expert.expert_enabled_0 {
    color:#ffffff;
}

.footer #idx_expert.expert_enabled_0 {
	background:#aaaaaa;
	color:#dddddd;
	cursor: default;
}

.authoring .footer #idx_expert.expert_enabled_0 i.icon-up-open {
	color:#ffffff;
}

.footer #idx_expert.expert_enabled_0 i.icon-up-open {
	color:#aaaaaa;
}

.footer .steuerung_button_overlay.expert_enabled_0:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}


#subbar_content {
	margin-left:280px;
	margin-right:260px;
}
.footer {
	margin-left:160px;
	margin-right:140px;
}

/*
 *  sidebars
 */
 
.cardnav ul.ul_nav2 {
    margin-left: 0;
    padding-left: 0;
}

#s3col_left {
    position:absolute;
    top:90px;
}
    
#s3col_left .cardnav ul li {
    /*float: right;*/
}

#s3col_right {
    float: right;
    margin: 0;
    padding: 0;
    width: 521px;
}

#s3col_right .s3col_column-in {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e8e8e8;
    box-shadow: 5px 5px 5px 0 rgba(50, 50, 50, 0.1);
    border-radius: 0px 0px 0px 5px;
    
}
#s3col_right .s3col_column-in {
    float: right;
    min-height: 450px;
    /* max-width: 95%; */
    /*padding: 10px;*/
    /*width: 228px;*/
}
.s3col_column-in {
    margin: 0;
    padding: 0;
}

.cardnav ul.ul_nav2 li {
    background: none repeat scroll 0 0 #CCCCCC;
    box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.25);
}

#s3col_left_open, #s3col_left .cardnav ul.ul_nav2 li {
	border-radius: 0 4px 4px 0;
}

.cardnav ul.ul_nav2 li {
    float: left;
    height: 115px;
    list-style: none outside none;
    margin: 0;
    /*overflow: hidden;*/
    padding: 0;
    width: 20px;
    border-radius: 4px 0 0 4px;
}

.cardnav ul.ul_nav2 li a i {
    color: #ffffff;
    display: block;
    margin-top: 3px;
    margin-left: 2px;
}

.cardnav ul.ul_nav2 li a {
	overflow:hidden;
	width:20px;
	height:160px;
	display:block;
	background:url(../../../../app/graphics/navigation.png) no-repeat 3px 20px;
}
/*
.cardnav ul.ul_nav2 li a {
    background: url("../../../../app/graphics/navigation.png") no-repeat scroll rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    display: block;
    height: 160px;
    overflow: hidden;
    width: 20px;
}
*/
#cardnav.cardnav_right {
	position: fixed;
}

#cardnav.cardnav_left {
	position: absolute;
    right: 0px;
    top: 0px;
    /*position: fixed;
    left:265px;*/
}

#cardnav.cardnav_closed {
	right: 0px;
}

.cardnav_right ul.ul_nav2 li a {
    background: url(../../../../app/graphics/righttools.png) no-repeat 3px 20px;
}

.cardnav_right ul.ul_nav2 li {
/*	float: right;*/
	height:160px;
}

.cardnav_right ul.ul_nav2 li a i {
    color: #ffffff;
	display:block;
	margin-top: 3px;
    margin-left: 2px;
}

#s3col_right_divider {
    background: none ;
}



a {
    color: #8b1b3f;
    text-decoration: none;
}

s3col_left .s3col_column-in {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e8e8e8;
    box-shadow: 5px 5px 5px 0 rgba(50, 50, 50, 0.08);
}
#s3col_left .s3col_column-in {
    float: left;
    min-height: 250px;
    padding: 10px;
    width: 243px;
}
.s3col_column-in {
    margin: 0;
    padding: 0;
}

#s3col_left .s3col_column-in {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e8e8e8;
    box-shadow: 5px 5px 5px 0 rgba(50, 50, 50, 0.08);
    border-radius: 0px 0px 5px 0px;
}

/*
 * toolbar
 */
 
#s3col_left h3 {
	font-size: 14px;
}
#s3col_left ul.border li {
	clear:both;
	border-bottom:1px solid;
	margin-left:-10px;
	margin-right:-10px;
	padding-left:10px;
}
#s3col_left ul.border .col1 {
	float:left;
	display:block;
	width:10%;
	padding:2%;
}
#s3col_left ul.border .col2 {
	float:left;
	display:block;
	width:80%;
	padding:2%;
}
/*#s3col_right .box .box_header {
	border-bottom:1px solid;
	margin-left:-10px;
	margin-right:-10px;
	padding-left:10px;
	padding-bottom:5px;
	margin-bottom:10px;
	font-size: 14px;
	margin-top:-3px;
}*/
/*#s3col_right .box .closed {
	cursor: pointer;
	display: block;
	height: 20px;
}*/

#s3col_right h3 {
	font-size: 14px;
}
#s3col_right ul.border {
	border:1px solid;
	border-bottom:none;
}
#s3col_right ul.border li {
	clear:both;
	border-bottom:1px solid;
}
#s3col_right ul.border .col1 {
	float:left;
	display:block;
	width:20%;
	padding:2%;
}
#s3col_right ul.border .col2 {
	float:left;
	display:block;
	width:44%;
	padding:2%;
}
#s3col_right ul.border .col3 {
	float:right;
	display:block;
	width:20%;
	padding:2%;
	text-align:right;
}
#s3col_right ul.add {
	margin-top:5px;
	margin-bottom:10px;
	font-style:italic;
} 

#s3col_middle {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    min-height: 400px;
    margin: 0 260px 0 280px;
    padding: 15px;
    margin-left: 50px;
    margin-right: 50px;
}

 
/*
 * REST from old styles
 */
 
.mainContent ul.nobullets {
	margin-left:0px;	
	margin-bottom:12px;
}

ul.nobullets li  {
	background-image: none;
    display: block;
    list-style-type: none;
    padding-left: 0px;
}

form span.row_label_span,form div.row_label_span {
	padding-top: 6px;
}
 
form div.row {
    clear: both;
    float: none;
    margin: 0;
    padding: 5px 0;
    width: 100%;
} 

form div.row input[type=radio],form div.row input[type=checkbox]  {
	position: relative;
	top:0.35em;
} 

form div.row .kastengrey2 input[type="radio"], form div.row .kastengrey2 input[type="checkbox"] {
    position: relative;
    top: 0.0em;
}
 
.all_content {
    margin-top: 20px;
    padding: 15px;
}
.all_content .mainContent {
    border: 1px solid #eeeeee;
    padding: 15px;
    width: auto;
    border-radius: 6px;
}
.all_content .mainContent .grey {
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #dddddd;
    height: auto;
    margin-bottom: 15px;
    padding: 10px;
    width: auto;
}

label.width100 {
    width: 100px;
}

label.auto_width {
    width: auto;
}

label {
    float: left;
    line-height: 120%;
    margin-right: 10px;
    width: 150px;
    padding-top:6px;
}

.row .input_hint {
	position: relative;
	display: inline-block;
	top: 0.35em;
	margin-left: 10px;
}

.row .input_hint2 {
	position: relative;
	display: inline-block;
	top: 0.35em;
}


label.display_span {
	padding-top:0px;
}

.label_field {
    float: left;
    padding-top:6px;
}

label span {
    display: block;
    font-size: 85%;
}

input {
	font-size:100%;
	line-height:140%;
}

textarea {
	font-size:100%;
	line-height:140%;
}

input.f_text_lng, textarea.f_text_lng {
    width: 500px !important;
    border-radius: 3px;
}

input.f_radio {
}

span.f_radio_label {
	position: relative;
	top: 0.35em;
}

input.f_text, input.f_password, textarea.f_textarea, select.f_select {
    border: 1px solid #CCCCCC;
    padding: 5px;
    width: 250px;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px;
}

select {
	font-size:100%;
}

select.f_select {
	/* -webkit-appearance: none;  Removes default chrome and safari style, but also select triangle.... lets experiment a little bit more,,,*/
	border: 1px solid #CCCCCC;
    padding: 5px;
    background: none repeat scroll 0 0 #FFFFFF;
	width: 262px;
	border-radius: 3px;
}
select.f_select_nav {
    border: 1px solid #CCCCCC;
    padding: 2px;
    width: 250px;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px;
}
input.f_text_var {
    border: 1px solid #CCCCCC;
    padding: 5px;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px;
}

div.advanced_filter {
	float:left;margin-left: 15px;padding:5px;
}

div.advanced_filter_row {
	float:left;clear:none;
}

span.f_text_var {
	padding: 5px;
}

input.f_text_100 {
    border: 1px solid #CCCCCC;
    padding: 5px;
    background: none repeat scroll 0 0 #FFFFFF;
    width: 100%;
    border-radius: 3px;
}

input.f_combobox_icon {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 0px solid #CCCCCC;
    padding: 5px;
    background: none repeat scroll 0 0 #FFFFFF;
    width:16px;
    color: #CCCCCC;
    cursor: pointer;
}

input.f_combobox_icon:hover {
    border-top: 1px solid #990000;
    border-bottom: 1px solid #990000;
    border-right: 1px solid #990000;
    border-left: 0px solid #990000;
    
}

div.row_highlight {
    background: none repeat scroll 0 0 #ffcccc;
}



input.form_highlight {
	border: 1px solid #990000;
    background: none repeat scroll 0 0 #ffcccc;
}

span.f_combobox_icon {
    position: relative; top: 0px; left: -25px;
    color: #CCCCCC;
    width: 0px;
    cursor: pointer;
}


textarea.f_textarea_var, select.f_select_var {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 5px;
    white-space: pre-line;
    border-radius: 3px;
}

#toolbar_crt select.f_select {
	width: 95%;
}

input.f_text_sm {
    border: 1px solid #CCCCCC;
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
    width: 100px;
}
input:hover, select:hover, textarea:hover, input:active, select:active, textarea:active, input:focus, select:focus, textarea:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #990000;
}
input.f_date {
    background-image: url("../img/icons_16/calendar-select.png");
    background-position: 230px 3px;
    background-repeat: no-repeat;
}
input.f_date:hover {
    background-image: url("../img/icons_16/calendar-select.png");
    background-position: 230px 3px;
    background-repeat: no-repeat;
}

input.f_date_new, input.f_date_new:hover {
	background-image: url("../font_bkgicons/icon-calendar.png");
	background-position: 3px 3px;
	background-repeat: no-repeat;
	padding-left: 25px;
	width: 230px;
}

input.f_radio, input.f_checkbox, input.f_check {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid;
}

div.f_margin {
	margin-left:160px;
}

/* generally used */ 
.f_button {
	margin-bottom:5px;
	margin-right:10px;
	padding:6px;
	padding-left:12px;
	padding-right:12px;
	background:#006699;
	color:#ffffff;
	font-weight:bold;
	font-size:100%;
    cursor: pointer;
    white-space: nowrap;
	width:auto;
	border:none;
	/*background-image: url(../img/background_button.png);
	background-repeat:repeat-x;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;*/
	border-radius: 6px;
	text-decoration:none;
 }
.f_button.deactivated {
	background:#bbbbbb;
	/*border-bottom: 1px solid #888888;
	border-right: 1px solid #888888;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;*/
}

.f_button.minor {
	padding:4px;
	padding-left:8px;
	padding-right:8px;
	font-weight: normal;
	font-size: 90%;
	margin-right:8px;
}

/* generally used */ 
.f_button_mini {
	margin-bottom:2px;
	margin-right:5px;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	background:#006699;
	color:#ffffff;
	font-weight:normal;
	font-size:80%;
    cursor: pointer;
    white-space: nowrap;
	width:auto;
	border:none;
	/*background-image: url(img/background_button.png);
	background-repeat:repeat-x;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;*/
	border-radius: 6px;
	text-decoration:none;
 }

/* generally used */ 
.f_button_mini:hover,
.f_button_mini:active,
.f_button_mini:focus{
	background:#990000;
	color:#ffffff;
	border:none;
	/*border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;*/
	text-decoration:none;
}

button.f_button { -webkit-appearance: none; }

/* generally used */ 
.f_button:hover,
.f_button:active,
.f_button:focus{
	background:#990000;
	color:#ffffff;
	border:none;
	/*border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;*/
	text-decoration:none;
}

.f_button.deactivated:hover,
.f_button.deactivated:active,
.f_button.deactivated:focus {
	background:#bbbbbb;
	/*border-bottom: 1px solid #888888;
	border-right: 1px solid #888888;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;*/
}

a.f_button {
	height: 20px;
	text-decoration:none;
	white-space: nowrap;
}

/*
 * jquery dialog
 */
 
.dlg_header a {
	float: right;
	/* text-decoration: underline; */
	font-weight:bold;
}

.ui-widget {
    font-size: 1em;
}

body .ui-dialog-content #content {
	margin-top:0px;
}

.ui-dialog-buttonset .ui-button {
    border: 1px solid #222222;
    color: #222222;
    font-weight: bold;
}

.ui-widget-content a.f_button {
    color: #ffffff;
	text-decoration: none;
}

.ui-widget-content a.f_button:hover {
    color: #dddddd;
	text-decoration: none;
}

.ui-widget-content a {
    color: #006699;
    text-decoration: underline;
}

.ui-widget-content a.normal_link i {
    text-decoration: none;
    text-decoration: underline;
}

/*
 * toolbar
 */
 
#s3col_right .clappClose .box_content, #s3col_right .clappOpen .box_content {
    padding-left: 0px;
}
#s3col_right h3 {
    font-size: 14px;
}
#s3col_right .box .closed {
    /*box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.25);*/
    color: #8b1b3f;
    cursor: pointer;
    display: block;
    height: 20px;
    border-bottom: 1px solid #cccccc;
}



#s3col_right .box .open {
	color: #005aa9;
	border-bottom: 1px solid #cccccc;
}

/*#s3col_right .box .box_header {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #cccccc;
}*/
/*#s3col_right .box .closed {
    box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.25);
    color: #8b1b3f;
}*/
/*#s3col_right .box .box_header {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #cccccc;
}*/
/*#s3col_right .box .closed {
    cursor: pointer;
    display: block;
    height: 20px;
}*/
#s3col_right .box .box_header {
    /*border-bottom: 1px solid;*/
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #cccccc;
    font-size: 14px;
    margin: -3px -10px 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}


#s3col_right ul.border {
    border: 1px solid #cccccc;
}
#s3col_right ul.border {
    border: 1px solid #cccccc;
}
#s3col_right ul.border {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
}
#s3col_right ul.border li {
    border-bottom: 1px solid #cccccc;
}
#s3col_right ul.border li {
    border-bottom: 1px solid #cccccc;
}
#s3col_right ul.border li {
    border-bottom: 1px solid;
    clear: both;
}

#s3col_right ul.border li {
    border-bottom: 1px solid;
    clear: both;
}
#s3col_right ul.border .col1 {
    display: block;
    float: left;
    padding: 2%;
    width: 20%;
}
#s3col_right ul.border .col2 {
    display: block;
    float: left;
    padding: 2%;
    width: 44%;
}
#s3col_right ul.border .col3 {
    display: block;
    float: right;
    padding: 2%;
    text-align: right;
    width: 20%;
}

#s3col_right ul.border li {
    background-image: none;
    list-style-type: none;
    padding-left: 0px;
}

#s3col_right ul.border li {
    background: #f4f4f4;
    cursor:default;
}

#s3col_right ul#add_1 li {
    cursor:move;
}

#s3col_right ul.add li {
    background: none;
    display: block;
    font-weight: normal;
    list-style-type: none;
    padding: 0px;
}

#s3col_right .notepad {
    border: 1px solid #cccccc;
    margin:0px;
    min-width:200px
}



.hl_extern {
	background-image: none;
    padding-left: 0px;
}

a.tooltip.mixed i.icon-info-circled {
	font-size:100%;
}

a.tooltip i.icon-info-circled {
	/* font-size:18px; */
	color:#666666;
}


.hl_hideandreveal i {
	margin-left: -30px;
	font-size:15px;
}
.hl_hideandreveal {
    background-image: none;
    padding-left: 30px;
    display: block;
}

.hl_hover i {
	margin-left: -30px;
	font-size:15px;
}
.hl_hover {
   background-image: none;
   padding-left: 30px;
   display: inline-block;
}

/*.patient_interview i {
	margin-left: -30px;
	font-size:15px;
}*/

/*.patient_interview p {
    display: inline;
}*/

.patint_br_before {
	display:block; margin:2px 0 0; line-height:2px; content:" "
}

.patint_br_after {
	display:block; margin:12px 0 0; line-height:12px; content:" "
}

.patient_interview {
    background-image: none;
    display: block;
    padding-left: 30px;
}

#aufgabe div.patient_interview {
    background-image: none;
}

.cardhtml,
.cardhtml p,
.cardhtml div,
.cardhtml span, 
.cardhtml ol,
.cardhtml ul {
	margin:	0.6em 0 0.6em 0;
	/* font-size:110%; */
	line-height:140%;
}

#dashboard_main_column .cardhtml {
    margin: 0 0 0 0;
    line-height: 120%;
}

#dashboard_main_column .cardhtml ul {
    list-style-type: disc;
    margin-left: 1.5em;
}

#s3col_middle ul.sortable_box_ul  {
    margin-left: 0px;
}

#s3col_middle ol, .footer_content ol, .mainContent ol,
#s3col_middle ul, .footer_content ul, .mainContent ul {
	margin-left: 20px;
	margin-bottom: 0.6em;
	margin-top: 0.6em;
}

#s3col_middle ol, .footer_content ol, .mainContent ol {
	list-style-type: decimal;
}

#s3col_middle ul, .footer_content ul, .mainContent ul {
    list-style-type: disc;
}


.hl_body {
	margin:	0.2em;
	padding:0.2em;
}

/**
 * page nav
 */

.mainContent #page_nav ul {
	margin: 0;
}

#page_nav ul.ul_nav li a {
    display: block;
    padding: 5px;
}

#page_nav ul.ul_nav li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

/* generally used */ 
#page_nav{
	background:#b0cbdc;
	height: 32px !important;
	margin-bottom:20px;
	width:100%;
	border-left: 1px solid #b0cbdc;
}

/* generally used */ 
#page_nav ul.ul_nav{ 
	margin:0px;
	width:auto;
 }
 
 /* generally used */ 
#page_nav ul.ul_nav li a#current {
    background: #ffffff;
    color: #000000;
    font-weight: bold;
    border-top: 1px solid #b0cbdc;
}
/* generally used */ 
#page_nav ul.ul_nav li a { 
   background:#006699;
   color:#ffffff;
   border-right:1px solid #ffffff;  
   height: 22px !important;
   font-weight:bold;
   padding-left:10px;
   padding-right:10px;
   background-image: url(../img/background_button.png);
background-repeat:repeat-x;
 }
 
 
#page_nav ul.ul_nav {
    position: relative;
}

#page_nav ul.ul_nav li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#page_nav ul.ul_nav li a {
    display: block;
    padding: 5px;
}
#page_nav ul.ul_nav li span {
    display: block;
    padding: 5px;
}
#page_nav ul.ul_nav li:last-child a {
    border-right: medium none;
}
#page_nav ul.ul_nav li.hover, ul.ul_nav li:hover {
    position: relative;
}
#page_nav ul.ul_nav ul {
    left: 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 200px;
}
#page_nav ul.ul_nav ul li {
    width: 200px;
}
#page_nav ul.ul_nav ul li a {
    display: inline-block;
    width: 100%;
}
#page_nav ul.ul_nav ul li span {
    display: inline-block;
    width: 100%;
}
#page_nav ul.ul_nav ul ul {
    left: 100%;
    top: 0;
}
#page_nav ul.ul_nav li:hover > ul {
    visibility: visible;
    z-index:1000;
}
 
fieldset.noBorder {
    border: medium none;
    padding: 0;
}

fieldset.noMarginBottom {
   margin-bottom:0px;
}

form fieldset {
    border: 1px solid #cccccc;
    margin: 0 0 20px;
    padding: 15px;
}
fieldset {
    vertical-align: top;
}

.float {
    float: left;
    margin-right: 20px;
}
 
 
 /* generally used */ 
#page_nav ul.ul_nav  ul { 
	background:none;
}
/* generally used */ 
#page_nav ul.ul_nav  ul li a{ 
   background:none;
   background:#b0cbdc;
   color:#006699;
   border-bottom:1px solid #ffffff;
   border-left:1px solid #ffffff;
   border-right:1px solid #ffffff;
   font-weight:normal;  
 }
 
/* generally used */ 
#page_nav ul.ul_nav  ul li a:hover{ 
   color:#990000;
 }
 
#page_nav.hl_editor {
	margin-top:50px;
}
 

/* Aufklappmenues ##################################################################### */

.ui-dialog .open:hover, .closed:hover{
	color:#990000;
	text-decoration:underline;
}

.ui-dialog .open{
	background-image: url(../img/icons_16/grey_toggle.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	cursor:pointer;
	color:#005aa9;
	padding-left:25px;
	display:block;
}

.ui-dialog .closed{
	background-image: url(../img/icons_16/grey_toggle-expand.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	cursor:pointer;
	color:#005aa9;
	padding-left:25px;
	display:block;
}
.ui-dialog .clappClose .box_content,
.ui-dialog .clappOpen .box_content{
	padding-left:25px;
}


/*
 * tabloes
 */
 
/*general table styles start */
.tables {
	margin-bottom:20px;
}
.tables table{
	/*border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;*/
	width:100%;
	border-collapse:collapse;
	font-size:15px;
}

.tables table th{
	background:#d0d0d0;
	/*border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;*/
	padding:5px;
	font-weight:bold;
}

.tables table .selected td {
	background:#d0d0d0;
	/*border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;*/
	padding:5px;
	font-weight:bold;
}

.tables table td{
	/*border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;*/
	padding:5px;
	vertical-align:top;
}

/*
table{
	width:100%;
}
th,td{ 
	padding:0px; 
	padding-right:2%;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px solid #cccccc;
	vertical-align:top;
}

tbody tr{background:#ffffff;}
tbody tr:hover{background:#eeeeee;}

.ie8 th,td{ 
	padding-left:10px;
	padding-right:10px;
}
th {
	background:#dedede;
	font-weight:bold;
}*/


/* general table styles end */

/* used on authoring case selection page */
/*.tables .thdivider {
    background: none repeat scroll 0 0 #eeeeee;
    border-bottom: 1px solid #006699;
    border-right: 1px solid #006699;
    padding: 4px;
    font-weight:bold;
}*/

/* NOT USED-> coursemanager - deprecated */
/*.tables table tr.tr_01{
	background:#ffffff;
}*/

/* NOT USED -> coursemanager - deprecated*/
/*.tables table tr.tr_02{
		background:#e5f2f8;
}*/

/* probably used -> coursemanager*/ 
table .center{text-align:center; float: none; margin-top: 0px;}
table .left{text-align:left; float: none; margin-top: 0px;}
table .right{ text-align:right; float: none;  margin-top: 0px;}

/*
 * used on player case selection margin title 2 meta info!
 */
.tables .player_caseselection_link {
	margin-bottom: 10px;
} 

.tables .stars i {
    font-size: 10px;
}

.tables i {
	font-size:16px;
}

#nw_soltab.expert td {
	max-width:120px;
	padding: 3px;
}

#nw_soltab2.user td {
	max-width:100px;
	min-width:30px;
	padding: 3px;
}

#answertab .tables {
	 margin-bottom: 5px;
}

.roi_expert {opacity:0.3;fill:green;stroke:black;}
.roi_expert_50 {opacity:0.3;fill:green;}
.roi_expert_75 {opacity:0.3;fill:yellow;}
.roi_expert_95{opacity:0.3;fill:red;}
.roi_expert_solid_black{opacity:0.9;fill:black;stroke:black;stroke-width:1}
.roi_debug {
	display:none;
}

/**
 * reports
 */
 
/* used in reports */
.invisible_submit {
	width: 0px; 
	height: 0px; 
	position: absolute; 
	left: -50px; 
	top: -50px;	
}
/* used in reports in code */
div.gridbox table.obj td.rpfcl {
	border-bottom:#dddddd 1px solid;
}

/* used in reports in code */
div.gridbox table.obj td.rpluam {
	color:#8b1b3f;
	font-weight:bold;
}

/* used in Crosstab in code */
div.gridbox table.obj td.rpecl {
	border-bottom:#dddddd 1px solid;
}

/* used in reports via properties */
div.gridbox table.obj td.rpgdl {
	border-left:#dddddd 1px solid;
}

/* used in reports via properties */
div.gridbox_dhx_skyblue table.obj tr.rowselected td.rpgd0 {
	background-color:#eeeeee;
}

/* used in reports via properties */
div.gridbox_dhx_skyblue table.obj tr.rowselected td.rpgd1 {
	background-color:#6f899e;
}

/* used in reports via properties */
div.gridbox_dhx_skyblue table.obj tr.rowselected td.rpgd2 {
	background-color:#4c664c;
}

/* used in reports via properties */
div.gridbox_dhx_skyblue table.obj tr.rowselected td.rpgd3 {
	background-color:#7f4c4c;
}

/* used in reports via properties engagement yellow */
div.gridbox_dhx_skyblue table.obj tr.rowselected td.rpgd4 {
	background-color:#cccc99;
}

/* used in reports via properties */
div.gridbox table.obj td.rpgd0 {
	background-color:#ffffff;
	border-bottom:#dddddd 1px solid;
}

/* used in reports via properties */
div.gridbox table.obj td.rpgd1 {
	background-color:#cde3ee;
	border-bottom:#dddddd 1px solid;
}

/* used in reports via properties */
div.gridbox table.obj td.rpgd2 {
	background-color:#99CC99;
	border-bottom:#dddddd 1px solid;
}

/* used in reports via properties */
div.gridbox table.obj td.rpgd3 {
	background-color:#FF9999;
	border-bottom:#dddddd 1px solid;
}

/* used in reports via properties engagement yellow */
div.gridbox table.obj td.rpgd4 {
	background-color:#ffff99;
	border-bottom:#dddddd 1px solid;
}

.dhx_page_skyblue div {
	text-align:center;
}

/* used in reports */
#user_details {
margin:10px;
text-align:left;	
}

/* used in reports */
#user_details_body {
border-top:1px solid #000000;
border-bottom:1px solid #000000; 

padding:10px;
text-align:left;
overflow:auto;
height:600px;
}

/* NOT USED */
#user_details_pdf {
	float:right;
}

/* NOT USED */
.user_details_session {
text-align:left;
padding:0px;
margin:0px;
} 
 
/*
 * Retina...
 */
 
 
@media 	screen and (-moz-min-device-pixel-ratio: 1.5),
		screen and (min-device-pixel-ratio: 1.5) {
	.cardnav ul.ul_nav2 li a {
    	background: url("../../../../app/graphics/navigation_@x2.png") no-repeat scroll 3px 20px rgba(0, 0, 0, 0);
    	background-size: 15px auto;
    }
    
    .cardnav_right ul.ul_nav2 li a {
    	background: url("../../../../app/graphics/righttools_@x2.png") no-repeat scroll 3px 20px rgba(0, 0, 0, 0);
    	background-size: 15px auto;
    }
    
    input.f_date_new, input.f_date_new:hover {
		background-image: url("../font_bkgicons/icon-calendar_@x2.png");
		background-size: 16px 16px;
	}
}

 @media (-webkit-min-device-pixel-ratio: 2), 
	(min-resolution: 192dpi) { 
    .cardnav ul.ul_nav2 li a {
    	background: url("../../../../app/graphics/navigation_@x2.png") no-repeat scroll 3px 20px rgba(0, 0, 0, 0);
    	background-size: 15px auto;
    }
    
    .cardnav_right ul.ul_nav2 li a {
    	background: url("../../../../app/graphics/righttools_@x2.png") no-repeat scroll 3px 20px rgba(0, 0, 0, 0);
    	background-size: 15px auto;
    }
    
    input.f_date_new, input.f_date_new:hover {
		background-image: url("../font_bkgicons/icon-calendar_@x2.png");
		background-size: 16px 16px;
	}
}


/* Allow Font Awesome Icons in lieu of jQuery UI and only apply when using a FA ico
.ui-icon[class*=" icon-"] {
    background: none repeat scroll 0 0 transparent;
    text-indent: 0;
    margin-top: -0.5em;
}

.ui-button-icon-only .ui-icon[class*=" icon-"] {
    margin-left: -7px;
}

.ui-icon.icon-large {
    margin-top: -0.75em;
}
*/

.i_icon_80 {
	font-size:80%;
}

/* Case Summary ######################################*/

.summary .mainContent .box{
	border:1px solid #cccccc;
	padding:1%;
	width:98%;
	margin-bottom:10px;
}
.summary table tbody tr:nth-child(odd) {background: #eee;}
.summary table tbody tr:hover{background:#cdcdcd;}
.summary table {border:1px solid #cccccc;}

.summary #rate, .summary #myrate {
	padding-bottom: 20px;
}

.summary .rating {
    direction: rtl;
    unicode-bidi: bidi-override;
}
.summary .rating i.star {
}
.summary .rating i.star:hover {
    cursor: pointer;
}
.summary .rating i.star:before {
    color: #999999;
}

.summary .rating i.star:hover:before, .summary .rating i.star:hover ~ i.star:before {
    color: #ffe300;
}

.bodyclass.report_index table tbody tr:hover{background:#f6f6f6;}
.bodyclass table tbody tr:nth-child(odd) {background: #eeeeee;}
.bodyclass table tbody tr:hover{background:#cdcdcd;}
.bodyclass table { /* border:1px solid #cccccc; */}

.bodyclass table.hdr,
.bodyclass table.obj {
    border: 0px;
}

/*
 * authoring 
 */ 

#info_text_pl {
	/*border-bottom: 1px solid grey;*/
	border: 1px solid #eeeeee;
	padding:5px;
}

#aufgabe a.authoring_nav {
    text-decoration: none;
}

a.authoring_nav {
    text-decoration: none;
}

.author_text_edit_button {
	display: none;
}

#aufgabe .box.authoring {
	border:none;
	padding:0;
}

#aufgabe .cke_1.cke_chrome {
    border-color: #000000;
}

#aufgabe body.cke_editable  {
	background: none repeat scroll 0 0 #f3f3f3;
}

.authoring #solution {
	margin-bottom:0;
}

/* used on cards in authoring for answer details */
.ansdetails_tooltip {
	padding:5px;
	margin:5px;
	overflow:hidden; 
	background-color:#e8e8e8;
	display:none;
	border-radius: 6px;
}

/* misc con font */

.fa-stack {
    display: inline-block;
    vertical-align: top;
    width: 1.8em;
}

.tables i.icon-addon-bottomleft {
	position: relative;
	left: -0.75em;
	top: 0.25em;
	font-size: 1em;
}	

.tables i.icon-comment-empty.isnew1_1 {
	display:none;
}

.tables i.icon-comment.isnew1_0 {
	display:none;
}

.tables i.isnew2_0 {
	display:none;
}

.tables i.isnew2_1 {
	font-size: 1em;               
    left: -0.2em;
    position: relative;
    top: -0.6em;
}

.icon-addon-bottomleft {
	position: relative;
	left: -1.0em;
	top: 0.1em;
	font-size: 0.5em;
}	

/*
 * query-ui extensions
 */
 
 .ui-autocomplete {
		max-height: 250px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
	}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
	* html .ui-autocomplete {
		height: 250px;
	}

/*
 * dhtmlx overwrites 
 */
div#treebox_tree tr {
	vertical-align:middle;
}

div#treebox_tree td, div#treebox_tree td span, div#treebox_tree td img,div#treebox_tree table, div#treebox_tree tbody{
	vertical-align:middle;
}

/* Editierfelder rechts*/
.loedit{
	padding:5px;
	width:50px;
	float:right;
	margin-left:20px;
	margin-right:10px;
	border:1px solid #cccccc;
	text-align:center;
}

/****learning objects display in player and authoring: ****/

.addcardboxheader{
	font-weight:bold;
	padding:5px;
	border:1px solid;
	margin:	0.0em 0 0.0em 0 !important;
	background-color:#CCE0EB;
	border-color:#CCE0EB;
	border-radius: 5px 5px 0 0;
	
}

.addcardboxheader1 {} /* knowledge boxes */
.addcardboxheader2 {} /*skills box */
.addcardboxheader3 {} /*management box */
.addcardboxheader4 {} /*studies box */
.addcardboxheader5 {} /*DDX */

/*references */
.addcardboxheader6 {
	background-color:#C0C0C0;
	border-color:#C0C0C0;
}

/*general styling for learning objects */
.addcardbox{
	border:1px solid #CCE0EB; /*#B36666; #8b1b3f; */
	padding:5px;
	margin:	0.0em 0 0.0em 0 !important;	
	border-radius: 0 0 5px 5px;
}
.addcardbox table {
	border: #006699 1px solid;
	margin-bottom: 0.6em;
	margin-top: 0.6em;
}

.addcardbox th {
	border: #006699 1px solid;
	padding: 2px;
}

.addcardbox td {
	border: #006699 1px solid;
	padding: 2px;
}


.addcardbox1 {}/* knowledge boxes */
.addcardbox2 {}/*skills box */
.addcardbox3 {}/*management box */
.addcardbox4 {}/*studies box */
.addcardbox5 {}/*DDX */

/*references */
.addcardbox6 {
	border:1px solid #C0C0C0;
}

.ans_header {
	font-style:normal !important;
	text-decoration:none !important;
	font-weight: normal !important;
}

/******* only one action then just the link ******/

.casesellink {
	float:right;
}

/******* caseselection actions menu ******/
.caseselactions {
	height: 40px;
	font-size:14px;
	width:110px;
	align-self:right;
	float:right;
	margin-top:-10px;
}



/* Reset */
.caseselactions .menu,
.caseselactions .menu ul,
.caseselactions .menu li,
.caseselactions .menu a {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	background-image: none;
}


/* Menu */
.caseselactions .menu {	
	height: 40px;
	/*width: 100%;*/
	text-align:right;
}


.caseselactions .menu li {
	position: relative;
	list-style: none;
	float: left;
	display: block;
	height: 40px;
	
}



.caseselactions .menu ul li a {
	color:#006699;
	border-bottom: 1px solid #006699;
}

.caseselactions .menu ul li a:hover {
	color:#990000;
}
.caseselactions  .menu ul {

	background:#ffffff;
	border: 1px solid #006699;

}

/* Links */
.caseselactions .menu li a {
	display: block;
	padding: 5px 14px;
	margin: 0px 0;
	line-height: 28px;
	text-decoration: none;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

.caseselactions .menu li a:hover {
}

body.authoring .caseselactions .menu li.actions a.actions_header {
	border: none;
}

caseselactions .menu li.actions a.actions_header {
    border: 1px solid transparent;
}

.caseselactions .menu li.actions a.actions_header:hover {
	border-color: #006699;
}

.caseselactions .menu li.actions a {
	overflow: hidden;
   text-overflow: ellipsis;
   height: 28px;
}

.caseselactions .menu li:hover > a { 
	text-decoration:none; 
}

.caseselactions ul.menu li ul li:hover > a { text-decoration:underline; }

/* Sub Menu */

.caseselactions .menu ul {
	display:none;
	position: absolute;
	top: 39px;
	opacity: 0;
	width: 200px; /*width of box */
	right: 0px;
	background:#ffffff;
	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
}
.ie .caseselactions .menu ul {top: 37px;}

.caseselactions .menu li:hover > ul { 
	opacity: 1;
	display:block;
	z-index: 500;
}

.caseselactions .menu ul li {
	height: 0;
	overflow: hidden;
	padding: 0;
	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}

.caseselactions .menu li:hover > ul li {
	height: 36px;
	overflow: visible;
	padding: 0;
}

.caseselactions .menu ul li a {
	width: 180px; /*width of box - 20px */
	padding: 4px 0 4px 20px;
	margin: 0;
	border: none;
	border-bottom: 1px solid #006699;
}

.caseselactions .menu ul li:last-child a { border: none; }


.noDetails .caseselactions .menu {
	height: 30px;
}

.noDetails .caseselactions {
	height: 30px;
	margin-top:-8px;
}

.noDetails .caseselactions .menu .actions_header {
	padding-bottom: 2px;
    padding-top: 2px;
}

.noDetails .caseselactions .menu li {
	height: 30px;
}

.noDetails .caseselactions .menu ul {
	top: 29px;
}

/*
 * tab bar in case summary configuration jquery dialog
 */

.summ_conf_nav{
	background: none repeat scroll 0% 0% #B0CBDC;
	height: 32px !important;
	margin-bottom: 20px;
	margin-top:20px;
	width: 98%;
	border-left: 1px solid #B0CBDC;
}
.summ_conf_nav .ul_cof_nav{
	width:200px;
}

.summ_conf_nav .ul_cof_nav li {
	list-style: outside none none;
    background: transparent none repeat scroll 0px 0px;
    float: left;
    margin: 0px;
    padding: 0px;
}

.summ_conf_nav .ul_cof_nav li a {
    background: #069 none repeat scroll 0% 0%;
}

.summ_conf_nav  .ul_cof_nav li a {
    display: block;
    padding: 5px;
}
.summ_conf_nav  .ul_cof_nav li a {
    background: #069 url("../img/background_button.png") repeat-x scroll 0% 0%;
    color: #FFF;
    border-right: 1px solid #FFF;
    height: 22px !important;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}
.summ_conf_nav  .ul_cof_nav li a {
    display: block !important;;
    padding: 5px !important;;
}

/*
 * ipad special
 */
 
.special_ipad {
	position:absolute;
	right:10px;
}

/*
 * better readbale AGB
 */
.agb_special {
	width:100%;
	height:150px;
	overflow-y:scroll;
	border:1px solid black;
	padding:5px;
	max-width:800px;
}

.agb_hidden {
	display:none
}

/*
*
*/

.hidden-submit {
    border: 0 none;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

/*
 * accessability
 */
 
 .button_link {
 }
 
 .button_link:focus {
	text-decoration: underline;
 }
 
/*
 * D3.js
 */
.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.area {
  fill: #006699;
}
div.d3_tooltip {   
  position: absolute;           
  text-align: center;           
  width: 60px;                  
  height: 28px;                 
  padding: 2px;             
  font: 12px sans-serif;        
  background: lightsteelblue;   
  border: 0px;      
  border-radius: 8px;           
  pointer-events: none;         
}
 
/* toolbar */
.addcard_col{
	float:left;
}

/* toolbar */
.addcard_col.col2div{
	max-width:50%;
	padding-left:0.5em;
	padding-right:0.5em;
	
}

/* 
 * long menu
 */
 
.lm_row {
	margin-bottom:0px;
	display: inline-block;
}

.lm_num {
	float:left;
	width: 20px;
	padding-top:7px;
}
.lm_item {
	width:440px;
	float:left;
}

.lm_synonyms {
	width:540px;
	float:left;
	margin-left:20px;
}

.labeled_divider {
    overflow: hidden;
    text-align: center;
}
.labeled_divider:before,
.labeled_divider:after {
    background-color: #999999;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.labeled_divider:before {
    right: 0.5em;
    margin-left: -50%;
}
.labeled_divider:after {
    left: 0.5em;
    margin-right: -50%;
}

#treebox_tree, #treeboxbox_tree {
	line-height: 100%;
}

.hidecm{display:none;}

/* print long urls / other long strings with no spaces */
.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}


/* lti */
td.lti_longparam {
	
}

span.lti_longparam {
	display:inline-block;
}

/* media manager */

.mediamgr .mediamgr_line_false {
	color: #999999;
}

.mediamgr .mediamgr_line_false img {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.mediamgr h4
{display: inline;}

/* CardStatReportDetails */
.bodyclass table#answertab.cardstat_dlg td.iscorrect {
	display:none;
}

/* CardStatReportDetails */
.cardstats table#answertab.cardstat_dlg td i.iscorrect {
	display:none;
}

.cardstats div.extra_container.answer_answertype_FillinAnswer i.iscorrect {
	display:none;
}

.cardstats table#answertab {
	border:0px;
}

.cardstats table#answertab tbody tr {
	background:none;
}

.cardstats table#answertab tbody tr.block_ {
/*		display:none;*/
}

.cardstats table#answertab .answertab_thead {
	display:none;
}

.cardstats table#answertab.answertype_MCAnswer .thead_MCAD {
	display:table-row;
}

table#answertab.answertype_MCAnswer h3 p {
	margin-bottom: 0.4em;
	margin-top: 0.2em;
}

.cardstats table#answertab.answertype_SortAnswer .thead_COAD {
	display:table-row;
}

.cardstats .useranswers_answertype {
	display:none;
}



.cardstats .useranswers_answertype_FreetextAnswer,
.cardstats .useranswers_answertype_NCFreetextAnswer,
.cardstats .useranswers_answertype_SummaryStatementAnswer,
.cardstats .useranswers_answertype_LongMenuAnswer,
.cardstats .useranswers_answertype_MappingAnswer,
.cardstats .useranswers_answertype_UnderlineAnswer,
.cardstats .useranswers_answertype_FillinAnswer,
.cardstats .useranswers_answertype_SortAnswer {
	display:block;
}

.cardstats .useranswers_answertype_MappingAnswer .useranser_MPAD {
	margin-left:10px;
}

.cardstats .useranswers_answertype_MappingAnswer .useranser_MPAD .src,
.bodyclass .useranswers_answertype_MappingAnswer .useranser_MPAD .dst
{
	min-width: 100px;
}

.cardstats .useranswers_answertype_MappingAnswer .useranser_MPAD .conn
{
	margin-left:5px;
	margin-right:5px;
	min-width: 40px;
}

.cardstats .useranswers_answertype_MappingAnswer .useranser_MPAD .count
{
	min-width: 100px;
	margin-left:10px;
}

.cardstats .useranswers_answertype_MappingAnswer .answer_pg {
	min-width:120px;
	margin-left:5px;
	margin-right:5px;
	display:inline-block;
}

.cardstats .useranswers_answertype div.useranser_NCAD, .cardstats .useranswers_answertype div.useranser_STAD {
	padding: 2px;
	width:100%;
	border: 1px solid #aaaaaa;
	background-color:#eeeeee;
	margin-bottom:5px;
}

.cardstats .useranswers_answertype_MappingAnswer .useranser_MPAD .quiz_status {
	width: 50px;
	height: 8px;
}

.cardstats .useranswers_answertype_MappingAnswer .useranser_MPAD .quiz_status .quiz_status_success {
     background-color: #006699;
}

/* course manager tabs */
#coursetabs.ui-corner-all, #coursetabs ul.ui-corner-all  { 
	-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; 
	-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; 
}

#coursetabs li  { 
	-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; 
	-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px;
}

.bodyclass .AMgr_ExpertLegend2_youranswer {
	display:none;
}

/*.bodyclass .cardstats td.mc_ans_pg_nonsep {
	width:125px;
}

.bodyclass .cardstats td.mc_ans_pg_img {
	width:60px;
}

.bodyclass .cardstats td.mc_ans_pg_val {
	width:50px;
}*/

.bodyclass .cardstats td.mc_ans_expert {
	horicontal-align:middle;
}

#map_pg_tab td.mp_pg_th {
	text-align:center;
	margin: auto;
  	min-width:80px;
  	max-height:200px;
  	overflow: hidden;
}

#map_pg_tab td.mp_pg_th div,#map_pg_tab td.mp_pg_th  span {
	/* margin-left:20px; */
  	writing-mode:vertical-rl;
  	text-align: right;
  	/*background:#eeeeee; */
  	max-height:200px;
  	max-width:200px;
	text-overflow: ellipsis;
}

#map_pg_tab td,#map_pg_tab th {
  text-align:center;
  padding:5px;
}

.cardstats .quiz_status {
	height:8px;
	width:50px;
}

.cardstats .quiz_status .quiz_status_success {
    background-color: #006699;
}

/*	moved to cardcont.css
	.cardstats .answertype_MatrixAnswer #nw_tab td, .cardstats .answertype_MatrixAnswer #nw_tab th {
    height: 20px;
}*/

.cardstats #nw_tab span.useranswer {
}

.tab_matrix_pgdetails th, .tab_matrix_pgdetails td {
 padding:4px;
}

.tab_matrix_pgdetails th {
 min-width:60üx;
}

tspan.xlink {
	color: #006699;
	fill: #006699;
	text-decoration: underline;
}


div.chart_cardstats_desc {
	width:100%;
	text-align:center;
}

div.chart_cardstats_desc span {
	max-width: 800%;
	margin-left: 10%;
	margin-right: 10%;
	display: inline-block;
	/*text-align: center;*/
	font-size:90%;
}

/* peergroup heatmp coloring */

.pg_percent_heatmap_0_0 { background: #fff; box-shadow: 0px 0px 5px #fff; }
.pg_percent_heatmap_0_1 { background: #fee; box-shadow: 0px 0px 5px #fee; }
.pg_percent_heatmap_0_2 { background: #fdd; box-shadow: 0px 0px 5px #fdd; }
.pg_percent_heatmap_0_3 { background: #fcc; box-shadow: 0px 0px 5px #fcc; }
.pg_percent_heatmap_0_4 { background: #fbb; box-shadow: 0px 0px 5px #fbb; }
.pg_percent_heatmap_0_5 { background: #faa; box-shadow: 0px 0px 5px #faa; }
.pg_percent_heatmap_0_6 { background: #f99; box-shadow: 0px 0px 5px #f99; }
.pg_percent_heatmap_0_7 { background: #f88; box-shadow: 0px 0px 5px #f88; }
.pg_percent_heatmap_0_8 { background: #f77; box-shadow: 0px 0px 5px #f77; }
.pg_percent_heatmap_0_9 { background: #f66; box-shadow: 0px 0px 5px #f66; }
.pg_percent_heatmap_0_10 { background: #f55; box-shadow: 0px 0px 5px #f55; }

.pg_percent_heatmap_1_0 { background: #fff; }
.pg_percent_heatmap_1_1 { background: #efe; }
.pg_percent_heatmap_1_2 { background: #dfd; }
.pg_percent_heatmap_1_3 { background: #cfc; }
.pg_percent_heatmap_1_4 { background: #bfb; }
.pg_percent_heatmap_1_5 { background: #afa; }
.pg_percent_heatmap_1_6 { background: #9f9; }
.pg_percent_heatmap_1_7 { background: #8f8; }
.pg_percent_heatmap_1_8 { background: #7f7; }
.pg_percent_heatmap_1_9 { background: #6f6; }
.pg_percent_heatmap_1_10 { background: #5f5; }

/* .pg_percent_heatmap_0_0 { background: #FFFFFF; box-shadow: 0px 0px 5px #fff; } */
/* .pg_percent_heatmap_0_1 { background: #F3E8EB; box-shadow: 0px 0px 5px #fee; } */
/* .pg_percent_heatmap_0_2 { background: #E7D1D8; box-shadow: 0px 0px 5px #fdd; } */
/* .pg_percent_heatmap_0_3 { background: #DCBAC5; box-shadow: 0px 0px 5px #fcc; } */
/* .pg_percent_heatmap_0_4 { background: #D0A3B2; box-shadow: 0px 0px 5px #fbb; } */
/* .pg_percent_heatmap_0_5 { background: #C58D9F; box-shadow: 0px 0px 5px #faa; } */
/* .pg_percent_heatmap_0_6 { background: #B9768B; box-shadow: 0px 0px 5px #f99; } */
/* .pg_percent_heatmap_0_7 { background: #AD5F78; box-shadow: 0px 0px 5px #f88; } */
/* .pg_percent_heatmap_0_8 { background: #A24865; box-shadow: 0px 0px 5px #f77; } */
/* .pg_percent_heatmap_0_9 { background: #963152; box-shadow: 0px 0px 5px #f66; } */
/* .pg_percent_heatmap_0_10 { background: #8B1B3F; box-shadow: 0px 0px 5px #f55; } */

/* .pg_percent_heatmap_1_0 { background: #FFFFFF; } */
/* .pg_percent_heatmap_1_1 { background: #EAEFF4; } */
/* .pg_percent_heatmap_1_2 { background: #D6E0EA; } */
/* .pg_percent_heatmap_1_3 { background: #C1D1E0; } */
/* .pg_percent_heatmap_1_4 { background: #ADC1D6; } */
/* .pg_percent_heatmap_1_5 { background: #99B2CC; } */
/* .pg_percent_heatmap_1_6 { background: #84A3C1; } */
/* .pg_percent_heatmap_1_7 { background: #7093B7; } */
/* .pg_percent_heatmap_1_8 { background: #5B84AD; } */
/* .pg_percent_heatmap_1_9 { background: #4775A3; } */
/* .pg_percent_heatmap_1_10 { background: #336699; } */

.pg_percent_heatmap_2_0 { background: #EDF4F8; }
.pg_percent_heatmap_2_1 { background: #DBEAF1; }
.pg_percent_heatmap_2_2 { background: #CADFEA; }
.pg_percent_heatmap_2_3 { background: #B8D4E3; }
.pg_percent_heatmap_2_4 { background: #A6CADC; }
.pg_percent_heatmap_2_5 { background: #94BFD4; }
.pg_percent_heatmap_2_6 { background: #82B4CD; }
.pg_percent_heatmap_2_7 { background: #71A9C6; }
.pg_percent_heatmap_2_8 { background: #5F9FBF; }
.pg_percent_heatmap_2_9 { background: #4D94B8; }
.pg_percent_heatmap_2_10 { background: #3385ad; }

.pg_percent_heatmap_-1_0 { background: #faa; }
.pg_percent_heatmap_-1_1 { background: #fcc; }
.pg_percent_heatmap_-1_2 { background: #fee; }
.pg_percent_heatmap_-1_3 { background: #fff; }
.pg_percent_heatmap_-1_4 { background: #efe; }
.pg_percent_heatmap_-1_5 { background: #bfb; }
.pg_percent_heatmap_-1_6 { background: #afa; }
.pg_percent_heatmap_-1_7 { background: #8f8; }
.pg_percent_heatmap_-1_8 { background: #7f7; }
.pg_percent_heatmap_-1_9 { background: #6f6; }
.pg_percent_heatmap_-1_10 { background: #5f5; }

.cardstats .answertype_MatrixAnswer #nw_tab td.pg_percent_heatmap_1_10 { background: #afa; }
.cardstats .answertype_MatrixAnswer #nw_tab td.pg_percent_heatmap_1_9 { background: #bfb; }
.cardstats .answertype_MatrixAnswer #nw_tab td.pg_percent_heatmap_1_8 { background: #cfc; }
.cardstats .answertype_MatrixAnswer #nw_tab td.pg_percent_heatmap_1_7 { background: #dfd; }
.cardstats .answertype_MatrixAnswer #nw_tab td.pg_percent_heatmap_1_6 { background: #dfd; }
.cardstats .answertype_MatrixAnswer #nw_tab td.pg_percent_heatmap_1_5 { background: #fff; }
.cardstats .answertype_MatrixAnswer #nw_tab td.pg_percent_heatmap_1_4 { background: #fee; }
.cardstats .answertype_MatrixAnswer #nw_tab td.pg_percent_heatmap_1_3 { background: #fdd; }
.cardstats .answertype_MatrixAnswer #nw_tab td.pg_percent_heatmap_1_2 { background: #fcc; }
.cardstats .answertype_MatrixAnswer #nw_tab td.pg_percent_heatmap_1_1 { background: #fbb; }
.cardstats .answertype_MatrixAnswer #nw_tab td.pg_percent_heatmap_1_0 { background: #faa; }

.cardstats .answertype_MCAnswer td.pg_percent_heatmap_1_10 { background: #afa; box-shadow: 0px 0px 0px #fff0; }
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_1_9 { background: #cfc; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_1_8 { background: #efe; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_1_7 { background: #fff; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_1_6 { background: #fee; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_1_5 { background: #fdd; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_1_4 { background: #fcc; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_1_3 { background: #fbb; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_1_2 { background: #faa; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_1_1 { background: #f88; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_1_0 { background: #f77; box-shadow: 0px 0px 0px #fff0;}

.cardstats .answertype_MCAnswer td.pg_percent_heatmap_0_10 { background: #f66; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_0_9 { background: #f77; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_0_8 { background: #f88; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_0_7 { background: #faa; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_0_6 { background: #fbb; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_0_5 { background: #fcc; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_0_4 { background: #fdd; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_0_3 { background: #fee; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_0_2 { background: #fff; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_0_1 { background: #dfd; box-shadow: 0px 0px 0px #fff0;}
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_0_0 { background: #afa; box-shadow: 0px 0px 0px #fff0;}

/* for answer with no correct answer / polls */
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_2_10 { background: #3385ad; }
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_2_9 { background: #4D94B8; }
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_2_8 { background: #5F9FBF; }
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_2_7 { background: #71A9C6; }
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_2_6 { background: #82B4CD; }
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_2_5 { background: #94BFD4; }
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_2_4 { background: #A6CADC; }
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_2_3 { background: #B8D4E3; }
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_2_2 { background: #CADFEA; }
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_2_1 { background: #DBEAF1; }
.cardstats .answertype_MCAnswer td.pg_percent_heatmap_2_0 { background: #EDF4F8; }

.wa_la_link_cont {
	display: inline-block;
	margin-top: 8px;
}

.pos_sup {
  position: relative;
  top: -3px;
}

a.inactive .badge {
	color: #fff;
	background-color: grey;
}


* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: relative;
}

.ribbon span {
  position: absolute;
  display: block;
  min-width: 80px;
  max-width: 100px;
  /* width: 100px; */
  padding: 8px 0;
  background-color: #005580;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-align: center;
}

.boxes .box .ribbon i {
	font-size: 12px;
	padding-bottom: 0px;
}
  
.ribbon span.big {
  position: absolute;
  display: block;
  min-width: 160px;
  max-width: 200px;
  padding: 8px;
  background-color: #005580;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  /* text-transform: uppercase; */
  text-align: center;
}

/* top left*/
.ribbon-new {
  position: relative;
  top: -10px;
  left: -10px;
}

.ribbon-new span {
  right: -25px;
  top: 30px;
  /* transform: rotate(-45deg); */
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
    background-color: #006699;
    border-radius: 10px;
}

/*
 * authoring upload progress
 */
 
 .progressbar .quiz_status {
	height:10px;
	width:200px;
}

.progressbar .quiz_status .quiz_status_success {
    background-color: #006699;
}

/* decision püage context menu: */

#admin_contextmenu {
	z-index:1000;
	width:200px;
	min-height:200px;
	background:#ffffff;
}

.contextmenu ul {
	position: absolute;
	width: 200px;
	background:#ffffff;
	z-index:1000;
	border:1px solid #006699;
}


.contextmenu ul li {
	height: 20px;
	overflow: hidden;
	padding: 5px 0px 5px 0px;
	z-index:1000;
	border-bottom: 1px solid #006699;
}

.contextmenu ul li a {
	width: 180px;
	padding: 4px 0 4px 20px;
	margin: 0;
	border: none;
}

.contextmenu ul li:last-child { border: none; }

#ajax_save_spinner .label {
	font-size: 3em;
	padding-top: 10px;
}

.font_weight_normal {
	font-weight: normal;
}

/* toolbar */

#toolbar_tabs ul li a {
	font-size: 14px;
}

#toolbar_tabs.ui-tabs {
	padding-top: 0px;
}

.ui-widget-overlay {
  opacity: .6;
}

.ui-dialog-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 350px;
}

/*  mm links dialog */
#uimain_url {
	display: flex;
	justify-content: center;
}