/*****************************************************************
* mikroC/PIC help screen style
* Author: Nikola Topalovic @ http://mikroe.com/
* $Date: 2008/09/10 08:32:05 $
*****************************************************************/

/** Clear the browser defaults **/
* {margin:0;padding:0;}

/** Page structure **/

body {
	padding-bottom:3em;
	/*background:#fafbff;*/ /*fff*/
	color:#111;
	font:10pt "Verdana","Arial",sans-serif;
	height: 100%;
	overflow: hidden;
}

/** General **/

p {
	margin:.8em 0 1.2em 0;
}
h1,h2,h3,h4 {
	padding:0.5em 0 0em 0;
	margin: 1.5em 0 0.5em 0;
	color:brown;
	font-family:"Arial","Helvetica",sans-serif;
}
h1 {font-size:220%;}
h2 {font-size:160%;}
h3 {font-size:130%;}
h4 {font-size:105%;}

a,a:link {
	color:#03c;
	text-decoration:none;
}
a:visited {
	color:#5a3696;
}
a:hover,a:focus {
	color:#03c;
  border-bottom:1px solid #36c;
}

.header A:link {text-decoration: none; color: white;}
.header A:visited {text-decoration: none; color: white;}
.header A:active {text-decoration: none; color: white;}
.header A:hover {text-decoration: none; color: white; 	background:black;}


acronym {
	border-bottom:1px dashed #ddd;
	cursor:help;
}
kbd {
	/* white-space:nowrap;*/
	padding:0 .2em;
	border-top:1px double #cfcfcf;
	border-left:2px solid #bababa;
	border-right:3px solid #aaa;
	border-bottom:4px solid #909090;
	background-color:#f6f6f6;
	color:#222;
	font:85% "Verdana","Tahoma",sans-serif;
	text-align:center;
}
del {
	text-decoration:none;
}

hr {
	height:1px;
	line-height:1px;
	border:0;
}

/** Lists **/

ul,ol {
	margin:1.25em 2.5em;
}
ul {
	list-style-type:square;
}
ul ul {
	list-style-type:square;
	margin:.5em 2.5em;
}
dt {
	padding:.5em 0;
	font-weight:bold;
}
dd {
	margin:.3em 1em;
}

/** Code **/

pre,code,.code {
	color:#050;
	font:93%/1.4 "Courier New","Monaco","Andale Mono","Courier",monospace;
}

td.code,th.code {font-size:10pt;}
.small code {font-size:10pt;}
.small td.code,.small th.code {font-size:10pt;}

pre.program {
	margin-top:1.4em;
	margin-bottom:1.4em;
	padding:.8em;
	border:1px solid #ddd;
	background:#f5f2ec;
}

/** Tables **/

table {
  /*margin-top:1.8em;*/
	border:0;
	border-collapse:collapse;
  font-size:10pt;
}
td,th,caption {
	padding-left: .5em;
  padding-right: .5em;
  padding-top: .3em;
  padding-bottom: .3em;
	border:1px solid #ccc;
}
th,caption {
	background:#f5f2ec;
	font-weight:bold;
	text-align:left;
}

td p,td pre {
	margin:0 0 1.2em 0;
}

/* Ekstra padding za tabele koje opisuju rutine */
table.routine td,table.routine th {padding:.6em 1em;}
table.small kbd {font-size:100%;}

.centercell{
	text-align:center;
	padding-top:5px;
}

.help_version {
	color:#999;
	font-weight:bold;
}

/**related topics**/

p.related{
	margin-top:4em;
	padding-left:.8em;
	border:2px solid #ddd;
	background:#f5f2ec;
}


/** Reusables **/

.hide {display:none;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.flleft {float:left;margin-right:2em;}
.flright {float:right;margin-left:2em;}
.cl {clear:both;}
.bordered {border:1px solid;}
.underline {text-decoration:underline;}
.overline {text-decoration:overline;}
.line_through{text-decoration: line-through;}
.small {font-size:85%;}

.feedback {
  color: black;
	font-family:"Tahoma","Tahoma",sans-serif;
  font-size: 9pt;
  text-align : center;
	margin-top: 3em ;
  border-top-width : 1px;
  border-top-color : #999999;
  border-top-style : solid;
}

.libstock {
  color: black;
	font-family:"Tahoma","Tahoma",sans-serif;
  font-size: 9pt;
 	margin-top: -2.3em ;
  text-align : right;

}

.libstock_text{
  float: right;
  text-align : center;
}

.libstock a:link {text-decoration: none;}
.libstock a:visited {text-decoration: none;}
.libstock a:active {text-decoration: none;}
.libstock a:hover {text-decoration: none;}

.col1 {margin-left: 0em;}
 
.col2 {margin-left: 13em;}
 
.col3 {margin-left: 26em;}

.col4 {margin-left: 39em;}

.col5 {margin-left: 52em;}

.col6 {margin-left: 65em;}
 
.coltopper {margin-top: -8.5em;}

.coltopper1 {margin-top: -200px;}

.coltopper2 {margin-top: -351px;}

.coltopper3 {margin-top: -288px;}

.mem {margin-left: 802px;}

#index {
  border: 0px solid #888;
  width:300px;
  }

#naslov {
	background:#f5f2ec;
  border-bottom: 1px solid #888;
  border-top: 1px solid black;
  padding-left: 1em;
}

#button1 {
  float:right;
  margin-top:-39px;
  margin-right:10px;
}

#button2 {
  float:right;
  margin-top:-39px;
  margin-right:60px;
}

#printheader {
	  display:none;
}

.thumbnail{
  position: relative;
  z-index: 0;
}

.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
  position: absolute;
  background-color: #f5f2ec;
  padding: 0px;
  left: -1000px;
  border: 1px solid black;
  visibility: hidden;
  color: black;
  text-decoration: none;
  margin-top: -20em;
}

.thumbnail span img{ /*CSS for enlarged image*/
  border-width: 0;
  padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
  visibility: visible;
  top: 5em;
  padding: 10px;
  left: -100px; /*position where enlarged image should offset horizontally */
}

.header A:link {text-decoration: none; color: white;}
.header A:visited {text-decoration: none; color: white;}
.header A:active {text-decoration: none; color: white;}
.header A:hover {text-decoration: none; color: white; 	background:black;}

.example{  
  position: relative;
  background-color: #e5e1d8;
  margin: 0px 0px -17px 0px;
  padding: 0px;
	border:2px solid #ddd;
	width: 170px;
}

.copytoclipboard{
  position: relative;

  top:0px;
  left:0px;
	FONT-SIZE: 11px; 
	FONT-FAMILY: Verdana;
  color:black;
  height: 10px;
  align: absmiddle;
}

.copytoclipboard a:link {text-decoration: none; color: black;}
.copytoclipboard a:visited {text-decoration: none; color: black;}
.copytoclipboard a:active {text-decoration: none; color: gray;}
.copytoclipboard a:hover {text-decoration: none; color: black;}

.clipboard_text{
  position: relative;
  margin: 0px 0px -20px 0px;
  padding: 0px;  
  top:-3px;
}