html {
	overflow:hidden;
	
}

::selection {
	background:#FF0;
}


body {
        font: 20px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px; top: 0px;
		overflow:hidden;
		cursor: url(cur/caneta.cur), default;
		
		
}

button {
  background: none;
  border: none;
  color: white;
  cursor: url(cur/hand.cur), pointer;
}
	  
	  
#fancybox-close {
	border:none;
}

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 16px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

.sidemenu{
	position:absolute;
	top:0px;
	right:0px;
	margin:auto;
	padding:5px;
	display:block;
	background:#ff9e0b;
	vertical-align:middle;

}

.sidemenu button {
		font-weight:900;
	font-size:13px;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}


	  
#barraProgressao {
	margin:10px;
	width:680px;
	height:28px;
	display:block;
	background:#ee5b00;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	
}

#progresso {
	height:22px;
	background-color:#000;
	 
  	background: -webkit-gradient(linear, left top, right top, from(#ffbe53), to(#ff9a00));

  	background: -webkit-linear-gradient(left, #ffbe53, #ff9a00);

  	background: -moz-linear-gradient(left, #ffbe53, #ff9a00);

  	background: -ms-linear-gradient(left, #ffbe53, #ff9a00);

  	background: -o-linear-gradient(left, #ffbe53, #ff9a00);
	
	display:block;
	width:1px;
	text-align:center;
	padding:3px;
	font-size:15px;	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;	
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	color:#000;
}
	  
#painel {

	width:100%;
	height:100px;
	padding-top:20px;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(70,16,3)),
    color-stop(0.64, rgb(110,22,0))
);
	background-image: -moz-linear-gradient(
    center bottom,
    rgb(70,16,3) 0%,
    rgb(110,22,0) 64%
);
		 position:absolute;
		 top:0px;
		 left:0px;
		 display:block;
		 z-index:10;
		 padding-left:320px;
		 color:#FFF;
		 box-shadow:#111 2px 2px 2px 2px;
	  }
	  
	  #painel img {
			margin-left: 10px;
			margin-right: 10px; 
	  }
	  
	  #marcaPagina {
			text-align:center;
			width:135px;
			height: 80px;
			position:absolute;
			z-index:11;
			background:#ff9e0b;
			/* Mozilla: */
			background: -moz-linear-gradient(top, #ff9e0b, #d05b00);
			/* Chrome, Safari:*/
			background: -webkit-gradient(linear,
						left top, left bottom, from(#ff9e0b), to(#d05b00));
			/* MSIE */
			filter: progid:DXImageTransform.Microsoft.Gradient(
						StartColorStr='#ff9e0b', EndColorStr='#d05b00', GradientType=0);
			left:100px;
			text-shadow:#000 2px 2px 2px;
			box-shadow:#000 2px 2px 2px 2px;
			padding: 30px;
			color:#FFF;
			font-size:380%;
			font-weight:bold;
			-moz-border-bottom-left-radius: 20px;
    		-webkit-border-bottom-left-radius: 20px;
    		-khtml-border-bottom-left-radius: 20px;
   			 border-bottom-left-radius: 20px;
			-moz-border-bottom-right-radius: 20px;
			-webkit-border-bottom-right-radius: 20px;
			-khtml-border-bottom-right-radius: 20px;
			border-bottom-right-radius: 20px;
		 
	  }
      
      .presentation {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0px;
        top: 0px;
        display: block;
        overflow: hidden;
		background-color:#333;
        background: -webkit-gradient(radial, 50% 50%, 10, 50% 50%, 1000, from(#333), to(#000));  
		/* For WebKit (Safari, Google Chrome etc) */

		background: -moz-radial-gradient(50% 50%, farthest-side, #333, #000);      

      }
      
      .paginas {
		
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        display: block;
        -webkit-transition: -webkit-transform 1s ease-in-out;
        -moz-transition: -moz-transform 1s ease-in-out;
        -o-transition: -o-transform 1s ease-in-out;
        transition: transform 1s ease-in-out;
        
        /* so it's visible in the iframe. */
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        
      }
      
      .pagina {
		background:url(images/pagina.jpg);  
        display: none;
        position: absolute;
        overflow: hidden;
        width: 900px;
        height: 700px;
        left: 50%;
        bottom: -5%;
        margin-top: -350px;
        -webkit-transition: all 0.40s ease-in-out;
        -moz-transition: all 0.40s ease-in-out;
        -o-transition: all 0.40s ease-in-out;
        transition: all 0.40s ease-in-out;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
		box-shadow:#000 2px 2px 13px 2px;
      }
      

 
      .pagina p, .pagina textarea {
        font-size: 100%;
		
      }
 
      .center {
        text-align: center;
      }
 
      .pagina .counter {
        color: #000;
        position: absolute;
        right: 40px;
        bottom: 50px;
        display: block;
        font-size: 90%;
      }
	  
	 .content {
		text-align:justify;
		line-height:30px; 
		padding:10px;
	  }
	  

.pagina:not(.transitionSlide) .counter:after {
  content: '';
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: right bottom;
  position: absolute;
  bottom: 30;
  right: 45px;
  opacity: 0.25;
}

.offline-storage .counter:after {
  background-image: url(http://www.html5rocks.com/static/images/identity/classes_32/HTML5_Offline_Storage_32.png);
}

.pagina.title > .counter,
.pagina.segue > .counter,
.pagina.mainTitle > .counter {
  display: none;
}


.pagina.transitionSlide p {
  margin: 0;
}


.vbox {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;

  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;

  display: box;
  box-orient: vertical;
  box-align: stretch;
}

.hbox {
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;

  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;

  display: box;
  box-orient: horizontal;
  box-align: stretch;
}

.flex {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
}

.noflex {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
}

.boxcenter {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
}

.force-render {
        display: block;
        visibility: hidden;
      }
      
      .pagina.far-past {
        display: block;
        margin-left: -2400px;
      }
      
      .pagina.past {
        visibility: visible;
        display: block;
        margin-left: -1400px;
      }
      
      .pagina.current {
        visibility: visible;
        display: block;
        margin-left: -450px;
      }
      
      .pagina.future {
        visibility: visible;
        display: block;
        margin-left: 500px;
      }
      
      .pagina.far-future {
        display: block;
        margin-left: 1500px;
      }
	  
	    div:not(.current).reduced {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
      } 

body.three-d div.presentation {
  background: -webkit-gradient(radial, 50% 50%, 10, 50% 50%, 1000, from(#333), to(#000));        
}

body.three-d div.paginas {
  -webkit-transform: translateX(50px) scale(0.8) rotateY(10deg);
  -moz-transform: translateX(50px) scale(0.8) rotateY(10deg);
  -o-transform: translateX(50px) scale(0.8) rotateY(10deg);
  transform: translateX(50px) scale(0.8) rotateY(10deg);
}

/* Content */
/*
  Font sizes:
  header h1 - 50px
  h2, p - 20px
  default, pre, input - 16px
*/

#capa {
		 background:url(images/capa.jpg);
		 color:#FFF;
}

section.capa {
		  
		line-height: 2em;
        text-align: center;
        margin-top:350px;
		margin-left:auto;
        height: 700px;
        width: 900px;
		 
}

.subtitulo {
		font-family: 'Arial';
        color: #000;
        font-size: 150%;
        padding: 0;
		margin-top:160px;
		font-style:italic;
		font-weight:900;
		text-align:center;
}

	  
header {
  font-family: 'Arial';
  font-weight: normal;
  letter-spacing: -.05em;
  color: black;
  text-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
  position: absolute;
  left: 30px;
  top: 25px;
  margin: 0;
  padding: 0;
  font-size: 50px;
  margin: 25px 0 5px 0;
}

h1 {
  font-size: 100%;
  display:block;
  display: inline;
  font-weight: normal;
  margin: 25px 0 5px 0;
}

h2 {
  font-family: 'Arial';
  display:block;
  color: black;
  font-size: 20px;
  padding: 0;
}
      

section, footer {
  font-family: 'Arial';
  color: #3f3f3f;
  margin: 100px 30px 0;
  display: block;
  overflow: hidden;
}

footer {
  font-size: 12px;
  margin: 20px 0 0 30px;
}

a {
  color: inherit;
  display: inline-block;
  text-decoration: none;
  line-height: 110%;
  border-bottom: 2px solid #3f3f3f;
  cursor: url(cur/hand.cur), pointer;
}

.gmap a {
  line-height: 100%;
  border-bottom: none;
}

li {
  list-style: none;
  padding: 10px 0;
}

button {
  font-size: 20px;
}

pre button {
  margin: 2px;
}

.summary {
  font-size: 30px;
}

.bullets {
  font-size: 40px;
}

section.left {
  float: left;
  width: 390px;
}

section.small {
  font-size: 24px;
}

section.small ul {
  margin: 0 0 0 15px;
  padding: 0;
}

section.small li {
  padding-bottom: 0;
}

section.middle {
  line-height: 68px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  height: 700px;
  width: 900px;
}

pre {
  text-align: left;
  font-family: 'Droid Sans Mono', Courier;
  padding: 10px 20px;
  background: rgba(255, 0, 0, 0.05);
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid rgba(255, 0, 0, 0.2);
}

pre select {
  font-family: Monaco, Courier;
  border: 1px solid #c61800;
}
  
input {
  font-size: 16px;
  margin-right: 10px;
  font-family: Helvetica;
  padding: 3px 5px;
}
input[type="range"] {
  width: 100%;
}

button {
  font-family: Verdana;
}

button.large {
  font-size: 32px;
}
  
pre b {
  font-weight: normal;
  color: #c61800;
  text-shadow: #c61800 0 0 1px;
  /*letter-spacing: -1px;*/
}
pre em {
  font-weight: normal;
  font-style: normal;
  color: #18a600;
  text-shadow: #18a600 0 0 1px;
}
pre input[type="range"] {
  height: 6px;
  cursor: pointer;
  width: auto;
}

div.example {
  display: block;
  padding: 10px 20px;
  color: black;
  background: rgba(255, 255, 255, 0.4);
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

video {
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.css,
.js,
.html,
.key {
  font-family: 'Arial';
  color: black;
  display: inline-block;
  padding: 6px 10px 3px 10px;
  font-size: 25px;
  line-height: 30px;
  text-shadow: none;
  letter-spacing: 0;
  bottom: 10px;
  position: relative;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px;
  -o-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px;
}

.key { font-family: "Lucida console", Monospace, Arial; }

:not(header) > .css,
:not(header) > .js,
:not(header) > .html,
:not(header) > .key {
  margin: 0 5px;
  bottom: 4px;
}

.css {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff4), to(#ffa));
  background-color: #ff4;
  background: -moz-linear-gradient(left top, #ff4, #ffa);
}
.js {
  background: -webkit-gradient(linear, left top, left bottom, from(#4f4), to(#afa));
  background-color: #4f4;
  background: -moz-linear-gradient(left top, #4f4, #afa);
}
.html {
  background: -webkit-gradient(linear, left top, left bottom, from(#e88), to(#fee));
  background-color: #e88;
  background: -moz-linear-gradient(left top, #e88, #fee);
}

.two-column {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.summary li::before, .bullets li::before {
  content: '· ';
}

.stroke {
  -webkit-text-stroke-color: red;
  -webkit-text-stroke-width: 1px;
} /* currently webkit-only */

.center {
  text-align: center;
}

.formula {
  font-size: 50px;
}

#presentation-counter {
  color: #ccc;
  font-size: 100px;
  letter-spacing: 1px;
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  text-align: center;
}

[data-build] > * {
  -webkit-transition: opacity 0.5s ease-in-out 0.2s; 
  -moz-transition: opacity 0.5s ease-in-out 0.2s; 
  -o-transition: opacity 0.5s ease-in-out 0.2s; 
}

[data-build] > *.to-build {
  opacity: 0;
}

.sidebar {
    background:#0066c0;
			/* Mozilla: */
			background: -moz-linear-gradient(top, #222, #000);
			/* Chrome, Safari:*/
			background: -webkit-gradient(linear,
						left top, left bottom, from(#222), to(#000));
			/* MSIE */
			filter: progid:DXImageTransform.Microsoft.Gradient(
						StartColorStr='#222', EndColorStr='#000', GradientType=0);
  color:#FFFFFF;
  border-right: 5px solid #000;
  box-shadow: 2px 2px 10px 3px #000;
}

#speaker-note {
  position:absolute;
  left: 0;
  top: 80%;
  width: 100%;
  height: 20%;
  z-index: 8;
  opacity: 0.75;
  background-color: white;
  overflow: auto;
  padding: 2px 20px;
  -webkit-transition: top 0.5s ease-in-out;
  -moz-transition: top 0.5s ease-in-out;
  -o-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
}
#speaker-note.invisible {
  top: 101%;
}
.sidebar {
  z-index: 999;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  top: 0;
  position: absolute;
  display: block;
  margin: 0;
  padding: 10px 16px;
  overflow: auto;
  -webkit-transition: margin 0.2s ease-in-out;
  -moz-transition: margin 0.2s ease-in-out;
  -o-transition: margin 0.2s ease-in-out;
  transition: margin 0.2s ease-in-out;
}
.sidebar.invisible {
  margin-left: -1500px;
  max-width:800px;
}


.sidebar.invisible.siglas table tbody tr td::first-child {
	font-weight:900;
}

.sidebar table {
  border-collapse: collapse;
}
.sidebar caption {
  text-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
  font-size: 24px;
  font-weight: bold;
  line-height: 55px;
}
.sidebar tr {
  margin: 2px 0;
  border-bottom: 1px solid #CCC;
}
.sidebar th{
  text-align: left;
  max-width: 300px;
}
.sidebar td {
  text-align: left;
  padding-left: 10px;
  padding-right: 5px;
  font-size:16px;
}

nav#helpers {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
  position: fixed;
  bottom: 0;
  z-index: 10;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  background:#0066c0;

	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(70,16,3)),
    color-stop(0.64, rgb(110,22,0))
);
	background-image: -moz-linear-gradient(
    center bottom,
    rgb(70,16,3) 0%,
    rgb(110,22,0) 64%
);
  opacity: 0.1;
  	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
  
  
}

nav#helpers:hover {
  
  opacity: 1.0;
  
}


.bt {
	margin-right:20px;
}

#btIndice {
	text-indent:-9999;
	width:43px;
	height:41px;
	background:url(images/icone/indice.png);
}

#btSalvar {
	position:absolute;
	z-index:13;
	text-indent:-9999;
	width:29px;
	height:28px;
	left:266px;
	top:0px;
	background:url(images/icone/salvar.png);

}

#btImagens {
	width:43px;
	height:41px;
	background:url(images/icone/imagens.png);
}

#btVideos {
	width:40px;
	height:40px;
	background:url(images/icone/videos.png);
}

#btSiglas {
	width:43px;
	height:41px;
	background:url(images/icone/siglas.png);
}

#btAnimacoes {
	width:43px;
	height:41px;
	background:url(images/icone/animacoes.png);
}

#btQuiz {
	width:43px;
	height:41px;
	background:url(images/icone/quiz.png);
}

#btTab {
	width:43px;
	height:41px;
	background:url(images/icone/tabelas.png);
}

#btAnotacoes {
	width:42px;
	height:37px;
	background:url(images/icone/anotacoes.png);
}

#btAjuda {
	width:24px;
	height:42px;
	background:url(images/icone/ajuda.png);
}

.toc {
  font-size: 10px;
  top: -3px;
}
nav#helpers button#pagina-no {
  font-size: 10px;
  border: 1px solid white;
  padding: 4px;
  margin-bottom: 4px;
}
#nav-next {
  margin-right: 20px;
}
menu {
  position:absolute;
  top: 3px;
  margin-left:130px;
}

/* Pretty printing styles. Used with prettify.js. */

/* SPAN elements with the classes below are added by prettyprint. */
.str { color: #080; }
.kwd { color: #008; }
.com { color: #800; }
.typ { color: #606; }
.lit { color: #066; }
.pun, .opn, .clo { color: #660; }
.pln { color: #000; }
.tag { color: #008; }
.atn { color: #606; }
.atv { color: #080; }
.dec { color: #606; }

/* Use higher contrast and font-styling for printable form. */
@media print {
  .str { color: #060; }
  .kwd { color: #006; font-weight: bold; }
  .com { color: #600; font-style: italic; }
  .typ { color: #404; font-weight: bold; }
  .lit { color: #044; }
  .pun, .opn, .clo { color: #440; }
  .pln { color: #000; }
  .tag { color: #006; font-weight: bold; }
  .atn { color: #404; }
  .atv { color: #060; }
}

/* Put a border around prettyprinted code snippets. */
pre.prettyprint { }

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee }

/* Outros */

.glossario {
	padding-left: 20px;
	text-decoration: none;
	background: #CCC url('http://www.douglasrosa.com/imagens/di.png') no-repeat;
	cursor:help;
	
}

.imgzoom {
	border:none;
	cursor:url(cur/zoom.cur), default;
}

.zoomPad{
	position:relative;
	float:left;
	z-index:99;
}


.zoomPreload{
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   color: #333;
   font-size: 12px;
   font-family: Tahoma;
   text-decoration: none;
   border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
   text-align:center;
   background-image: url(images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
    * width:100px;
    * height:49px;
}


.zoomPup{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:120;
	position:absolute;
	border:1px solid #CCC;
  z-index:101;
}

.zoomOverlay{
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	/*opacity:0.5;*/
	z-index:5000;
	width:100%;
	height:100%;
	display:none;
  z-index:101;
}

.zoomWindow{
	position:absolute;
	left:110%;
	top:40px;
	background:#FFF;
	z-index:6000;
	height:auto;
  z-index:10000;
  z-index:110;
}
.zoomWrapper{
	position:relative;
	border:1px solid #999;
  	z-index:110;
	cursor:pointer;
}
.zoomWrapperTitle{
	padding-top: 3px;
	display:block;
	background:#999;
	color:#000;
	height:36px;
	line-height:18px;
	width:100%;
  overflow:hidden;
	text-align:center;
	font-size:20px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:120;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
}
.zoomWrapperImage{
	display:block;
  position:relative;
  overflow:hidden;
  z-index:110;

}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}

ul {
	padding-left:30px;
	list-style:circle;
}

#ani-list,#quiz-list,#tab-list, #vid-list, #img-list, #toc-list, #sig-list {
              min-width:440px;
			  max-width:800px;
}

#ani-list > li, #quiz-list > li,#tab-list > li,#vid-list > li, #img-list > li, #toc-list > li {
              font-size: 16px;
              line-height: 18px;
              opacity: 0.85;
            }
#ani-list > li:hover,#quiz-list > li:hover,#tab-list > li:hover,#vid-list > li:hover, #img-list > li:hover, #toc-list > li:hover {
              opacity: 1;
            }
#ani-list,#quiz-list a,#tab-list a,#vid-list a, #img-list a, #toc-list a {
			  
              border-bottom: 0;
}
#ani-list a:hover, #quiz-list a:hover,#tab-list a:hover,#vid-list a:hover, #img-list a:hover, #toc-list a:hover{
              color:#ff9e0b;
			  border-bottom: 1px solid #FFF;
			  cursor: url(cur/hand.cur), pointer;
}
#ani-list img, #quiz-list img,#tab-list img,#vid-list img, #img-list img, #toc-list img {
              vertical-align: middle;
              margin-left: 15px;
}

h3 {
	display:block;
	text-align:center;
	font-size:100%;
	font-weight:normal;
}