/*****************************************************************
* 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 'Trebuchet MS', 'Helvetica',sans-serif;
	height: 100%;
	overflow: hidden;
}


p {
	margin:.8em 0 1.2em 0;
}

h5 {font-weight:bold;}

h2,h3,h4 {
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
  color:#e51919;
  padding-left: 10px;
  padding-bottom: 3px;
}

h3,h4 {  
  font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
  border:1px solid #ddd;  
}

h2 {
  font-family: Verdana, Tahoma, Geneva, sans-serif;
  font-size:220%; 
  padding-bottom: 20px; 
  padding-top: 30px;
  color:#FF700F;
}

	

h3 {font-size:140%; color:white; background: #FF700F;}
h4 {font-size:115%; color:#FF700F; background: #fed68c;}


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

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

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;
}

.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: -36em;}

.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 -18px 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;
}

/* Table of contents*/

#table_of_contents{
  position: relative;
  padding:10px 10px 10px 10px;
  background-color: #fffee0;
  border:1px dashed #0d6aa5; 
  margin: 30px 0px 30px 0px;
}

.contents_head{
  position: relative;
  top: -10px;
  margin: 10px;
  font-weight: bold;
}

#table_of_contents p{
  font-size: 130%;
}

#table_of_contents ul{
	list-style-type: upper-roman;
	margin:.5em 2.5em;  
}

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


/* Table of contents*/

#subtable_of_contents{
  position: relative;
  padding:10px 10px 10px 10px;
  background-color: #f2f2f2;
  border:1px dashed #0d6aa5; 
  margin: 30px 0px 30px 0px;
}

#subtable_of_contents ul{
	margin:.5em 2.5em;  
}

#container{
	margin:0 auto;
	width:380px;
	background:#fff;
}
#content{margin:0 20px;}

#menu_options{
  position: relative;
  padding:-5px 50px 10px 10px;
  background-color: #fffee0;
  border-bottom:1px solid #e1ebdc; 
  border-left:1px solid #e1ebdc; 
  border-right:1px solid #e1ebdc; 
  margin: 40px 0px 30px 0px;
}

div#note {
	padding-bottom: 20;
}

img.note {
	margin-right: 7;
}

div#note table th {
	background:	#EFEFF7;
}

div#note table td {
	background:	#F7F7FF;
	padding-left: 8;
	padding-bottom: 0;
}