/* -------------------------------------------------------------------------- */
/* This file is part of [nice] frame                                          */
/* (c) 2007 Dynamic Media eLearing GmbH                                       */
/* All rights reserved.                                                       */
/* -------------------------------------------------------------------------- */

/*
 $Id: skin.css 1451 2008-01-16 13:19:26Z dynamicmedia\Arnold $
*/

/* --- General style rules -------------------------------------------------- */

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

/* --- Container ------------------------------------------------------------ */

#nice-container {
	position: relative;
}

/* --- Title ---------------------------------------------------------------- */

#nice-title {
	background: url(./images/bg-top.gif) repeat-x;
	height: 39px;
	padding-left: 30px;
	white-space: nowrap;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	z-index: 10;
}

#title-caption {
	font-size: 13px;
	padding: 11px;
	padding-left: 13px;
}

#title-logo {
	display: none;
}

/* --- TOC ------------------------------------------------------------------ */

#nice-toc {
	height: 600px;
}

/* --- Content -------------------------------------------------------------- */

#nice-content {
	margin-left: 40px;
}

/* --- Options -------------------------------------------------------------- */

/*
 * Button state classes (.hover/.active/.highlight/.disabled) are referenced
 * <button-parent-id> div.<state> instead of <button-id>.<state> to make button
 * states work in IE6. Otherwise only the first defined state would work due to
 * a CSS bug.
 * - AK
*/

.nice-button {
	width: 28px;
	height: 0px;
	padding: 0px;
	padding-top: 28px;
	overflow:hidden;
}

.nice-button.hover {
	cursor: pointer;
}

.nice-button.disabled {
	cursor: auto;
}

/* ---- Option container ---------------------------------------------------- */

#nice-options-container {
	background: url(./images/bg-top.gif) repeat-x;
	height: 39px;
	width: 100%;
	position: relative;
	text-align: center;
}

#nice-options-container li {
	list-style-type: none;
	position: absolute;
	top: 4px;
}

#nice-options {
	width: 100px;
	margin: 0px auto;
	padding-top: 4px;
	padding-left: 50px;
}

/* ---- Controls ------------------------------------------------------------ */

li#option-play,
li#option-pause,
li#option-prev,
li#option-next {
	position: static;
	float: left;
}

/* ---- Previous item ------------------------------------------------------- */

#option-prev div.hover,
#option-prev div.active,
#option-prev div.highlight {
	background: url(./images/btn-back-h.gif) no-repeat;
}

#option-prev div.disabled {
	background: url(./images/btn-back-d.gif) no-repeat;
}

#b-option-prev {
	background: url(./images/btn-back-n.gif) no-repeat;
	margin-left: 6px;
}

/* ---- Next item ----------------------------------------------------------- */

#option-next div.hover,
#option-next div.active,
#option-next div.highlight {
	background: url(./images/btn-fwd-h.gif) no-repeat;
}

#option-next div.disabled {
	background: url(./images/btn-fwd-d.gif) no-repeat;
}

#b-option-next {
	background: url(./images/btn-fwd-n.gif) no-repeat;
	margin-right: 6px;
}

/* ---- Play ---------------------------------------------------------------- */

#option-play div.hover,
#option-play div.active,
#option-play div.highlight {
	background: url(./images/btn-play-h.gif) no-repeat;
}

#option-play div.disabled {
	background: url(./images/btn-play-d.gif) no-repeat;
}

#b-option-play {
	background: url(./images/btn-play-n.gif) no-repeat;
}

/* ---- Pause --------------------------------------------------------------- */

#option-pause div.hover,
#option-pause div.active,
#option-pause div.highlight {
	background: url(./images/btn-pause-h.gif) no-repeat;
}

#option-pause div.disabled {
	background: url(./images/btn-pause-d.gif) no-repeat;
}

#b-option-pause {
	background: url(./images/btn-pause-n.gif) no-repeat;
}

/* ---- Home ---------------------------------------------------------------- */

#option-home { right: 333px; }

#option-home div.hover,
#option-home div.active,
#option-home div.highlight {
	background: url(./images/btn-home-h.gif) no-repeat;
}

#option-home div.disabled {
	background: url(./images/btn-home-d.gif) no-repeat;
}

#b-option-home {
	background: url(./images/btn-home-n.gif) no-repeat;
}

/* ---- Profiles ------------------------------------------------------------ */

#option-profiles { right: 305px; }

#option-profiles div.hover,
#option-profiles div.active,
#option-profiles div.highlight {
	background: url(./images/btn-profiles-h.gif) no-repeat;
}

#option-profiles div.disabled {
	background: url(./images/btn-profiles-d.gif) no-repeat;
}

#b-option-profiles {
	background: url(./images/btn-profiles-n.gif) no-repeat;
}

/* ---- Glossary ------------------------------------------------------------ */

#option-glossary { right: 277px; }

#option-glossary div.hover,
#option-glossary div.active,
#option-glossary div.highlight {
	background: url(./images/btn-glossary-h.gif) no-repeat;
}

#option-glossary div.disabled {
	background: url(./images/btn-glossary-d.gif) no-repeat;
}

#b-option-glossary {
	background: url(./images/btn-glossary-n.gif) no-repeat;
}

/* ---- Audio --------------------------------------------------------------- */

#option-audio { right: 249px; }

#option-audio div.checked {
	background: url(./images/btn-audio-c-n.gif) no-repeat;
}

#option-audio div.disabled {
	background: url(./images/btn-audio-c-d.gif) no-repeat;
}

#b-option-audio {
	background: url(./images/btn-audio-u-n.gif) no-repeat;
}

/* ---- Additional texts ---------------------------------------------------- */

#option-text { right: 221px; }

#option-text div.checked {
	background: url(./images/btn-text-c-n.gif) no-repeat;
}
#option-text div.disabled {
	background: url(./images/btn-text-c-d.gif) no-repeat;
}

#b-option-text {
	background: url(./images/btn-text-u-n.gif) no-repeat;
}

/* ---- Print --------------------------------------------------------------- */

#option-print { right: 193px; }

#option-print div.hover,
#option-print div.active,
#option-print div.highlight {
	background: url(./images/btn-print-h.gif) no-repeat;
}

#option-print div.disabled {
	background: url(./images/btn-print-d.gif) no-repeat;
}

#b-option-print {
	background: url(./images/btn-print-n.gif) no-repeat;
}

/* ---- Status -------------------------------------------------------------- */

#option-status { right: 165px; }

#option-status div.hover,
#option-status div.active,
#option-status div.highlight {
	background: url(./images/btn-status-h.gif) no-repeat;
}

#option-status div.disabled {
	background: url(./images/btn-status-d.gif) no-repeat;
}

#b-option-status {
	background: url(./images/btn-status-n.gif) no-repeat;
}

/* ---- Help ---------------------------------------------------------------- */

#option-help { right: 32px; }

#option-help div.hover,
#option-help div.active,
#option-help div.highlight {
	background: url(./images/btn-help-h.gif) no-repeat;
}

#option-help div.disabled {
	background: url(./images/btn-help-d.gif) no-repeat;
}

#b-option-help {
	background: url(./images/btn-help-n.gif) no-repeat;
}

/* ---- Exit ---------------------------------------------------------------- */

#option-exit { right: 4px; }

#option-exit div.hover,
#option-exit div.active,
#option-exit div.highlight {
	background: url(./images/btn-exit-h.gif) no-repeat;
}

#option-exit div.disabled {
	background: url(./images/btn-exit-d.gif) no-repeat;
}

#b-option-exit {
	background: url(./images/btn-exit-n.gif) no-repeat;
}

/* --- Split pane ----------------------------------------------------------- */

#nice-splitpane {
	border-collapse: collapse;
	overflow: hidden;
	width: 100%;
}

#nice-splitpane-bar {
	background-color: #000;
	cursor: e-resize;
	width: 3px;
}

#nice-splitpane-bar.hover {
	background-color: #600;
}

#nice-splitpane-bar.drag {
	background-color: #900;
}

#nice-splitpane-first {
	position: relative;
	overflow: hidden;
	background-color: #0A3C73;
}

#nice-splitpane-second {
	background: url(./images/bg-tabs.gif) repeat-y;
}

/* --- Toggle button -------------------------------------------------------- */

#b-toggle-toc {
	background: url(./images/btn-toggle-n.gif) no-repeat;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 200px;
	left: 0px;
}

#toggle-toc div.hover { background: url(./images/btn-toggle-a.gif) no-repeat; }
#toggle-toc div.active { background: url(./images/btn-toggle-a.gif) no-repeat; }

/* --- Language selection --------------------------------------------------- */

#nice-langselect {
	position: absolute;
	top: 8px;
	left: 6px;
	width: 28px;
	height: 22px;
	z-index: 100;
}

#nice-langselect-list {
	background-color: #FFF;
	border: solid 1px #000;
	font-size: 11px;
	position: absolute;
	top: 10px;
	left: 15px;
	width: 120px;
}

#nice-langselect-list .langselect-item {
	border: solid 1px #FFF;
	margin: 1px;
}

#nice-langselect-list .langselect-item.hover {
	border: solid 1px #EEE;
	background-color: #0A3C72;
	color: #FFF;
}

#nice-langselect * {
	cursor: pointer;
}

#nice-langselect-text {
	height: 20px;
}

#nice-langselect-text span { display: none; }

div.langselect-item {
	height: 22px;
	padding-left: 36px;
}

div.langselect-item span {
	display: block;
	padding-top: 4px;
}

div.lang-bg { background: url(./images/lc/lc_bg.png) no-repeat 2px 2px; }
div.lang-cs { background: url(./images/lc/lc_cs.png) no-repeat 2px 2px; }
div.lang-da { background: url(./images/lc/lc_da.png) no-repeat 2px 2px; }
div.lang-de { background: url(./images/lc/lc_de.png) no-repeat 2px 2px; }
div.lang-el { background: url(./images/lc/lc_el.png) no-repeat 2px 2px; }
div.lang-en { background: url(./images/lc/lc_en.png) no-repeat 2px 2px; }
div.lang-es { background: url(./images/lc/lc_es.png) no-repeat 2px 2px; }
div.lang-fi { background: url(./images/lc/lc_fi.png) no-repeat 2px 2px; }
div.lang-fr { background: url(./images/lc/lc_fr.png) no-repeat 2px 2px; }
div.lang-hr { background: url(./images/lc/lc_hr.png) no-repeat 2px 2px; }
div.lang-hu { background: url(./images/lc/lc_hu.png) no-repeat 2px 2px; }
div.lang-it { background: url(./images/lc/lc_it.png) no-repeat 2px 2px; }
div.lang-nl { background: url(./images/lc/lc_nl.png) no-repeat 2px 2px; }
div.lang-no { background: url(./images/lc/lc_no.png) no-repeat 2px 2px; }
div.lang-pl { background: url(./images/lc/lc_pl.png) no-repeat 2px 2px; }
div.lang-pt { background: url(./images/lc/lc_pt.png) no-repeat 2px 2px; }
div.lang-ro { background: url(./images/lc/lc_ro.png) no-repeat 2px 2px; }
div.lang-ru { background: url(./images/lc/lc_ru.png) no-repeat 2px 2px; }
div.lang-sl { background: url(./images/lc/lc_sl.png) no-repeat 2px 2px; }
div.lang-sr { background: url(./images/lc/lc_sr.png) no-repeat 2px 2px; }
div.lang-sv { background: url(./images/lc/lc_sv.png) no-repeat 2px 2px; }

/* --- Host flash ----------------------------------------------------------- */

#nice-hostflash {
	height: 200px;
	width: 100%;
	overflow: hidden;
}

/* --- Progress bar --------------------------------------------------------- */

#progress-bar {
	background: url(./images/bg-progress.gif) no-repeat;
	position: absolute;
	top: 11px;
	right: 69px;
	height: 5px;
	width: 93px;
	height: 13px;
}

#progress-bar.clickable {
	cursor: pointer;
}

#progress-bar-inner {
	background: url(./images/bar-progress.gif) repeat-x 0px 2px;
	position: absolute;
	top: 0px;
	left: 2px;
	height: 12px;
	max-width: 90px;
}

/* --- Message box ---------------------------------------------------------- */

#nice-msgbox-inner {
	background: url(./images/bg-msgbox.jpg) no-repeat;
	width: 400px;
	height: 250px;
	text-align: center;
}

#nice-msgbox-inner p {
	margin: 5px;
}

#msgbox-title {
	font-size: 18px;
	margin-top: 75px;
	margin-bottom: 25px;
}

#msgbox-message {
	font-size: 9pt;
}

#msgbox-icon {
	position: absolute;
	top: 15px;
	left: 182px;
	width: 37px;
	height: 37px;
}

#msgbox-icon.error {
	background-image: url(./images/icon-msgbox-error.jpg);
}

#msgbox-icon.warn {
	background-image: url(./images/icon-msgbox-warn.jpg);
}

#msgbox-icon.info {
	background-image: url(./images/icon-msgbox-info.jpg);
}

#msgbox-ok {
	font-size: 9pt;
	background: url(./images/btn-msgbox-n.gif) no-repeat;
	width: 104px;
	height: 23px;
	padding-top: 8px;
	overflow: hidden;
	position: absolute;
	top: 205px;
	left: 148px;
	cursor: pointer;
}

#msgbox-ok.hover,
#msgbox-ok.active {
	background: url(./images/btn-msgbox-h.gif) no-repeat;
}

/* --- Glossary term -------------------------------------------------------- */

#nice-glossaryterm-inner {
	background-color: #FFF;
	border: solid 2px #0A3C72;
	width: 600px;
	height: 400px;
}

#glossaryterm-frame {
	position: absolute;
	left: 0px;
	top: 16px;
	width: 600px;
	height: 384px;
}

#glossaryterm-buttons {
	position: relative;
}

#glossaryterm-close {
	background: url(./images/btn-close-term-n.gif) no-repeat;
	position: absolute;
	right: 3px;
	top: 3px;
	width: 10px;
	height: 0px;
	padding-top: 10px;
	overflow: hidden;
}

/* --- Splash screen -------------------------------------------------------- */

#nice-splashscreen {
	background-color: #0A3C73;
	opacity: .99;
}

#nice-splashscreen-inner {
	/*background: url(./images/bg-splash.jpg) no-repeat;*/
	opacity: 1.0;
	width: 680px;
	height: 294px;
}

#nice-splashscreen-version {
	font-size: 8pt;
	position: absolute;
	right: 5px;
	bottom: 5px;
	text-align: right;
}

/* --- Tooltip -------------------------------------------------------------- */

#nice-tooltip {
	border: solid 1px #006;
	background-color: #EF0;
	padding: 2px;
	font-size: 11px;
}