/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

@import "reset.css";

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue",Verdana,"Lucida Grande",Arial,"Bitstream Vera Sans",sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#666666;}
h1 {font-size:3em;line-height:1;margin-top:0.5em;margin-bottom:0.6em;}
h2 {font-size:2em;line-height:1;margin-top:0.5em;margin-bottom:0.5em;}
h3 {font-size:1.5em;line-height:1;margin-top:0.5em;margin-bottom:0.4em;}
h4 {font-size:1.2em;line-height:1;margin-top:0.5em;margin-bottom:0.3em;}
h5 {font-size:1em;line-height:1;font-weight:bold;margin-top:0.4em;margin-bottom:0.2em;}
h6 {font-size:1em;line-height:1;font-weight:bold;margin-top:0.3em;margin-bottom:0.1em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0.5em 0 0.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#0099cc;}
a {color:#5e5e5e;text-decoration:underline;}
a:active { color: #5e5e5e; }
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}


/***********************************************/
/*      Default style, should be resizable.    */
/***********************************************/
html, body { background-color: #F2F2F2; }
table {margin-bottom:0px;}

body { 
    overflow: hidden;
    overflow-x: hidden !important; 
}

#container {
  width: 830px;
  height: 540px;
  position: relative;
  padding: 20px 40px;
  margin: 2em auto;
  text-align: left;
  background-color: #FFFFFF;
  border: 1px solid #D6D6D6;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
#logo {
  position: absolute;
  right: 40px;
  top: 15px;
}
#heading {
  color: #666666;
  font-size: 2em;
  font-weight: bold;
  letter-spacing: -1px;
  padding-bottom: 11px;
  background-image: url(../images/heading-underline.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  /* Ico: fiksna velikost, da se pozicija .content ne spreminja */
  height: 24px;
  margin-top: 13px;
  margin-bottom: -9px;
}
.subheading {
  color: #666666;
  font-size: 1.3em;
  font-weight: bold;
  /* Ico: fiksna velikost, da se pozicija .content ne spreminja */
  height: 23px;
  margin-top: 15px;
  margin-bottom: 8px;
}

.eplxSlide { }

div.eplxTitleslide div.logo_hq {
  margin-left: 40px;
}
div.eplxTitleslide div.logo_hq img {
  margin-top: 20px;
}
div.eplxTitleslide div.logo_hq div.logo_txt {
  margin-top: 30px;
  margin-left: 116px;
}
div.eplxTitleslide div.logo_hq div.logo_txt h3 {
  color:#666666;
}
div.eplxTitleslide div.logo_hq div.logo_txt h3 u {
  color:#1a7c33;
  border-style: solid;
  border-width: 1px;
  border-color: #1a7c33;
  text-decoration: none;
  padding: 2px;
}
/*div.eplxTitleslide div.logo_hq img.logohq {
  width: 327px;
  height: 125px;
}*/

.content {
  overflow: auto;
  height: 480px;
  font-size:1.2em;
}
.text {
  float: left;
  color: #777777;
  text-align: right;
  padding: 4px 0px;
}
.text.left {
  float: left;
  text-align: right;
  padding-right: 14px;
}
.text.right {
  float: right;
  text-align: left;
  padding-left: 14px;
}

.interactive-area {
  padding: 4px 14px;
  float: left;
}
.navigation-buttons {
  float: left;
  margin: 0.6em 1em 0.6em 0;   
  text-align: right;
}
.extra-buttons {
  float: right;
  text-align: right;
  margin: 0.6em 1em 0.6em 0;
}
#tools {
  position: absolute;
  left: 0;
  bottom: 45px;
}
#tools-button {
  border-bottom: 1px solid #D6D6D6;
}
.tool-button {
  padding: 1px;
  width: 25px;
  border-right: 1px solid #D6D6D6;
  border-top: 1px solid #D6D6D6;
  border-left: none;
  background-color: #FFFFFF;
  cursor: pointer;
}
.tool-panel {
  padding: 10px 20px 10px 10px;
  min-width: 160px;
  height: 159px;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #D6D6D6;
  background-color: #FFFFFF;
  background-image: url(../images/tools-menu-bg.png);
  background-repeat: repeat-y;
  display: none;
  overflow: auto;
}
.tool-panel ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.tool-panel li { margin: 0 0 0.6em 0; }
.tool-panel a {
  display: block;
  text-decoration: none;
  padding-left: 2em;
  color: #5e5e5e;
  background-position: top left;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer !important;
}
.tool-panel a:hover { color: #0099cc; }
.tool-panel a.heart:hover { background-image: url(../images/heart-icon-on.png); }
.tool-panel a.house:hover { background-image: url(../images/house-icon-on.png); }
.tool-panel a.cloud:hover { background-image: url(../images/cloud-icon-on.png); }
.tool-panel a.star:hover  { background-image: url(../images/star-icon-on.png); }
.tool-panel a.fire:hover  { background-image: url(../images/fire-icon-on.png); }
.tool-panel a.heart { background-image: url(../images/heart-icon-off.png); }
.tool-panel a.house { background-image: url(../images/house-icon-off.png); }
.tool-panel a.cloud { background-image: url(../images/cloud-icon-off.png); }
.tool-panel a.star  { background-image: url(../images/star-icon-off.png); }
.tool-panel a.fire  { background-image: url(../images/fire-icon-off.png); }
.tool-panel div.key { 
  color: #666666; 
  font-size:50%;
  padding: 0px;
  margin: 0px;
}
.tool-panel div.value { 
  text-align: right;
  width: 155px;
  padding: 0px;
  margin: 0px;
}
.tool-panel div.value u { 
  color: #1a7c33; 
  text-decoration: none;
}
#toc-panel {
   z-index: 200;
   width: 260px;
   height: 290px;
}

/* Button styles */
.button, .button-blue, .button-gray {
	padding: 1px 10px;
	border: none;
	font-size: 12px;
	border-width: 1px;
	border-style: solid;

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	cursor: pointer;
	text-decoration: none;
	margin-top: -3px;
	display: -moz-inline-box;
	display: inline-block;
}
.button,.submit input,input[type=button],input[type=submit] {
	border-color: #bbb;
	color: #464646;
}
.button:hover,.submit input:hover,input[type=button]:hover,input[type=submit]:hover {
	color: #000;
	border-color: #666;
}
.button,.submit input {
	background: #eee url(../images/white-grad.png) repeat-x scroll left top;
	text-shadow: rgba(255,255,255,1) 0 1px 0;
}
.button:active,.submit input:active {
	background: #eee url(../images/white-grad-active.png) repeat-x scroll left top;
}
.button-disabled,.button[disabled],.button:disabled,a.button.disabled {
	color: #aaa!important;
	background: #ddd!important;
	border-color: #ddd!important;
}
/* Math notation colors style in FF. */
a.button span, a.button-blue span, a.button-gray span {
  color: inherit !important; 
  text-decoration: inherit !important;
}
a.button a, a.button-blue a, a.button-gray a {
  color: inherit !important; 
  text-decoration: inherit !important;
}

/* Button-blue styles */
input.button-blue,button.button-blue,a.button-blue {
	border-color: #298cba;
	font-weight: bold;
	color: #fff;
	background: #21759B url(../images/blue-grad.png) repeat-x scroll left top;
	text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
    padding: 2px 10px;
}
input.button-blue:active,button.button-blue:active,a.button-blue:active {
	background: #21759b url(../images/blue-grad-active.png) repeat-x scroll left top;
	color: #eaf2fa;
}
input.button-blue:hover,button.button-blue:hover,a.button-blue:hover,a.button-blue:focus,a.button-blue:active {
	border-color: #21759b;
	color: #eaf2fa;
}
.button-blue-disabled,.button-blue[disabled],.button-blue:disabled,.button-blue.disabled {
	color: #9FD0D5!important;
	background: #298CBA!important;
	border-color: #298CBA!important;
}

/* Button-gray styles */
input.button-gray,button.button-gray,a.button-gray {
	border-color: #666;
	color: #464646;
	background: #eee url(../images/gray-grad.png) repeat-x scroll left top;
}
input.button-gray:active,button.button-gray:active,a.button-gray:active {
	background: #eee url(../images/gray-grad-active.png) repeat-x scroll left top;
	color: #464646;
}
input.button-gray:hover,button.button-gray:hover,a.button-gray:hover,a.button-gray:focus,a.button-gray:active {
	border-color: #0099CC;
	color: #0099CC;
}
.button-gray-disabled,.button-gray[disabled],.button-gray:disabled,.button-gray.disabled {
	color: #aaa!important;
	background: #ddd!important;
	border-color: #ddd!important;
}

.interactive-area .block-aligned {
  width: 100%;
  height: 90%;
}

.text.left a {
	text-align: left;
}
.text.left table, td, th {
	text-align: left;
}

a.outworld {
	background: url(../images/earth-b.gif) no-repeat left 3px;
	padding-left: 14px;
}
a.show {
	background: url(../images/magnifying-glass-b.gif) no-repeat 5px 3px;
	padding-left: 20px;
}
a.explain {
	background: url(../images/questionmark-b.gif) no-repeat 6px 3px;
	padding-left: 17px;
}
a.download {
	background: url(../images/arrow-download-b.gif) no-repeat 5px 3px;
	padding-left: 20px;
}
a.slidemenu {
	background: url(../images/arrow-nav-right-b.gif) no-repeat left 3px;
	padding-left: 14px;
}
a.internallink {
	background: url(../images/arrow-nav-right-b.gif) no-repeat left 3px;
	/* display:inline-block;
	max-width:90%; */
	padding-left: 15px;
}
a.bookmenu {
	background: url(../images/book-open-b.png) no-repeat left 3px;
	padding-left: 17px;
}
a.internallink.missingSlide {
	background: url(../images/arrow-nav-right-g.gif) no-repeat left 3px !important;
}
a.internallink.missingSlide:hover { 
	color: #5E5E5E; 
    cursor: default !important;
}



/***********************************************/
/* CUSTOM PROPERTIES FOR PLAYER WITH WIDTH 890 */
/***********************************************/
body.w890 #container { width: 890px; height: 580px; }
body.w890 .text { width: 186px; }
body.w890 .interactive-area { width: 860px; padding: 4px 4px; }
body.w890 .interactive-area.with-left { width: 650px; padding-left: 14px; }
body.w890 .interactive-area.with-right { width: 650px; padding-right: 14px; }
body.w890 .interactive-area.with-left.with-right { width: 440px; padding: 4px 14px; }
body.w890 .navigation-buttons { width: 186px; }
body.w890 .content { height: 480px; width: 892px; /* extra 2 pixels to avoid firefox bug with scroller */ }
body.w890 .content img { max-width: 640px; max-height: 460px !important; }
body.w890 .content div.eplxTitleslide div.logo_hq div.logo_txt logowideimage { height: 480px; width: 892px; /* extra 2 pixels to avoid firefox bug with scroller */ }

.content { overflow-x: hidden !important; }


/***********************************************/
/* BH UP TO HERE !
/***********************************************/

/* Geopedia, Gaea, VirtualBook */
body.w890 .content .smallcontainer {
  position: relative;
  padding: 0.6em;
  margin-bottom: 0.6em; 
  border: 1px solid #D6D6D6;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
body.w890 .content span.smallcontainer {
	display: -moz-inline-box;
	display: inline-block;
}
.modal-dialog {
  display: none;
  width: 650px;
  padding: 1.5em;
  padding-bottom: 1em;
  background-color: #FFFFFF;
  text-align: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
.dialog-heading {
  color: #666666;
  font-size: 1.3em;
  font-weight: bold;
}
.dialog-content {
  color: #777777;
  border: 1px solid #D6D6D6;
  padding: 2em;
  line-height: 2;
  margin-bottom: 1em;
}
.dialog-buttons {
  text-align: right;
  margin-right: 0;
}

/* internal headings */
.content h1 { font-size: 1.5em; }
.content h2 { font-size: 1.2em; font-weight: bold; }
.content h3 { font-size: 1em; font-weight: bold; }

/* for title slide to hide content when too small */
.eplxTitleslide {
   overflow: hidden;
   height: 100%;
}
.fw-title-footer {
   position: absolute;
   left: 81px;
   bottom: 0px;
   height: 52px;
   width: 820px;
   background-color: white;
}
.fw-title-footer-lic {
   position: absolute;
   left: 0px;
   bottom: 20px;
}
.fw-title-footer-proj {
   position: absolute;
   left: 116px;
   bottom: 20px;
}
/* last slide - sources */
.fw-src-lic img {
   margin-top: 0 !important;
}