.arrow_icon { display: block; width: 50px; height: 30px; background-image: url(images/bubble_arrow_quad.png); background-repeat: no-repeat; } 
.ar_purple { background-position: 0px 0px; } 
.ar_red { background-position: 0px -30px; } 
.ar_green { background-position: 0px -60px; } 
.ar_blue { background-position: 0px -90px; } 
#tooltip {
  border: 1px solid #333333;
  padding: 2px 5px;
  background: black none repeat scroll 0% 50%;
  position: absolute;
  display: none;
  color: white;
}
table.sample {
  caption-side: top;
  height: 750px;
  table-layout: fixed;
  

}
table.sample th {
  border: 1px dotted gray;
  padding: 1px;
  background-color: #33CCFF;
}
table.sample td {
  border: 1px dotted gray;
  padding: 1px;
  background-color: rgb(204, 255, 255);
}
div.float-left {
  border-left: 2px dotted #2e8b57;
  border-bottom: 2px dotted #2e8b57;
  margin: 0 0 0 0.2em;
  background: #90ee90 none repeat scroll 0%;
  float: left;
  width: 9em;
  padding-left: 0.2em;
}

div #content {
overflow: auto;
 height: 300px;
 width: 100%;  
 background-color: #FFFFFF;
 border: 1px solid #555555;
 }
 
 div #flocontent {
overflow: auto;
 height: 200px;
 width: 1000px;  
 background-color: #FFFFFF;
 border: 1px solid #555555;
 }
 

td > input {
  width: 50px;
  font-size: 16px;   
  margin-top: 5px;
  padding-top: 12px;
  padding-left: 0px;
  margin-left: auto;
  margin-right: auto;
  top: 0px;
  right: 10px;
   
}

td > textarea {
  width: 100%;
  font-size: 16px;   
  margin-top: 5px;
  padding-top: 12px;
  padding-left: 0px;
  margin-left: auto;
  margin-right: auto;
  top: 0px;
  right: 10px;
   
}  
  
.over { background: #ccc; }
 

div.selHolder {
  border: 3px solid #cccccc;
  margin: 10px;
  padding: 5px;
  float: left;
}
body {
	margin: 0;
	padding: 0;
	background:  #FFFFFF;
	font-size: 13px;
	color: #000000;
}

body, th, td, input, textarea, select, option {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}


A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}

.ahem {
  display: none;
}

.floatleft
{
float: left;
width: 200px;
height: 200px;
}

.floatright
{
float: left;
width: 200px;
height: 200px;
}

strong, b {
  font-weight: bold;
}
p {
  font-size: 12px;
  line-height: 22px;
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 {
  font-size: 24px;
  line-height: 44px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}
h2 {
  font-size: 18px;
  line-height: 40px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}
h3 {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}
h4 {
  font-size: 14px;
  line-height: 26px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}
h5 {
  font-size: 12px;
  line-height: 22px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}
h6 {
  font-size: 10px;
  line-height: 18px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}
img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.nowrap {
  white-space: nowrap;
  font-size: 10px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}
.tiny {
  font-size: 9px;
  line-height: 16px;
  margin-top: 15px;
  margin-bottom: 5px;
}
#top {
  border:  none;
  margin: 0px;
  padding: 10px;
  background: #ffffff none repeat scroll 0% 50%;
  voice-family: inherit;
  height: 80px;
}
html > body #top {
  height: 80px;
}
#left {
  border:  none;
  margin: 0px;
  padding: 10px;
  background: #666666 none repeat scroll 0% 50%;
  position: absolute;
  top: 100px;
  left: 0px;
  voice-family: inherit;
  width: 130px;
}
html > body #left {
  width: 130px;
}
#middle {
  border:  none;
  margin: 0px 150px;
  padding: 10px;
  background: white none repeat scroll 0% 50%;
}
#right {
  border:  none;
  margin: 0px;
  padding: 10px;
  background: #990000 none repeat scroll 0% 50%;
  position: absolute;
  top: 100px;
  right: 0px;
  voice-family: inherit;
  width: 130px;
}
html > body #right {
  width: 130px;
}
pre {
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */ /*
	width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* General */
#cssdropdown, #cssdropdown ul { list-style: none; }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
/* Head links */
#cssdropdown li.headlink { width: 220px; float: left; margin-left: -1px; border: 1px black solid; background-color: #e9e9e9; text-align: center; }
#cssdropdown li.headlink a { display: block; padding: 15px; }
/* Child lists and links */
#cssdropdown li.headlink ul { display: none; border-top: 1px black solid; text-align: left; }
#cssdropdown li.headlink:hover ul { display: block; }
#cssdropdown li.headlink ul li a { padding: 5px; height: 17px; }
#cssdropdown li.headlink ul li a:hover { background-color: #333; }
/* Pretty styling */
#cssdropdown a { color: white; } #cssdropdown ul li a:hover { text-decoration: none; }
#cssdropdown li.headlink { background-color: white; background-image: url(sowe.JPG); }
#cssdropdown li.headlink ul { background-image: url(sowe.JPG); background-position: bottom; padding-bottom: 10px; }

#nav a { border: 1px solid #ccc; background: #fc0; text-decoration: none; margin: 0 5px; padding: 3px 5px;  }
#nav a.activeSlide { background: #ea0 }
#nav a:focus { outline: none; }