/* CSS Document */

* {margin: 0; padding: 0;}
a:focus {outline:none;}
#wrapp {
width: 710px;
text-align: left;
font-size: 1.1em;
margin: 1em auto;
padding: 1em;
color: black;
}
/* slideViewer 1.0 default styles */
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul{position: relative; left: -999em;}
.stripViewer { /* this is the DIV container for your UL of images */
position: relative;
overflow: hidden; 
border: 5px solid #FFFFFF; /* this is the border. should have the same value for the links */
margin: 5 5 1px 0;
}
.stripViewer ul { /* this is your UL of images */
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { /* each image is arranged horizontally */
float:left;
}
.stripTransmitter { /* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
left:6px;
overflow:auto;
position:relative;
top:-23px;
width: 1%;
}
.stripTransmitter ul { /* the auto-generated set of links */
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{ /* in this list too, each LI is arranged horizontally */
float:left;
margin:0 1px 1px 0;
width:14px;
}
.stripTransmitter a{ /* the links. */
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 17px;
background: #c6c6c6;
color: #4A474A;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover { /* hover */
background: #c50000;
color: #fff;
}
.stripTransmitter a.current, .stripTransmitter a.current:hover { /* current */
background: #ff0000;
color: #ffffff;
}
/* end slideViewer default styles */

p {padding: 2em 0 0 0;}

code {
width:93%;	
font: normal 1em/1.3em 'Courier New', Courier, Fixed;
color: #000;
display: block;
padding: 0;
margin: 0;
background-color: #fff;
white-space: pre;
overflow-x: auto;
}

.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}

.stripViewer1 { /* this is the DIV container for your UL of images */
position: relative;
overflow: hidden; 
border: 1px solid #FFFFFF; /* this is the border. should have the same value for the links */
margin: 0;
}
.stripViewer1 ul { /* this is your UL of images */
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer1 ul li { /* each image is arranged horizontally */
float:left;
}